@fewangsit/wangsvue-fats 1.0.0-alpha.42 → 1.0.0-alpha.43

package/components/datatable/DataTable-BH7Fk88O.es.js

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