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

package/components/datatable/DataTable-J1j-OKsW.es.js

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