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

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

@@ -1,992 +0,0 @@
-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
-};