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

package/codesnippet/index.es.js

@@ -1,138 +0,0 @@
-import { defineComponent, mergeModels, useModel, inject, ref, shallowRef, computed, onMounted, watch, createElementBlock, openBlock, createBlock, createCommentVNode, createElementVNode, mergeProps, unref, withDirectives, vModelText, Fragment, renderList, toDisplayString, normalizeClass } from "vue";
-import { H as HighlightJS } from "../vendor/highlight.js/es/core.es.js";
-import { j as javascript } from "../vendor/highlight.js/es/languages/javascript.es.js";
-import { j as json } from "../vendor/highlight.js/es/languages/json.es.js";
-import { t as typescript } from "../vendor/highlight.js/es/languages/typescript.es.js";
-import { v as vbscriptHtml } from "../vendor/highlight.js/es/languages/vbscript-html.es.js";
-import { _ as _sfc_main$1 } from "../button/index.es.js";
-const _hoisted_1 = { class: "relative w-full overflow-hidden" };
-const _hoisted_2 = ["placeholder"];
-const _hoisted_3 = { class: "relative" };
-const _hoisted_4 = ["innerHTML"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "CodeSnippet",
-  props: /* @__PURE__ */ mergeModels({
-    code: {},
-    lang: { default: "json" },
-    readonly: { type: Boolean },
-    placeholder: {}
-  }, {
-    "code": { default: "" },
-    "codeModifiers": {}
-  }),
-  emits: ["update:code"],
-  setup(__props) {
-    HighlightJS.registerLanguage("javascript", javascript);
-    HighlightJS.registerLanguage("typescript", typescript);
-    HighlightJS.registerLanguage("json", json);
-    HighlightJS.registerLanguage("html", vbscriptHtml);
-    const props = __props;
-    const codeSnippet = useModel(__props, "code");
-    const Preset = inject("preset", {}).codesnippet;
-    const textarea = ref();
-    const codesnippet = ref();
-    const lineNumberWidth = shallowRef(0);
-    const copied = shallowRef(false);
-    const formattedLines = computed(() => {
-      const lines = codeSnippet.value.split("\n");
-      return lines.map((line, index) => {
-        const highlightedLine = HighlightJS.highlight(line, {
-          language: props.lang
-        }).value;
-        return {
-          line: index + 1,
-          code: highlightedLine
-        };
-      });
-    });
-    const copyCode = () => {
-      var _a;
-      (_a = navigator.clipboard) == null ? void 0 : _a.writeText(codeSnippet.value);
-      copied.value = true;
-      setTimeout(() => {
-        copied.value = false;
-      }, 1500);
-    };
-    onMounted(() => {
-      updateTextareaLeftPosition();
-    });
-    const updateTextareaLeftPosition = () => {
-      if (codesnippet.value) {
-        const linenumber = codesnippet.value.querySelector(
-          "[data-wv-section=linenumber]"
-        );
-        lineNumberWidth.value = linenumber.offsetWidth;
-      }
-    };
-    watch(formattedLines, () => {
-      updateTextareaLeftPosition();
-    });
-    return (_ctx, _cache) => {
-      var _a, _b, _c;
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        codeSnippet.value.length && _ctx.readonly ? (openBlock(), createBlock(_sfc_main$1, mergeProps({ key: 0 }, (_a = unref(Preset)) == null ? void 0 : _a.copybutton, {
-          icon: copied.value ? "check" : "file-copy",
-          onClick: copyCode,
-          size: "small",
-          text: ""
-        }), null, 16, ["icon"])) : createCommentVNode("", true),
-        createElementVNode("div", mergeProps((_b = unref(Preset)) == null ? void 0 : _b.body, { style: { "scrollbar-width": "none" } }), [
-          !_ctx.readonly ? withDirectives((openBlock(), createElementBlock("textarea", mergeProps({
-            key: 0,
-            ref_key: "textarea",
-            ref: textarea
-          }, (_c = unref(Preset)) == null ? void 0 : _c.textarea, {
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => codeSnippet.value = $event),
-            placeholder: _ctx.placeholder,
-            spellcheck: false,
-            style: `left: ${lineNumberWidth.value}px; width: calc(100% - ${lineNumberWidth.value + 6}px); scrollbar-width: none;`
-          }), null, 16, _hoisted_2)), [
-            [vModelText, codeSnippet.value]
-          ]) : createCommentVNode("", true),
-          createElementVNode("table", {
-            ref_key: "codesnippet",
-            ref: codesnippet,
-            class: "relative"
-          }, [
-            createElementVNode("tbody", _hoisted_3, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(formattedLines.value, ({ line, code }) => {
-                var _a2;
-                return openBlock(), createElementBlock("tr", {
-                  key: line,
-                  class: "h-5"
-                }, [
-                  createElementVNode("td", mergeProps({ ref_for: true }, (_a2 = unref(Preset)) == null ? void 0 : _a2.linenumber, {
-                    class: [
-                      {
-                        "pt-1.5": line === 1,
-                        "pb-1.5": line === formattedLines.value.length
-                      }
-                    ],
-                    "data-wv-section": "linenumber"
-                  }), toDisplayString(line), 17),
-                  createElementVNode("td", {
-                    class: normalizeClass([
-                      "px-1.5",
-                      {
-                        "pt-1.5": line == 1,
-                        "pb-1.5": line === formattedLines.value.length
-                      }
-                    ])
-                  }, [
-                    createElementVNode("pre", {
-                      innerHTML: code,
-                      class: "font-poppins"
-                    }, null, 8, _hoisted_4)
-                  ], 2)
-                ]);
-              }), 128))
-            ])
-          ], 512)
-        ], 16)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/codesnippetadapter/index.es.js

@@ -1,30 +0,0 @@
-import { defineComponent, ref, watch, createBlock, openBlock, unref, withCtx, createVNode } from "vue";
-import { n as nodeViewProps, N as NodeViewWrapper } from "../vendor/@tiptap/vue-3/dist/index.es.js";
-import { _ as _sfc_main$1 } from "../codesnippet/index.es.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "CodeSnippetAdapter",
-  props: nodeViewProps,
-  setup(__props) {
-    const props = __props;
-    const code = ref(props.node.attrs.code);
-    watch(code, () => {
-      props.updateAttributes({ code: code.value });
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NodeViewWrapper), null, {
-        default: withCtx(() => [
-          createVNode(_sfc_main$1, {
-            code: code.value,
-            "onUpdate:code": _cache[0] || (_cache[0] = ($event) => code.value = $event),
-            readonly: !props.editor.isEditable,
-            placeholder: "Masukan Code"
-          }, null, 8, ["code", "readonly"])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/columnlist/index.es.js

@@ -1,282 +0,0 @@
-import { reactive, defineComponent, mergeModels, useModel, ref, shallowRef, computed, watch, createElementBlock, openBlock, Fragment, renderList, createCommentVNode, mergeProps, withModifiers, createVNode } from "vue";
-import { _ as _sfc_main$2 } from "../checkbox/index.es.js";
-import { _ as _sfc_main$1 } from "../icon/index.es.js";
-import { c as cloneDeep } from "../vendor/lodash-es/cloneDeep.es.js";
-const setVisibilityByMaxColumn = (column, maxColumn, currentVisibleColumnsLength) => {
-  if (maxColumn && currentVisibleColumnsLength > maxColumn) {
-    let visibleColumnsLength = 0;
-    return column.map((col) => {
-      const spaceAvailable = maxColumn !== void 0 && visibleColumnsLength < maxColumn;
-      const visible = col.checkedByDefault !== false && maxColumn === void 0 || col.checkedByDefault !== false && spaceAvailable;
-      if (visible) visibleColumnsLength++;
-      return {
-        ...col,
-        visible
-      };
-    });
-  }
-  return column;
-};
-const STORE_NAME = "tableConfigs";
-const getDBName = () => {
-  const user = JSON.parse(localStorage.getItem("user") ?? "{}");
-  return "user-" + (user._id ?? "unknown");
-};
-const openDatabase = async () => {
-  let db = null;
-  return new Promise((resolve) => {
-    const request = indexedDB.open(getDBName(), 1);
-    request.onupgradeneeded = (event) => {
-      db = event.target.result;
-      db.createObjectStore(STORE_NAME);
-    };
-    request.onsuccess = (event) => {
-      db = event.target.result;
-      resolve(db);
-    };
-  });
-};
-const getConfig = async () => {
-  const db = await openDatabase();
-  const transaction = db.transaction(STORE_NAME, "readonly");
-  const store = transaction.objectStore(STORE_NAME);
-  return new Promise((resolve) => {
-    let keys;
-    let values;
-    store.getAllKeys().onsuccess = (event) => {
-      keys = event.target.result;
-    };
-    store.getAll().onsuccess = (e) => {
-      values = e.target.result;
-      const config2 = {};
-      keys.forEach((key, index) => {
-        config2[key] = values[index];
-      });
-      resolve(config2);
-    };
-  });
-};
-const config = reactive({});
-const useDataTableStore = async () => {
-  const setConfig = async (id, columnsConfig) => {
-    config[id] = columnsConfig;
-    const db = await openDatabase();
-    const tx = db.transaction(STORE_NAME, "readwrite");
-    const store = tx.objectStore(STORE_NAME);
-    store.put(columnsConfig, id);
-  };
-  Object.assign(config, await getConfig());
-  return {
-    config,
-    setConfig
-  };
-};
-const _hoisted_1 = ["id", "data-item-dragable", "draggable", "onDragenter", "onDragstart"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ColumnList",
-  props: /* @__PURE__ */ mergeModels({
-    tableId: {},
-    defaultColumns: {},
-    visibleColumns: {},
-    maxColumn: {},
-    type: {},
-    savedColumns: {}
-  }, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const model = useModel(__props, "modelValue");
-    const columnReorderData = ref([]);
-    const draggedColumn = shallowRef();
-    const filteredVisibleColumn = computed(() => {
-      return [...columnReorderData.value].filter((col) => col.visible !== false);
-    });
-    const hasReachMaxColumn = computed(() => {
-      if (!props.maxColumn) return false;
-      return filteredVisibleColumn.value.length >= props.maxColumn;
-    });
-    const dragable = (item) => {
-      return item.dragable !== false && isSelectAble(item);
-    };
-    const isSelectAble = (item) => {
-      if (!hasReachMaxColumn.value) return true;
-      const isChecked = model.value.findIndex((c) => c.field === item.field) > 0;
-      return hasReachMaxColumn.value && isChecked;
-    };
-    const updateVisibleColumnsModel = () => {
-      columnReorderData.value = setVisibilityByMaxColumn(
-        columnReorderData.value,
-        props.maxColumn,
-        filteredVisibleColumn.value.length
-      );
-      model.value = [...filteredVisibleColumn.value];
-    };
-    const setColumnVisibilityConfig = async () => {
-      const columnsConfig = columnReorderData.value.map(
-        (col) => {
-          return {
-            field: col.field,
-            width: col.width ?? "max-content",
-            visible: col.visible !== false,
-            fixed: !!col.fixed
-          };
-        }
-      );
-      const { setConfig } = await useDataTableStore();
-      await setConfig(props.tableId, columnsConfig);
-    };
-    const reorderVisibleColumn = () => {
-      model.value = [...columnReorderData.value];
-    };
-    const startReorderColumn = (event, item, index) => {
-      const { dataTransfer } = event;
-      draggedColumn.value = item;
-      if (dataTransfer) {
-        dataTransfer.dropEffect = "move";
-        dataTransfer.effectAllowed = "move";
-        dataTransfer.setData("field", item.field);
-        dataTransfer.setData("index", index.toString());
-      }
-    };
-    const onColumnReorder = async () => {
-      draggedColumn.value = void 0;
-      reorderVisibleColumn();
-      await setColumnVisibilityConfig();
-    };
-    const onDragEnter = (e, col) => {
-      var _a, _b;
-      e.preventDefault();
-      if (dragable(col)) {
-        const target = e.target;
-        const dropTargetLi = target.tagName === "LI" ? target : target.closest("li");
-        dropTargetLi == null ? void 0 : dropTargetLi.classList.add("bg-primary-50");
-        (_a = dropTargetLi == null ? void 0 : dropTargetLi.nextElementSibling) == null ? void 0 : _a.classList.remove("bg-primary-50");
-        (_b = dropTargetLi == null ? void 0 : dropTargetLi.previousElementSibling) == null ? void 0 : _b.classList.remove("bg-primary-50");
-        if (!dropTargetLi || !draggedColumn.value) return;
-        const draggedIndex = columnReorderData.value.findIndex(
-          (item) => {
-            var _a2;
-            return item.field === ((_a2 = draggedColumn.value) == null ? void 0 : _a2.field);
-          }
-        );
-        const dropTargetIndex = columnReorderData.value.findIndex(
-          (item) => item.field === dropTargetLi.id
-        );
-        if (draggedIndex !== -1 && dropTargetIndex !== -1) {
-          [
-            columnReorderData.value[draggedIndex],
-            columnReorderData.value[dropTargetIndex]
-          ] = [
-            columnReorderData.value[dropTargetIndex],
-            columnReorderData.value[draggedIndex]
-          ];
-        }
-      }
-    };
-    const checkTheCheckbox = (event) => {
-      const label = event.target.querySelector("label");
-      if (label) label.click();
-    };
-    const resetToDefault = () => {
-      const defaultColumnClone = cloneDeep(props.defaultColumns);
-      if (props.maxColumn && defaultColumnClone.length > props.maxColumn) {
-        let visibleColumnsLength = 0;
-        columnReorderData.value = defaultColumnClone.map((column) => {
-          const spaceAvailable = props.maxColumn !== void 0 && visibleColumnsLength < props.maxColumn;
-          const visible = column.checkedByDefault !== false && props.maxColumn === void 0 || column.checkedByDefault !== false && spaceAvailable;
-          if (visible) visibleColumnsLength++;
-          return {
-            ...column,
-            visible
-          };
-        });
-      } else {
-        columnReorderData.value = defaultColumnClone;
-      }
-      model.value = [...filteredVisibleColumn.value];
-      setColumnVisibilityConfig();
-    };
-    watch(
-      () => props.savedColumns,
-      (newVal) => {
-        columnReorderData.value = newVal ?? [];
-      },
-      { immediate: true }
-    );
-    __expose({
-      setColumnVisibilityConfig,
-      resetToDefault,
-      updateVisibleColumnsModel
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("ul", null, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(columnReorderData.value, (item, index) => {
-          var _a;
-          return openBlock(), createElementBlock(Fragment, null, [
-            item.reorderable !== false ? (openBlock(), createElementBlock("li", mergeProps(
-              {
-                id: item.field,
-                key: item.field,
-                ref_for: true
-              },
-              _ctx.$preset.customcolumn.menuitem({
-                props,
-                context: { dragable: dragable(item) }
-              }),
-              {
-                "data-item-dragable": dragable(item),
-                draggable: dragable(item),
-                onClick: checkTheCheckbox,
-                onDragend: onColumnReorder,
-                onDragenter: withModifiers(($event) => onDragEnter($event, item), ["prevent"]),
-                onDragleave: _cache[2] || (_cache[2] = withModifiers(() => {
-                }, ["prevent"])),
-                onDragover: _cache[3] || (_cache[3] = withModifiers(() => {
-                }, ["prevent"])),
-                onDragstart: ($event) => startReorderColumn($event, item, index),
-                onMouseenter: _cache[4] || (_cache[4] = ($event) => $event.target.classList.add("bg-primary-50")),
-                onMouseleave: _cache[5] || (_cache[5] = ($event) => $event.target.classList.remove("bg-primary-50")),
-                "data-wv-section": "custom-column-menu-item"
-              }
-            ), [
-              createVNode(_sfc_main$1, mergeProps(
-                {
-                  onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-                  }, ["stop"])),
-                  ref_for: true
-                },
-                (_a = _ctx.$preset.customcolumn) == null ? void 0 : _a.dragicon({
-                  context: { dragable: dragable(item) }
-                }),
-                { icon: "dragable-menu" }
-              ), null, 16),
-              createVNode(_sfc_main$2, {
-                "aria-label": item.header,
-                disabled: item.fixed,
-                label: item.header,
-                "model-value": item.visible !== false,
-                selectable: isSelectAble(item),
-                onClick: _cache[1] || (_cache[1] = withModifiers(() => {
-                }, ["stop"])),
-                "onUpdate:modelValue": (event) => {
-                  item.visible = !!event;
-                  updateVisibleColumnsModel();
-                  setColumnVisibilityConfig();
-                },
-                class: "!w-full"
-              }, null, 8, ["aria-label", "disabled", "label", "model-value", "selectable", "onUpdate:modelValue"])
-            ], 16, _hoisted_1)) : createCommentVNode("", true)
-          ], 64);
-        }), 256))
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as _,
-  setVisibilityByMaxColumn as s,
-  useDataTableStore as u
-};

package/config/defaultProps.es.js

@@ -1,24 +0,0 @@
-import { getImageURL, MemberServices } from "@fewangsit/workspace-api-services";
-import { g as genPlaceholder } from "../utils/genPlaceholder.util.es.js";
-const defaultProps = {
-  ButtonBulkAction: {
-    naming: "data"
-  },
-  Image: {
-    getImageURL,
-    placeholder: genPlaceholder("WS", 125).toDataURL()
-  },
-  UserName: {
-    async getUserDetail(userId) {
-      const { data } = await MemberServices.getMemberDetail(userId);
-      return data.data;
-    },
-    type: "picture",
-    detailUserPath: "/tim-member/member/{userId}/detail-member",
-    profilePictureField: "profilePicture",
-    userNameField: "nickName"
-  }
-};
-export {
-  defaultProps as d
-};

package/config/index.es.js

@@ -1,13 +0,0 @@
-import { c as createWangsVuePlugin } from "../plugins/WangsVue.es.js";
-import { d as defaultProps } from "./defaultProps.es.js";
-import { l as locale } from "./locale.es.js";
-import { u as useToastConfig } from "../utils/toast.util.es.js";
-const config = {
-  locale,
-  defaultProps,
-  useToastConfig
-};
-const index = createWangsVuePlugin(config);
-export {
-  index as i
-};

package/config/locale.es.js

@@ -1,41 +0,0 @@
-const locale = {
-  global: {
-    emptySearchMessage: "Tidak ada hasil"
-  },
-  components: {
-    FieldWrapper: {
-      labelOptional: "(opsional)"
-    },
-    ButtonBulkAction: {
-      currentSelectionMessage: "{length} {naming} dipilih",
-      allRecordSelected: "Semua data terpilih",
-      selectAllRecords: "Pilih semua ({totalRecords} data)"
-    },
-    UserName: {
-      detailUserAnchorText: "Detail Member"
-    },
-    DataTable: {
-      downloadingMessage: "Mengunduh data",
-      falseText: "Tidak",
-      trueText: "Ya"
-    },
-    ButtonDownload: {
-      downloadingMessage: "Mengunduh data",
-      falseText: "Tidak",
-      trueText: "Ya"
-    },
-    ImageCompressor: {
-      cropperCtrlScrollInfo: "Gunakan Ctrl + Scroll untuk perbesar atau perkecil gambar",
-      cropperTwoFingerInfo: "Gunakan dua jari untuk untuk perbesar atau perkecil gambar",
-      cropDialogHeader: "Sesuaikan gambar",
-      imageTypeRequirement: "Maks. 1 MB",
-      maxSizeRequirement: "Hanya mendukung format gambar",
-      cancelCropLabel: "Batal",
-      applyCropLabel: "Terapkan",
-      changeImageLabel: "Ganti Gambar"
-    }
-  }
-};
-export {
-  locale as l
-};

package/customcolumn/index.es.js

@@ -1,155 +0,0 @@
-import { defineComponent, onMounted, ref, shallowRef, computed, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, unref, withCtx, createVNode, mergeProps } from "vue";
-import { u as useWangsVueConfig } from "../plugins/WangsVue.es.js";
-import { u as useDataTableStore, s as setVisibilityByMaxColumn, _ as _sfc_main$1 } from "../columnlist/index.es.js";
-import { s as script } from "../vendor/primevue/menu/menu.esm.es.js";
-import { _ as _sfc_main$2 } from "../button/index.es.js";
-import { c as cloneDeep } from "../vendor/lodash-es/cloneDeep.es.js";
-async function readConfig(tableId, defaultColumns) {
-  const { config } = await useDataTableStore();
-  const tableConfig = config[tableId];
-  if (tableConfig) {
-    return tableConfig.map((conf) => {
-      const foundCol = defaultColumns.find((col) => col.field === conf.field);
-      if (!foundCol || foundCol.visible === false) return void 0;
-      return {
-        ...foundCol,
-        ...conf
-      };
-    }).filter((col) => !!col);
-  }
-  return defaultColumns;
-}
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "CustomColumn",
-  props: {
-    tableId: {},
-    defaultColumns: {},
-    visibleColumns: {},
-    maxColumn: {},
-    type: { default: "menu" }
-  },
-  emits: ["update:visibleColumns"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    onMounted(() => loadConfig());
-    const { locale } = useWangsVueConfig("CustomColumn");
-    const columnList = ref();
-    const visibilityMenu = ref();
-    const savedColumns = shallowRef([]);
-    const visibilityMenuId = computed(
-      () => "column-visibility-menu-" + props.tableId
-    );
-    const columnVisibilityModel = computed({
-      get: () => props.visibleColumns,
-      set: (cols) => {
-        emit(
-          "update:visibleColumns",
-          cols.filter((col) => col.visible != false)
-        );
-      }
-    });
-    const toggleMenu = async (event) => {
-      await loadConfig();
-      if (visibilityMenu.value && "toggle" in visibilityMenu.value) {
-        const eventTarget = event.currentTarget ?? event.target;
-        const currentTarget = eventTarget.tagName.toLowerCase() === "th" ? eventTarget : eventTarget.parentElement;
-        const toggleEvent = {
-          ...event,
-          currentTarget
-        };
-        visibilityMenu.value.toggle(toggleEvent);
-      }
-    };
-    const loadConfig = async () => {
-      const columns = await readConfig(
-        props.tableId,
-        cloneDeep(props.defaultColumns)
-      );
-      savedColumns.value = setVisibilityByMaxColumn(
-        columns,
-        props.maxColumn,
-        columns.filter((col) => col.visible !== false).length
-      );
-      columnVisibilityModel.value = savedColumns.value.filter(
-        (col) => col.visible !== false
-      );
-    };
-    __expose({
-      toggleMenu,
-      resetToDefault: () => {
-        var _a;
-        (_a = columnList.value) == null ? void 0 : _a.resetToDefault();
-      }
-    });
-    return (_ctx, _cache) => {
-      var _a, _b, _c, _d;
-      return openBlock(), createElementBlock(Fragment, null, [
-        props.type === "menu" ? (openBlock(), createBlock(unref(script), {
-          key: 0,
-          id: visibilityMenuId.value,
-          ref_key: "visibilityMenu",
-          ref: visibilityMenu,
-          "data-table-id": _ctx.tableId,
-          pt: {
-            root: {
-              class: [...(_a = _ctx.$preset.menu) == null ? void 0 : _a.root.class, "shadow-panel"]
-            },
-            start: {
-              class: [
-                ...(_b = _ctx.$preset.menu) == null ? void 0 : _b.start.class,
-                (_c = _ctx.$preset.customcolumn) == null ? void 0 : _c.menustart.class
-              ]
-            }
-          },
-          onHide: (_d = columnList.value) == null ? void 0 : _d.setColumnVisibilityConfig,
-          "append-to": "body",
-          "auto-z-index": "",
-          "data-wv-name": "column-visibility",
-          "data-wv-section": "menu",
-          popup: ""
-        }, {
-          start: withCtx(() => {
-            var _a2;
-            return [
-              createVNode(_sfc_main$2, {
-                label: unref(locale).resetDefaultText,
-                onClick: (_a2 = columnList.value) == null ? void 0 : _a2.resetToDefault,
-                "data-wv-section": "button-reset-default",
-                text: ""
-              }, null, 8, ["label", "onClick"])
-            ];
-          }),
-          end: withCtx(() => [
-            createVNode(_sfc_main$1, mergeProps({
-              ref_key: "columnList",
-              ref: columnList,
-              modelValue: columnVisibilityModel.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => columnVisibilityModel.value = $event)
-            }, props, {
-              "saved-columns": savedColumns.value,
-              "data-wv-section": "custom-column-list"
-            }), null, 16, ["modelValue", "saved-columns"])
-          ]),
-          _: 1
-        }, 8, ["id", "data-table-id", "pt", "onHide"])) : createCommentVNode("", true),
-        _ctx.type === "flat" ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
-          key: 1,
-          ref_key: "columnList",
-          ref: columnList,
-          modelValue: columnVisibilityModel.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => columnVisibilityModel.value = $event)
-        }, props, {
-          class: [
-            { "grid grid-rows-4 grid-flow-col-dense w-max gap-x-4": _ctx.type === "flat" }
-          ],
-          "saved-columns": savedColumns.value,
-          "data-wv-section": "custom-column-flat-list"
-        }), null, 16, ["modelValue", "class", "saved-columns"])) : createCommentVNode("", true)
-      ], 64);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};