@fewangsit/wangsvue-fats 1.0.1-alpha.68 → 1.0.1-alpha.69

package/datatable/index.es.js

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