@fewangsit/wangsvue 1.5.219-alpha.2 → 1.5.219-alpha.3

package/datatable/index.es.js

@@ -1,1328 +0,0 @@
-import { defineComponent, mergeModels, useModel, computed, inject, ref, shallowRef, onMounted, onUnmounted, watch, createElementBlock, openBlock, normalizeProps, guardReactiveProps, unref, createElementVNode, withDirectives, createCommentVNode, createVNode, createBlock, mergeProps, withCtx, Fragment, renderList, createTextVNode, toDisplayString, withModifiers, normalizeClass, resolveDynamicComponent, toHandlers, vShow, nextTick } from "vue";
-import { s as simplebar } from "../vendor/simplebar-vue/dist/simplebar-vue.esm.es.js";
-import { e as eventBus } from "../event-bus/index.es.js";
-import { u as useWangsVueConfig } from "../plugins/WangsVue.es.js";
-import { u as useToast } from "../utils/baseToast.util.es.js";
-import { f as formatDate } from "../utils/date.util.es.js";
-import { n as normalizeTableData, e as exportToExcel } from "../utils/exportToExcel.util.es.js";
-import { m as mergePropsWithDefaults } from "../utils/mergePropsWithDefaults.util.es.js";
-import { s as setNestedPropertyValue, g as getNestedPropertyValue } from "../utils/object.util.es.js";
-import { u as useLoadingStore } from "../buttondownload/index.es.js";
-import { s as script } from "../vendor/primevue/paginator/paginator.esm.es.js";
-import { O as ObjectUtils } from "../vendor/primevue/utils/utils.esm.es.js";
-import { _ as _sfc_main$1 } from "../checkbox/index.es.js";
-import { _ as _sfc_main$4 } from "../animation/index.es.js";
-import { _ as _sfc_main$2 } from "../button/index.es.js";
-import { _ as _sfc_main$9 } from "../customcolumn/index.es.js";
-import { _ as _sfc_main$6 } from "../dialogconfirm/index.es.js";
-import { _ as _sfc_main$3 } from "../icon/index.es.js";
-import { _ as _sfc_main$8 } from "../menu/index.es.js";
-import { _ as _sfc_main$a } from "../toast/index.es.js";
-import { _ as _sfc_main$5 } from "../toggleswitch/index.es.js";
-import { _ as _sfc_main$7 } from "../multirow/index.es.js";
-/* empty css                                            */
-import { c as cloneDeep } from "../vendor/lodash-es/cloneDeep.es.js";
-import { _ as _export_sfc } from "../backgroundimagecropper/index.es.js";
-function adjustMenuPositionHelper(event) {
-  let el = event.target;
-  if (el.tagName === "UL") {
-    el = el.parentElement;
-  }
-  const { offsetHeight = 0 } = el;
-  const maxHeight = window.innerHeight * 90 / 100;
-  if (offsetHeight >= maxHeight) {
-    el.style.transform = "translateY(5vh)";
-  }
-}
-const isArrayIncluded = (smallArray, largeArray) => {
-  return smallArray.every((element) => largeArray.includes(element));
-};
-const _hoisted_1 = ["id"];
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = { class: "flex" };
-const _hoisted_4 = ["id"];
-const _hoisted_5 = { key: 0 };
-const _hoisted_6 = ["colspan"];
-const _hoisted_7 = ["id", "draggable", "onClick", "onDblclick", "onDragenter", "onDragstart"];
-const _hoisted_8 = ["onClick"];
-const _hoisted_9 = ["colspan"];
-const _hoisted_10 = ["colspan"];
-const _hoisted_11 = ["colspan"];
-const _hoisted_12 = ["colspan"];
-const _hoisted_13 = ["colspan"];
-const _hoisted_14 = ["contenteditable", "onBlur", "onKeypress"];
-const _hoisted_15 = { key: 1 };
-const _hoisted_16 = { key: 2 };
-const _hoisted_17 = ["colspan"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "DataTable",
-  props: /* @__PURE__ */ mergeModels({
-    treeTable: { type: Boolean },
-    childTableProps: {},
-    tableName: { default: "datatable" },
-    tableTitle: { default: void 0 },
-    columns: {},
-    useOption: { type: Boolean, default: true },
-    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: true },
-    loading: { type: Boolean },
-    selectionType: { default: "checkbox" },
-    useSelection: { type: Boolean },
-    selectedData: {},
-    expandedRows: {},
-    usePaginator: { type: Boolean },
-    options: { default: () => [] },
-    singleSelect: { type: Boolean },
-    customColumn: { type: Boolean, default: true },
-    scrollHeight: {},
-    rowHeight: { default: "fixed" },
-    reorderable: { type: Boolean },
-    globalFilterFields: {},
-    totalDisabledRows: {},
-    excelToastErrorMessage: {},
-    emptyTableMessage: {},
-    singleSelection: {}
-  }, {
-    "singleSelection": {},
-    "singleSelectionModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["toggleOption", "selectData", "rowSelect", "page", "sort", "update:selectedData", "update:singleSelection", "cellEdited", "input", "rowReorder"], ["update:singleSelection"]),
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const singleSelection = useModel(__props, "singleSelection");
-    const { defaultProps, locale } = useWangsVueConfig("DataTable");
-    const config = computed(() => mergePropsWithDefaults(props, defaultProps));
-    const Preset = inject("preset", {}).datatable;
-    const rowsPerPageOptions = [10, 25, 50, 100];
-    const useToastConfig = inject("useToastConfig");
-    const toast = useToast(useToastConfig);
-    const { setLoading } = useLoadingStore();
-    const dataTableID = (() => {
-      const path = window.location.pathname.replace("/", "").split("/").join("-");
-      return `${path}-${props.tableName}`;
-    })();
-    const currentPageTableData = ref(props.data ?? []);
-    const originalTableData = shallowRef(props.data ?? []);
-    const expandedRows = ref({});
-    const visibleColumns = ref(props.columns);
-    const tableElement = ref();
-    const rowSingleActionCell = ref();
-    const checkboxSelection = shallowRef([]);
-    const rowReorderEventPayload = shallowRef();
-    const customColumnKey = shallowRef(0);
-    const loadingTable = shallowRef(false);
-    const loadingRows = shallowRef(false);
-    const columnKey = shallowRef(0);
-    const tableKey = shallowRef(0);
-    const paginatorKey = shallowRef(0);
-    const dragging = shallowRef(false);
-    const draggedRow = shallowRef();
-    const customColumn = ref();
-    const optionMenu = ref();
-    const rowReorderData = ref([]);
-    const filterQueryParams = shallowRef({});
-    const searchQueryParam = shallowRef();
-    const tagQueryParam = shallowRef();
-    const sortBy = shallowRef();
-    const sortOrder = shallowRef();
-    const tablePage = shallowRef(1);
-    const tableRows = shallowRef(10);
-    const totalRecords = shallowRef(0);
-    const showConfirmToggle = ref({});
-    const visibleChildTableColumns = computed(() => {
-      var _a, _b;
-      if ((_a = props.childTableProps) == null ? void 0 : _a.columns)
-        return (_b = props.childTableProps) == null ? void 0 : _b.columns.filter((col) => {
-          var _a2;
-          return !col.parentColumnsFields || ((_a2 = col.parentColumnsFields) == null ? void 0 : _a2.some(
-            (field) => visibleColumns.value.some((c) => c.field === field)
-          ));
-        });
-      return visibleColumns.value;
-    });
-    const columnsCount = computed(() => {
-      return visibleColumns.value.length + (props.selectionType === "checkbox" ? 1 : 0) + (props.useOption ? 1 : 0) + (props.reorderable ? 1 : 0) + (props.treeTable ? 1 : 0);
-    });
-    const queryParams = computed(() => ({
-      ...props.defaultQueryParams,
-      search: props.lazy ? searchQueryParam.value : props.search,
-      tag: props.lazy ? tagQueryParam.value : void 0,
-      page: props.usePaginator ? tablePage.value : void 0,
-      limit: props.usePaginator ? tableRows.value : void 0,
-      sortOrder: sortOrder.value,
-      sortBy: sortBy.value,
-      ...props.lazy ? filterQueryParams.value : props.filters
-      // This will reset the previous filters.
-    }));
-    const isExpandedAll = computed(() => {
-      var _a;
-      const rowsHasChildren = (_a = currentPageTableData.value) == null ? void 0 : _a.filter(
-        (d) => {
-          var _a2;
-          return ((_a2 = d.children) == null ? void 0 : _a2.length) || d.hasChildren;
-        }
-      );
-      return (rowsHasChildren == null ? void 0 : rowsHasChildren.length) && rowsHasChildren.every((data) => expandedRows.value[data[props.dataKey]] > 0);
-    });
-    const isSelectedAll = computed(() => {
-      var _a, _b, _c, _d, _e;
-      if (props.disableAllRows || !((_a = filterParentRowData()) == null ? void 0 : _a.length) || props.selectionType !== "checkbox" || ((_b = currentPageDisabledRows.value) == null ? void 0 : _b.length) === currentPageTableData.value.length)
-        return false;
-      const length = (_c = checkboxSelection.value) == null ? void 0 : _c.length;
-      const currentPageDataKey = ((_d = filterDisabledRows(filterParentRowData())) == null ? void 0 : _d.map((dt) => dt[props.dataKey])) ?? [];
-      const selectedDataKey = ((_e = checkboxSelection.value) == null ? void 0 : _e.map((dt) => dt[props.dataKey])) ?? [];
-      const isCurrentPageAllSelected = selectedDataKey.length ? isArrayIncluded(currentPageDataKey, selectedDataKey) : false;
-      const isAllRecordSelected = length > 0 && length === (totalRecords.value ?? 0) - (currentPageDisabledRows.value.length ?? 0);
-      return isCurrentPageAllSelected || isAllRecordSelected;
-    });
-    const currentPageDisabledRows = computed(
-      () => getDisabledRows(props.data ?? filterParentRowData() ?? [])
-    );
-    const tableIsLoading = computed(
-      () => loadingTable.value || props.loading
-    );
-    const showCustomColumn = computed(
-      () => {
-        var _a;
-        return props.useOption || ((_a = props.childTableProps) == null ? void 0 : _a.useOption) || props.customColumn;
-      }
-    );
-    const currentPageHasNoData = computed(
-      () => {
-        var _a;
-        return !tableIsLoading.value && !((_a = currentPageTableData.value) == null ? void 0 : _a.length);
-      }
-    );
-    const renderedTableData = computed(
-      () => props.lazy && props.fetchFunction || !props.usePaginator ? currentPageTableData.value : currentPageTableData.value.slice(
-        (tablePage.value - 1) * tableRows.value,
-        tablePage.value * tableRows.value
-      )
-    );
-    const isRowExpanded = (key) => {
-      const keys = Object.keys(expandedRows.value);
-      return keys.includes(key);
-    };
-    const isRowDisabled = (key) => {
-      const keys = currentPageDisabledRows.value;
-      return keys.includes(key);
-    };
-    const isRowSelected = (key) => {
-      return props.selectionType === "checkbox" ? !!checkboxSelection.value.find((data) => data[props.dataKey] === key) : isSingleSelected(key);
-    };
-    const isSingleSelected = (key) => {
-      var _a;
-      return key !== void 0 && ((_a = singleSelection.value) == null ? void 0 : _a[props.dataKey]) === key;
-    };
-    const filterParentRowData = (rowData) => {
-      return (currentPageTableData.value ?? []).filter(
-        (d) => !d.childRowHeader && !d.childRow
-      );
-    };
-    const toggleRowExpand = async (data, indexOfData, isExpanding) => {
-      var _a, _b;
-      if (isRowExpanded(data[props.dataKey]) === isExpanding) return;
-      const isExpandingRow = isExpanding ?? !isRowExpanded(data[props.dataKey]);
-      if (!loadingRows.value) {
-        if (!isExpandingRow) {
-          currentPageTableData.value.splice(
-            indexOfData + 1,
-            expandedRows.value[data[props.dataKey]]
-          );
-          delete expandedRows.value[data[props.dataKey]];
-        } else {
-          expandedRows.value[data[props.dataKey]] = 1;
-          let { children } = data;
-          if (((_a = props.childTableProps) == null ? void 0 : _a.fetchFunction) && data.hasChildren) {
-            try {
-              currentPageTableData.value.splice(indexOfData + 1, 0, {
-                childRow: true,
-                loadingRow: true
-              });
-              loadingRows.value = true;
-              const fetchChildren = await ((_b = props.childTableProps) == null ? void 0 : _b.fetchFunction(data));
-              children = fetchChildren == null ? void 0 : fetchChildren.data;
-            } catch (error) {
-              console.error("🚀 ~ toggleRowExpand ~ error:", error);
-            } finally {
-              currentPageTableData.value.splice(indexOfData + 1, 1);
-              loadingRows.value = false;
-            }
-          }
-          if (indexOfData >= 0 && (children == null ? void 0 : children.length)) {
-            const childrenRows = children.flatMap((child) => {
-              const rowHeader = {
-                childRowHeader: true,
-                header: child.groupHeader
-              };
-              return [
-                rowHeader,
-                ...(child.groupItems ?? []).map((d) => ({ childRow: true, ...d }))
-              ];
-            });
-            expandedRows.value[data[props.dataKey]] = childrenRows.length;
-            currentPageTableData.value.splice(indexOfData + 1, 0, ...childrenRows);
-          } else {
-            currentPageTableData.value.splice(indexOfData + 1, 0, {
-              childRow: true,
-              noDataRow: true
-            });
-          }
-        }
-      }
-    };
-    const toggleAllDataSelection = (e) => {
-      if (props.includeCheckDisabledRows) {
-        checkboxSelection.value = e ? filterParentRowData() : filterParentRowData().filter((d) => isRowDisabled(d[props.dataKey]));
-      } else {
-        checkboxSelection.value = e ? filterDisabledRows(filterParentRowData()) : [];
-      }
-    };
-    const toggleRowSelection = (event, data, index) => {
-      if (!data.childRow && !data.childRowHeader && !isRowDisabled(data[props.dataKey]) && props.selectionType !== "none") {
-        const selected = isRowSelected(data[props.dataKey]);
-        emit("rowSelect", { originalEvent: event, data, index });
-        if (props.selectionType === "checkbox") {
-          if (selected)
-            checkboxSelection.value = checkboxSelection.value.filter(
-              (d) => d[props.dataKey] != data[props.dataKey]
-            );
-          else checkboxSelection.value = [...checkboxSelection.value, data];
-        } else {
-          singleSelection.value = selected ? void 0 : data;
-        }
-      }
-    };
-    const toggleExpandAll = async () => {
-      var _a;
-      const isExpanding = !isExpandedAll.value;
-      if (!loadingRows.value) {
-        let index = 0;
-        for (const data of currentPageTableData.value) {
-          if (((_a = data.children) == null ? void 0 : _a.length) || data.hasChildren) {
-            await toggleRowExpand(data, index, isExpanding);
-          }
-          index++;
-        }
-      }
-    };
-    const toggleOptions = async (event, data) => {
-      const eventTarget = event.target;
-      const button = eventTarget.tagName.toLowerCase() === "button" ? eventTarget : eventTarget.parentElement;
-      emit("toggleOption", data);
-      const toggleEvent = {
-        ...event,
-        currentTarget: event.currentTarget ?? event.target
-      };
-      removeClassActive();
-      await nextTick(() => {
-        var _a;
-        if (button == null ? void 0 : button.classList.contains("option-button-active")) {
-          removeClassActive();
-        } else {
-          (_a = optionMenu.value) == null ? void 0 : _a.toggle(toggleEvent);
-          removeClassActive();
-          button == null ? void 0 : button.classList.add("option-button-active");
-        }
-      });
-    };
-    const onColumnTogglePresetChange = async (e, item, col) => {
-      var _a, _b, _c, _d;
-      if (!col.preset) return;
-      const revertFunction = () => setNestedPropertyValue(
-        item,
-        col.field,
-        !getNestedPropertyValue(item, col.field)
-      );
-      if (col.preset.type === "checkbox")
-        (_b = (_a = col.preset).onCheck) == null ? void 0 : _b.call(_a, e, item, revertFunction);
-      else if (col.preset.type === "toggle")
-        (_d = (_c = col.preset).onToggle) == null ? void 0 : _d.call(_c, e, item, revertFunction);
-      if ("confirmDialogProps" in col.preset) {
-        const { showWhen } = getConfirmDialogProps(
-          col.preset,
-          item[col.field],
-          item
-        ) ?? {};
-        if (typeof showWhen === "function") {
-          showConfirmToggle.value[item[props.dataKey] + col.field] = await showWhen(
-            item,
-            e
-          );
-        } else {
-          showConfirmToggle.value[item[props.dataKey] + col.field] = !showWhen || showWhen === "active" && e || showWhen === "inactive" && !e;
-        }
-      }
-    };
-    const draggable = (item) => {
-      return item.draggable !== false && !item.childRow && !item.childRowHeader && props.reorderable && !sortOrder.value;
-    };
-    const startReorderRow = (event, item, index) => {
-      if (item.childRow || item.childRowHeader) return;
-      expandedRows.value = {};
-      const { dataTransfer } = event;
-      draggedRow.value = item;
-      rowReorderEventPayload.value = { item, fromIndex: index };
-      if (dataTransfer) {
-        dataTransfer.dropEffect = "move";
-        dataTransfer.effectAllowed = "move";
-        dataTransfer.setData("id", item._id);
-        dataTransfer.setData("index", index.toString());
-      }
-    };
-    const onDragEnter = (e, row) => {
-      var _a, _b;
-      e.preventDefault();
-      if (draggable(row)) {
-        const target = e.target;
-        const dropTargetTr = target.tagName === "TR" ? target : target.closest("tr");
-        dropTargetTr == null ? void 0 : dropTargetTr.classList.add("bg-primary-50");
-        (_a = dropTargetTr == null ? void 0 : dropTargetTr.nextElementSibling) == null ? void 0 : _a.classList.remove("bg-primary-50");
-        (_b = dropTargetTr == null ? void 0 : dropTargetTr.previousElementSibling) == null ? void 0 : _b.classList.remove("bg-primary-50");
-        if (!dropTargetTr || !draggedRow.value) return;
-        const draggedIndex = rowReorderData.value.findIndex(
-          (item) => {
-            var _a2;
-            return item._id === ((_a2 = draggedRow.value) == null ? void 0 : _a2._id);
-          }
-        );
-        const dropTargetIndex = rowReorderData.value.findIndex(
-          (item) => item._id === dropTargetTr.id
-        );
-        if (draggedIndex !== -1 && dropTargetIndex !== -1) {
-          if (rowReorderEventPayload.value)
-            rowReorderEventPayload.value.toIndex = dropTargetIndex;
-          [
-            rowReorderData.value[draggedIndex],
-            rowReorderData.value[dropTargetIndex]
-          ] = [
-            rowReorderData.value[dropTargetIndex],
-            rowReorderData.value[draggedIndex]
-          ];
-          reorderVisibleColumn();
-        }
-      }
-    };
-    const onRowReorder = () => {
-      if (rowReorderEventPayload.value) {
-        emit("rowReorder", rowReorderEventPayload.value);
-      }
-      draggedRow.value = void 0;
-      dragging.value = false;
-      rowReorderEventPayload.value = void 0;
-    };
-    const reorderVisibleColumn = () => {
-      currentPageTableData.value = [...rowReorderData.value];
-    };
-    const removeClassActive = () => {
-      const previouslyClicked = document.querySelectorAll(".option-button-active");
-      previouslyClicked == null ? void 0 : previouslyClicked.forEach((el) => {
-        el.classList.remove("option-button-active");
-      });
-    };
-    const resetSortQuery = () => {
-      sortBy.value = void 0;
-      sortOrder.value = void 0;
-    };
-    const resetPage = () => {
-      tablePage.value = 1;
-      paginatorKey.value++;
-    };
-    const resetPageLimit = () => {
-      tableRows.value = props.rows ?? 10;
-      tablePage.value = 1;
-      paginatorKey.value++;
-    };
-    const resetDataTableQuery = () => {
-      resetPageLimit();
-      resetSortQuery();
-    };
-    const handleFilter = async () => {
-      tableKey.value++;
-      paginatorKey.value++;
-      resetDataTableQuery();
-      if (!props.lazy) applyStaticFilter();
-      else await reFetch();
-    };
-    const applyStaticFilter = () => {
-      let filtered = [...originalTableData.value ?? []];
-      const staticFilterMeta = filterQueryParams.value;
-      const filterMetaEntries = Object.entries(staticFilterMeta);
-      try {
-        filtered = filterMetaEntries.length ? filtered.filter((d) => {
-          return filterMetaEntries.every(
-            ([key, { value: filterValue, matchMode }]) => {
-              const fieldValue = getNestedPropertyValue(d, key);
-              switch (matchMode) {
-                case "IN":
-                  return Array.isArray(filterValue) ? filterValue.includes(fieldValue) : false;
-                case "CONTAINS":
-                  return fieldValue && filterValue ? fieldValue.toString().toLowerCase().includes(filterValue) : false;
-                case "EQUALS":
-                  return fieldValue ? fieldValue.toString() === filterValue.toString() : false;
-                case "BETWEEN":
-                  return Array.isArray(filterValue) && filterValue.length === 2 ? !isNaN(fieldValue) && (filterValue[0] == null || fieldValue >= filterValue[0]) && (filterValue[1] == null || fieldValue <= filterValue[1]) : false;
-                case "DATE_BETWEEN":
-                  return Array.isArray(filterValue) ? +new Date(fieldValue) >= filterValue[0] && +new Date(fieldValue) <= filterValue[1] : false;
-                default:
-                  return false;
-              }
-            }
-          );
-        }) : originalTableData.value;
-      } catch (error) {
-        console.error("🚀 ~ applyStaticFilter ~ error:", error);
-      }
-      applyStaticSearch(filtered);
-    };
-    const applyStaticSearch = (data) => {
-      var _a;
-      try {
-        currentPageTableData.value = ((_a = searchQueryParam.value) == null ? void 0 : _a.length) ? data.filter((d) => {
-          const stringData = JSON.stringify(d);
-          return new RegExp(searchQueryParam.value, "i").test(stringData) || searchQueryParam.value.split(/\s+/).filter(Boolean).every((word) => {
-            const regex = new RegExp(word, "i");
-            return regex.test(stringData);
-          });
-        }) : data;
-      } catch (error) {
-        console.error("🚀 ~ applyStaticSearch ~ error:", error);
-      }
-    };
-    const handlePageChange = async (event) => {
-      tableRows.value = event.rows;
-      tablePage.value = event.page + 1;
-      if (props.lazy && props.fetchFunction) await reFetch();
-      Object.keys(expandedRows.value).forEach((key) => {
-        const index = currentPageTableData.value.findIndex(
-          (d) => d[props.dataKey] == key
-        );
-        if (index >= 0)
-          toggleRowExpand(currentPageTableData.value[index], index, true);
-      });
-    };
-    const sortColumn = (field, e) => {
-      if (field !== sortBy.value) sortOrder.value = void 0;
-      sortBy.value = field;
-      if (!sortOrder.value) {
-        sortOrder.value = 1;
-      } else if (sortOrder.value == -1) {
-        sortOrder.value = void 0;
-        sortBy.value = void 0;
-      } else {
-        sortOrder.value = -1;
-      }
-      emit("sort", {
-        sortOrder: sortOrder.value,
-        sortField: sortBy.value,
-        originalEvent: e,
-        rows: tableRows.value
-      });
-      resetPage();
-      if (props.lazy && props.fetchFunction) reFetch();
-      else staticSort();
-    };
-    const staticSort = () => {
-      const data = [...currentPageTableData.value ?? []];
-      const resolvedFieldData = /* @__PURE__ */ new Map();
-      if (!sortOrder.value) {
-        currentPageTableData.value = originalTableData.value ?? [];
-        return;
-      }
-      for (const item of data) {
-        resolvedFieldData.set(
-          item,
-          ObjectUtils.resolveFieldData(item, sortBy.value)
-        );
-      }
-      const comparer = new Intl.Collator(void 0, { numeric: true }).compare;
-      data.sort((data1, data2) => {
-        const value1 = resolvedFieldData.get(data1);
-        const value2 = resolvedFieldData.get(data2);
-        return ObjectUtils.sort(value1, value2, sortOrder.value, comparer, -1);
-      });
-      currentPageTableData.value = data;
-    };
-    const reFetch = async () => {
-      var _a;
-      try {
-        loadingTable.value = true;
-        const response = await ((_a = props.fetchFunction) == null ? void 0 : _a.call(props, queryParams.value));
-        const { data = [], totalRecords: total = 0 } = (response == null ? void 0 : response.data) ?? {};
-        currentPageTableData.value = data;
-        rowReorderData.value = [...currentPageTableData.value];
-        totalRecords.value = total;
-      } catch (error) {
-        console.error("🚀 ~ reFetch ~ error:", error);
-      } finally {
-        loadingTable.value = false;
-        expandedRows.value = {};
-      }
-    };
-    const fetchAllData = async () => {
-      var _a;
-      const params = cloneDeep(queryParams.value);
-      delete params.page;
-      delete params.limit;
-      const res = await ((_a = props.fetchFunction) == null ? void 0 : _a.call(props, params));
-      if (res instanceof Error) throw res;
-      return (res == null ? void 0 : res.data) ?? { data: [], totalRecords: 0 };
-    };
-    const selectAllData = async (event) => {
-      if (props.tableName !== event.tableName) return;
-      try {
-        loadingTable.value = true;
-        const { data, totalRecords: total = 0 } = props.lazy ? await fetchAllData() : { totalRecords: (props.data ?? []).length, data: props.data };
-        const disabledRows = getDisabledRows(data);
-        checkboxSelection.value = props.includeCheckDisabledRows ? data ?? [] : filterDisabledRows(data, disabledRows);
-        totalRecords.value = total;
-      } finally {
-        loadingTable.value = false;
-      }
-    };
-    const headerCellPreset = (col, useCustomColumn) => {
-      return Preset == null ? void 0 : Preset.headercell({
-        props,
-        context: {
-          sortOrder: sortOrder.value,
-          customColumn: useCustomColumn,
-          sorted: sortBy.value && sortBy.value === (col == null ? void 0 : col.field),
-          sortable: col == null ? void 0 : col.sortable
-        }
-      });
-    };
-    const handleUpdateTableEvent = (event) => {
-      if (!event.tableName || event.tableName === props.tableName) {
-        nextTick(() => {
-          columnKey.value++;
-          reFetch();
-        });
-      }
-    };
-    const filterDisabledRows = (tableData, rowsIDs) => {
-      return (tableData ?? []).filter(
-        (data) => !(rowsIDs ?? currentPageDisabledRows.value).includes(data[props.dataKey])
-      );
-    };
-    const getDisabledRows = (tableData = []) => {
-      if (props.disableAllRows) return tableData.map((data) => data[props.dataKey]);
-      return tableData.filter((data) => data[props.disableKey]).map((data) => data[props.dataKey]);
-    };
-    const downloadExcel = async ({
-      tableName,
-      multiTableNames,
-      fileName,
-      additionalTexts
-    }) => {
-      var _a;
-      if (tableName !== props.tableName && !(multiTableNames == null ? void 0 : multiTableNames.includes(props.tableName)))
-        return;
-      const excelColumns = visibleColumns.value.filter(
-        (col) => col.visible !== false
-      );
-      const includedColumns = excelColumns.filter((col) => !col.excluded);
-      const headers = includedColumns.map(
-        (col) => col.header ?? col.exportHeader ?? "-"
-      );
-      const formatFileName = () => {
-        return fileName.trim().replace(/[^a-zA-Z0-9\s]/g, "-").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/-+$/, "");
-      };
-      try {
-        eventBus.off("data-table:download", downloadHandler);
-        if (tableName === props.tableName) {
-          setLoading(true, locale.downloadingMessage);
-          const { data } = props.fetchFunction ? await fetchAllData() : { data: props.data };
-          const excelBody = normalizeTableData(data, includedColumns, locale);
-          if (multiTableNames == null ? void 0 : multiTableNames.length) {
-            eventBus.emit("button-download:multi-tables", {
-              table: {
-                headers,
-                data: excelBody,
-                tableName,
-                tableTitle: props.tableTitle
-              }
-            });
-            return;
-          }
-          await exportToExcel({
-            tables: [
-              { headers, data: excelBody, tableName, tableTitle: props.tableTitle }
-            ],
-            fileName: formatFileName(),
-            additionalTexts
-          });
-        }
-      } catch (error) {
-        console.error("🚀 ~ downloadExcel error:", error);
-        toast.removeAllGroups();
-        toast.add({
-          message: ((_a = config.value.excelToastErrorMessage) == null ? void 0 : _a.replace("{fileName}", fileName)) ?? "Data gagal diunduh.",
-          error,
-          group: "download"
-        });
-      } finally {
-        setLoading(false);
-        eventBus.on("data-table:download", downloadHandler);
-      }
-    };
-    onMounted(async () => {
-      var _a;
-      if (props.fetchFunction) {
-        await reFetch();
-        listenUpdateTableEvent();
-      }
-      if ((_a = props.selectedData) == null ? void 0 : _a.length) {
-        checkboxSelection.value = props.selectedData;
-      }
-      attachEventListener();
-    });
-    onUnmounted(() => {
-      removeEventListener();
-    });
-    watch(
-      () => props.columns,
-      () => {
-        if (!props.customColumn) visibleColumns.value = props.columns;
-        customColumnKey.value++;
-      }
-    );
-    watch(
-      () => props.data,
-      (data) => {
-        currentPageTableData.value = data ?? [];
-        originalTableData.value = data ?? [];
-        eventBus.emit("data-table:updated", { tableName: props.tableName, data });
-        totalRecords.value = data == null ? void 0 : data.length;
-      },
-      {
-        immediate: true
-      }
-    );
-    watch(totalRecords, (total) => {
-      updateTotalRecordBulkAction(total);
-    });
-    watch(
-      checkboxSelection,
-      (newSelectedData) => {
-        emit("selectData", newSelectedData);
-        emit("update:selectedData", newSelectedData);
-        eventBus.emit("data-table:update-selected-data", {
-          tableName: props.tableName,
-          data: newSelectedData
-        });
-      },
-      { deep: true }
-    );
-    const attachEventListener = () => {
-      eventBus.on("data-table:apply-filter", applyFilterHandler);
-      eventBus.on("search-table", searchTableHandler);
-      eventBus.on("search-by-scan-table", searchByScanHandler);
-      eventBus.on("data-table:clear-selected-data", clearSelectedDataHandler);
-      eventBus.on("data-table:select-all-record", selectAllRecordHandler);
-      eventBus.on("data-table:download", downloadHandler);
-      eventBus.on("data-table:import-excel-to-json", populateDataTableFromExcel);
-    };
-    const removeEventListener = () => {
-      eventBus.off("data-table:update", handleUpdateTableEvent);
-      eventBus.off("data-table:apply-filter", applyFilterHandler);
-      eventBus.off("search-table", searchTableHandler);
-      eventBus.off("search-by-scan-table", searchByScanHandler);
-      eventBus.off("data-table:clear-selected-data", clearSelectedDataHandler);
-      eventBus.off("data-table:select-all-record", selectAllRecordHandler);
-      eventBus.off("data-table:download", downloadHandler);
-      eventBus.off("data-table:import-excel-to-json", populateDataTableFromExcel);
-    };
-    const applyFilterHandler = (e) => {
-      if (e.tableName === props.tableName) {
-        filterQueryParams.value = e.filter;
-        handleFilter();
-      }
-    };
-    const searchTableHandler = (e) => {
-      if (e.tableName === props.tableName) {
-        searchQueryParam.value = e.search;
-        handleFilter();
-      }
-    };
-    const searchByScanHandler = (e) => {
-      if (e.tableName === props.tableName) {
-        tagQueryParam.value = e.tag;
-        handleFilter();
-      }
-    };
-    const selectAllRecordHandler = (e) => {
-      if (e.tableName === props.tableName) {
-        selectAllData(e);
-      }
-    };
-    const clearSelectedDataHandler = (e) => {
-      if (e.tableName === props.tableName) {
-        checkboxSelection.value = [];
-      }
-    };
-    const downloadHandler = (e) => {
-      var _a;
-      if (e.tableName === props.tableName || ((_a = e.multiTableNames) == null ? void 0 : _a.includes(props.tableName))) {
-        downloadExcel(e);
-      }
-    };
-    const preventCharInput = (e) => {
-      if (!(e.code.includes("Digit") || e.code.includes("Numpad") || ["ArrowLeft", "ArrowRight", "Backspace", "Delete"].includes(e.code))) {
-        e.preventDefault();
-      }
-    };
-    const updateTotalRecordBulkAction = (total) => {
-      const disabledCount = props.includeCheckDisabledRows ? 0 : (currentPageDisabledRows.value.length || props.totalDisabledRows) ?? 0;
-      const data = {
-        total: (total ?? totalRecords.value ?? 0) - disabledCount,
-        tableName: props.tableName
-      };
-      eventBus.emit("data-table:update-total-record", data);
-    };
-    const listenUpdateTableEvent = () => {
-      eventBus.on("data-table:update", handleUpdateTableEvent);
-    };
-    const populateDataTableFromExcel = (e) => {
-      if (e.tableName === props.tableName) {
-        currentPageTableData.value = e.data;
-        rowReorderData.value = [...currentPageTableData.value];
-        totalRecords.value = e.data.length;
-      }
-    };
-    const getConfirmDialogProps = (preset, state, rowData) => {
-      return typeof (preset == null ? void 0 : preset.confirmDialogProps) == "function" ? preset == null ? void 0 : preset.confirmDialogProps(state, rowData) : preset == null ? void 0 : preset.confirmDialogProps;
-    };
-    return (_ctx, _cache) => {
-      var _a, _b, _c;
-      return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps((_a = unref(Preset)) == null ? void 0 : _a.root)), [
-        createElementVNode("div", normalizeProps(guardReactiveProps((_b = unref(Preset)) == null ? void 0 : _b.tablewrapper)), [
-          createVNode(unref(simplebar), mergeProps({ "auto-hide": false }, (_c = unref(Preset)) == null ? void 0 : _c.scrollheightwrapper({ props }), { class: "custom-scrollbar" }), {
-            default: withCtx(() => {
-              var _a2, _b2, _c2, _d, _e;
-              return [
-                (openBlock(), createElementBlock("table", mergeProps({ id: unref(dataTableID) }, (_a2 = unref(Preset)) == null ? void 0 : _a2.table, {
-                  key: tableKey.value,
-                  ref: tableElement.value
-                }), [
-                  createElementVNode("thead", normalizeProps(guardReactiveProps(unref(Preset).thead)), [
-                    createElementVNode("tr", normalizeProps(guardReactiveProps(unref(Preset).headerrow)), [
-                      _ctx.reorderable && !sortOrder.value ? (openBlock(), createElementBlock("th", mergeProps({ key: 0 }, unref(Preset).headercellreorderable, {
-                        class: headerCellPreset().class
-                      }), null, 16)) : createCommentVNode("", true),
-                      _ctx.selectionType === "checkbox" ? (openBlock(), createElementBlock("th", mergeProps({ key: 1 }, unref(Preset).headercellcheckbox, {
-                        class: headerCellPreset().class
-                      }), [
-                        createVNode(_sfc_main$1, mergeProps(
-                          (_b2 = unref(Preset)) == null ? void 0 : _b2.headercheckbox({ context: { isSelectedAll: isSelectedAll.value } }),
-                          {
-                            "model-value": isSelectedAll.value,
-                            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => toggleAllDataSelection(!!$event)),
-                            binary: ""
-                          }
-                        ), null, 16, ["model-value"])
-                      ], 16)) : createCommentVNode("", true),
-                      _ctx.treeTable ? (openBlock(), createElementBlock("th", mergeProps({ key: 2 }, unref(Preset).headertoggler, {
-                        class: headerCellPreset().class
-                      }), [
-                        createVNode(_sfc_main$2, mergeProps(
-                          { onClick: toggleExpandAll },
-                          unref(Preset).headertogglerbutton({ context: { isExpandedAll: isExpandedAll.value } }),
-                          {
-                            icon: "arrow-down",
-                            text: ""
-                          }
-                        ), null, 16)
-                      ], 16)) : createCommentVNode("", true),
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(visibleColumns.value, (col) => {
-                        return openBlock(), createElementBlock("th", mergeProps({
-                          key: col.field,
-                          class: [col.headerClass, col.class],
-                          ref_for: true
-                        }, headerCellPreset(col), {
-                          onClick: ($event) => col.sortable ? sortColumn(col.field, $event) : null
-                        }), [
-                          createElementVNode("span", mergeProps({ ref_for: true }, unref(Preset).headercellcontent), [
-                            createElementVNode("span", _hoisted_3, [
-                              createTextVNode(toDisplayString(col.header) + " ", 1),
-                              col.info ? (openBlock(), createBlock(_sfc_main$3, {
-                                key: 0,
-                                info: col.info,
-                                severity: col.infoSeverity,
-                                class: "w-[10px] h-[10px]",
-                                icon: "info"
-                              }, null, 8, ["info", "severity"])) : createCommentVNode("", true)
-                            ]),
-                            col.sortable ? (openBlock(), createBlock(_sfc_main$3, {
-                              key: 0,
-                              icon: !sortBy.value || sortBy.value != col.field ? "arrow-up-down" : sortOrder.value == 1 ? "sort-asc" : "sort-desc",
-                              class: "text-base"
-                            }, null, 8, ["icon"])) : createCommentVNode("", true)
-                          ], 16)
-                        ], 16, _hoisted_2);
-                      }), 128)),
-                      showCustomColumn.value ? (openBlock(), createElementBlock("th", mergeProps({ key: 3 }, headerCellPreset(void 0, props.customColumn), {
-                        id: `column-visibility-toggle-${unref(dataTableID)}`,
-                        onClick: _cache[1] || (_cache[1] = //@ts-ignore
-                        (...args) => {
-                          var _a3, _b3;
-                          return ((_a3 = customColumn.value) == null ? void 0 : _a3.toggleMenu) && ((_b3 = customColumn.value) == null ? void 0 : _b3.toggleMenu(...args));
-                        })
-                      }), [
-                        props.customColumn ? (openBlock(), createBlock(_sfc_main$3, mergeProps({ key: 0 }, unref(Preset).columnvisibilityicon, {
-                          icon: "ellipsis-h",
-                          "tooltip-pos": "left"
-                        }), null, 16)) : createCommentVNode("", true)
-                      ], 16, _hoisted_4)) : createCommentVNode("", true)
-                    ], 16)
-                  ], 16),
-                  createElementVNode("tbody", normalizeProps(guardReactiveProps((_c2 = unref(Preset)) == null ? void 0 : _c2.tbody)), [
-                    tableIsLoading.value ? (openBlock(), createElementBlock("tr", _hoisted_5, [
-                      createElementVNode("td", mergeProps({ colspan: columnsCount.value }, (_d = unref(Preset)) == null ? void 0 : _d.bodycell), [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(Preset).invisiblelottiewrapper ? 2 : 1, (i) => {
-                          return openBlock(), createElementBlock("div", mergeProps(
-                            {
-                              key: i,
-                              ref_for: true
-                            },
-                            i === 1 ? unref(Preset).loadingtablewrapper : unref(Preset).invisiblelottiewrapper
-                          ), [
-                            createVNode(_sfc_main$4, mergeProps({
-                              animation: "loading-table",
-                              ref_for: true
-                            }, unref(Preset).loadingtablelottie), null, 16)
-                          ], 16);
-                        }), 128))
-                      ], 16, _hoisted_6)
-                    ])) : !currentPageHasNoData.value ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(renderedTableData.value, (item, index) => {
-                      var _a3, _b3, _c3, _d2, _e2, _f, _g, _h, _i, _j, _k;
-                      return openBlock(), createElementBlock("tr", mergeProps(
-                        {
-                          id: item._id,
-                          key: `${index}-${item[_ctx.dataKey]}`,
-                          draggable: draggable(item),
-                          ref_for: true
-                        },
-                        (_a3 = unref(Preset)) == null ? void 0 : _a3.bodyrow({
-                          context: {
-                            highlighted: item[_ctx.highlightKey ?? ""],
-                            selected: isRowSelected(item[_ctx.dataKey]),
-                            disabled: isRowDisabled(item[_ctx.dataKey]),
-                            draggable: draggable(item),
-                            dragging: dragging.value
-                          },
-                          props
-                        }),
-                        {
-                          onClick: ($event) => toggleRowSelection($event, item, index),
-                          onDblclick: ($event) => {
-                            var _a4;
-                            return _ctx.treeTable && (((_a4 = item.children) == null ? void 0 : _a4.length) || item.hasChildren) ? toggleRowExpand(item, index) : null;
-                          },
-                          onDrag: _cache[11] || (_cache[11] = ($event) => dragging.value = true),
-                          onDragenter: withModifiers(($event) => onDragEnter($event, item), ["prevent"]),
-                          onDragleave: _cache[12] || (_cache[12] = withModifiers(() => {
-                          }, ["prevent"])),
-                          onDragover: _cache[13] || (_cache[13] = withModifiers(() => {
-                          }, ["prevent"])),
-                          onDragstart: ($event) => startReorderRow($event, item, index),
-                          onDrop: onRowReorder
-                        }
-                      ), [
-                        _ctx.reorderable && !sortOrder.value ? (openBlock(), createElementBlock("td", mergeProps({
-                          key: 0,
-                          ref_for: true
-                        }, (_b3 = unref(Preset)) == null ? void 0 : _b3.bodycell), [
-                          !item.childRow && !item.childRowHeader ? (openBlock(), createBlock(_sfc_main$3, {
-                            key: 0,
-                            class: "draggableicon",
-                            icon: "dragable-menu"
-                          })) : createCommentVNode("", true)
-                        ], 16)) : createCommentVNode("", true),
-                        _ctx.selectionType === "checkbox" ? (openBlock(), createElementBlock("td", mergeProps({
-                          key: 1,
-                          ref_for: true
-                        }, (_c3 = unref(Preset)) == null ? void 0 : _c3.bodycell, {
-                          onClick: _cache[3] || (_cache[3] = withModifiers(() => {
-                          }, ["stop"]))
-                        }), [
-                          !item.childRow && !item.childRowHeader ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
-                            key: 0,
-                            ref_for: true
-                          }, (_d2 = unref(Preset)) == null ? void 0 : _d2.rowcheckbox, {
-                            modelValue: checkboxSelection.value,
-                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => checkboxSelection.value = $event),
-                            binary: false,
-                            disabled: isRowDisabled(item[_ctx.dataKey]),
-                            value: item
-                          }), null, 16, ["modelValue", "disabled", "value"])) : createCommentVNode("", true)
-                        ], 16)) : createCommentVNode("", true),
-                        _ctx.treeTable ? (openBlock(), createElementBlock("td", mergeProps({
-                          key: 2,
-                          ref_for: true
-                        }, (_e2 = unref(Preset)) == null ? void 0 : _e2.bodycell, {
-                          onClick: (e) => {
-                            (item.childRow || item.childRowHeader) && e.stopPropagation();
-                          }
-                        }), [
-                          ((_f = item.children) == null ? void 0 : _f.length) || item.hasChildren ? (openBlock(), createBlock(_sfc_main$2, mergeProps(
-                            {
-                              key: 0,
-                              onClick: withModifiers(($event) => toggleRowExpand(item, index), ["stop"]),
-                              ref_for: true
-                            },
-                            unref(Preset).rowtogglerbutton({
-                              context: {
-                                isRowExpanded: isRowExpanded(item[_ctx.dataKey])
-                              }
-                            }),
-                            {
-                              icon: "arrow-down",
-                              text: ""
-                            }
-                          ), null, 16, ["onClick"])) : createCommentVNode("", true)
-                        ], 16, _hoisted_8)) : createCommentVNode("", true),
-                        (() => {
-                          var _a4;
-                          return item.childRowHeader && ((_a4 = props.childTableProps) == null ? void 0 : _a4.useColumnsHeader);
-                        })() ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
-                          (openBlock(true), createElementBlock(Fragment, null, renderList(visibleChildTableColumns.value, (col) => {
-                            var _a4, _b4;
-                            return openBlock(), createElementBlock("td", {
-                              key: col.header,
-                              class: normalizeClass([(_a4 = unref(Preset)) == null ? void 0 : _a4.bodycell.class, "font-semibold text-xs"]),
-                              colspan: col.colspan ?? ((_b4 = col.parentColumnsFields) == null ? void 0 : _b4.length),
-                              onClick: _cache[4] || (_cache[4] = withModifiers(() => {
-                              }, ["stop"]))
-                            }, toDisplayString(col.header), 11, _hoisted_9);
-                          }), 128)),
-                          showCustomColumn.value ? (openBlock(), createElementBlock("td", {
-                            key: 0,
-                            class: normalizeClass(unref(Preset).bodycell.class),
-                            onClick: _cache[5] || (_cache[5] = withModifiers(() => {
-                            }, ["stop"]))
-                          }, null, 2)) : createCommentVNode("", true)
-                        ], 64)) : item.childRowHeader ? (openBlock(), createElementBlock("td", mergeProps({
-                          key: 4,
-                          ref_for: true
-                        }, unref(Preset).childrowheader, {
-                          class: (_g = unref(Preset)) == null ? void 0 : _g.bodycell.class,
-                          colspan: props.columns.length + 1,
-                          onClick: _cache[6] || (_cache[6] = withModifiers(() => {
-                          }, ["stop"]))
-                        }), toDisplayString(item.header), 17, _hoisted_10)) : item.loadingRow ? (openBlock(), createElementBlock("td", {
-                          key: 5,
-                          class: normalizeClass((_h = unref(Preset)) == null ? void 0 : _h.bodycell.class),
-                          colspan: props.columns.length + 1,
-                          onClick: _cache[7] || (_cache[7] = withModifiers(() => {
-                          }, ["stop"]))
-                        }, [
-                          createElementVNode("div", mergeProps({ ref_for: true }, unref(Preset).loadingtablewrapper), [
-                            createVNode(_sfc_main$4, mergeProps({
-                              animation: "loading-table",
-                              ref_for: true
-                            }, unref(Preset).loadingtablelottie), null, 16)
-                          ], 16)
-                        ], 10, _hoisted_11)) : item.noDataRow ? (openBlock(), createElementBlock("td", {
-                          key: 6,
-                          class: normalizeClass((_i = unref(Preset)) == null ? void 0 : _i.bodycell.class),
-                          colspan: props.columns.length + 1,
-                          onClick: _cache[8] || (_cache[8] = withModifiers(() => {
-                          }, ["stop"]))
-                        }, [
-                          createElementVNode("div", mergeProps({ ref_for: true }, unref(Preset).nodatalottiewrapper), [
-                            createVNode(_sfc_main$4, mergeProps({
-                              animation: "no-data",
-                              ref_for: true
-                            }, unref(Preset).nodatalottie), null, 16),
-                            config.value.emptyTableMessage ? (openBlock(), createElementBlock("span", mergeProps({
-                              key: 0,
-                              ref_for: true
-                            }, unref(Preset).nodatamessage), toDisplayString(config.value.emptyTableMessage), 17)) : createCommentVNode("", true)
-                          ], 16)
-                        ], 10, _hoisted_12)) : (openBlock(), createElementBlock(Fragment, { key: 7 }, [
-                          (openBlock(true), createElementBlock(Fragment, null, renderList(item.childRow ? visibleChildTableColumns.value : visibleColumns.value, (col) => {
-                            var _a4, _b4, _c4, _d3, _e3, _f2, _g2, _h2, _i2, _j2, _k2, _l, _m, _n, _o, _p, _q, _r;
-                            return openBlock(), createElementBlock("td", mergeProps({
-                              key: col.field,
-                              class: [
-                                {
-                                  "!py-0": col.editable,
-                                  "!px-0": ((_a4 = col.preset) == null ? void 0 : _a4.type) === "multirow"
-                                },
-                                typeof col.bodyClass === "function" ? col.bodyClass(item) : col.bodyClass,
-                                col.class
-                              ],
-                              colspan: col.colspan ?? ((_b4 = col.parentColumnsFields) == null ? void 0 : _b4.length),
-                              ref_for: true
-                            }, (_c4 = unref(Preset)) == null ? void 0 : _c4.bodycell), [
-                              ((_d3 = col.preset) == null ? void 0 : _d3.type) === "toggle" || ((_e3 = col.preset) == null ? void 0 : _e3.type) === "checkbox" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                                ((_f2 = col.preset) == null ? void 0 : _f2.type) === "toggle" ? (openBlock(), createBlock(_sfc_main$5, {
-                                  key: 0,
-                                  disabled: isRowDisabled(item[_ctx.dataKey]) || (typeof ((_g2 = col.preset) == null ? void 0 : _g2.disabled) === "function" ? (_h2 = col.preset) == null ? void 0 : _h2.disabled(item) : (_i2 = col.preset) == null ? void 0 : _i2.disabled),
-                                  "input-id": item[_ctx.dataKey],
-                                  "model-value": unref(getNestedPropertyValue)(item, col.field),
-                                  onClick: _cache[9] || (_cache[9] = withModifiers(() => {
-                                  }, ["stop"])),
-                                  "onUpdate:modelValue": (e) => {
-                                    unref(setNestedPropertyValue)(item, col.field, e);
-                                    onColumnTogglePresetChange(e, item, col);
-                                  }
-                                }, null, 8, ["disabled", "input-id", "model-value", "onUpdate:modelValue"])) : createCommentVNode("", true),
-                                ((_j2 = col.preset) == null ? void 0 : _j2.type) === "checkbox" ? (openBlock(), createBlock(_sfc_main$1, {
-                                  key: 1,
-                                  disabled: isRowDisabled(item[_ctx.dataKey]) || (typeof ((_k2 = col.preset) == null ? void 0 : _k2.disabled) === "function" ? (_l = col.preset) == null ? void 0 : _l.disabled(item) : (_m = col.preset) == null ? void 0 : _m.disabled),
-                                  "input-id": item[_ctx.dataKey],
-                                  "model-value": unref(getNestedPropertyValue)(item, col.field),
-                                  onClick: _cache[10] || (_cache[10] = withModifiers(() => {
-                                  }, ["stop"])),
-                                  "onUpdate:modelValue": (e) => {
-                                    unref(setNestedPropertyValue)(item, col.field, !!e);
-                                    onColumnTogglePresetChange(!!e, item, col);
-                                  },
-                                  binary: ""
-                                }, null, 8, ["disabled", "input-id", "model-value", "onUpdate:modelValue"])) : createCommentVNode("", true),
-                                ((_n = col.preset) == null ? void 0 : _n.confirmDialogProps) ? (openBlock(), createBlock(_sfc_main$6, mergeProps(
-                                  {
-                                    key: 2,
-                                    list: [item],
-                                    visible: !!showConfirmToggle.value[item[_ctx.dataKey] + col.field],
-                                    onClose: () => {
-                                      var _a5, _b5, _c5;
-                                      const revert = () => unref(setNestedPropertyValue)(
-                                        item,
-                                        col.field,
-                                        !unref(getNestedPropertyValue)(item, col.field)
-                                      );
-                                      if (((_a5 = getConfirmDialogProps(
-                                        col.preset,
-                                        item[col.field],
-                                        item
-                                      )) == null ? void 0 : _a5.actionable) == false && "onConfirm" in col.preset) {
-                                        (_c5 = (_b5 = col.preset).onConfirm) == null ? void 0 : _c5.call(
-                                          _b5,
-                                          item[col.field],
-                                          item,
-                                          revert
-                                        );
-                                      } else revert();
-                                    },
-                                    onConfirm: ($event) => {
-                                      var _a5, _b5;
-                                      return (_b5 = (_a5 = col.preset) == null ? void 0 : _a5.onConfirm) == null ? void 0 : _b5.call(
-                                        _a5,
-                                        item[col.field],
-                                        item,
-                                        () => unref(setNestedPropertyValue)(
-                                          item,
-                                          col.field,
-                                          !unref(getNestedPropertyValue)(item, col.field)
-                                        )
-                                      );
-                                    },
-                                    "onUpdate:visible": ($event) => showConfirmToggle.value[item[_ctx.dataKey] + col.field] = $event,
-                                    actionable: "",
-                                    ref_for: true
-                                  },
-                                  getConfirmDialogProps(
-                                    col.preset,
-                                    item[col.field],
-                                    item
-                                  )
-                                ), null, 16, ["list", "visible", "onClose", "onConfirm", "onUpdate:visible"])) : createCommentVNode("", true)
-                              ], 64)) : ((_o = col.preset) == null ? void 0 : _o.type) === "multirow" ? (openBlock(), createBlock(_sfc_main$7, {
-                                key: 1,
-                                attributes: ((_q = (_p = col.preset) == null ? void 0 : _p.fieldAttributes) == null ? void 0 : _q.call(_p, item)) ?? []
-                              }, null, 8, ["attributes"])) : col.editable ? (openBlock(), createElementBlock("span", mergeProps({
-                                key: 2,
-                                ref_for: true
-                              }, unref(Preset).celleditableelement, {
-                                contenteditable: col.editable,
-                                onBlur: (e) => {
-                                  _ctx.$emit("cellEdited", {
-                                    item,
-                                    field: col.field,
-                                    index,
-                                    value: e.target.innerText
-                                  });
-                                },
-                                onKeypress: ($event) => {
-                                  if (col.numberInputOnly) preventCharInput($event);
-                                }
-                              }), toDisplayString(unref(getNestedPropertyValue)(item, col.field) || "-"), 17, _hoisted_14)) : col.bodyComponent || col.bodyClass || col.bodyTemplate || col.dateFormatOptions ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
-                                col.bodyComponent ? (openBlock(), createBlock(resolveDynamicComponent(col.bodyComponent(item, index).component), mergeProps({
-                                  key: 0,
-                                  modelValue: col.bodyComponent(item, index).model,
-                                  "onUpdate:modelValue": ($event) => col.bodyComponent(item, index).model = $event,
-                                  disabled: col.bodyComponent(item, index).disabled,
-                                  ref_for: true
-                                }, col.bodyComponent(item, index).props, toHandlers(
-                                  col.bodyComponent(item, index).events ? col.bodyComponent(item, index).events : {}
-                                ), {
-                                  onChange: ($event) => {
-                                    var _a5, _b5;
-                                    return (_b5 = (_a5 = col.bodyComponent(item, index)).onChange) == null ? void 0 : _b5.call(_a5, item);
-                                  },
-                                  onClick: (e) => {
-                                    if (col.bodyComponent(item, index).stop !== false) {
-                                      e.stopPropagation();
-                                    }
-                                  },
-                                  "onUpdate:modelValue": ($event) => {
-                                    var _a5, _b5;
-                                    return (_b5 = (_a5 = col.bodyComponent(item, index)).onChange) == null ? void 0 : _b5.call(_a5, item);
-                                  }
-                                }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "onChange", "onClick"])) : (openBlock(), createElementBlock("span", _hoisted_15, [
-                                  col.bodyTemplate ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                                    createTextVNode(toDisplayString(((_r = col.bodyTemplate) == null ? void 0 : _r.call(col, item, index)) || "-"), 1)
-                                  ], 64)) : col.dateFormatOptions ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                                    createTextVNode(toDisplayString(unref(formatDate)(
-                                      new Date(
-                                        unref(getNestedPropertyValue)(
-                                          item,
-                                          col.field
-                                        )
-                                      ),
-                                      col.dateFormatOptions
-                                    )), 1)
-                                  ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                                    createTextVNode(toDisplayString(unref(getNestedPropertyValue)(item, col.field) || "-"), 1)
-                                  ], 64))
-                                ]))
-                              ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 4 }, [
-                                createTextVNode(toDisplayString(unref(getNestedPropertyValue)(item, col.field) ?? "-"), 1)
-                              ], 64))
-                            ], 16, _hoisted_13);
-                          }), 128)),
-                          showCustomColumn.value ? (openBlock(), createElementBlock("td", mergeProps(
-                            {
-                              key: 0,
-                              ref_for: true,
-                              ref_key: "rowSingleActionCell",
-                              ref: rowSingleActionCell
-                            },
-                            (_j = unref(Preset)) == null ? void 0 : _j.rowsingleactioncell({
-                              props,
-                              context: {
-                                selected: isRowSelected(item[_ctx.dataKey]),
-                                highlighted: item[_ctx.highlightKey ?? ""]
-                              }
-                            }),
-                            {
-                              class: unref(Preset).bodycell.class
-                            }
-                          ), [
-                            !item.childRow && _ctx.useOption || item.childRow && ((_k = props.childTableProps) == null ? void 0 : _k.useOption) ? (openBlock(), createElementBlock("div", mergeProps({
-                              key: 0,
-                              ref_for: true
-                            }, unref(Preset).singleactionwrapper), [
-                              createVNode(_sfc_main$2, mergeProps({
-                                id: "button-action-" + item[props.dataKey],
-                                ref_for: true
-                              }, unref(Preset).singleactionbutton({ props }), {
-                                disabled: _ctx.disableAllRows,
-                                onClick: withModifiers(($event) => toggleOptions($event, item), ["stop"]),
-                                icon: "ellipsis-h",
-                                outlined: "",
-                                size: "small",
-                                "tooltip-pos": "left",
-                                type: "button"
-                              }), null, 16, ["id", "disabled", "onClick"])
-                            ], 16)) : createCommentVNode("", true)
-                          ], 16)) : createCommentVNode("", true)
-                        ], 64))
-                      ], 16, _hoisted_7);
-                    }), 128)) : (openBlock(), createElementBlock("tr", _hoisted_16, [
-                      createElementVNode("td", mergeProps({ colspan: columnsCount.value }, (_e = unref(Preset)) == null ? void 0 : _e.bodycell), [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(Preset).invisiblelottiewrapper ? 2 : 1, (i) => {
-                          return openBlock(), createElementBlock("div", mergeProps(
-                            {
-                              key: i,
-                              ref_for: true
-                            },
-                            i === 1 ? unref(Preset).nodatalottiewrapper : unref(Preset).invisiblelottiewrapper
-                          ), [
-                            createVNode(_sfc_main$4, mergeProps({
-                              animation: "no-data",
-                              ref_for: true
-                            }, unref(Preset).nodatalottie), null, 16),
-                            config.value.emptyTableMessage ? (openBlock(), createElementBlock("span", mergeProps({
-                              key: 0,
-                              ref_for: true
-                            }, unref(Preset).nodatamessage), toDisplayString(config.value.emptyTableMessage), 17)) : createCommentVNode("", true)
-                          ], 16);
-                        }), 128))
-                      ], 16, _hoisted_17)
-                    ]))
-                  ], 16)
-                ], 16, _hoisted_1))
-              ];
-            }),
-            _: 1
-          }, 16)
-        ], 16),
-        _ctx.usePaginator ? withDirectives((openBlock(), createBlock(unref(script), mergeProps({
-          key: paginatorKey.value,
-          rows: tableRows.value,
-          "onUpdate:rows": _cache[14] || (_cache[14] = ($event) => tableRows.value = $event)
-        }, unref(Preset).paginator({ context: { totalRecords: totalRecords.value } }), {
-          "rows-per-page-options": rowsPerPageOptions,
-          "total-records": totalRecords.value,
-          onPage: handlePageChange
-        }), {
-          firstpagelinkicon: withCtx(() => [
-            createVNode(_sfc_main$3, { icon: "round-keyboard-double-arrow-left" })
-          ]),
-          lastpagelinkicon: withCtx(() => [
-            createVNode(_sfc_main$3, { icon: "round-keyboard-double-arrow-right" })
-          ]),
-          prevpagelinkicon: withCtx(() => [
-            createVNode(_sfc_main$3, { icon: "round-keyboard-arrow-left" })
-          ]),
-          nextpagelinkicon: withCtx(() => [
-            createVNode(_sfc_main$3, { icon: "round-keyboard-arrow-right" })
-          ]),
-          _: 1
-        }, 16, ["rows", "total-records"])), [
-          [vShow, !tableIsLoading.value]
-        ]) : createCommentVNode("", true),
-        createVNode(_sfc_main$8, {
-          id: "single-action-menu",
-          ref_key: "optionMenu",
-          ref: optionMenu,
-          model: _ctx.options,
-          onFocus: unref(adjustMenuPositionHelper),
-          "append-to": "body",
-          "auto-z-index": "",
-          popup: ""
-        }, null, 8, ["model", "onFocus"]),
-        props.customColumn ? (openBlock(), createBlock(_sfc_main$9, {
-          key: customColumnKey.value,
-          ref_key: "customColumn",
-          ref: customColumn,
-          "visible-columns": visibleColumns.value,
-          "onUpdate:visibleColumns": _cache[15] || (_cache[15] = ($event) => visibleColumns.value = $event),
-          "default-columns": _ctx.columns.filter((col) => col.visible !== false),
-          "table-id": unref(dataTableID)
-        }, null, 8, ["visible-columns", "default-columns", "table-id"])) : createCommentVNode("", true),
-        createVNode(_sfc_main$a, { group: "download" })
-      ], 16);
-    };
-  }
-});
-const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5797150a"]]);
-export {
-  DataTable as D
-};