@fewangsit/wangsvue-fats 1.0.1-rc.9 → 2.0.0-alpha.1

package/datatable/index.es.js

@@ -1,42 +1,42 @@
-import { defineComponent as bt, mergeModels as Aa, useModel as gt, computed as F, inject as Fa, ref as I, shallowRef as R, onMounted as yt, onUnmounted as ht, watch as ke, createElementBlock as c, openBlock as d, normalizeProps as se, guardReactiveProps as ie, unref as r, createElementVNode as x, withDirectives as mt, createCommentVNode as h, createVNode as P, createBlock as E, mergeProps as p, withCtx as de, Fragment as S, renderList as Z, createTextVNode as ue, toDisplayString as H, withModifiers as _, normalizeClass as xe, resolveDynamicComponent as wt, toHandlers as kt, vShow as Ct, nextTick as xa } from "vue";
-import { s as Rt } from "../vendor/simplebar-vue/dist/simplebar-vue.esm.es.js";
-import m from "../event-bus/index.es.js";
-import { u as Dt } from "../plugins/WangsVue.es.js";
-import { u as Tt } from "../utils/baseToast.util.es.js";
-import { f as Pt } from "../utils/date.util.es.js";
-import { n as Kt, e as Et } from "../utils/exportToExcel.util.es.js";
-import { m as St } from "../utils/mergePropsWithDefaults.util.es.js";
-import { s as ce, g as B } from "../utils/object.util.es.js";
-import { u as _t } from "../assetinfo/AssetInfo.es.js";
-import { s as Nt } from "../vendor/primevue/paginator/paginator.esm.es.js";
-import { O as Ha } from "../vendor/primevue/utils/utils.esm.es.js";
-import He from "../checkbox/index.es.js";
-import { _ as Ce } from "../animation/Animation.es.js";
-import { _ as Be } from "../button/Button.es.js";
-import At from "../customcolumn/index.es.js";
-import Ft from "../dialogconfirm/index.es.js";
-import Q from "../icon/index.es.js";
-import xt from "../menu/index.es.js";
-import Ht from "../toast/index.es.js";
-import Bt from "../toggleswitch/index.es.js";
-import { _ as $t } from "../multirow/MultiRow.es.js";
+import { defineComponent as mt, useModel as wt, computed as _, inject as $a, ref as W, shallowRef as R, onMounted as kt, onUnmounted as Ct, watch as Re, openBlock as d, createElementBlock as p, normalizeProps as ae, guardReactiveProps as ie, unref as r, createElementVNode as z, createVNode as S, mergeProps as f, withCtx as ue, createCommentVNode as w, Fragment as K, renderList as q, createBlock as N, toDisplayString as j, withModifiers as T, normalizeClass as De, resolveDynamicComponent as Rt, toHandlers as Dt, createTextVNode as Ke, renderSlot as Kt, withDirectives as Pt, vShow as _t, mergeModels as xa, nextTick as Ba } from "vue";
+import { s as St } from "../vendor/primevue/paginator/paginator.esm.es.js";
+import { O as Et } from "../vendor/primevue/utils/utils.esm.es.js";
+import { s as Nt } from "../vendor/simplebar-vue/dist/simplebar-vue.esm.es.js";
+import { _ as Oe } from "../checkbox/index.es.js";
+import { e as k } from "../event-bus/index.es.js";
+import { u as Tt } from "../plugins/WangsVue.es.js";
+import { u as At } from "../utils/baseToast.util.es.js";
+import { f as Ht } from "../utils/date.util.es.js";
+import { n as Ft, e as $t } from "../utils/exportToExcel.util.es.js";
+import { m as xt } from "../utils/mergePropsWithDefaults.util.es.js";
+import { s as ce, g as $ } from "../utils/object.util.es.js";
+import { _ as La } from "../headercell/index.es.js";
+import { _ as Bt } from "../multirow/index.es.js";
+import { _ as Pe } from "../animation/index.es.js";
+import { _ as Me } from "../button/index.es.js";
+import { _ as Lt } from "../customcolumn/index.es.js";
+import { _ as Ot } from "../dialogconfirm/index.es.js";
+import { _ as te } from "../icon/index.es.js";
+import { u as Mt } from "../plugins/basei18n.es.js";
+import { _ as Ut } from "../menu/index.es.js";
+import { _ as It } from "../toast/index.es.js";
+import { _ as zt } from "../toggleswitch/index.es.js";
 /* empty css                                            */
-import { c as Mt } from "../vendor/lodash-es/cloneDeep.es.js";
-import { _ as Ot } from "../backgroundimagecropper/BackgroundImageCropper.es.js";
-function Ut(W) {
-  let $ = W.target;
-  $.tagName === "UL" && ($ = $.parentElement);
-  const { offsetHeight: t = 0 } = $, z = window.innerHeight * 90 / 100;
-  t >= z && ($.style.transform = "translateY(5vh)");
+import { c as jt } from "../vendor/lodash-es/cloneDeep.es.js";
+function Qt(L) {
+  let A = L.target;
+  A.tagName === "UL" && (A = A.parentElement);
+  const { offsetHeight: t = 0 } = A, O = window.innerHeight * 90 / 100;
+  t >= O && (A.style.transform = "translateY(5vh)");
 }
-const Lt = (W, $) => W.every((t) => $.includes(t)), It = ["id"], zt = ["onClick"], jt = { class: "flex" }, Vt = ["id"], Qt = { key: 0 }, Wt = ["colspan"], qt = ["id", "draggable", "onClick", "onDblclick", "onDragenter", "onDragstart"], Gt = ["onClick"], Jt = ["colspan"], Yt = ["colspan"], Zt = ["colspan"], Xt = ["colspan"], el = ["colspan"], al = ["contenteditable", "onBlur", "onKeypress"], tl = { key: 1 }, ll = { key: 2 }, ol = ["colspan"], nl = /* @__PURE__ */ bt({
+const Vt = (L, A) => L.every((t) => A.includes(t)), Wt = ["id"], qt = ["rowspan"], Gt = ["rowspan"], Jt = ["rowspan"], Yt = ["id", "rowspan"], Zt = { key: 0 }, Xt = ["colspan"], el = { key: 1 }, al = ["colspan"], tl = ["id", "draggable", "onClick", "onDblclick", "onDragenter", "onDragstart"], ll = ["onClick"], ol = ["colspan"], nl = ["colspan"], rl = ["colspan"], sl = ["colspan"], dl = ["colspan"], il = ["contenteditable", "onBlur", "onKeypress"], ul = { key: 1 }, cl = /* @__PURE__ */ mt({
   __name: "DataTable",
-  props: /* @__PURE__ */ Aa({
+  props: /* @__PURE__ */ xa({
     treeTable: { type: Boolean },
     childTableProps: {},
+    columns: {},
     tableName: { default: "datatable" },
     tableTitle: { default: void 0 },
-    columns: {},
     useOption: { type: Boolean, default: !0 },
     data: {},
     dataKey: { default: "_id" },
@@ -44,56 +44,70 @@ const Lt = (W, $) => W.every((t) => $.includes(t)), It = ["id"], zt = ["onClick"
     includeCheckDisabledRows: { type: Boolean },
     highlightKey: {},
     disableAllRows: { type: Boolean },
-    search: {},
-    tag: {},
+    lazy: { type: Boolean, default: !0 },
     defaultQueryParams: {},
     fetchFunction: {},
     rows: {},
-    isSelectedAll: { type: Boolean },
-    filters: {},
-    lazy: { type: Boolean, default: !0 },
     loading: { type: Boolean },
     selectionType: { default: "checkbox" },
-    useSelection: { type: Boolean },
     selectedData: {},
     expandedRows: {},
     usePaginator: { type: Boolean },
     options: { default: () => [] },
-    singleSelect: { type: Boolean },
     customColumn: { type: Boolean, default: !0 },
     scrollHeight: {},
     rowHeight: { default: "fixed" },
     reorderable: { type: Boolean },
-    globalFilterFields: {},
     totalDisabledRows: {},
-    excelToastErrorMessage: {},
-    emptyTableMessage: {},
     singleSelection: {}
   }, {
     singleSelection: {},
     singleSelectionModifiers: {}
   }),
-  emits: /* @__PURE__ */ Aa(["toggleOption", "selectData", "rowSelect", "page", "sort", "update:selectedData", "update:singleSelection", "cellEdited", "input", "rowReorder"], ["update:singleSelection"]),
-  setup(W, { emit: $ }) {
-    const t = W, z = $, $e = gt(W, "singleSelection"), { defaultProps: Ba, locale: Me } = Dt("DataTable"), X = F(() => St(t, Ba)), u = Fa("preset", {}).datatable, $a = [10, 25, 50, 100], Ma = Fa("useToastConfig"), Oe = Tt(Ma), { setLoading: Ue } = _t(), Re = `${window.location.pathname.replace("/", "").split("/").join("-")}-${t.tableName}`, g = I(t.data ?? []), pe = R(t.data ?? []), M = I({}), O = I(t.columns), Oa = I(), Ua = I(), T = R([]), q = R(), Le = R(0), ee = R(!1), fe = R(!1), La = R(0), Ie = R(0), ve = R(0), De = R(!1), be = R(), ge = I(), ze = I(), U = I([]), Te = R({}), ae = R(), je = R(), N = R(), D = R(), G = R(1), j = R(10), L = R(0), ye = I({}), Ve = F(() => {
+  emits: /* @__PURE__ */ xa(["update:singleSelection", "cellEdited", "rowReorder", "toggleOption", "doubleClick", "rowSelect", "page", "sort", "update:selectedData"], ["update:singleSelection"]),
+  setup(L, { emit: A }) {
+    const t = L, O = A, pe = wt(L, "singleSelection"), { defaultProps: Oa, locale: M } = Tt("DataTable"), Ma = _(() => xt(t, Oa)), i = $a("preset", {}).datatable, Ua = [10, 25, 50, 100], Ia = $a("useToastConfig"), Ue = At(Ia), { setLoading: Ie } = Mt(), _e = `${window.location.pathname.replace("/", "").split("/").join("-")}-${t.tableName}`, g = W(t.data ?? []), fe = R(t.data ?? []), U = W({}), I = W(t.columns), za = W(), P = R([]), G = R(), ze = R(0), le = R(!1), ve = R(!1), ja = R(0), je = R(0), be = R(0), Se = R(!1), ye = R(), Ee = W(), Qe = W(), x = W([]), Ne = R({}), oe = R(), Ve = R(), H = R(), D = R(), J = R(1), Q = R(10), B = R(0), ge = W({}), Qa = _(
+      () => !!he.value.child.length
+    ), Y = _(
+      () => Qa.value ? 2 : 1
+    ), he = _(() => {
+      const e = {
+        parent: [],
+        child: []
+      };
+      for (const a of I.value)
+        if (a.parentHeader) {
+          e.child.push(a);
+          const n = e.parent.find(
+            (s) => s.field === a.parentHeader.field
+          );
+          n ? n.colspan && n.colspan++ : e.parent.push({
+            ...a.parentHeader,
+            colspan: 1,
+            rowspan: 1
+          });
+        } else
+          e.parent.push(a);
+      return e;
+    }), We = _(() => {
       var e, a;
       return (e = t.childTableProps) != null && e.columns ? (a = t.childTableProps) == null ? void 0 : a.columns.filter((n) => {
         var s;
         return !n.parentColumnsFields || ((s = n.parentColumnsFields) == null ? void 0 : s.some(
-          (v) => O.value.some((i) => i.field === v)
+          (b) => I.value.some((c) => c.field === b)
         ));
-      }) : O.value;
-    }), Qe = F(() => O.value.length + (t.selectionType === "checkbox" ? 1 : 0) + (t.useOption ? 1 : 0) + (t.reorderable ? 1 : 0) + (t.treeTable ? 1 : 0)), We = F(() => ({
+      }) : I.value;
+    }), qe = _(() => I.value.length + (t.selectionType === "checkbox" ? 1 : 0) + (t.useOption ? 1 : 0) + (t.reorderable ? 1 : 0) + (t.treeTable ? 1 : 0)), Ge = _(() => ({
       ...t.defaultQueryParams,
-      search: t.lazy ? ae.value : t.search,
-      tag: t.lazy ? je.value : void 0,
-      page: t.usePaginator ? G.value : void 0,
-      limit: t.usePaginator ? j.value : void 0,
+      search: t.lazy ? oe.value : void 0,
+      tag: t.lazy ? Ve.value : void 0,
+      page: t.usePaginator ? J.value : void 0,
+      limit: t.usePaginator ? Q.value : void 0,
       sortOrder: D.value,
-      sortBy: N.value,
-      ...t.lazy ? Te.value : t.filters
+      sortBy: H.value,
+      ...t.lazy ? Ne.value : {}
       // This will reset the previous filters.
-    })), qe = F(() => {
+    })), Je = _(() => {
       var a;
       const e = (a = g.value) == null ? void 0 : a.filter(
         (n) => {
@@ -101,295 +115,310 @@ const Lt = (W, $) => W.every((t) => $.includes(t)), It = ["id"], zt = ["onClick"
           return ((s = n.children) == null ? void 0 : s.length) || n.hasChildren;
         }
       );
-      return (e == null ? void 0 : e.length) && e.every((n) => M.value[n[t.dataKey]] > 0);
-    }), Ge = F(() => {
-      var i, b, f, w, k;
-      if (t.disableAllRows || !((i = Y()) != null && i.length) || t.selectionType !== "checkbox" || ((b = te.value) == null ? void 0 : b.length) === g.value.length)
+      return (e == null ? void 0 : e.length) && e.every((n) => U.value[n[t.dataKey]] > 0);
+    }), Ye = _(() => {
+      var c, y, u, h, m;
+      if (t.disableAllRows || !((c = X()) != null && c.length) || t.selectionType !== "checkbox" || ((y = ne.value) == null ? void 0 : y.length) === g.value.length)
         return !1;
-      const e = (f = T.value) == null ? void 0 : f.length, a = ((w = Ae(Y())) == null ? void 0 : w.map((l) => l[t.dataKey])) ?? [], n = ((k = T.value) == null ? void 0 : k.map((l) => l[t.dataKey])) ?? [], s = n.length ? Lt(a, n) : !1, v = e > 0 && e === (L.value ?? 0) - (te.value.length ?? 0);
-      return s || v;
-    }), te = F(
-      () => Xe(t.data ?? Y() ?? [])
-    ), Pe = F(
-      () => ee.value || t.loading
-    ), Ia = F(
+      const e = (u = P.value) == null ? void 0 : u.length, a = ((h = Be(X())) == null ? void 0 : h.map((l) => l[t.dataKey])) ?? [], n = ((m = P.value) == null ? void 0 : m.map((l) => l[t.dataKey])) ?? [], s = n.length ? Vt(a, n) : !1, b = e > 0 && e === (B.value ?? 0) - (ne.value.length ?? 0);
+      return s || b;
+    }), ne = _(
+      () => ta(t.data ?? X() ?? [])
+    ), Te = _(
+      () => le.value || t.loading
+    ), Ae = _(
       () => {
         var e;
-        return !Pe.value && !((e = g.value) != null && e.length);
+        return t.useOption || ((e = t.childTableProps) == null ? void 0 : e.useOption) || t.customColumn;
       }
-    ), za = F(
+    ), Va = _(
+      () => {
+        var e;
+        return !Te.value && !((e = g.value) != null && e.length);
+      }
+    ), Wa = _(
       () => t.lazy && t.fetchFunction || !t.usePaginator ? g.value : g.value.slice(
-        (G.value - 1) * j.value,
-        G.value * j.value
+        (J.value - 1) * Q.value,
+        J.value * Q.value
       )
-    ), Ke = (e) => Object.keys(M.value).includes(e), J = (e) => te.value.includes(e), Ee = (e) => t.selectionType === "checkbox" ? !!T.value.find((a) => a[t.dataKey] === e) : ja(e), ja = (e) => {
+    ), He = (e) => Object.keys(U.value).includes(e), Z = (e) => ne.value.includes(e), me = (e) => t.selectionType === "checkbox" ? !!P.value.find((a) => a[t.dataKey] === e) : qa(e), qa = (e) => {
       var a;
-      return e !== void 0 && ((a = $e.value) == null ? void 0 : a[t.dataKey]) === e;
-    }, Y = (e) => (g.value ?? []).filter(
+      return e !== void 0 && ((a = pe.value) == null ? void 0 : a[t.dataKey]) === e;
+    }, X = (e) => (g.value ?? []).filter(
       (a) => !a.childRowHeader && !a.childRow
-    ), he = async (e, a, n) => {
-      var v, i;
-      if (Ke(e[t.dataKey]) === n) return;
-      const s = n ?? !Ke(e[t.dataKey]);
-      if (!fe.value)
+    ), we = async (e, a, n) => {
+      var b, c;
+      if (He(e[t.dataKey]) === n) return;
+      const s = n ?? !He(e[t.dataKey]);
+      if (!ve.value)
         if (!s)
           g.value.splice(
             a + 1,
-            M.value[e[t.dataKey]]
-          ), delete M.value[e[t.dataKey]];
+            U.value[e[t.dataKey]]
+          ), delete U.value[e[t.dataKey]];
         else {
-          M.value[e[t.dataKey]] = 1;
-          let { children: b } = e;
-          if ((v = t.childTableProps) != null && v.fetchFunction && e.hasChildren)
+          U.value[e[t.dataKey]] = 1;
+          let { children: y } = e;
+          if ((b = t.childTableProps) != null && b.fetchFunction && e.hasChildren)
             try {
               g.value.splice(a + 1, 0, {
                 childRow: !0,
                 loadingRow: !0
-              }), fe.value = !0;
-              const f = await ((i = t.childTableProps) == null ? void 0 : i.fetchFunction(e));
-              b = f == null ? void 0 : f.data;
-            } catch (f) {
-              console.error("🚀 ~ toggleRowExpand ~ error:", f);
+              }), ve.value = !0;
+              const u = await ((c = t.childTableProps) == null ? void 0 : c.fetchFunction(e));
+              y = u == null ? void 0 : u.data;
+            } catch (u) {
+              console.error("🚀 ~ toggleRowExpand ~ error:", u);
             } finally {
-              g.value.splice(a + 1, 1), fe.value = !1;
+              g.value.splice(a + 1, 1), ve.value = !1;
             }
-          if (a >= 0 && (b != null && b.length)) {
-            const f = b.flatMap((w) => [
+          if (a >= 0 && (y != null && y.length)) {
+            const u = y.flatMap((h) => [
               {
                 childRowHeader: !0,
-                header: w.groupHeader
+                header: h.groupHeader
               },
-              ...(w.groupItems ?? []).map((l) => ({ childRow: !0, ...l }))
+              ...(h.groupItems ?? []).map(
+                (l) => ({ childRow: !0, ...l })
+              )
             ]);
-            M.value[e[t.dataKey]] = f.length, g.value.splice(a + 1, 0, ...f);
+            U.value[e[t.dataKey]] = u.length, g.value.splice(
+              a + 1,
+              0,
+              ...u
+            );
           } else
             g.value.splice(a + 1, 0, {
               childRow: !0,
               noDataRow: !0
             });
         }
-    }, Va = (e) => {
-      t.includeCheckDisabledRows ? T.value = e ? Y() : Y().filter((a) => J(a[t.dataKey])) : T.value = e ? Ae(Y()) : [];
-    }, Qa = (e, a, n) => {
-      if (!a.childRow && !a.childRowHeader && !J(a[t.dataKey]) && t.selectionType !== "none") {
-        const s = Ee(a[t.dataKey]);
-        z("rowSelect", { originalEvent: e, data: a, index: n }), t.selectionType === "checkbox" ? s ? T.value = T.value.filter(
-          (v) => v[t.dataKey] != a[t.dataKey]
-        ) : T.value = [...T.value, a] : $e.value = s ? void 0 : a;
+    }, Ga = (e) => {
+      t.includeCheckDisabledRows ? P.value = e ? X() : X().filter(
+        (a) => Z(a[t.dataKey])
+      ) : P.value = e ? Be(X()) : [];
+    }, Ja = (e, a, n) => {
+      if (!a.childRow && !a.childRowHeader && !Z(a[t.dataKey]) && t.selectionType !== "none") {
+        const s = me(a[t.dataKey]);
+        O("rowSelect", { originalEvent: e, data: a, index: n }), t.selectionType === "checkbox" ? s ? P.value = P.value.filter(
+          (b) => b[t.dataKey] != a[t.dataKey]
+        ) : P.value = [...P.value, a] : pe.value = s ? void 0 : a;
       }
-    }, Wa = async () => {
+    }, Ya = async () => {
       var a;
-      const e = !qe.value;
-      if (!fe.value) {
+      const e = !Je.value;
+      if (!ve.value) {
         let n = 0;
         for (const s of g.value)
-          ((a = s.children) != null && a.length || s.hasChildren) && await he(s, n, e), n++;
+          ((a = s.children) != null && a.length || s.hasChildren) && await we(s, n, e), n++;
       }
-    }, qa = async (e, a) => {
+    }, Za = async (e, a) => {
       const n = e.target, s = n.tagName.toLowerCase() === "button" ? n : n.parentElement;
-      z("toggleOption", a);
-      const v = {
+      O("toggleOption", a);
+      const b = {
         ...e,
         currentTarget: e.currentTarget ?? e.target
       };
-      _e(), await xa(() => {
-        var i;
-        s != null && s.classList.contains("option-button-active") ? _e() : ((i = ze.value) == null || i.toggle(v), _e(), s == null || s.classList.add("option-button-active"));
+      $e(), await Ba(() => {
+        var c;
+        s != null && s.classList.contains("option-button-active") ? $e() : ((c = Qe.value) == null || c.toggle(b), $e(), s == null || s.classList.add("option-button-active"));
       });
-    }, Je = async (e, a, n) => {
-      var v, i, b, f;
+    }, Xa = (e, a, n) => ({
+      [(typeof e.bodySelectedClass == "function" ? e.bodySelectedClass(a) : e.bodySelectedClass) ?? ""]: me(a[n])
+    }), Ze = async (e, a, n) => {
+      var b, c, y, u;
       if (!n.preset) return;
       const s = () => ce(
         a,
         n.field,
-        !B(a, n.field)
+        !$(a, n.field)
       );
-      if (n.preset.type === "checkbox" ? (i = (v = n.preset).onCheck) == null || i.call(v, e, a, s) : n.preset.type === "toggle" && ((f = (b = n.preset).onToggle) == null || f.call(b, e, a, s)), "confirmDialogProps" in n.preset) {
-        const { showWhen: w } = Fe(
+      if (n.preset.type === "checkbox" ? (c = (b = n.preset).onCheck) == null || c.call(b, e, a, s) : n.preset.type === "toggle" && ((u = (y = n.preset).onToggle) == null || u.call(y, e, a, s)), "confirmDialogProps" in n.preset) {
+        const { showWhen: h } = Le(
           n.preset,
           a[n.field],
           a
         ) ?? {};
-        typeof w == "function" ? ye.value[a[t.dataKey] + n.field] = await w(
+        typeof h == "function" ? ge.value[a[t.dataKey] + n.field] = await h(
           a,
           e
-        ) : ye.value[a[t.dataKey] + n.field] = !w || w === "active" && e || w === "inactive" && !e;
+        ) : ge.value[a[t.dataKey] + n.field] = !h || h === "active" && e || h === "inactive" && !e;
       }
-    }, Se = (e) => e.draggable !== !1 && !e.childRow && !e.childRowHeader && t.reorderable && !D.value, Ga = (e, a, n) => {
+    }, Fe = (e) => e.draggable !== !1 && !e.childRow && !e.childRowHeader && t.reorderable && !D.value, et = (e, a, n) => {
       if (a.childRow || a.childRowHeader) return;
-      M.value = {};
+      U.value = {};
       const { dataTransfer: s } = e;
-      be.value = a, q.value = { item: a, fromIndex: n }, s && (s.dropEffect = "move", s.effectAllowed = "move", s.setData("id", a._id), s.setData("index", n.toString()));
-    }, Ja = (e, a) => {
-      var n, s;
-      if (e.preventDefault(), Se(a)) {
-        const v = e.target, i = v.tagName === "TR" ? v : v.closest("tr");
-        if (i == null || i.classList.add("bg-primary-50"), (n = i == null ? void 0 : i.nextElementSibling) == null || n.classList.remove("bg-primary-50"), (s = i == null ? void 0 : i.previousElementSibling) == null || s.classList.remove("bg-primary-50"), !i || !be.value) return;
-        const b = U.value.findIndex(
-          (w) => {
-            var k;
-            return w._id === ((k = be.value) == null ? void 0 : k._id);
+      ye.value = a, G.value = { item: a, fromIndex: n }, s && (s.dropEffect = "move", s.effectAllowed = "move", s.setData("id", a[t.dataKey]), s.setData("index", n.toString()));
+    }, at = (e, a) => {
+      var n, s, b, c;
+      if (e.preventDefault(), Fe(a)) {
+        const y = e.target, u = y.tagName === "TR" ? y : y.closest("tr");
+        if (u == null || u.classList.add("bg-primary-50"), u == null || u.classList.add("dark:bg-grayscale-800"), (n = u == null ? void 0 : u.nextElementSibling) == null || n.classList.remove("bg-primary-50"), (s = u == null ? void 0 : u.nextElementSibling) == null || s.classList.remove("dark:bg-grayscale-800"), (b = u == null ? void 0 : u.previousElementSibling) == null || b.classList.remove("bg-primary-50"), (c = u == null ? void 0 : u.previousElementSibling) == null || c.classList.remove(
+          "dark:bg-grayscale-800"
+        ), !u || !ye.value) return;
+        const h = x.value.findIndex(
+          (l) => {
+            var v;
+            return l[t.dataKey] == ((v = ye.value) == null ? void 0 : v[t.dataKey]);
           }
-        ), f = U.value.findIndex(
-          (w) => w._id === i.id
+        ), m = x.value.findIndex(
+          (l) => l[t.dataKey] == u.id
         );
-        b !== -1 && f !== -1 && (q.value && (q.value.toIndex = f), [
-          U.value[b],
-          U.value[f]
+        h !== -1 && m !== -1 && (G.value && (G.value.toIndex = m), [
+          x.value[h],
+          x.value[m]
         ] = [
-          U.value[f],
-          U.value[b]
-        ], Za());
+          x.value[m],
+          x.value[h]
+        ], lt());
       }
-    }, Ya = () => {
-      q.value && z("rowReorder", q.value), be.value = void 0, De.value = !1, q.value = void 0;
-    }, Za = () => {
-      g.value = [...U.value];
-    }, _e = () => {
+    }, tt = () => {
+      G.value && O("rowReorder", G.value), ye.value = void 0, Se.value = !1, G.value = void 0;
+    }, lt = () => {
+      g.value = [...x.value];
+    }, $e = () => {
       const e = document.querySelectorAll(".option-button-active");
       e == null || e.forEach((a) => {
         a.classList.remove("option-button-active");
       });
-    }, Xa = () => {
-      N.value = void 0, D.value = void 0;
-    }, et = () => {
-      G.value = 1, ve.value++;
-    }, at = () => {
-      j.value = t.rows ?? 10, G.value = 1, ve.value++;
-    }, tt = () => {
-      at(), Xa();
-    }, Ne = async () => {
-      Ie.value++, ve.value++, tt(), t.lazy ? await le() : lt();
-    }, lt = () => {
-      let e = [...pe.value ?? []];
-      const a = Te.value, n = Object.entries(a);
+    }, ot = () => {
+      H.value = void 0, D.value = void 0;
+    }, nt = () => {
+      J.value = 1, be.value++;
+    }, rt = () => {
+      Q.value = t.rows ?? 10, J.value = 1, be.value++;
+    }, st = () => {
+      rt(), ot();
+    }, xe = async () => {
+      je.value++, be.value++, st(), t.lazy ? await re() : dt();
+    }, dt = () => {
+      let e = [...fe.value ?? []];
+      const a = Ne.value, n = Object.entries(a);
       try {
         e = n.length ? e.filter((s) => n.every(
-          ([v, { value: i, matchMode: b }]) => {
-            const f = B(s, v);
-            switch (b) {
+          ([b, { value: c, matchMode: y }]) => {
+            const u = $(s, b);
+            switch (y) {
               case "IN":
-                return Array.isArray(i) ? i.includes(f) : !1;
+                return Array.isArray(u) && Array.isArray(c) ? u.some((h) => c.includes(h)) : Array.isArray(c) ? c.includes(u) : !1;
               case "CONTAINS":
-                return f && i ? f.toString().toLowerCase().includes(i) : !1;
+                return u && c ? u.toString().toLowerCase().includes(c) : !1;
               case "EQUALS":
-                return f ? f.toString() === i.toString() : !1;
+                return u ? u.toString() === c.toString() : !1;
               case "BETWEEN":
-                return Array.isArray(i) && i.length === 2 ? !isNaN(f) && (i[0] == null || f >= i[0]) && (i[1] == null || f <= i[1]) : !1;
+                return Array.isArray(c) && c.length === 2 ? !isNaN(u) && (c[0] == null || u >= c[0]) && (c[1] == null || u <= c[1]) : !1;
               case "DATE_BETWEEN":
-                return Array.isArray(i) ? +new Date(f) >= i[0] && +new Date(f) <= i[1] : !1;
+                return Array.isArray(c) ? +new Date(u) >= c[0] && +new Date(u) <= c[1] : !1;
               default:
                 return !1;
             }
           }
-        )) : pe.value;
+        )) : fe.value;
       } catch (s) {
         console.error("🚀 ~ applyStaticFilter ~ error:", s);
       }
-      ot(e);
-    }, ot = (e) => {
+      it(e);
+    }, it = (e) => {
       var a;
       try {
-        g.value = (a = ae.value) != null && a.length ? e.filter((n) => {
+        g.value = (a = oe.value) != null && a.length ? e.filter((n) => {
           const s = JSON.stringify(n);
-          return new RegExp(ae.value, "i").test(s) || ae.value.split(/\s+/).filter(Boolean).every((v) => new RegExp(v, "i").test(s));
+          return new RegExp(oe.value, "i").test(s) || oe.value.split(/\s+/).filter(Boolean).every((b) => new RegExp(b, "i").test(s));
         }) : e;
       } catch (n) {
         console.error("🚀 ~ applyStaticSearch ~ error:", n);
       }
-    }, nt = async (e) => {
-      j.value = e.rows, G.value = e.page + 1, t.lazy && t.fetchFunction && await le(), Object.keys(M.value).forEach((a) => {
+    }, ut = async (e) => {
+      Q.value = e.rows, J.value = e.page + 1, t.lazy && t.fetchFunction && await re(), Object.keys(U.value).forEach((a) => {
         const n = g.value.findIndex(
           (s) => s[t.dataKey] == a
         );
-        n >= 0 && he(g.value[n], n, !0);
+        n >= 0 && we(g.value[n], n, !0);
       });
-    }, rt = (e, a) => {
-      e !== N.value && (D.value = void 0), N.value = e, D.value ? D.value == -1 ? (D.value = void 0, N.value = void 0) : D.value = -1 : D.value = 1, z("sort", {
+    }, Xe = (e, a) => {
+      e !== H.value && (D.value = void 0), H.value = e, D.value ? D.value == -1 ? (D.value = void 0, H.value = void 0) : D.value = -1 : D.value = 1, O("sort", {
         sortOrder: D.value,
-        sortField: N.value,
+        sortField: H.value,
         originalEvent: a,
-        rows: j.value
-      }), et(), t.lazy && t.fetchFunction ? le() : st();
-    }, st = () => {
+        rows: Q.value
+      }), nt(), t.lazy && t.fetchFunction ? re() : ct();
+    }, ct = () => {
       const e = [...g.value ?? []], a = /* @__PURE__ */ new Map();
       if (!D.value) {
-        g.value = pe.value ?? [];
+        g.value = fe.value ?? [];
         return;
       }
       for (const s of e)
-        a.set(
-          s,
-          Ha.resolveFieldData(s, N.value)
-        );
+        a.set(s, $(s, H.value));
       const n = new Intl.Collator(void 0, { numeric: !0 }).compare;
-      e.sort((s, v) => {
-        const i = a.get(s), b = a.get(v);
-        return Ha.sort(i, b, D.value, n, -1);
+      e.sort((s, b) => {
+        const c = a.get(s), y = a.get(b);
+        return Et.sort(c, y, D.value, n, -1);
       }), g.value = e;
-    }, le = async () => {
+    }, re = async () => {
       var e;
       try {
-        ee.value = !0;
-        const a = await ((e = t.fetchFunction) == null ? void 0 : e.call(t, We.value)), { data: n = [], totalRecords: s = 0 } = (a == null ? void 0 : a.data) ?? {};
-        g.value = n, U.value = [...g.value], L.value = s;
+        le.value = !0;
+        const a = await ((e = t.fetchFunction) == null ? void 0 : e.call(t, Ge.value)), { data: n = [], totalRecords: s = 0 } = (a == null ? void 0 : a.data) ?? {};
+        g.value = n, x.value = [...g.value], B.value = s;
       } catch (a) {
         console.error("🚀 ~ reFetch ~ error:", a);
       } finally {
-        ee.value = !1, M.value = {};
+        le.value = !1, U.value = {};
       }
-    }, Ye = async () => {
+    }, ea = async () => {
       var n;
-      const e = Mt(We.value);
+      const e = jt(Ge.value);
       delete e.page, delete e.limit;
       const a = await ((n = t.fetchFunction) == null ? void 0 : n.call(t, e));
       if (a instanceof Error) throw a;
       return (a == null ? void 0 : a.data) ?? { data: [], totalRecords: 0 };
-    }, it = async (e) => {
+    }, pt = async (e) => {
       if (t.tableName === e.tableName)
         try {
-          ee.value = !0;
-          const { data: a, totalRecords: n = 0 } = t.lazy ? await Ye() : { totalRecords: (t.data ?? []).length, data: t.data }, s = Xe(a);
-          T.value = t.includeCheckDisabledRows ? a ?? [] : Ae(a, s), L.value = n;
+          le.value = !0;
+          const { data: a, totalRecords: n = 0 } = t.lazy ? await ea() : { totalRecords: (t.data ?? []).length, data: t.data }, s = ta(a);
+          P.value = t.includeCheckDisabledRows ? a ?? [] : Be(a, s), B.value = n;
         } finally {
-          ee.value = !1;
+          le.value = !1;
         }
-    }, oe = (e, a) => u == null ? void 0 : u.headercell({
+    }, ee = (e, a) => i == null ? void 0 : i.headercell({
       props: t,
       context: {
         sortOrder: D.value,
         customColumn: a,
-        sorted: N.value && N.value === (e == null ? void 0 : e.field),
-        sortable: e == null ? void 0 : e.sortable
+        sorted: H.value && H.value === (e == null ? void 0 : e.field),
+        sortable: e == null ? void 0 : e.sortable,
+        isParentHeader: (e == null ? void 0 : e.rowspan) === 1
       }
-    }), Ze = (e) => {
-      (!e.tableName || e.tableName === t.tableName) && xa(() => {
-        La.value++, le();
+    }), aa = (e) => {
+      (!e.tableName || e.tableName === t.tableName) && Ba(() => {
+        ja.value++, re();
       });
-    }, Ae = (e, a) => (e ?? []).filter(
-      (n) => !(a ?? te.value).includes(n[t.dataKey])
-    ), Xe = (e = []) => t.disableAllRows ? e.map((a) => a[t.dataKey]) : e.filter((a) => a[t.disableKey]).map((a) => a[t.dataKey]), dt = async ({
+    }, Be = (e, a) => (e ?? []).filter(
+      (n) => !(a ?? ne.value).includes(n[t.dataKey])
+    ), ta = (e = []) => t.disableAllRows ? e.map((a) => a[t.dataKey]) : e.filter((a) => a[t.disableKey]).map((a) => a[t.dataKey]), ft = async ({
       tableName: e,
       multiTableNames: a,
       fileName: n,
       additionalTexts: s
     }) => {
-      var w;
+      var h;
       if (e !== t.tableName && !(a != null && a.includes(t.tableName)))
         return;
-      const i = O.value.filter(
-        (k) => k.visible !== !1
-      ).filter((k) => !k.excluded), b = i.map(
-        (k) => k.header ?? k.exportHeader ?? "-"
-      ), f = () => n.trim().replace(/[^a-zA-Z0-9\s]/g, "-").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/-+$/, "");
+      const c = I.value.filter(
+        (m) => m.visible !== !1
+      ).filter((m) => !m.excluded), y = c.map(
+        (m) => m.header ?? m.exportHeader ?? "-"
+      ), u = () => n.trim().replace(/[^a-zA-Z0-9\s]/g, "-").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/-+$/, "");
       try {
-        if (m.off("data-table:download", me), e === t.tableName) {
-          Ue(!0, Me.downloadingMessage);
-          const { data: k } = t.fetchFunction ? await Ye() : { data: t.data }, l = Kt(k, i, Me);
+        if (k.off("data-table:download", ke), e === t.tableName) {
+          Ie(!0, M.downloadingMessage);
+          const { data: m } = t.fetchFunction ? await ea() : { data: t.data }, l = Ft(m, c, M);
           if (a != null && a.length) {
-            m.emit("button-download:multi-tables", {
+            k.emit("button-download:multi-tables", {
               table: {
-                headers: b,
+                headers: y,
                 data: l,
                 tableName: e,
                 tableTitle: t.tableTitle
@@ -397,584 +426,603 @@ const Lt = (W, $) => W.every((t) => $.includes(t)), It = ["id"], zt = ["onClick"
             });
             return;
           }
-          await Et({
+          await $t({
             tables: [
-              { headers: b, data: l, tableName: e, tableTitle: t.tableTitle }
+              { headers: y, data: l, tableName: e, tableTitle: t.tableTitle }
             ],
-            fileName: f(),
+            fileName: u(),
             additionalTexts: s
           });
         }
-      } catch (k) {
-        console.error("🚀 ~ downloadExcel error:", k), Oe.removeAllGroups(), Oe.add({
-          message: ((w = X.value.excelToastErrorMessage) == null ? void 0 : w.replace("{fileName}", n)) ?? "Data gagal diunduh.",
-          error: k,
+      } catch (m) {
+        console.error("🚀 ~ downloadExcel error:", m), Ue.removeAllGroups(), Ue.add({
+          message: ((h = M.excelToastErrorMessage) == null ? void 0 : h.replace("{fileName}", n)) ?? "Data gagal diunduh.",
+          error: m,
           group: "download"
         });
       } finally {
-        Ue(!1), m.on("data-table:download", me);
+        Ie(!1), k.on("data-table:download", ke);
       }
     };
-    yt(async () => {
+    kt(async () => {
       var e;
-      t.fetchFunction && (await le(), vt()), (e = t.selectedData) != null && e.length && (T.value = t.selectedData), ut();
-    }), ht(() => {
-      ct();
-    }), ke(
+      t.fetchFunction && (await re(), ht()), (e = t.selectedData) != null && e.length && (P.value = t.selectedData), vt();
+    }), Ct(() => {
+      bt();
+    }), Re(
       () => t.columns,
       () => {
-        t.customColumn || (O.value = t.columns), Le.value++;
+        t.customColumn || (I.value = t.columns), ze.value++;
       }
-    ), ke(
+    ), Re(
       () => t.data,
       (e) => {
-        g.value = e ?? [], pe.value = e ?? [], m.emit("data-table:updated", { tableName: t.tableName, data: e }), L.value = e == null ? void 0 : e.length;
+        g.value = e ?? [], fe.value = e ?? [], x.value = e ?? [], k.emit("data-table:updated", { tableName: t.tableName, data: e }), B.value = e == null ? void 0 : e.length;
       },
       {
         immediate: !0
       }
-    ), ke(L, (e) => {
-      ft(e);
-    }), ke(
-      T,
+    ), Re(B, (e) => {
+      gt(e);
+    }), Re(
+      P,
       (e) => {
-        z("selectData", e), z("update:selectedData", e), m.emit("data-table:update-selected-data", {
+        O("update:selectedData", e), k.emit("data-table:update-selected-data", {
           tableName: t.tableName,
           data: e
         });
       },
       { deep: !0 }
     );
-    const ut = () => {
-      m.on("data-table:apply-filter", ea), m.on("search-table", aa), m.on("search-by-scan-table", ta), m.on("data-table:clear-selected-data", oa), m.on("data-table:select-all-record", la), m.on("data-table:download", me), m.on("data-table:import-excel-to-json", na);
-    }, ct = () => {
-      m.off("data-table:update", Ze), m.off("data-table:apply-filter", ea), m.off("search-table", aa), m.off("search-by-scan-table", ta), m.off("data-table:clear-selected-data", oa), m.off("data-table:select-all-record", la), m.off("data-table:download", me), m.off("data-table:import-excel-to-json", na);
-    }, ea = (e) => {
-      e.tableName === t.tableName && (Te.value = e.filter, Ne());
-    }, aa = (e) => {
-      e.tableName === t.tableName && (ae.value = e.search, Ne());
-    }, ta = (e) => {
-      e.tableName === t.tableName && (je.value = e.tag, Ne());
+    const vt = () => {
+      k.on("data-table:apply-filter", la), k.on("search-table", oa), k.on("search-by-scan-table", na), k.on("data-table:clear-selected-data", sa), k.on("data-table:select-all-record", ra), k.on("data-table:download", ke), k.on("data-table:import-excel-to-json", da);
+    }, bt = () => {
+      k.off("data-table:update", aa), k.off("data-table:apply-filter", la), k.off("search-table", oa), k.off("search-by-scan-table", na), k.off("data-table:clear-selected-data", sa), k.off("data-table:select-all-record", ra), k.off("data-table:download", ke), k.off("data-table:import-excel-to-json", da);
     }, la = (e) => {
-      e.tableName === t.tableName && it(e);
+      e.tableName === t.tableName && (Ne.value = e.filter, xe());
     }, oa = (e) => {
-      e.tableName === t.tableName && (T.value = []);
-    }, me = (e) => {
+      e.tableName === t.tableName && (oe.value = e.search, xe());
+    }, na = (e) => {
+      e.tableName === t.tableName && (Ve.value = e.tag, xe());
+    }, ra = (e) => {
+      e.tableName === t.tableName && pt(e);
+    }, sa = (e) => {
+      e.tableName === t.tableName && (P.value = []);
+    }, ke = (e) => {
       var a;
-      (e.tableName === t.tableName || (a = e.multiTableNames) != null && a.includes(t.tableName)) && dt(e);
-    }, pt = (e) => {
+      (e.tableName === t.tableName || (a = e.multiTableNames) != null && a.includes(t.tableName)) && ft(e);
+    }, yt = (e) => {
       e.code.includes("Digit") || e.code.includes("Numpad") || ["ArrowLeft", "ArrowRight", "Backspace", "Delete"].includes(e.code) || e.preventDefault();
-    }, ft = (e) => {
-      const a = t.includeCheckDisabledRows ? 0 : (te.value.length || t.totalDisabledRows) ?? 0, n = {
-        total: (e ?? L.value ?? 0) - a,
+    }, gt = (e) => {
+      const a = t.includeCheckDisabledRows ? 0 : (ne.value.length || t.totalDisabledRows) ?? 0, n = {
+        total: (e ?? B.value ?? 0) - a,
         tableName: t.tableName
       };
-      m.emit("data-table:update-total-record", n);
-    }, vt = () => {
-      m.on("data-table:update", Ze);
-    }, na = (e) => {
-      e.tableName === t.tableName && (g.value = e.data, U.value = [...g.value], L.value = e.data.length);
-    }, Fe = (e, a, n) => typeof (e == null ? void 0 : e.confirmDialogProps) == "function" ? e == null ? void 0 : e.confirmDialogProps(a, n) : e == null ? void 0 : e.confirmDialogProps;
+      k.emit("data-table:update-total-record", n);
+    }, ht = () => {
+      k.on("data-table:update", aa);
+    }, da = (e) => {
+      e.tableName === t.tableName && (g.value = e.data, x.value = [...g.value], B.value = e.data.length);
+    }, Le = (e, a, n) => typeof (e == null ? void 0 : e.confirmDialogProps) == "function" ? e == null ? void 0 : e.confirmDialogProps(a, n) : e == null ? void 0 : e.confirmDialogProps;
     return (e, a) => {
-      var n, s, v;
-      return d(), c("div", se(ie((n = r(u)) == null ? void 0 : n.root)), [
-        x("div", se(ie((s = r(u)) == null ? void 0 : s.tablewrapper)), [
-          P(r(Rt), p({ "auto-hide": !1 }, (v = r(u)) == null ? void 0 : v.scrollheightwrapper({ props: t }), { class: "custom-scrollbar" }), {
-            default: de(() => {
-              var i, b, f, w, k;
+      var n, s, b;
+      return d(), p("div", ae(ie((n = r(i)) == null ? void 0 : n.root)), [
+        z("div", ae(ie((s = r(i)) == null ? void 0 : s.tablewrapper)), [
+          S(r(Nt), f({ "auto-hide": !1 }, (b = r(i)) == null ? void 0 : b.scrollheightwrapper({ props: t }), { class: "custom-scrollbar [&_.simplebar-track]:bg-grayscale-100 dark:[&_.simplebar-track]:bg-grayscale-800" }), {
+            default: ue(() => {
+              var c, y, u, h, m;
               return [
-                (d(), c("table", p({ id: r(Re) }, (i = r(u)) == null ? void 0 : i.table, {
-                  key: Ie.value,
-                  ref: Oa.value
+                (d(), p("table", f({ id: r(_e) }, (c = r(i)) == null ? void 0 : c.table, {
+                  key: je.value,
+                  ref: za.value
                 }), [
-                  x("thead", se(ie(r(u).thead)), [
-                    x("tr", se(ie(r(u).headerrow)), [
-                      e.reorderable && !D.value ? (d(), c("th", p({ key: 0 }, r(u).headercellreorderable, {
-                        class: oe().class
-                      }), null, 16)) : h("", !0),
-                      e.selectionType === "checkbox" ? (d(), c("th", p({ key: 1 }, r(u).headercellcheckbox, {
-                        class: oe().class
+                  z("thead", ae(ie(r(i).thead)), [
+                    z("tr", ae(ie(r(i).headerrow)), [
+                      e.reorderable && !D.value ? (d(), p("th", f({ key: 0 }, r(i).headercellreorderable, {
+                        class: ee().class,
+                        rowspan: Y.value
+                      }), null, 16, qt)) : w("", !0),
+                      e.selectionType === "checkbox" ? (d(), p("th", f({ key: 1 }, r(i).headercellcheckbox, {
+                        class: ee().class,
+                        rowspan: Y.value
                       }), [
-                        P(He, p(
-                          (b = r(u)) == null ? void 0 : b.headercheckbox({ context: { isSelectedAll: Ge.value } }),
+                        S(Oe, f(
+                          (y = r(i)) == null ? void 0 : y.headercheckbox({ context: { isSelectedAll: Ye.value } }),
                           {
-                            "model-value": Ge.value,
-                            "onUpdate:modelValue": a[0] || (a[0] = (l) => Va(!!l)),
+                            "model-value": Ye.value,
+                            "onUpdate:modelValue": a[0] || (a[0] = (l) => Ga(!!l)),
                             binary: ""
                           }
                         ), null, 16, ["model-value"])
-                      ], 16)) : h("", !0),
-                      e.treeTable ? (d(), c("th", p({ key: 2 }, r(u).headertoggler, {
-                        class: oe().class
+                      ], 16, Gt)) : w("", !0),
+                      e.treeTable ? (d(), p("th", f({ key: 2 }, r(i).headertoggler, {
+                        class: ee().class,
+                        rowspan: Y.value
                       }), [
-                        P(Be, p(
-                          { onClick: Wa },
-                          r(u).headertogglerbutton({ context: { isExpandedAll: qe.value } }),
+                        S(Me, f(
+                          { onClick: Ya },
+                          r(i).headertogglerbutton({ context: { isExpandedAll: Je.value } }),
                           {
                             icon: "arrow-down",
                             text: ""
                           }
                         ), null, 16)
-                      ], 16)) : h("", !0),
-                      (d(!0), c(S, null, Z(O.value, (l) => (d(), c("th", p({
+                      ], 16, Jt)) : w("", !0),
+                      (d(!0), p(K, null, q(he.value.parent, (l) => (d(), N(La, f({
                         key: l.field,
-                        class: [l.headerClass, l.class],
                         ref_for: !0
-                      }, oe(l), {
-                        onClick: (y) => l.sortable ? rt(l.field, y) : null
-                      }), [
-                        x("span", p({ ref_for: !0 }, r(u).headercellcontent), [
-                          x("span", jt, [
-                            ue(H(l.header) + " ", 1),
-                            l.info ? (d(), E(Q, {
-                              key: 0,
-                              info: l.info,
-                              severity: l.infoSeverity,
-                              class: "w-[10px] h-[10px]",
-                              icon: "info"
-                            }, null, 8, ["info", "severity"])) : h("", !0)
-                          ]),
-                          l.sortable ? (d(), E(Q, {
-                            key: 0,
-                            icon: !N.value || N.value != l.field ? "arrow-up-down" : D.value == 1 ? "sort-asc" : "sort-desc",
-                            class: "text-base"
-                          }, null, 8, ["icon"])) : h("", !0)
-                        ], 16)
-                      ], 16, zt))), 128)),
-                      t.customColumn || t.useOption ? (d(), c("th", p({ key: 3 }, oe(void 0, t.customColumn), {
-                        id: `column-visibility-toggle-${r(Re)}`,
+                      }, ee(l), {
+                        col: l,
+                        "default-header-row-span": Y.value,
+                        preset: r(i),
+                        "sort-by": H.value,
+                        "sort-order": D.value,
+                        onClick: (v) => l.sortable ? Xe(l.field, v) : null
+                      }), null, 16, ["col", "default-header-row-span", "preset", "sort-by", "sort-order", "onClick"]))), 128)),
+                      Ae.value ? (d(), p("th", f({ key: 3 }, ee(void 0, t.customColumn), {
+                        id: `column-visibility-toggle-${r(_e)}`,
+                        rowspan: Y.value,
                         onClick: a[1] || (a[1] = //@ts-ignore
                         (...l) => {
-                          var y, ne;
-                          return ((y = ge.value) == null ? void 0 : y.toggleMenu) && ((ne = ge.value) == null ? void 0 : ne.toggleMenu(...l));
+                          var v, se;
+                          return ((v = Ee.value) == null ? void 0 : v.toggleMenu) && ((se = Ee.value) == null ? void 0 : se.toggleMenu(...l));
                         })
                       }), [
-                        t.customColumn ? (d(), E(Q, p({ key: 0 }, r(u).columnvisibilityicon, {
+                        t.customColumn ? (d(), N(te, f({ key: 0 }, r(i).columnvisibilityicon, {
                           icon: "ellipsis-h",
                           "tooltip-pos": "left"
-                        }), null, 16)) : h("", !0)
-                      ], 16, Vt)) : h("", !0)
-                    ], 16)
+                        }), null, 16)) : w("", !0)
+                      ], 16, Yt)) : w("", !0)
+                    ], 16),
+                    he.value.child.length ? (d(), p("tr", ae(f({ key: 0 }, r(i).headerrow)), [
+                      (d(!0), p(K, null, q(he.value.child, (l) => (d(), N(La, f({
+                        key: l.field,
+                        ref_for: !0
+                      }, ee(l), {
+                        col: l,
+                        "default-header-row-span": Y.value,
+                        preset: r(i),
+                        "sort-by": H.value,
+                        "sort-order": D.value,
+                        onClick: (v) => l.sortable ? Xe(l.field, v) : null
+                      }), null, 16, ["col", "default-header-row-span", "preset", "sort-by", "sort-order", "onClick"]))), 128))
+                    ], 16)) : w("", !0)
                   ], 16),
-                  x("tbody", se(ie((f = r(u)) == null ? void 0 : f.tbody)), [
-                    Pe.value ? (d(), c("tr", Qt, [
-                      x("td", p({ colspan: Qe.value }, (w = r(u)) == null ? void 0 : w.bodycell), [
-                        (d(!0), c(S, null, Z(r(u).invisiblelottiewrapper ? 2 : 1, (l) => (d(), c("div", p(
+                  z("tbody", ae(ie((u = r(i)) == null ? void 0 : u.tbody)), [
+                    Te.value ? (d(), p("tr", Zt, [
+                      z("td", f({ colspan: qe.value }, (h = r(i)) == null ? void 0 : h.bodycell), [
+                        (d(!0), p(K, null, q(r(i).invisiblelottiewrapper ? 2 : 1, (l) => (d(), p("div", f(
                           {
                             key: l,
                             ref_for: !0
                           },
-                          l === 1 ? r(u).loadingtablewrapper : r(u).invisiblelottiewrapper
+                          l === 1 ? r(i).loadingtablewrapper : r(i).invisiblelottiewrapper
                         ), [
-                          P(Ce, p({
+                          S(Pe, f({
                             animation: "loading-table",
                             ref_for: !0
-                          }, r(u).loadingtablelottie), null, 16)
+                          }, r(i).loadingtablelottie), null, 16)
                         ], 16))), 128))
-                      ], 16, Wt)
-                    ])) : Ia.value ? (d(), c("tr", ll, [
-                      x("td", p({ colspan: Qe.value }, (k = r(u)) == null ? void 0 : k.bodycell), [
-                        (d(!0), c(S, null, Z(r(u).invisiblelottiewrapper ? 2 : 1, (l) => (d(), c("div", p(
+                      ], 16, Xt)
+                    ])) : Va.value ? (d(), p("tr", el, [
+                      z("td", f({ colspan: qe.value }, (m = r(i)) == null ? void 0 : m.bodycell), [
+                        (d(!0), p(K, null, q(r(i).invisiblelottiewrapper ? 2 : 1, (l) => (d(), p("div", f(
                           {
                             key: l,
                             ref_for: !0
                           },
-                          l === 1 ? r(u).nodatalottiewrapper : r(u).invisiblelottiewrapper
+                          l === 1 ? r(i).nodatalottiewrapper : r(i).invisiblelottiewrapper
                         ), [
-                          P(Ce, p({
+                          S(Pe, f({
                             animation: "no-data",
                             ref_for: !0
-                          }, r(u).nodatalottie), null, 16),
-                          X.value.emptyTableMessage ? (d(), c("span", p({
+                          }, r(i).nodatalottie), null, 16),
+                          r(M).emptyTableMessage ? (d(), p("span", f({
                             key: 0,
                             ref_for: !0
-                          }, r(u).nodatamessage), H(X.value.emptyTableMessage), 17)) : h("", !0)
+                          }, r(i).nodatamessage), j(r(M).emptyTableMessage), 17)) : w("", !0)
                         ], 16))), 128))
-                      ], 16, ol)
-                    ])) : (d(!0), c(S, { key: 1 }, Z(za.value, (l, y) => {
-                      var ne, ra, sa, ia, da, ua, ca, pa, fa, va, ba;
-                      return d(), c("tr", p(
-                        {
-                          id: l._id,
-                          key: `${y}-${l[e.dataKey]}`,
-                          draggable: Se(l),
-                          ref_for: !0
-                        },
-                        (ne = r(u)) == null ? void 0 : ne.bodyrow({
-                          context: {
-                            highlighted: l[e.highlightKey ?? ""],
-                            selected: Ee(l[e.dataKey]),
-                            disabled: J(l[e.dataKey]),
-                            draggable: Se(l),
-                            dragging: De.value
-                          },
-                          props: t
-                        }),
-                        {
-                          onClick: (o) => Qa(o, l, y),
-                          onDblclick: (o) => {
-                            var V;
-                            return e.treeTable && ((V = l.children) != null && V.length || l.hasChildren) ? he(l, y) : null;
+                      ], 16, al)
+                    ])) : (d(!0), p(K, { key: 2 }, q(Wa.value, (l, v) => {
+                      var se, ia, ua, ca, pa, fa, va, ba, ya, ga, ha;
+                      return d(), p(K, {
+                        key: `${v}-${l[e.dataKey]}`
+                      }, [
+                        z("tr", f(
+                          {
+                            id: l[t.dataKey],
+                            draggable: Fe(l),
+                            ref_for: !0
                           },
-                          onDrag: a[10] || (a[10] = (o) => De.value = !0),
-                          onDragenter: _((o) => Ja(o, l), ["prevent"]),
-                          onDragleave: a[11] || (a[11] = _(() => {
-                          }, ["prevent"])),
-                          onDragover: a[12] || (a[12] = _(() => {
-                          }, ["prevent"])),
-                          onDragstart: (o) => Ga(o, l, y),
-                          onDrop: Ya
-                        }
-                      ), [
-                        e.reorderable && !D.value ? (d(), c("td", p({
-                          key: 0,
-                          ref_for: !0
-                        }, (ra = r(u)) == null ? void 0 : ra.bodycell), [
-                          !l.childRow && !l.childRowHeader ? (d(), E(Q, {
-                            key: 0,
-                            class: "draggableicon",
-                            icon: "dragable-menu"
-                          })) : h("", !0)
-                        ], 16)) : h("", !0),
-                        e.selectionType === "checkbox" ? (d(), c("td", p({
-                          key: 1,
-                          ref_for: !0
-                        }, (sa = r(u)) == null ? void 0 : sa.bodycell, {
-                          onClick: a[3] || (a[3] = _(() => {
-                          }, ["stop"]))
-                        }), [
-                          !l.childRow && !l.childRowHeader ? (d(), E(He, p({
+                          (se = r(i)) == null ? void 0 : se.bodyrow({
+                            context: {
+                              highlighted: l[e.highlightKey ?? ""],
+                              selected: me(l[e.dataKey]),
+                              disabled: Z(l[e.dataKey]),
+                              draggable: Fe(l),
+                              dragging: Se.value
+                            },
+                            props: Ma.value
+                          }),
+                          {
+                            onClick: (o) => Ja(o, l, v),
+                            onDblclick: (o) => {
+                              var V;
+                              return e.treeTable && ((V = l.children) != null && V.length || l.hasChildren) ? we(l, v) : e.$emit("doubleClick", l);
+                            },
+                            onDrag: a[11] || (a[11] = (o) => Se.value = !0),
+                            onDragenter: T((o) => at(o, l), ["prevent"]),
+                            onDragleave: a[12] || (a[12] = T(() => {
+                            }, ["prevent"])),
+                            onDragover: a[13] || (a[13] = T(() => {
+                            }, ["prevent"])),
+                            onDragstart: (o) => et(o, l, v),
+                            onDrop: tt
+                          }
+                        ), [
+                          e.reorderable && !D.value ? (d(), p("td", f({
                             key: 0,
                             ref_for: !0
-                          }, (ia = r(u)) == null ? void 0 : ia.rowcheckbox, {
-                            modelValue: T.value,
-                            "onUpdate:modelValue": a[2] || (a[2] = (o) => T.value = o),
-                            binary: !1,
-                            disabled: J(l[e.dataKey]),
-                            value: l
-                          }), null, 16, ["modelValue", "disabled", "value"])) : h("", !0)
-                        ], 16)) : h("", !0),
-                        e.treeTable ? (d(), c("td", p({
-                          key: 2,
-                          ref_for: !0
-                        }, (da = r(u)) == null ? void 0 : da.bodycell, {
-                          onClick: (o) => {
-                            (l.childRow || l.childRowHeader) && o.stopPropagation();
-                          }
-                        }), [
-                          (ua = l.children) != null && ua.length || l.hasChildren ? (d(), E(Be, p(
-                            {
+                          }, (ia = r(i)) == null ? void 0 : ia.bodycell), [
+                            !l.childRow && !l.childRowHeader ? (d(), N(te, {
                               key: 0,
-                              onClick: _((o) => he(l, y), ["stop"]),
-                              ref_for: !0
-                            },
-                            r(u).rowtogglerbutton({
-                              context: {
-                                isRowExpanded: Ke(l[e.dataKey])
-                              }
-                            }),
-                            {
-                              icon: "arrow-down",
-                              text: ""
-                            }
-                          ), null, 16, ["onClick"])) : h("", !0)
-                        ], 16, Gt)) : h("", !0),
-                        (() => {
-                          var o;
-                          return l.childRowHeader && ((o = t.childTableProps) == null ? void 0 : o.useColumnsHeader);
-                        })() ? (d(!0), c(S, { key: 3 }, Z(Ve.value, (o) => {
-                          var V, re;
-                          return d(), c("td", {
-                            key: o.header,
-                            class: xe([(V = r(u)) == null ? void 0 : V.bodycell.class, "font-semibold text-xs"]),
-                            colspan: o.colspan ?? ((re = o.parentColumnsFields) == null ? void 0 : re.length),
-                            onClick: a[4] || (a[4] = _(() => {
+                              class: "draggableicon",
+                              icon: "dragable-menu"
+                            })) : w("", !0)
+                          ], 16)) : w("", !0),
+                          e.selectionType === "checkbox" ? (d(), p("td", f({
+                            key: 1,
+                            ref_for: !0
+                          }, (ua = r(i)) == null ? void 0 : ua.bodycell, {
+                            onClick: a[3] || (a[3] = T(() => {
                             }, ["stop"]))
-                          }, H(o.header), 11, Jt);
-                        }), 128)) : l.childRowHeader ? (d(), c("td", p({
-                          key: 4,
-                          ref_for: !0
-                        }, r(u).childrowheader, {
-                          class: (ca = r(u)) == null ? void 0 : ca.bodycell.class,
-                          colspan: t.columns.length + 1,
-                          onClick: a[5] || (a[5] = _(() => {
-                          }, ["stop"]))
-                        }), H(l.header), 17, Yt)) : l.loadingRow ? (d(), c("td", {
-                          key: 5,
-                          class: xe((pa = r(u)) == null ? void 0 : pa.bodycell.class),
-                          colspan: t.columns.length + 1,
-                          onClick: a[6] || (a[6] = _(() => {
-                          }, ["stop"]))
-                        }, [
-                          x("div", p({ ref_for: !0 }, r(u).loadingtablewrapper), [
-                            P(Ce, p({
-                              animation: "loading-table",
-                              ref_for: !0
-                            }, r(u).loadingtablelottie), null, 16)
-                          ], 16)
-                        ], 10, Zt)) : l.noDataRow ? (d(), c("td", {
-                          key: 6,
-                          class: xe((fa = r(u)) == null ? void 0 : fa.bodycell.class),
-                          colspan: t.columns.length + 1,
-                          onClick: a[7] || (a[7] = _(() => {
-                          }, ["stop"]))
-                        }, [
-                          x("div", p({ ref_for: !0 }, r(u).nodatalottiewrapper), [
-                            P(Ce, p({
-                              animation: "no-data",
-                              ref_for: !0
-                            }, r(u).nodatalottie), null, 16),
-                            X.value.emptyTableMessage ? (d(), c("span", p({
+                          }), [
+                            !l.childRow && !l.childRowHeader ? (d(), N(Oe, f({
                               key: 0,
                               ref_for: !0
-                            }, r(u).nodatamessage), H(X.value.emptyTableMessage), 17)) : h("", !0)
-                          ], 16)
-                        ], 10, Xt)) : (d(), c(S, { key: 7 }, [
-                          (d(!0), c(S, null, Z(l.childRow ? Ve.value : O.value, (o) => {
-                            var V, re, ga, ya, ha, ma, wa, ka, Ca, Ra, Da, Ta, Pa, Ka, Ea, we, Sa, _a;
-                            return d(), c("td", p({
-                              key: o.field,
-                              class: [
-                                {
-                                  "!py-0": o.editable,
-                                  "!px-0": ((V = o.preset) == null ? void 0 : V.type) === "multirow"
-                                },
-                                typeof o.bodyClass == "function" ? o.bodyClass(l) : o.bodyClass,
-                                o.class
-                              ],
-                              colspan: o.colspan ?? ((re = o.parentColumnsFields) == null ? void 0 : re.length),
-                              ref_for: !0
-                            }, (ga = r(u)) == null ? void 0 : ga.bodycell), [
-                              ((ya = o.preset) == null ? void 0 : ya.type) === "toggle" || ((ha = o.preset) == null ? void 0 : ha.type) === "checkbox" ? (d(), c(S, { key: 0 }, [
-                                ((ma = o.preset) == null ? void 0 : ma.type) === "toggle" ? (d(), E(Bt, {
-                                  key: 0,
-                                  disabled: J(l[e.dataKey]) || (typeof ((wa = o.preset) == null ? void 0 : wa.disabled) == "function" ? (ka = o.preset) == null ? void 0 : ka.disabled(l) : (Ca = o.preset) == null ? void 0 : Ca.disabled),
-                                  "input-id": l[e.dataKey],
-                                  "model-value": r(B)(l, o.field),
-                                  onClick: a[8] || (a[8] = _(() => {
-                                  }, ["stop"])),
-                                  "onUpdate:modelValue": (C) => {
-                                    r(ce)(l, o.field, C), Je(C, l, o);
-                                  }
-                                }, null, 8, ["disabled", "input-id", "model-value", "onUpdate:modelValue"])) : h("", !0),
-                                ((Ra = o.preset) == null ? void 0 : Ra.type) === "checkbox" ? (d(), E(He, {
-                                  key: 1,
-                                  disabled: J(l[e.dataKey]) || (typeof ((Da = o.preset) == null ? void 0 : Da.disabled) == "function" ? (Ta = o.preset) == null ? void 0 : Ta.disabled(l) : (Pa = o.preset) == null ? void 0 : Pa.disabled),
-                                  "input-id": l[e.dataKey],
-                                  "model-value": r(B)(l, o.field),
-                                  onClick: a[9] || (a[9] = _(() => {
-                                  }, ["stop"])),
-                                  "onUpdate:modelValue": (C) => {
-                                    r(ce)(l, o.field, !!C), Je(!!C, l, o);
-                                  },
-                                  binary: ""
-                                }, null, 8, ["disabled", "input-id", "model-value", "onUpdate:modelValue"])) : h("", !0),
-                                (Ka = o.preset) != null && Ka.confirmDialogProps ? (d(), E(Ft, p(
+                            }, (ca = r(i)) == null ? void 0 : ca.rowcheckbox, {
+                              modelValue: P.value,
+                              "onUpdate:modelValue": a[2] || (a[2] = (o) => P.value = o),
+                              binary: !1,
+                              disabled: Z(l[e.dataKey]),
+                              value: l
+                            }), null, 16, ["modelValue", "disabled", "value"])) : w("", !0)
+                          ], 16)) : w("", !0),
+                          e.treeTable ? (d(), p("td", f({
+                            key: 2,
+                            ref_for: !0
+                          }, (pa = r(i)) == null ? void 0 : pa.bodycell, {
+                            onClick: (o) => {
+                              (l.childRow || l.childRowHeader) && o.stopPropagation();
+                            }
+                          }), [
+                            (fa = l.children) != null && fa.length || l.hasChildren ? (d(), N(Me, f(
+                              {
+                                key: 0,
+                                onClick: T((o) => we(l, v), ["stop"]),
+                                ref_for: !0
+                              },
+                              r(i).rowtogglerbutton({
+                                context: {
+                                  isRowExpanded: He(l[e.dataKey])
+                                }
+                              }),
+                              {
+                                icon: "arrow-down",
+                                text: ""
+                              }
+                            ), null, 16, ["onClick"])) : w("", !0)
+                          ], 16, ll)) : w("", !0),
+                          (() => {
+                            var o;
+                            return l.childRowHeader && ((o = t.childTableProps) == null ? void 0 : o.useColumnsHeader);
+                          })() ? (d(), p(K, { key: 3 }, [
+                            (d(!0), p(K, null, q(We.value, (o) => {
+                              var V, de;
+                              return d(), p("td", {
+                                key: o.header,
+                                class: De([(V = r(i)) == null ? void 0 : V.bodycell.class, "font-semibold text-xs"]),
+                                colspan: o.colspan ?? ((de = o.parentColumnsFields) == null ? void 0 : de.length),
+                                onClick: a[4] || (a[4] = T(() => {
+                                }, ["stop"]))
+                              }, j(o.header), 11, ol);
+                            }), 128)),
+                            Ae.value ? (d(), p("td", {
+                              key: 0,
+                              class: De(r(i).bodycell.class),
+                              onClick: a[5] || (a[5] = T(() => {
+                              }, ["stop"]))
+                            }, null, 2)) : w("", !0)
+                          ], 64)) : l.childRowHeader ? (d(), p("td", f({
+                            key: 4,
+                            ref_for: !0
+                          }, r(i).childrowheader, {
+                            class: (va = r(i)) == null ? void 0 : va.bodycell.class,
+                            colspan: t.columns.length + 1,
+                            onClick: a[6] || (a[6] = T(() => {
+                            }, ["stop"]))
+                          }), j(l.header), 17, nl)) : l.loadingRow ? (d(), p("td", {
+                            key: 5,
+                            class: De((ba = r(i)) == null ? void 0 : ba.bodycell.class),
+                            colspan: t.columns.length + 1,
+                            onClick: a[7] || (a[7] = T(() => {
+                            }, ["stop"]))
+                          }, [
+                            z("div", f({ ref_for: !0 }, r(i).loadingtablewrapper), [
+                              S(Pe, f({
+                                animation: "loading-table",
+                                ref_for: !0
+                              }, r(i).loadingtablelottie), null, 16)
+                            ], 16)
+                          ], 10, rl)) : l.noDataRow ? (d(), p("td", {
+                            key: 6,
+                            class: De((ya = r(i)) == null ? void 0 : ya.bodycell.class),
+                            colspan: t.columns.length + 1,
+                            onClick: a[8] || (a[8] = T(() => {
+                            }, ["stop"]))
+                          }, [
+                            z("div", f({ ref_for: !0 }, r(i).nodatalottiewrapper), [
+                              S(Pe, f({
+                                animation: "no-data",
+                                ref_for: !0
+                              }, r(i).nodatalottie), null, 16),
+                              r(M).emptyTableMessage ? (d(), p("span", f({
+                                key: 0,
+                                ref_for: !0
+                              }, r(i).nodatamessage), j(r(M).emptyTableMessage), 17)) : w("", !0)
+                            ], 16)
+                          ], 10, sl)) : (d(), p(K, { key: 7 }, [
+                            (d(!0), p(K, null, q(l.childRow ? We.value : I.value, (o) => {
+                              var V, de, ma, wa, ka, Ca, Ra, Da, Ka, Pa, _a, Sa, Ea, Na, Ta, Ce, Aa, Ha;
+                              return d(), p("td", f({
+                                key: o.field,
+                                class: [
                                   {
-                                    key: 2,
-                                    list: [l],
-                                    visible: !!ye.value[l[e.dataKey] + o.field],
-                                    onClose: () => {
-                                      var K, A, Na;
-                                      const C = () => r(ce)(
-                                        l,
-                                        o.field,
-                                        !r(B)(l, o.field)
-                                      );
-                                      ((K = Fe(
-                                        o.preset,
-                                        l[o.field],
-                                        l
-                                      )) == null ? void 0 : K.actionable) == !1 && "onConfirm" in o.preset ? (Na = (A = o.preset).onConfirm) == null || Na.call(
-                                        A,
-                                        l[o.field],
-                                        l,
-                                        C
-                                      ) : C();
+                                    "!py-0": o.editable,
+                                    "!px-0": ((V = o.preset) == null ? void 0 : V.type) === "multirow"
+                                  },
+                                  typeof o.bodyClass == "function" ? o.bodyClass(l) : o.bodyClass,
+                                  Xa(o, l, e.dataKey),
+                                  o.class
+                                ],
+                                colspan: o.colspan ?? ((de = o.parentColumnsFields) == null ? void 0 : de.length),
+                                ref_for: !0
+                              }, (ma = r(i)) == null ? void 0 : ma.bodycell), [
+                                ((wa = o.preset) == null ? void 0 : wa.type) === "toggle" || ((ka = o.preset) == null ? void 0 : ka.type) === "checkbox" ? (d(), p(K, { key: 0 }, [
+                                  ((Ca = o.preset) == null ? void 0 : Ca.type) === "toggle" ? (d(), N(zt, {
+                                    key: 0,
+                                    disabled: Z(l[e.dataKey]) || (typeof ((Ra = o.preset) == null ? void 0 : Ra.disabled) == "function" ? (Da = o.preset) == null ? void 0 : Da.disabled(l) : (Ka = o.preset) == null ? void 0 : Ka.disabled),
+                                    "input-id": l[e.dataKey],
+                                    "model-value": r($)(l, o.field),
+                                    onClick: a[9] || (a[9] = T(() => {
+                                    }, ["stop"])),
+                                    "onUpdate:modelValue": (C) => {
+                                      r(ce)(l, o.field, C), Ze(C, l, o);
+                                    }
+                                  }, null, 8, ["disabled", "input-id", "model-value", "onUpdate:modelValue"])) : w("", !0),
+                                  ((Pa = o.preset) == null ? void 0 : Pa.type) === "checkbox" ? (d(), N(Oe, {
+                                    key: 1,
+                                    disabled: Z(l[e.dataKey]) || (typeof ((_a = o.preset) == null ? void 0 : _a.disabled) == "function" ? (Sa = o.preset) == null ? void 0 : Sa.disabled(l) : (Ea = o.preset) == null ? void 0 : Ea.disabled),
+                                    "input-id": l[e.dataKey],
+                                    "model-value": r($)(l, o.field),
+                                    onClick: a[10] || (a[10] = T(() => {
+                                    }, ["stop"])),
+                                    "onUpdate:modelValue": (C) => {
+                                      r(ce)(l, o.field, !!C), Ze(!!C, l, o);
                                     },
-                                    onConfirm: (C) => {
-                                      var K, A;
-                                      return (A = (K = o.preset) == null ? void 0 : K.onConfirm) == null ? void 0 : A.call(
-                                        K,
-                                        l[o.field],
-                                        l,
-                                        () => r(ce)(
+                                    binary: ""
+                                  }, null, 8, ["disabled", "input-id", "model-value", "onUpdate:modelValue"])) : w("", !0),
+                                  (Na = o.preset) != null && Na.confirmDialogProps ? (d(), N(Ot, f(
+                                    {
+                                      key: 2,
+                                      list: [l],
+                                      visible: !!ge.value[l[e.dataKey] + o.field],
+                                      onClose: () => {
+                                        var E, F, Fa;
+                                        const C = () => r(ce)(
                                           l,
                                           o.field,
-                                          !r(B)(l, o.field)
-                                        )
-                                      );
+                                          !r($)(l, o.field)
+                                        );
+                                        ((E = Le(
+                                          o.preset,
+                                          l[o.field],
+                                          l
+                                        )) == null ? void 0 : E.actionable) == !1 && "onConfirm" in o.preset ? (Fa = (F = o.preset).onConfirm) == null || Fa.call(
+                                          F,
+                                          l[o.field],
+                                          l,
+                                          C
+                                        ) : C();
+                                      },
+                                      onConfirm: (C) => {
+                                        var E, F;
+                                        return (F = (E = o.preset) == null ? void 0 : E.onConfirm) == null ? void 0 : F.call(
+                                          E,
+                                          l[o.field],
+                                          l,
+                                          () => r(ce)(
+                                            l,
+                                            o.field,
+                                            !r($)(l, o.field)
+                                          )
+                                        );
+                                      },
+                                      "onUpdate:visible": (C) => ge.value[l[e.dataKey] + o.field] = C,
+                                      actionable: "",
+                                      ref_for: !0
                                     },
-                                    "onUpdate:visible": (C) => ye.value[l[e.dataKey] + o.field] = C,
-                                    actionable: "",
-                                    ref_for: !0
-                                  },
-                                  Fe(
-                                    o.preset,
-                                    l[o.field],
-                                    l
-                                  )
-                                ), null, 16, ["list", "visible", "onClose", "onConfirm", "onUpdate:visible"])) : h("", !0)
-                              ], 64)) : ((Ea = o.preset) == null ? void 0 : Ea.type) === "multirow" ? (d(), E($t, {
-                                key: 1,
-                                attributes: ((Sa = (we = o.preset) == null ? void 0 : we.fieldAttributes) == null ? void 0 : Sa.call(we, l)) ?? []
-                              }, null, 8, ["attributes"])) : o.editable ? (d(), c("span", p({
-                                key: 2,
-                                ref_for: !0
-                              }, r(u).celleditableelement, {
-                                contenteditable: o.editable,
-                                onBlur: (C) => {
-                                  e.$emit("cellEdited", {
-                                    item: l,
-                                    field: o.field,
-                                    index: y,
-                                    value: C.target.innerText
-                                  });
-                                },
-                                onKeypress: (C) => {
-                                  o.numberInputOnly && pt(C);
-                                }
-                              }), H(r(B)(l, o.field) || "-"), 17, al)) : o.bodyComponent || o.bodyClass || o.bodyTemplate || o.dateFormatOptions ? (d(), c(S, { key: 3 }, [
-                                o.bodyComponent ? (d(), E(wt(o.bodyComponent(l, y).component), p({
-                                  key: 0,
-                                  modelValue: o.bodyComponent(l, y).model,
-                                  "onUpdate:modelValue": (C) => o.bodyComponent(l, y).model = C,
-                                  disabled: o.bodyComponent(l, y).disabled,
+                                    Le(
+                                      o.preset,
+                                      l[o.field],
+                                      l
+                                    )
+                                  ), null, 16, ["list", "visible", "onClose", "onConfirm", "onUpdate:visible"])) : w("", !0)
+                                ], 64)) : ((Ta = o.preset) == null ? void 0 : Ta.type) === "multirow" ? (d(), N(Bt, {
+                                  key: 1,
+                                  attributes: ((Aa = (Ce = o.preset) == null ? void 0 : Ce.fieldAttributes) == null ? void 0 : Aa.call(Ce, l)) ?? []
+                                }, null, 8, ["attributes"])) : o.editable ? (d(), p("span", f({
+                                  key: 2,
                                   ref_for: !0
-                                }, o.bodyComponent(l, y).props, kt(
-                                  o.bodyComponent(l, y).events ? o.bodyComponent(l, y).events : {}
-                                ), {
-                                  onChange: (C) => {
-                                    var K, A;
-                                    return (A = (K = o.bodyComponent(l, y)).onChange) == null ? void 0 : A.call(K, l);
+                                }, r(i).celleditableelement, {
+                                  contenteditable: o.editable,
+                                  onBlur: (C) => {
+                                    e.$emit("cellEdited", {
+                                      item: l,
+                                      field: o.field,
+                                      index: v,
+                                      value: C.target.innerText
+                                    });
                                   },
-                                  onClick: (C) => {
-                                    o.bodyComponent(l, y).stop !== !1 && C.stopPropagation();
-                                  },
-                                  "onUpdate:modelValue": (C) => {
-                                    var K, A;
-                                    return (A = (K = o.bodyComponent(l, y)).onChange) == null ? void 0 : A.call(K, l);
+                                  onKeypress: (C) => {
+                                    o.numberInputOnly && yt(C);
                                   }
-                                }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "onChange", "onClick"])) : (d(), c("span", tl, [
-                                  o.bodyTemplate ? (d(), c(S, { key: 0 }, [
-                                    ue(H(((_a = o.bodyTemplate) == null ? void 0 : _a.call(o, l, y)) || "-"), 1)
-                                  ], 64)) : o.dateFormatOptions ? (d(), c(S, { key: 1 }, [
-                                    ue(H(r(Pt)(
-                                      new Date(
-                                        r(B)(
-                                          l,
-                                          o.field
-                                        )
-                                      ),
-                                      o.dateFormatOptions
-                                    )), 1)
-                                  ], 64)) : (d(), c(S, { key: 2 }, [
-                                    ue(H(r(B)(l, o.field) || "-"), 1)
-                                  ], 64))
-                                ]))
-                              ], 64)) : (d(), c(S, { key: 4 }, [
-                                ue(H(r(B)(l, o.field) ?? "-"), 1)
-                              ], 64))
-                            ], 16, el);
-                          }), 128)),
-                          (() => {
-                            var o;
-                            return (e.useOption || ge.value) && !l.childRow || l.childRow && ((o = e.childTableProps) == null ? void 0 : o.useOption);
-                          })() ? (d(), c("td", p(
-                            {
-                              key: 0,
-                              ref_for: !0,
-                              ref_key: "rowSingleActionCell",
-                              ref: Ua
-                            },
-                            (va = r(u)) == null ? void 0 : va.rowsingleactioncell({
-                              props: t,
-                              context: {
-                                selected: Ee(l[e.dataKey]),
-                                highlighted: l[e.highlightKey ?? ""]
+                                }), j(r($)(l, o.field) || "-"), 17, il)) : o.bodyComponent || o.bodyClass || o.bodyTemplate || o.dateFormatOptions ? (d(), p(K, { key: 3 }, [
+                                  o.bodyComponent ? (d(), N(Rt(o.bodyComponent(l, v).component), f({
+                                    key: 0,
+                                    modelValue: o.bodyComponent(l, v).model,
+                                    "onUpdate:modelValue": (C) => o.bodyComponent(l, v).model = C,
+                                    disabled: o.bodyComponent(l, v).disabled,
+                                    ref_for: !0
+                                  }, o.bodyComponent(l, v).props, Dt(
+                                    o.bodyComponent(l, v).events ? o.bodyComponent(l, v).events : {}
+                                  ), {
+                                    onChange: (C) => {
+                                      var E, F;
+                                      return (F = (E = o.bodyComponent(l, v)).onChange) == null ? void 0 : F.call(E, l);
+                                    },
+                                    onClick: (C) => {
+                                      o.bodyComponent(l, v).stop !== !1 && C.stopPropagation();
+                                    },
+                                    "onUpdate:modelValue": (C) => {
+                                      var E, F;
+                                      return (F = (E = o.bodyComponent(l, v)).onChange) == null ? void 0 : F.call(E, l);
+                                    }
+                                  }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "onChange", "onClick"])) : (d(), p("span", ul, [
+                                    o.bodyTemplate ? (d(), p(K, { key: 0 }, [
+                                      Ke(j(((Ha = o.bodyTemplate) == null ? void 0 : Ha.call(o, l, v)) || "-"), 1)
+                                    ], 64)) : o.dateFormatOptions ? (d(), p(K, { key: 1 }, [
+                                      Ke(j(r(Ht)(
+                                        new Date(
+                                          r($)(
+                                            l,
+                                            o.field
+                                          )
+                                        ),
+                                        o.dateFormatOptions
+                                      )), 1)
+                                    ], 64)) : (d(), p(K, { key: 2 }, [
+                                      Ke(j(r($)(l, o.field) || "-"), 1)
+                                    ], 64))
+                                  ]))
+                                ], 64)) : (d(), p(K, { key: 4 }, [
+                                  Ke(j(r($)(l, o.field) ?? "-"), 1)
+                                ], 64))
+                              ], 16, dl);
+                            }), 128)),
+                            Ae.value ? (d(), p("td", f(
+                              {
+                                key: 0,
+                                ref_for: !0
+                              },
+                              (ga = r(i)) == null ? void 0 : ga.rowsingleactioncell({
+                                props: t,
+                                context: {
+                                  selected: me(l[e.dataKey]),
+                                  highlighted: l[e.highlightKey ?? ""]
+                                }
+                              }),
+                              {
+                                class: r(i).bodycell.class
                               }
-                            }),
-                            {
-                              class: r(u).bodycell.class
-                            }
-                          ), [
-                            e.useOption || (ba = e.childTableProps) != null && ba.useOption ? (d(), c("div", p({
-                              key: 0,
-                              ref_for: !0
-                            }, r(u).singleactionwrapper), [
-                              P(Be, p({
-                                id: "button-action-" + l[t.dataKey],
+                            ), [
+                              !l.childRow && e.useOption || l.childRow && ((ha = t.childTableProps) != null && ha.useOption) ? (d(), p("div", f({
+                                key: 0,
                                 ref_for: !0
-                              }, r(u).singleactionbutton({ props: t }), {
-                                disabled: e.disableAllRows,
-                                onClick: _((o) => qa(o, l), ["stop"]),
-                                icon: "ellipsis-h",
-                                outlined: "",
-                                size: "small",
-                                "tooltip-pos": "left",
-                                type: "button"
-                              }), null, 16, ["id", "disabled", "onClick"])
-                            ], 16)) : h("", !0)
-                          ], 16)) : h("", !0)
-                        ], 64))
-                      ], 16, qt);
+                              }, r(i).singleactionwrapper), [
+                                S(Me, f({
+                                  id: "button-action-" + l[t.dataKey],
+                                  ref_for: !0
+                                }, r(i).singleactionbutton({ props: t }), {
+                                  disabled: e.disableAllRows,
+                                  onClick: T((o) => Za(o, l), ["stop"]),
+                                  icon: "ellipsis-h",
+                                  outlined: "",
+                                  size: "small",
+                                  "tooltip-pos": "left",
+                                  type: "button"
+                                }), null, 16, ["id", "disabled", "onClick"])
+                              ], 16)) : w("", !0)
+                            ], 16)) : w("", !0)
+                          ], 64))
+                        ], 16, tl),
+                        Kt(e.$slots, "row-subcontent", { item: l }, void 0, !0)
+                      ], 64);
                     }), 128))
                   ], 16)
-                ], 16, It))
+                ], 16, Wt))
               ];
             }),
-            _: 1
+            _: 3
           }, 16)
         ], 16),
-        e.usePaginator ? mt((d(), E(r(Nt), p({
-          key: ve.value,
-          rows: j.value,
-          "onUpdate:rows": a[13] || (a[13] = (i) => j.value = i)
-        }, r(u).paginator({ context: { totalRecords: L.value } }), {
-          "rows-per-page-options": $a,
-          "total-records": L.value,
-          onPage: nt
+        e.usePaginator ? Pt((d(), N(r(St), f({
+          key: be.value,
+          rows: Q.value,
+          "onUpdate:rows": a[14] || (a[14] = (c) => Q.value = c)
+        }, r(i).paginator({ context: { totalRecords: B.value } }), {
+          "current-page-report-template": B.value ? r(M).paginationReportFound : r(M).paginationReportNotFound,
+          "rows-per-page-options": Ua,
+          "total-records": B.value,
+          onPage: ut
         }), {
-          firstpagelinkicon: de(() => [
-            P(Q, { icon: "round-keyboard-double-arrow-left" })
+          firstpagelinkicon: ue(() => [
+            S(te, { icon: "round-keyboard-double-arrow-left" })
           ]),
-          lastpagelinkicon: de(() => [
-            P(Q, { icon: "round-keyboard-double-arrow-right" })
+          lastpagelinkicon: ue(() => [
+            S(te, { icon: "round-keyboard-double-arrow-right" })
           ]),
-          prevpagelinkicon: de(() => [
-            P(Q, { icon: "round-keyboard-arrow-left" })
+          prevpagelinkicon: ue(() => [
+            S(te, { icon: "round-keyboard-arrow-left" })
           ]),
-          nextpagelinkicon: de(() => [
-            P(Q, { icon: "round-keyboard-arrow-right" })
+          nextpagelinkicon: ue(() => [
+            S(te, { icon: "round-keyboard-arrow-right" })
           ]),
           _: 1
-        }, 16, ["rows", "total-records"])), [
-          [Ct, !Pe.value]
-        ]) : h("", !0),
-        P(xt, {
+        }, 16, ["rows", "current-page-report-template", "total-records"])), [
+          [_t, !Te.value]
+        ]) : w("", !0),
+        S(Ut, {
           id: "single-action-menu",
           ref_key: "optionMenu",
-          ref: ze,
+          ref: Qe,
           model: e.options,
-          onFocus: r(Ut),
+          onFocus: r(Qt),
           "append-to": "body",
           "auto-z-index": "",
           popup: ""
         }, null, 8, ["model", "onFocus"]),
-        t.customColumn ? (d(), E(At, {
-          key: Le.value,
+        t.customColumn ? (d(), N(Lt, {
+          key: ze.value,
           ref_key: "customColumn",
-          ref: ge,
-          "visible-columns": O.value,
-          "onUpdate:visibleColumns": a[14] || (a[14] = (i) => O.value = i),
-          "default-columns": e.columns.filter((i) => i.visible !== !1),
-          "table-id": r(Re)
-        }, null, 8, ["visible-columns", "default-columns", "table-id"])) : h("", !0),
-        P(Ht, { group: "download" })
+          ref: Ee,
+          "visible-columns": I.value,
+          "onUpdate:visibleColumns": a[15] || (a[15] = (c) => I.value = c),
+          "default-columns": e.columns.filter((c) => c.visible !== !1),
+          "table-id": r(_e)
+        }, null, 8, ["visible-columns", "default-columns", "table-id"])) : w("", !0),
+        S(It, { group: "download" })
       ], 16);
     };
   }
-}), Nl = /* @__PURE__ */ Ot(nl, [["__scopeId", "data-v-bc069a0e"]]);
+}), pl = (L, A) => {
+  const t = L.__vccOpts || L;
+  for (const [O, pe] of A)
+    t[O] = pe;
+  return t;
+}, Ll = /* @__PURE__ */ pl(cl, [["__scopeId", "data-v-5131ada0"]]);
 export {
-  Nl as default
+  Ll as D,
+  pl as _
 };
+//# sourceMappingURL=index.es.js.map