@fewangsit/wangsvue-fats 1.0.1-alpha.4 → 1.0.1-alpha.41

package/datatable/index.es.js

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