@amirjalili1374/ui-kit 1.3.22 → 1.3.23

package/dist/ui-kit.es.js

@@ -1,4 +1,4 @@
-import { capitalize, reactive, watchEffect, toRef, shallowRef, Fragment, camelize, isVNode, Comment, unref, warn, getCurrentInstance as getCurrentInstance$1, ref, computed, provide, inject, defineComponent as defineComponent$1, h, createElementVNode, normalizeStyle, normalizeClass, toValue, resolveDynamicComponent, nextTick, onScopeDispose, createVNode, mergeProps, toRefs, Text, isRef, TransitionGroup, Transition, watch, onBeforeMount, onBeforeUnmount, withDirectives, vShow, toDisplayString, effectScope, toRaw, readonly, createBlock, openBlock, withCtx, createCommentVNode, useId, onMounted, onUpdated, Teleport, createTextVNode, createElementBlock, renderSlot, onDeactivated, cloneVNode, renderList, createSlots, normalizeProps, guardReactiveProps, resolveComponent, onActivated, onBeforeUpdate, withModifiers, withKeys, vModelText, onUnmounted } from "vue";
+import { capitalize, reactive, watchEffect, toRef, shallowRef, Fragment, camelize, isVNode, Comment, unref, warn, getCurrentInstance as getCurrentInstance$1, ref, computed, provide, inject, defineComponent as defineComponent$1, h, createElementVNode, normalizeStyle, normalizeClass, toValue, resolveDynamicComponent, nextTick, onScopeDispose, createVNode, mergeProps, toRefs, Text, isRef, TransitionGroup, Transition, watch, onBeforeMount, onBeforeUnmount, withDirectives, vShow, toDisplayString, effectScope, toRaw, readonly, createBlock, openBlock, withCtx, createCommentVNode, useId, onMounted, onUpdated, Teleport, createTextVNode, createElementBlock, renderSlot, onDeactivated, cloneVNode, renderList, createSlots, normalizeProps, guardReactiveProps, resolveComponent, onActivated, onBeforeUpdate, withModifiers, vModelText, withKeys, onUnmounted } from "vue";
 import { IconHome, IconArrowBadgeLeft, IconChevronDown, IconChevronRight, IconMinus, IconPlus, IconRefresh, IconChevronLeft, IconDownload, IconPrinter, IconMaximize, IconMinimize, IconX, IconFileText, IconCheck, IconPencil, IconClock } from "@tabler/icons-vue";
 import axios from "axios";
 import { useDebounceFn } from "@vueuse/core";
@@ -16656,2172 +16656,2335 @@ const VSnackbar = genericComponent()({
     return forwardRefs({}, overlay);
   }
 });
-const _hoisted_1$9 = {
-  key: 0,
-  class: "page-title"
-};
-const _hoisted_2$5 = { class: "title-text" };
-const _hoisted_3$4 = { class: "action-buttons" };
-const _hoisted_4$2 = {
-  key: 3,
-  class: "selection-actions"
-};
-const _hoisted_5$2 = {
-  key: 0,
-  class: "selected-actions"
-};
-const _hoisted_6$1 = {
-  key: 0,
-  class: "me-1"
-};
-const _hoisted_7$1 = {
-  key: 0,
-  class: "me-1"
-};
-const _hoisted_8$1 = ["aria-busy", "aria-live"];
-const _hoisted_9$1 = {
-  key: 0,
-  class: "grouped-table"
-};
-const _hoisted_10$1 = { class: "group-controls mb-3" };
-const _hoisted_11$1 = { class: "groups-container" };
-const _hoisted_12$1 = ["onClick", "onKeydown", "aria-expanded", "aria-controls", "id"];
-const _hoisted_13$1 = { class: "group-label" };
-const _hoisted_14$1 = ["id", "aria-labelledby"];
-const _hoisted_15$1 = ["tabindex", "onKeydown", "onClick"];
-const _hoisted_16$1 = ["tabindex", "onKeydown", "onClick"];
-const _hoisted_17 = {
-  key: 2,
-  class: "d-flex justify-center align-center pa-4"
-};
-const _hoisted_18 = {
-  key: 2,
-  class: "pagination-wrapper"
-};
-const _hoisted_19 = { class: "d-flex justify-space-between align-center pa-4" };
-const _hoisted_20 = { class: "text-subtitle-2" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
-  ...{ inheritAttrs: false },
-  __name: "CustomDataTable",
-  props: {
-    routes: {},
-    enableGroupDelete: { type: Boolean },
-    apiResource: {},
-    headers: {},
-    actions: {},
-    downloadLink: {},
-    formComponent: {},
-    customActions: {},
-    customButtons: {},
-    customButtonsFn: {},
-    filterComponent: {},
-    autoFetch: { type: Boolean, default: true },
-    queryParams: {},
-    showPagination: { type: Boolean, default: true },
-    height: {},
-    pagination: { type: [Object, Boolean] },
-    showRefreshButton: { type: Boolean, default: false },
-    title: {},
-    selectable: { type: Boolean, default: false },
-    multiSelect: { type: Boolean, default: false },
-    selectedItems: { default: () => [] },
-    uniqueKey: { type: [String, Function], default: "id" },
-    pageSize: { default: 10 },
-    groupBy: {},
-    groupHeaderTemplate: {},
-    defaultExpanded: { type: Boolean, default: false },
-    defaultSelected: {},
-    dateWithTimezone: { type: Boolean, default: false },
-    bulkMode: { type: Boolean, default: false },
-    axiosInstance: {}
+const makeVTextareaProps = propsFactory({
+  autoGrow: Boolean,
+  autofocus: Boolean,
+  counter: [Boolean, Number, String],
+  counterValue: Function,
+  prefix: String,
+  placeholder: String,
+  persistentPlaceholder: Boolean,
+  persistentCounter: Boolean,
+  noResize: Boolean,
+  rows: {
+    type: [Number, String],
+    default: 5,
+    validator: (v) => !isNaN(parseFloat(v))
   },
-  emits: ["update:selectedItems", "selection-change"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const items = ref([]);
-    const originalServerData = ref([]);
-    const loading = ref(false);
-    const error = ref(null);
-    const dialog = ref(false);
-    const deleteDialog = ref(false);
-    const isEditing = ref(false);
-    const editedItem = ref(null);
-    const formModel = ref({});
-    const itemToDelete = ref(null);
-    const snackbar = ref(false);
-    const snackbarMessage = ref("");
-    const router = useRouter$1();
-    const itemsPerPage = ref(props.pageSize);
-    const totalSize = ref(0);
-    const totalPages = ref(0);
-    const currentPage = ref(1);
-    ref(null);
-    const filterDialog = ref(false);
-    const filterModel = ref({});
-    ref(null);
-    const isLoadingMore = ref(false);
-    const hasMore = ref(true);
-    const selection = useTableSelection(items, {
-      multiSelect: props.bulkMode ? false : props.multiSelect,
-      // Force single select in bulk mode
-      uniqueKey: props.uniqueKey,
-      groupBy: props.groupBy,
-      defaultExpanded: props.defaultExpanded
+  maxRows: {
+    type: [Number, String],
+    validator: (v) => !isNaN(parseFloat(v))
+  },
+  suffix: String,
+  modelModifiers: Object,
+  ...makeAutocompleteProps(),
+  ...makeVInputProps(),
+  ...makeVFieldProps()
+}, "VTextarea");
+const VTextarea = genericComponent()({
+  name: "VTextarea",
+  directives: {
+    vIntersect: Intersect
+  },
+  inheritAttrs: false,
+  props: makeVTextareaProps(),
+  emits: {
+    "click:control": (e) => true,
+    "mousedown:control": (e) => true,
+    "update:focused": (focused) => true,
+    "update:modelValue": (val2) => true,
+    "update:rows": (rows) => true
+  },
+  setup(props, _ref) {
+    let {
+      attrs,
+      emit,
+      slots
+    } = _ref;
+    const model = useProxiedModel(props, "modelValue");
+    const {
+      isFocused,
+      focus,
+      blur
+    } = useFocus(props);
+    const {
+      onIntersect
+    } = useAutofocus(props);
+    const counterValue = computed(() => {
+      return typeof props.counterValue === "function" ? props.counterValue(model.value) : (model.value || "").toString().length;
     });
-    const originalToggleSelection = selection.toggleSelection;
-    selection.toggleSelection = (item) => {
-      if (props.bulkMode) {
-        selection.clearSelection();
-        selection.selectedItems.value = [item];
-      } else {
-        originalToggleSelection(item);
+    const max = computed(() => {
+      if (attrs.maxlength) return attrs.maxlength;
+      if (!props.counter || typeof props.counter !== "number" && typeof props.counter !== "string") return void 0;
+      return props.counter;
+    });
+    const vInputRef = ref();
+    const vFieldRef = ref();
+    const controlHeight = shallowRef("");
+    const textareaRef = ref();
+    const autocomplete = useAutocomplete(props);
+    const isActive = computed(() => props.persistentPlaceholder || isFocused.value || props.active);
+    function onFocus() {
+      var _a;
+      if (autocomplete.isSuppressing.value) {
+        autocomplete.update();
       }
-    };
-    const selectedItems = selection.selectedItems;
-    const selectAll = computed({
-      get: () => selection.allSelected.value,
-      set: (val2) => {
-        if (val2) {
-          selection.toggleSelectAll();
-        } else {
-          selection.clearSelection();
-        }
+      if (textareaRef.value !== document.activeElement) {
+        (_a = textareaRef.value) == null ? void 0 : _a.focus();
       }
-    });
-    const groupedItems = selection.groupedItems;
-    selection.expandedGroups;
-    const hasAnyActions = computed(() => {
-      if (props.bulkMode) {
-        return false;
+      if (!isFocused.value) focus();
+    }
+    function onControlClick(e) {
+      onFocus();
+      emit("click:control", e);
+    }
+    function onControlMousedown(e) {
+      emit("mousedown:control", e);
+    }
+    function onClear(e) {
+      e.stopPropagation();
+      onFocus();
+      nextTick(() => {
+        model.value = "";
+        callEvent(props["onClick:clear"], e);
+      });
+    }
+    function onInput(e) {
+      var _a;
+      const el = e.target;
+      model.value = el.value;
+      if ((_a = props.modelModifiers) == null ? void 0 : _a.trim) {
+        const caretPosition = [el.selectionStart, el.selectionEnd];
+        nextTick(() => {
+          el.selectionStart = caretPosition[0];
+          el.selectionEnd = caretPosition[1];
+        });
       }
-      const hasCrudActions = Array.isArray(props.actions) && props.actions.length > 0;
-      const hasRoutes = !!props.routes && (typeof props.routes === "function" || Object.keys(props.routes).length > 0);
-      const hasDownloadLinks = !!props.downloadLink && Object.keys(props.downloadLink).length > 0;
-      const hasCustomActions = Array.isArray(props.customActions) && props.customActions.length > 0;
-      const hasCustomButtons = Array.isArray(props.customButtons) && props.customButtons.length > 0 || !!props.customButtonsFn;
-      return hasCrudActions || hasRoutes || hasDownloadLinks || hasCustomActions || hasCustomButtons;
+    }
+    const sizerRef = ref();
+    const rows = ref(Number(props.rows));
+    const isPlainOrUnderlined = computed(() => ["plain", "underlined"].includes(props.variant));
+    watchEffect(() => {
+      if (!props.autoGrow) rows.value = Number(props.rows);
     });
-    const getRoutesForItem = (item) => {
-      if (!props.routes) return {};
-      if (typeof props.routes === "function") {
-        return props.routes(item);
-      }
-      return props.routes;
-    };
-    const estimateColumnWidth = (header) => {
-      const title = header.title || "";
-      const basePadding = 32;
-      const avgCharWidth = 10;
-      const typeExtra = header.type && String(header.type).toLowerCase() === "money" ? 40 : 0;
-      const computed2 = basePadding + title.length * avgCharWidth + typeExtra;
-      const min = 100;
-      const max = 300;
-      return Math.min(Math.max(computed2, min), max);
-    };
-    const autoHeaders = computed(() => {
-      return props.headers.map((h2) => ({
-        ...h2,
-        width: h2.width ?? estimateColumnWidth(h2)
-      }));
-    });
-    const selectionHeader = { title: "", key: "selection", sortable: false, width: 50 };
-    const groupedHeaders = computed(() => {
-      var _a, _b, _c;
-      const base = [...props.selectable ? [selectionHeader] : [], ...autoHeaders.value];
-      if (!hasAnyActions.value) {
-        return base;
-      }
-      let totalWidth = 0;
-      if (props.actions) {
-        props.actions.forEach((action) => {
-          switch (action) {
-            case "edit":
-              totalWidth += 140;
-              break;
-            case "delete":
-              totalWidth += 120;
-              break;
-            case "view":
-              totalWidth += 140;
-              break;
-            case "create":
-              totalWidth += 120;
-              break;
-          }
-        });
-      }
-      if (props.routes) {
-        Object.keys(props.routes).forEach((routeKey) => {
-          totalWidth += 120;
-        });
-      }
-      if (props.downloadLink) {
-        Object.keys(props.downloadLink).forEach((key2) => {
-          totalWidth += 120;
-        });
-      }
-      if (props.customActions) {
-        props.customActions.forEach((action) => {
-          totalWidth += 140;
-        });
-      }
-      if (props.customButtonsFn) {
-        totalWidth += 240;
-      } else if (props.customButtons) {
-        props.customButtons.forEach((button) => {
-          totalWidth += 120;
-        });
-      }
-      const buttonCount = (((_a = props.actions) == null ? void 0 : _a.length) || 0) + (props.routes ? Object.keys(props.routes).length : 0) + (props.downloadLink ? Object.keys(props.downloadLink).length : 0) + (((_b = props.customActions) == null ? void 0 : _b.length) || 0) + (((_c = props.customButtons) == null ? void 0 : _c.length) || (props.customButtonsFn ? 2 : 0));
-      const spacingWidth = Math.max(buttonCount - 1, 0) * 8;
-      totalWidth += spacingWidth;
-      totalWidth += 32;
-      const actionWidth = Math.max(totalWidth, 200);
-      return [...base, { title: "عملیات", key: "actions", sortable: false, width: actionWidth }];
-    });
-    const normalHeaders = computed(() => {
-      var _a, _b, _c;
-      const base = [...props.selectable ? [selectionHeader] : [], ...autoHeaders.value];
-      if (!hasAnyActions.value) {
-        return base;
-      }
-      let totalWidth = 0;
-      if (props.actions) {
-        props.actions.forEach((action) => {
-          switch (action) {
-            case "edit":
-              totalWidth += 140;
-              break;
-            case "delete":
-              totalWidth += 120;
-              break;
-            case "view":
-              totalWidth += 140;
-              break;
-            case "create":
-              totalWidth += 120;
-              break;
-          }
-        });
-      }
-      if (props.routes) {
-        Object.keys(props.routes).forEach((routeKey) => {
-          totalWidth += 120;
-        });
-      }
-      if (props.downloadLink) {
-        Object.keys(props.downloadLink).forEach((key2) => {
-          totalWidth += 120;
-        });
-      }
-      if (props.customActions) {
-        props.customActions.forEach((action) => {
-          totalWidth += 140;
-        });
-      }
-      if (props.customButtonsFn) {
-        totalWidth += 240;
-      } else if (props.customButtons) {
-        props.customButtons.forEach((button) => {
-          totalWidth += 120;
-        });
-      }
-      const buttonCount = (((_a = props.actions) == null ? void 0 : _a.length) || 0) + (props.routes ? Object.keys(props.routes).length : 0) + (props.downloadLink ? Object.keys(props.downloadLink).length : 0) + (((_b = props.customActions) == null ? void 0 : _b.length) || 0) + (((_c = props.customButtons) == null ? void 0 : _c.length) || (props.customButtonsFn ? 2 : 0));
-      const spacingWidth = Math.max(buttonCount - 1, 0) * 8;
-      totalWidth += spacingWidth;
-      totalWidth += 32;
-      const actionWidth = Math.max(totalWidth, 200);
-      return [...base, { title: "عملیات", key: "actions", sortable: false, width: actionWidth }];
+    function calculateInputHeight() {
+      if (!props.autoGrow) return;
+      nextTick(() => {
+        if (!sizerRef.value || !vFieldRef.value) return;
+        const style = getComputedStyle(sizerRef.value);
+        const fieldStyle = getComputedStyle(vFieldRef.value.$el);
+        const padding = parseFloat(style.getPropertyValue("--v-field-padding-top")) + parseFloat(style.getPropertyValue("--v-input-padding-top")) + parseFloat(style.getPropertyValue("--v-field-padding-bottom"));
+        const height2 = sizerRef.value.scrollHeight;
+        const lineHeight = parseFloat(style.lineHeight);
+        const minHeight = Math.max(parseFloat(props.rows) * lineHeight + padding, parseFloat(fieldStyle.getPropertyValue("--v-input-control-height")));
+        const maxHeight = parseFloat(props.maxRows) * lineHeight + padding || Infinity;
+        const newHeight = clamp(height2 ?? 0, minHeight, maxHeight);
+        rows.value = Math.floor((newHeight - padding) / lineHeight);
+        controlHeight.value = convertToUnit(newHeight);
+      });
+    }
+    onMounted(calculateInputHeight);
+    watch(model, calculateInputHeight);
+    watch(() => props.rows, calculateInputHeight);
+    watch(() => props.maxRows, calculateInputHeight);
+    watch(() => props.density, calculateInputHeight);
+    watch(rows, (val2) => {
+      emit("update:rows", val2);
     });
-    const hasAutocomplete = (header) => {
-      return Boolean(header.autocompleteItems);
-    };
-    const resolveAutocompleteItems = (header, context) => {
-      const enhancedHeader = header;
-      const source = enhancedHeader.autocompleteItems;
-      if (!source) return [];
-      try {
-        if (typeof source === "function") {
-          const baseContext = context ?? formModel.value;
-          return source(baseContext) ?? [];
-        }
-        if (isRef(source)) {
-          return source.value ?? [];
-        }
-        const resolved = unref(source);
-        return Array.isArray(resolved) ? resolved : [];
-      } catch (error2) {
-        console.error("Error resolving autocomplete items for header:", header.key, error2);
-        return [];
-      }
-    };
-    const resolveHeaderDefaultValue = (header, context) => {
-      const rawDefault = header.defaultValue;
-      if (rawDefault === void 0) {
-        return void 0;
-      }
-      try {
-        if (typeof rawDefault === "function") {
-          return rawDefault(context);
-        }
-        if (isRef(rawDefault)) {
-          return unref(rawDefault);
-        }
-        return rawDefault;
-      } catch (error2) {
-        console.error("Error resolving default value for header:", header.key, error2);
-        return void 0;
-      }
-    };
-    const resolveAutocompleteItemTitle = (header) => {
-      return header.autocompleteItemTitle ?? "title";
-    };
-    const resolveAutocompleteItemValue = (header) => {
-      return header.autocompleteItemValue ?? "value";
-    };
-    const resolveAutocompleteReturnObject = (header) => {
-      const value2 = header.autocompleteReturnObject;
-      return value2 !== false;
-    };
-    const resolveAutocompleteMultiple = (header) => {
-      return header.autocompleteMultiple === true;
-    };
-    const formHeaders = computed(() => props.headers);
-    const isMoneyHeader = (header) => {
-      if (!header || typeof header.type !== "string") {
-        return false;
-      }
-      return header.type.toLowerCase() === "money";
-    };
-    const getFieldInputType = (header) => {
-      return typeof (header == null ? void 0 : header.type) === "string" ? header.type : void 0;
-    };
-    const resolveHeaderKey = (header) => header.key;
-    const resolveHeaderTitle = (header) => header.title;
-    const isHeaderDisabled = (header) => header.editable === false;
-    const getUniqueValue = (item) => {
-      if (typeof props.uniqueKey === "function") {
-        return props.uniqueKey(item);
-      }
-      if (typeof props.uniqueKey === "string") {
-        return props.uniqueKey.split(".").reduce((obj, key2) => obj == null ? void 0 : obj[key2], item);
+    let observer;
+    watch(sizerRef, (val2) => {
+      if (val2) {
+        observer = new ResizeObserver(calculateInputHeight);
+        observer.observe(sizerRef.value);
+      } else {
+        observer == null ? void 0 : observer.disconnect();
       }
-      return item.id;
-    };
-    const toggleSelection = (item) => {
-      if (!props.selectable) return;
-      selection.toggleSelection(item);
-      emit("update:selectedItems", selectedItems.value);
-      emit("selection-change", selectedItems.value);
-    };
-    const toggleSelectAll = () => {
-      if (!props.selectable || !props.multiSelect) return;
-      selection.toggleSelectAll();
-      emit("update:selectedItems", selectedItems.value);
-      emit("selection-change", selectedItems.value);
-    };
-    const toggleGroup = (groupKey) => {
-      setTimeout(() => {
-        selection.toggleGroup(groupKey);
-      }, 0);
-    };
-    const expandAllGroups = () => selection.expandAllGroups();
-    const collapseAllGroups = () => selection.collapseAllGroups();
-    const isSelected = (item) => selection.isSelected(item);
-    const selectedCount = computed(() => selectedItems.value.length);
-    const hasSelection = computed(() => selectedItems.value.length > 0);
-    const validSelectedItems = computed(() => {
-      if (!props.selectable || !props.bulkMode) return selectedItems.value;
-      return selectedItems.value.filter((selectedItem) => {
-        const uniqueValue = getUniqueValue(selectedItem);
-        return items.value.some((item) => getUniqueValue(item) === uniqueValue);
-      });
     });
-    const hasValidSelection = computed(() => {
-      if (!props.selectable || !props.bulkMode) return hasSelection.value;
-      return validSelectedItems.value.length > 0;
+    onBeforeUnmount(() => {
+      observer == null ? void 0 : observer.disconnect();
     });
-    const clearSelection = () => {
-      selection.clearSelection();
-      emit("update:selectedItems", selectedItems.value);
-      emit("selection-change", selectedItems.value);
-    };
-    const selectSingleItem = (item) => {
-      selection.clearSelection();
-      selection.selectedItems.value = [item];
-      emit("update:selectedItems", selectedItems.value);
-      emit("selection-change", selectedItems.value);
-    };
-    const radioGroupValue = computed(() => {
-      return selectedItems.value.length > 0 ? getUniqueValue(selectedItems.value[0]) : null;
-    });
-    const cleanFilterModel = computed(() => {
-      const model = { ...filterModel.value };
-      Object.keys(model).forEach((key2) => {
-        if (model[key2] === null || model[key2] === void 0 || model[key2] === "") {
-          delete model[key2];
-        }
-      });
-      return model;
-    });
-    const hasFilterComponent = computed(() => {
-      return !!props.filterComponent;
-    });
-    const fetchData = async (queryParams) => {
-      var _a, _b;
-      loading.value = true;
-      error.value = null;
-      let params = {
-        ...cleanFilterModel.value,
-        ...props.queryParams
+    useRender(() => {
+      const hasCounter = !!(slots.counter || props.counter || props.counterValue);
+      const hasDetails = !!(hasCounter || slots.details);
+      const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);
+      const {
+        modelValue: _,
+        ...inputProps
+      } = VInput.filterProps(props);
+      const fieldProps = {
+        ...VField.filterProps(props),
+        "onClick:clear": onClear
       };
-      if (queryParams) {
-        params = { ...params, ...queryParams };
-      }
-      try {
-        const shouldPaginate = props.showPagination !== false;
-        const requestParams = shouldPaginate ? {
-          ...params,
-          page: currentPage.value - 1,
-          size: itemsPerPage.value
-        } : params;
-        const response = await api.fetch(requestParams);
-        const serverRawData = shouldPaginate ? ((_a = response.data) == null ? void 0 : _a.content) ?? [] : response.data ?? [];
-        const serverData = Array.isArray(serverRawData) ? serverRawData : [];
-        originalServerData.value = serverData;
-        items.value = serverData.map((item) => {
-          const newItem = { ...item };
-          props.headers.forEach((header) => {
-            if (header.isDate && newItem[header.key]) {
-              try {
-                newItem[header.key] = DateConverter.toShamsi(newItem[header.key]);
-              } catch (error2) {
-                console.error(`Error converting date for field ${header.key}:`, error2);
-              }
+      return createVNode(VInput, mergeProps({
+        "ref": vInputRef,
+        "modelValue": model.value,
+        "onUpdate:modelValue": ($event) => model.value = $event,
+        "class": ["v-textarea v-text-field", {
+          "v-textarea--prefixed": props.prefix,
+          "v-textarea--suffixed": props.suffix,
+          "v-text-field--prefixed": props.prefix,
+          "v-text-field--suffixed": props.suffix,
+          "v-textarea--auto-grow": props.autoGrow,
+          "v-textarea--no-resize": props.noResize || props.autoGrow,
+          "v-input--plain-underlined": isPlainOrUnderlined.value
+        }, props.class],
+        "style": props.style
+      }, rootAttrs, inputProps, {
+        "centerAffix": rows.value === 1 && !isPlainOrUnderlined.value,
+        "focused": isFocused.value
+      }), {
+        ...slots,
+        default: (_ref2) => {
+          let {
+            id,
+            isDisabled,
+            isDirty,
+            isReadonly,
+            isValid,
+            hasDetails: hasDetails2
+          } = _ref2;
+          return createVNode(VField, mergeProps({
+            "ref": vFieldRef,
+            "style": {
+              "--v-textarea-control-height": controlHeight.value
+            },
+            "onClick": onControlClick,
+            "onMousedown": onControlMousedown,
+            "onClick:prependInner": props["onClick:prependInner"],
+            "onClick:appendInner": props["onClick:appendInner"]
+          }, fieldProps, {
+            "id": id.value,
+            "active": isActive.value || isDirty.value,
+            "centerAffix": rows.value === 1 && !isPlainOrUnderlined.value,
+            "dirty": isDirty.value || props.dirty,
+            "disabled": isDisabled.value,
+            "focused": isFocused.value,
+            "details": hasDetails2.value,
+            "error": isValid.value === false
+          }), {
+            ...slots,
+            default: (_ref3) => {
+              let {
+                props: {
+                  class: fieldClass,
+                  ...slotProps
+                }
+              } = _ref3;
+              return createElementVNode(Fragment, null, [props.prefix && createElementVNode("span", {
+                "class": "v-text-field__prefix"
+              }, [props.prefix]), withDirectives(createElementVNode("textarea", mergeProps({
+                "ref": textareaRef,
+                "class": fieldClass,
+                "value": model.value,
+                "onInput": onInput,
+                "autofocus": props.autofocus,
+                "readonly": isReadonly.value,
+                "disabled": isDisabled.value,
+                "placeholder": props.placeholder,
+                "rows": props.rows,
+                "name": autocomplete.fieldName.value,
+                "autocomplete": autocomplete.fieldAutocomplete.value,
+                "onFocus": onFocus,
+                "onBlur": blur
+              }, slotProps, inputAttrs), null), [[Intersect, {
+                handler: onIntersect
+              }, null, {
+                once: true
+              }]]), props.autoGrow && withDirectives(createElementVNode("textarea", {
+                "class": normalizeClass([fieldClass, "v-textarea__sizer"]),
+                "id": `${slotProps.id}-sizer`,
+                "onUpdate:modelValue": ($event) => model.value = $event,
+                "ref": sizerRef,
+                "readonly": true,
+                "aria-hidden": "true"
+              }, null), [[vModelText, model.value]]), props.suffix && createElementVNode("span", {
+                "class": "v-text-field__suffix"
+              }, [props.suffix])]);
             }
           });
-          return newItem;
-        });
-        if (shouldPaginate && ((_b = response.data) == null ? void 0 : _b.page)) {
-          totalSize.value = response.data.page.totalElements;
-          totalPages.value = response.data.page.totalPages;
-          hasMore.value = currentPage.value < response.data.page.totalPages;
-        } else {
-          totalSize.value = serverData.length;
-          totalPages.value = 1;
-          hasMore.value = false;
-        }
-        if (props.defaultSelected && items.value.length > 0 && props.defaultSelected in items.value[0]) {
-          const defaultSelectedItems = items.value.filter((item) => item[props.defaultSelected] === true);
-          selectedItems.value = [...defaultSelectedItems];
-          emit("update:selectedItems", selectedItems.value);
-          emit("selection-change", selectedItems.value);
-        }
-      } catch (err) {
-        if (err.response) {
-          error.value = `خطای سرور: ${err.response.status} - ${err.response.data.message || "خطای ناشناخته"}`;
-        } else if (err.request) {
-          error.value = "خطای شبکه. لطفا دوباره تلاش کنید.";
-        } else {
-          error.value = "یک خطای غیرمنتظره رخ داد.";
-        }
-        console.error(err);
-      } finally {
-        loading.value = false;
-      }
-    };
-    const debouncedFetchData = useDebounceFn(fetchData, 300);
-    watch(
-      [cleanFilterModel],
-      () => {
-        debouncedFetchData();
-      },
-      { deep: true }
-    );
-    watch(
-      () => props.pageSize,
-      (newPageSize) => {
-        itemsPerPage.value = newPageSize;
-        currentPage.value = 1;
-        debouncedFetchData();
-      }
-    );
-    watch(
-      () => items.value,
-      (newItems) => {
-        if (props.selectable && props.bulkMode && selectedItems.value.length > 0) {
-          const invalidSelections = selectedItems.value.filter((selectedItem) => {
-            const uniqueValue = getUniqueValue(selectedItem);
-            return !newItems.some((item) => getUniqueValue(item) === uniqueValue);
-          });
-          if (invalidSelections.length > 0) {
-            const validSelections = selectedItems.value.filter((selectedItem) => {
-              const uniqueValue = getUniqueValue(selectedItem);
-              return newItems.some((item) => getUniqueValue(item) === uniqueValue);
-            });
-            selectedItems.value = validSelections;
-            emit("update:selectedItems", selectedItems.value);
-            emit("selection-change", selectedItems.value);
-          }
-        }
-      },
-      { deep: true }
-    );
-    onBeforeUnmount(() => {
-    });
-    const componentAxiosInstance = props.axiosInstance || getAxiosInstance();
-    const api = apiService(componentAxiosInstance, props.apiResource);
-    const customActionDialog = ref(false);
-    const customActionComponent = shallowRef(null);
-    const customActionItem = ref(null);
-    __expose({
-      fetchData,
-      items,
-      selectedItems,
-      getSelectedItems: () => selectedItems.value,
-      clearSelection: () => {
-        selectedItems.value = [];
-        selectAll.value = false;
-      },
-      // Grouping methods (handled by useTableSelection composable)
-      groupedItems,
-      toggleGroup,
-      expandAllGroups,
-      collapseAllGroups,
-      formModel
+        },
+        details: hasDetails ? (slotProps) => {
+          var _a;
+          return createElementVNode(Fragment, null, [(_a = slots.details) == null ? void 0 : _a.call(slots, slotProps), hasCounter && createElementVNode(Fragment, null, [createElementVNode("span", null, null), createVNode(VCounter, {
+            "active": props.persistentCounter || isFocused.value,
+            "value": counterValue.value,
+            "max": max.value,
+            "disabled": props.disabled
+          }, slots.counter)])]);
+        } : void 0
+      });
     });
-    const openDialog = (item) => {
-      editedItem.value = item ? { ...item } : {};
-      isEditing.value = !!item;
-      dialog.value = true;
-      if (!isEditing.value) {
-        const defaultContext = { ...editedItem.value };
-        for (const header of props.headers) {
-          if (header.defaultValue === void 0) {
-            continue;
-          }
-          const resolvedDefault = resolveHeaderDefaultValue(header, defaultContext);
-          if (resolvedDefault !== void 0) {
-            editedItem.value[header.key] = resolvedDefault;
-            defaultContext[header.key] = resolvedDefault;
-          }
-        }
-      }
-      formModel.value = { ...editedItem.value };
-      props.headers.forEach((header) => {
-        if (!hasAutocomplete(header)) return;
-        const enhancedHeader = header;
-        const currentValue = formModel.value[header.key];
-        const valueKey = resolveAutocompleteItemValue(header);
-        if (enhancedHeader.autocompleteReturnObject === false) {
-          if (Array.isArray(currentValue)) {
-            formModel.value[header.key] = currentValue.map(
-              (item2) => item2 && typeof item2 === "object" ? item2[valueKey] ?? null : item2
-            );
-          } else if (currentValue && typeof currentValue === "object") {
-            formModel.value[header.key] = currentValue[valueKey] ?? null;
-          }
-        }
-      });
-      if (isEditing.value) {
-        try {
-          props.headers.forEach((header) => {
-            if (header.isDate) {
-              const v = formModel.value[header.key];
-              if (typeof v === "string" && v.includes("/")) {
-                formModel.value[header.key] = DateConverter.toGregorian(v);
-              } else if (typeof v === "string" && v.includes("T")) {
-                formModel.value[header.key] = v.split("T")[0];
-              }
-            }
-          });
-        } catch (e) {
-          console.error("Error normalizing date fields for edit form:", e);
-        }
-      }
-    };
-    const openDeleteDialog = (item) => {
-      itemToDelete.value = item;
-      deleteDialog.value = true;
-    };
-    const groupDeleteDialog = ref(false);
-    const openGroupDeleteDialog = () => {
-      groupDeleteDialog.value = true;
-    };
-    const deleteGroupItems = async () => {
-      try {
-        const selectedIds = validSelectedItems.value.map((item) => getUniqueValue(item));
-        const idsParam = selectedIds.join(",");
-        await api.delete(`?ids=${idsParam}`);
-        groupDeleteDialog.value = false;
-        clearSelection();
-        await fetchData();
-        snackbarMessage.value = `✅ ${selectedIds.length} آیتم با موفقیت حذف شد`;
-        snackbar.value = true;
-      } catch (err) {
-        console.error("خطا در حذف گروهی اطلاعات", err);
-        snackbarMessage.value = "❌ خطا در حذف گروهی اطلاعات!";
-        snackbar.value = true;
+    return forwardRefs({}, vInputRef, vFieldRef, textareaRef);
+  }
+});
+const _hoisted_1$9 = {
+  key: 0,
+  class: "page-title"
+};
+const _hoisted_2$5 = { class: "title-text" };
+const _hoisted_3$4 = { class: "action-buttons" };
+const _hoisted_4$2 = {
+  key: 3,
+  class: "selection-actions"
+};
+const _hoisted_5$2 = {
+  key: 0,
+  class: "selected-actions"
+};
+const _hoisted_6$1 = {
+  key: 0,
+  class: "me-1"
+};
+const _hoisted_7$1 = {
+  key: 0,
+  class: "me-1"
+};
+const _hoisted_8$1 = ["aria-busy", "aria-live"];
+const _hoisted_9$1 = {
+  key: 0,
+  class: "grouped-table"
+};
+const _hoisted_10$1 = { class: "group-controls mb-3" };
+const _hoisted_11$1 = { class: "groups-container" };
+const _hoisted_12$1 = ["onClick", "onKeydown", "aria-expanded", "aria-controls", "id"];
+const _hoisted_13$1 = { class: "group-label" };
+const _hoisted_14$1 = ["id", "aria-labelledby"];
+const _hoisted_15$1 = ["tabindex", "onKeydown", "onClick"];
+const _hoisted_16$1 = ["onClick"];
+const _hoisted_17 = { key: 1 };
+const _hoisted_18 = ["tabindex", "onKeydown", "onClick"];
+const _hoisted_19 = ["onClick"];
+const _hoisted_20 = { key: 1 };
+const _hoisted_21 = {
+  key: 2,
+  class: "d-flex justify-center align-center pa-4"
+};
+const _hoisted_22 = {
+  key: 2,
+  class: "pagination-wrapper"
+};
+const _hoisted_23 = { class: "d-flex justify-space-between align-center pa-4" };
+const _hoisted_24 = { class: "text-subtitle-2" };
+const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
+  ...{ inheritAttrs: false },
+  __name: "CustomDataTable",
+  props: {
+    routes: {},
+    enableGroupDelete: { type: Boolean },
+    apiResource: {},
+    headers: {},
+    actions: {},
+    downloadLink: {},
+    formComponent: {},
+    customActions: {},
+    customButtons: {},
+    customButtonsFn: {},
+    filterComponent: {},
+    autoFetch: { type: Boolean, default: true },
+    queryParams: {},
+    showPagination: { type: Boolean, default: true },
+    height: {},
+    pagination: { type: [Object, Boolean] },
+    showRefreshButton: { type: Boolean, default: false },
+    title: {},
+    selectable: { type: Boolean, default: false },
+    multiSelect: { type: Boolean, default: false },
+    selectedItems: { default: () => [] },
+    uniqueKey: { type: [String, Function], default: "id" },
+    pageSize: { default: 10 },
+    groupBy: {},
+    groupHeaderTemplate: {},
+    defaultExpanded: { type: Boolean, default: false },
+    defaultSelected: {},
+    dateWithTimezone: { type: Boolean, default: false },
+    bulkMode: { type: Boolean, default: false },
+    axiosInstance: {},
+    maxTextLength: { default: 50 }
+  },
+  emits: ["update:selectedItems", "selection-change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const items = ref([]);
+    const originalServerData = ref([]);
+    const loading = ref(false);
+    const error = ref(null);
+    const dialog = ref(false);
+    const deleteDialog = ref(false);
+    const isEditing = ref(false);
+    const editedItem = ref(null);
+    const formModel = ref({});
+    const itemToDelete = ref(null);
+    const snackbar = ref(false);
+    const snackbarMessage = ref("");
+    const router = useRouter$1();
+    const itemsPerPage = ref(props.pageSize);
+    const totalSize = ref(0);
+    const totalPages = ref(0);
+    const currentPage = ref(1);
+    ref(null);
+    const filterDialog = ref(false);
+    const filterModel = ref({});
+    ref(null);
+    const isLoadingMore = ref(false);
+    const hasMore = ref(true);
+    const selection = useTableSelection(items, {
+      multiSelect: props.bulkMode ? false : props.multiSelect,
+      // Force single select in bulk mode
+      uniqueKey: props.uniqueKey,
+      groupBy: props.groupBy,
+      defaultExpanded: props.defaultExpanded
+    });
+    const originalToggleSelection = selection.toggleSelection;
+    selection.toggleSelection = (item) => {
+      if (props.bulkMode) {
+        selection.clearSelection();
+        selection.selectedItems.value = [item];
+      } else {
+        originalToggleSelection(item);
       }
     };
-    const saveItem = async () => {
-      if (!formModel.value) return;
-      try {
-        const dataToSave = { ...formModel.value };
-        props.headers.forEach((header) => {
-          if (header.isDate && dataToSave[header.key]) {
-            try {
-              const raw = dataToSave[header.key];
-              if (typeof raw === "string") {
-                const toIsoWithOffset = (ymd) => {
-                  const [y, m, d] = ymd.split("-").map(Number);
-                  const local = new Date(y, (m || 1) - 1, d || 1, 0, 0, 0, 0);
-                  const offsetMin = -local.getTimezoneOffset();
-                  const sign = offsetMin >= 0 ? "+" : "-";
-                  const abs = Math.abs(offsetMin);
-                  const hh = String(Math.floor(abs / 60)).padStart(2, "0");
-                  const mm = String(abs % 60).padStart(2, "0");
-                  const mm2 = String(m).padStart(2, "0");
-                  const dd2 = String(d).padStart(2, "0");
-                  return `${y}-${mm2}-${dd2}T00:00:00${sign}${hh}:${mm}`;
-                };
-                if (raw.includes("/")) {
-                  const greg = DateConverter.toGregorian(raw);
-                  dataToSave[header.key] = props.dateWithTimezone ? toIsoWithOffset(greg) : greg;
-                } else if (raw.includes("T")) {
-                  dataToSave[header.key] = props.dateWithTimezone ? raw : raw.split("T")[0];
-                } else {
-                  dataToSave[header.key] = props.dateWithTimezone ? toIsoWithOffset(raw) : raw;
-                }
-              }
-            } catch (error2) {
-              console.error(`Error converting date for field ${header.key}:`, error2);
-            }
-          }
-        });
-        if (isEditing.value && dataToSave.id) {
-          await api.update(dataToSave);
-          snackbarMessage.value = "✅ آیتم با موفقیت بروزرسانی شد!";
+    const selectedItems = selection.selectedItems;
+    const selectAll = computed({
+      get: () => selection.allSelected.value,
+      set: (val2) => {
+        if (val2) {
+          selection.toggleSelectAll();
         } else {
-          const response = await api.create(dataToSave);
-          snackbarMessage.value = "✅ آیتم با موفقیت ایجاد شد!";
-          if (response.data) items.value.push(response.data);
+          selection.clearSelection();
         }
-        snackbar.value = true;
-        dialog.value = false;
-        await fetchData();
-      } catch (err) {
-        console.error("خطا در ذخیره اطلاعات", err);
-        snackbarMessage.value = "❌ خطا در ذخیره اطلاعات!";
-        snackbar.value = true;
       }
-    };
-    const deleteItem = async (id) => {
-      try {
-        await api.delete(id);
-        deleteDialog.value = false;
-        items.value = items.value.filter((item) => item.id !== id);
-        await fetchData();
-      } catch (err) {
-        console.error("خطا در حذف اطلاعات", err);
-        snackbarMessage.value = "❌ خطا در حذف اطلاعات!";
-        snackbar.value = true;
+    });
+    const groupedItems = selection.groupedItems;
+    selection.expandedGroups;
+    const hasAnyActions = computed(() => {
+      if (props.bulkMode) {
+        return false;
       }
-    };
-    const goToRoute = (key2, item) => {
-      const routes = getRoutesForItem(item);
-      if (!routes || !routes[key2] || !item) return;
-      let routePath = routes[key2];
-      const missingParams = [];
-      routePath = routePath.replace(/\{(\w+)}/g, (_, field) => {
-        if (item[field] !== void 0) {
-          return item[field];
-        } else {
-          missingParams.push(field);
-          return `{${field}}`;
-        }
-      });
-      if (missingParams.length > 0) {
-        snackbarMessage.value = ` خطا : ${missingParams.join(" , ")}  در خروجی نیست  `;
-        snackbar.value = true;
-        return;
+      const hasCrudActions = Array.isArray(props.actions) && props.actions.length > 0;
+      const hasRoutes = !!props.routes && (typeof props.routes === "function" || Object.keys(props.routes).length > 0);
+      const hasDownloadLinks = !!props.downloadLink && Object.keys(props.downloadLink).length > 0;
+      const hasCustomActions = Array.isArray(props.customActions) && props.customActions.length > 0;
+      const hasCustomButtons = Array.isArray(props.customButtons) && props.customButtons.length > 0 || !!props.customButtonsFn;
+      return hasCrudActions || hasRoutes || hasDownloadLinks || hasCustomActions || hasCustomButtons;
+    });
+    const getRoutesForItem = (item) => {
+      if (!props.routes) return {};
+      if (typeof props.routes === "function") {
+        return props.routes(item);
       }
-      router.push(routePath);
+      return props.routes;
     };
-    const download = async (key2, item) => {
-      if (!props.downloadLink || !item) return;
-      const fileKey = props.downloadLink[key2];
-      const url = item[fileKey];
-      if (!url || typeof url !== "string") {
-        snackbarMessage.value = `❌ لینک فایل یافت نشد.`;
-        snackbar.value = true;
-        return;
+    const estimateColumnWidth = (header) => {
+      const title = header.title || "";
+      const basePadding = 32;
+      const avgCharWidth = 10;
+      const typeExtra = header.type && String(header.type).toLowerCase() === "money" ? 40 : 0;
+      const computed2 = basePadding + title.length * avgCharWidth + typeExtra;
+      const min = 100;
+      const max = 300;
+      return Math.min(Math.max(computed2, min), max);
+    };
+    const autoHeaders = computed(() => {
+      return props.headers.map((h2) => ({
+        ...h2,
+        width: h2.width ?? estimateColumnWidth(h2)
+      }));
+    });
+    const selectionHeader = { title: "", key: "selection", sortable: false, width: 50 };
+    const groupedHeaders = computed(() => {
+      var _a, _b, _c;
+      const base = [...props.selectable ? [selectionHeader] : [], ...autoHeaders.value];
+      if (!hasAnyActions.value) {
+        return base;
       }
-      const fileUrlString = url;
-      try {
-        const response = await fetch(fileUrlString, {
-          method: "GET",
-          headers: {
-            Accept: "application/octet-stream,application/pdf,image/*,*/*"
-          },
-          credentials: "include"
-          // Include cookies for authentication
-        });
-        if (!response.ok) {
-          throw new Error(`HTTP error! status: ${response.status}`);
-        }
-        const contentType = response.headers.get("content-type");
-        const contentLength = response.headers.get("content-length");
-        console.log("Response headers:", {
-          contentType,
-          contentLength,
-          url: fileUrlString
-        });
-        if (contentType && contentType.includes("xml")) {
-          const errorText = await response.text();
-          console.error("Server returned XML error:", errorText);
-          snackbarMessage.value = `❌ خطای سرور: فایل در دسترس نیست`;
-          snackbar.value = true;
-          return;
-        }
-        if (contentLength && parseInt(contentLength) < 1e3) {
-          const responseText = await response.text();
-          console.log("Small response:", responseText);
-          if (responseText.includes("error") || responseText.includes("Error")) {
-            snackbarMessage.value = `❌ خطای سرور: فایل در دسترس نیست`;
-            snackbar.value = true;
-            return;
-          }
-        }
-        const blob = await response.blob();
-        const url2 = window.URL.createObjectURL(blob);
-        const link = document.createElement("a");
-        link.href = url2;
-        const filename = fileUrlString.split("/").pop() || "download";
-        link.download = filename;
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-        window.URL.revokeObjectURL(url2);
-        snackbarMessage.value = `✅ دانلود شروع شد`;
-        snackbar.value = true;
-      } catch (error2) {
-        console.error("Download error:", error2);
-        try {
-          const axiosResponse = await componentAxiosInstance.get(fileUrlString, {
-            responseType: "blob",
-            headers: {
-              Accept: "application/octet-stream,application/pdf,image/*,*/*"
-            }
-          });
-          const contentType = axiosResponse.headers["content-type"];
-          const contentLength = axiosResponse.headers["content-length"];
-          console.log("Axios response headers:", {
-            contentType,
-            contentLength,
-            url: fileUrlString
-          });
-          if (contentType && contentType.includes("xml")) {
-            const textResponse = await componentAxiosInstance.get(fileUrlString, {
-              responseType: "text"
-            });
-            console.error("Server returned XML error:", textResponse.data);
-            snackbarMessage.value = `❌ خطای سرور: فایل در دسترس نیست`;
-            snackbar.value = true;
-            return;
-          }
-          const blob = new Blob([axiosResponse.data]);
-          const url2 = window.URL.createObjectURL(blob);
-          const link = document.createElement("a");
-          link.href = url2;
-          const filename = fileUrlString.split("/").pop() || "download";
-          link.download = filename;
-          document.body.appendChild(link);
-          link.click();
-          document.body.removeChild(link);
-          window.URL.revokeObjectURL(url2);
-          snackbarMessage.value = `✅ دانلود شروع شد`;
-          snackbar.value = true;
-        } catch (axiosError) {
-          console.error("Axios download error:", axiosError);
-          if (axiosError.response) {
-            try {
-              const errorText = await componentAxiosInstance.get(fileUrlString, {
-                responseType: "text"
-              });
-              console.error("Server error response:", errorText.data);
-            } catch (textError) {
-              console.error("Could not get error text:", textError);
-            }
+      let totalWidth = 0;
+      if (props.actions) {
+        props.actions.forEach((action) => {
+          switch (action) {
+            case "edit":
+              totalWidth += 140;
+              break;
+            case "delete":
+              totalWidth += 120;
+              break;
+            case "view":
+              totalWidth += 140;
+              break;
+            case "create":
+              totalWidth += 120;
+              break;
           }
-          snackbarMessage.value = `❌ خطا در دانلود فایل`;
-          snackbar.value = true;
-        }
-      }
-    };
-    const handlePageChange = (newPage) => {
-      currentPage.value = newPage;
-      debouncedFetchData();
-    };
-    onMounted(() => {
-      if (props.autoFetch) {
-        fetchData();
+        });
       }
-    });
-    const openCustomActionDialog = (action, item) => {
-      customActionComponent.value = action.component;
-      const originalItem = originalServerData.value.find((originalItem2) => {
-        const itemId = typeof props.uniqueKey === "function" ? props.uniqueKey(item) : item[props.uniqueKey];
-        const originalId = typeof props.uniqueKey === "function" ? props.uniqueKey(originalItem2) : originalItem2[props.uniqueKey];
-        return itemId === originalId;
-      });
-      customActionItem.value = originalItem ? { ...originalItem } : { ...item };
-      customActionDialog.value = true;
-    };
-    const getColumnStyle = (column, item) => {
-      const header = props.headers.find((h2) => h2.key === column.key);
-      if (!header) return {};
-      const baseStyle = header.style || {};
-      if (header.conditionalStyle) {
-        const conditionalStyle = header.conditionalStyle(item[column.key], item);
-        return { ...baseStyle, ...conditionalStyle };
+      if (props.routes) {
+        Object.keys(props.routes).forEach((routeKey) => {
+          totalWidth += 120;
+        });
       }
-      return baseStyle;
-    };
-    const getNestedValue2 = (obj, path) => {
-      return path.split(".").reduce((current, key2) => {
-        return current && current[key2] !== void 0 ? current[key2] : null;
-      }, obj);
-    };
-    const getTranslatedValue = (value2, column, item) => {
-      const header = props.headers.find((h2) => h2.key === column.key);
-      if (!header) return value2;
-      if (header.customRenderer) {
-        return header.customRenderer(item);
+      if (props.downloadLink) {
+        Object.keys(props.downloadLink).forEach((key2) => {
+          totalWidth += 120;
+        });
       }
-      if (header.formatter) {
-        return header.formatter(value2, item);
+      if (props.customActions) {
+        props.customActions.forEach((action) => {
+          totalWidth += 140;
+        });
       }
-      if (String(header.type).toLowerCase() === "money") {
-        try {
-          return formatNumberWithCommas(value2 ?? 0, 0);
-        } catch (e) {
-          return value2;
-        }
+      if (props.customButtonsFn) {
+        totalWidth += 240;
+      } else if (props.customButtons) {
+        props.customButtons.forEach((button) => {
+          totalWidth += 120;
+        });
       }
-      if (header.translate) {
-        if (header.options) {
-          const option = header.options.find((opt) => opt.value === value2);
-          return (option == null ? void 0 : option.title) || value2;
-        }
-        return translateValue(value2);
+      const buttonCount = (((_a = props.actions) == null ? void 0 : _a.length) || 0) + (props.routes ? Object.keys(props.routes).length : 0) + (props.downloadLink ? Object.keys(props.downloadLink).length : 0) + (((_b = props.customActions) == null ? void 0 : _b.length) || 0) + (((_c = props.customButtons) == null ? void 0 : _c.length) || (props.customButtonsFn ? 2 : 0));
+      const spacingWidth = Math.max(buttonCount - 1, 0) * 8;
+      totalWidth += spacingWidth;
+      totalWidth += 32;
+      const actionWidth = Math.max(totalWidth, 200);
+      return [...base, { title: "عملیات", key: "actions", sortable: false, width: actionWidth }];
+    });
+    const normalHeaders = computed(() => {
+      var _a, _b, _c;
+      const base = [...props.selectable ? [selectionHeader] : [], ...autoHeaders.value];
+      if (!hasAnyActions.value) {
+        return base;
       }
-      return value2;
+      let totalWidth = 0;
+      if (props.actions) {
+        props.actions.forEach((action) => {
+          switch (action) {
+            case "edit":
+              totalWidth += 140;
+              break;
+            case "delete":
+              totalWidth += 120;
+              break;
+            case "view":
+              totalWidth += 140;
+              break;
+            case "create":
+              totalWidth += 120;
+              break;
+          }
+        });
+      }
+      if (props.routes) {
+        Object.keys(props.routes).forEach((routeKey) => {
+          totalWidth += 120;
+        });
+      }
+      if (props.downloadLink) {
+        Object.keys(props.downloadLink).forEach((key2) => {
+          totalWidth += 120;
+        });
+      }
+      if (props.customActions) {
+        props.customActions.forEach((action) => {
+          totalWidth += 140;
+        });
+      }
+      if (props.customButtonsFn) {
+        totalWidth += 240;
+      } else if (props.customButtons) {
+        props.customButtons.forEach((button) => {
+          totalWidth += 120;
+        });
+      }
+      const buttonCount = (((_a = props.actions) == null ? void 0 : _a.length) || 0) + (props.routes ? Object.keys(props.routes).length : 0) + (props.downloadLink ? Object.keys(props.downloadLink).length : 0) + (((_b = props.customActions) == null ? void 0 : _b.length) || 0) + (((_c = props.customButtons) == null ? void 0 : _c.length) || (props.customButtonsFn ? 2 : 0));
+      const spacingWidth = Math.max(buttonCount - 1, 0) * 8;
+      totalWidth += spacingWidth;
+      totalWidth += 32;
+      const actionWidth = Math.max(totalWidth, 200);
+      return [...base, { title: "عملیات", key: "actions", sortable: false, width: actionWidth }];
+    });
+    const hasAutocomplete = (header) => {
+      return Boolean(header.autocompleteItems);
     };
-    const translateValue = (value2) => {
-      const translations = {
-        ACTIVE: "فعال",
-        INACTIVE: "غیرفعال",
-        PENDING: "در انتظار",
-        COMPLETED: "تکمیل شده"
-        // Add more translations as needed
-      };
-      return translations[value2] || value2;
+    const resolveAutocompleteItems = (header, context) => {
+      const enhancedHeader = header;
+      const source = enhancedHeader.autocompleteItems;
+      if (!source) return [];
+      try {
+        if (typeof source === "function") {
+          const baseContext = context ?? formModel.value;
+          return source(baseContext) ?? [];
+        }
+        if (isRef(source)) {
+          return source.value ?? [];
+        }
+        const resolved = unref(source);
+        return Array.isArray(resolved) ? resolved : [];
+      } catch (error2) {
+        console.error("Error resolving autocomplete items for header:", header.key, error2);
+        return [];
+      }
     };
-    const handleFilterApply = (filterData) => {
-      filterModel.value = filterData;
-      currentPage.value = 1;
-      debouncedFetchData();
-      filterDialog.value = false;
+    const resolveHeaderDefaultValue = (header, context) => {
+      const rawDefault = header.defaultValue;
+      if (rawDefault === void 0) {
+        return void 0;
+      }
+      try {
+        if (typeof rawDefault === "function") {
+          return rawDefault(context);
+        }
+        if (isRef(rawDefault)) {
+          return unref(rawDefault);
+        }
+        return rawDefault;
+      } catch (error2) {
+        console.error("Error resolving default value for header:", header.key, error2);
+        return void 0;
+      }
     };
-    return (_ctx, _cache) => {
-      var _a;
-      return openBlock(), createElementBlock(Fragment, null, [
-        props.title ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
-          createElementVNode("h3", _hoisted_2$5, toDisplayString(props.title), 1)
-        ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$4, [
-          ((_a = props.actions) == null ? void 0 : _a.includes("create")) ? (openBlock(), createBlock(VBtn, {
-            key: 0,
-            color: "green",
-            class: "me-2",
-            onClick: _cache[0] || (_cache[0] = ($event) => openDialog())
-          }, {
-            default: withCtx(() => [..._cache[19] || (_cache[19] = [
-              createTextVNode("ایجاد ✅", -1)
-            ])]),
-            _: 1
-          })) : createCommentVNode("", true),
-          hasFilterComponent.value ? (openBlock(), createBlock(VBtn, {
-            key: 1,
-            class: "me-2",
-            onClick: _cache[1] || (_cache[1] = ($event) => filterDialog.value = true)
-          }, {
-            default: withCtx(() => [..._cache[20] || (_cache[20] = [
-              createTextVNode("فیلتر 🔍", -1)
-            ])]),
-            _: 1
-          })) : createCommentVNode("", true),
-          props.showRefreshButton ? (openBlock(), createBlock(VBtn, {
-            key: 2,
-            color: "blue",
-            onClick: unref(debouncedFetchData),
-            loading: loading.value
-          }, {
-            default: withCtx(() => [..._cache[21] || (_cache[21] = [
-              createTextVNode("بروزرسانی 🔄", -1)
-            ])]),
-            _: 1
-          }, 8, ["onClick", "loading"])) : createCommentVNode("", true),
-          props.selectable && hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
-            createVNode(VChip, {
-              color: "primary",
-              class: "me-2"
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(selectedCount.value) + " آیتم انتخاب شده ", 1)
-              ]),
-              _: 1
-            }),
-            createVNode(VBtn, {
-              color: "error",
-              size: "small",
-              class: "me-2",
-              onClick: clearSelection
-            }, {
-              default: withCtx(() => [..._cache[22] || (_cache[22] = [
-                createTextVNode(" پاک کردن انتخاب ", -1)
-              ])]),
-              _: 1
-            })
-          ])) : createCommentVNode("", true),
-          createVNode(Transition, {
-            name: "slide-left",
-            appear: ""
-          }, {
-            default: withCtx(() => [
-              props.bulkMode && hasValidSelection.value || props.enableGroupDelete && hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
-                props.enableGroupDelete ? (openBlock(), createBlock(VBtn, {
-                  key: 0,
-                  color: "red",
-                  size: "small",
-                  class: "me-2",
-                  onClick: openGroupDeleteDialog
-                }, {
-                  default: withCtx(() => [
-                    _cache[23] || (_cache[23] = createElementVNode("span", { class: "me-1" }, "🗑️", -1)),
-                    createTextVNode(" حذف گروهی (" + toDisplayString(selectedCount.value) + ") ", 1)
-                  ]),
-                  _: 1
-                })) : createCommentVNode("", true),
-                props.bulkMode ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(validSelectedItems.value, (item) => {
-                  var _a2, _b, _c;
-                  return openBlock(), createElementBlock(Fragment, {
-                    key: getUniqueValue(item)
-                  }, [
-                    ((_a2 = props.actions) == null ? void 0 : _a2.includes("edit")) ? (openBlock(), createBlock(VBtn, {
-                      key: 0,
-                      color: "blue",
-                      size: "small",
-                      class: "me-2",
-                      onClick: ($event) => openDialog(item)
-                    }, {
-                      default: withCtx(() => [..._cache[24] || (_cache[24] = [
-                        createElementVNode("span", { class: "me-1" }, "✏️", -1),
-                        createTextVNode(" ویرایش ", -1)
-                      ])]),
-                      _: 1
-                    }, 8, ["onClick"])) : createCommentVNode("", true),
-                    ((_b = props.actions) == null ? void 0 : _b.includes("delete")) ? (openBlock(), createBlock(VBtn, {
-                      key: 1,
-                      color: "red",
-                      size: "small",
-                      class: "me-2",
-                      onClick: ($event) => openDeleteDialog(item)
-                    }, {
-                      default: withCtx(() => [..._cache[25] || (_cache[25] = [
-                        createElementVNode("span", { class: "me-1" }, "🗑️", -1),
-                        createTextVNode(" حذف ", -1)
-                      ])]),
-                      _: 1
-                    }, 8, ["onClick"])) : createCommentVNode("", true),
-                    ((_c = props.actions) == null ? void 0 : _c.includes("view")) ? (openBlock(), createBlock(VBtn, {
-                      key: 2,
-                      color: "purple",
-                      size: "small",
-                      class: "me-2",
-                      onClick: ($event) => goToRoute("view", item)
-                    }, {
-                      default: withCtx(() => [..._cache[26] || (_cache[26] = [
-                        createElementVNode("span", { class: "me-1" }, "👁️", -1),
-                        createTextVNode(" نمایش ", -1)
-                      ])]),
-                      _: 1
-                    }, 8, ["onClick"])) : createCommentVNode("", true),
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(getRoutesForItem(item), (routePath, routeKey) => {
-                      return openBlock(), createBlock(VBtn, {
-                        key: routeKey,
-                        color: "indigo",
-                        size: "small",
-                        class: "me-2",
-                        onClick: ($event) => goToRoute(routeKey, item)
-                      }, {
-                        default: withCtx(() => [
-                          _cache[27] || (_cache[27] = createElementVNode("span", { class: "me-1" }, "➡️", -1)),
-                          createTextVNode(" " + toDisplayString(String(routeKey)), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick"]);
-                    }), 128)),
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(props.downloadLink, (value2, key2) => {
-                      return openBlock(), createBlock(VBtn, {
-                        size: "small",
-                        class: "me-2",
-                        key: key2,
-                        onClick: ($event) => download(key2, item)
-                      }, {
-                        default: withCtx(() => [
-                          _cache[28] || (_cache[28] = createElementVNode("span", { class: "me-1" }, "⬇️", -1)),
-                          createTextVNode(" " + toDisplayString(key2), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick"]);
-                    }), 128)),
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(props.customActions, (action, index2) => {
-                      return openBlock(), createElementBlock(Fragment, {
-                        key: action.title || index2
-                      }, [
-                        !action.condition || action.condition(item) ? (openBlock(), createBlock(VBtn, {
-                          key: 0,
-                          color: "orange",
-                          size: "small",
-                          class: "me-2",
-                          onClick: ($event) => openCustomActionDialog(action, item)
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(action.title), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["onClick"])) : createCommentVNode("", true)
-                      ], 64);
-                    }), 128)),
-                    props.customButtonsFn ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(props.customButtonsFn(item), (button) => {
-                      return openBlock(), createBlock(VBtn, {
-                        key: button.label,
-                        color: button.color || "primary",
-                        size: "small",
-                        class: "me-2",
-                        disabled: button.disabled,
-                        onClick: ($event) => button.onClick(item)
-                      }, {
-                        default: withCtx(() => [
-                          button.icon ? (openBlock(), createElementBlock("span", _hoisted_6$1, toDisplayString(button.icon), 1)) : createCommentVNode("", true),
-                          createTextVNode(" " + toDisplayString(button.label), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["color", "disabled", "onClick"]);
-                    }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 4 }, renderList(props.customButtons, (button) => {
-                      return openBlock(), createBlock(VBtn, {
-                        key: button.label,
-                        color: button.color || "primary",
-                        size: "small",
-                        class: "me-2",
-                        onClick: ($event) => button.onClick(item)
-                      }, {
-                        default: withCtx(() => [
-                          button.icon ? (openBlock(), createElementBlock("span", _hoisted_7$1, toDisplayString(button.icon), 1)) : createCommentVNode("", true),
-                          createTextVNode(" " + toDisplayString(button.label), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["color", "onClick"]);
-                    }), 128))
-                  ], 64);
-                }), 128)) : createCommentVNode("", true)
-              ])) : createCommentVNode("", true)
-            ]),
-            _: 1
-          })
-        ]),
-        createElementVNode("div", mergeProps({ class: "data-table-container" }, _ctx.$attrs, {
-          role: "region",
-          "aria-busy": loading.value || isLoadingMore.value,
-          "aria-live": loading.value || isLoadingMore.value ? "polite" : "off"
-        }), [
-          loading.value && !isLoadingMore.value ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "skeleton-container",
-            style: normalizeStyle({ height: `${props.height}px` })
-          }, [
-            createVNode(VSkeletonLoader, {
-              type: "table",
-              loading: loading.value,
-              class: "mx-auto",
-              "max-width": "100%",
-              boilerplate: false
-            }, null, 8, ["loading"])
-          ], 4)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            props.groupBy && unref(groupedItems).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
-              createElementVNode("div", _hoisted_10$1, [
-                createVNode(VBtn, {
-                  size: "small",
-                  color: "primary",
-                  onClick: expandAllGroups,
-                  class: "me-2"
-                }, {
-                  default: withCtx(() => [..._cache[29] || (_cache[29] = [
-                    createTextVNode(" گسترش همه ", -1)
-                  ])]),
-                  _: 1
-                }),
-                createVNode(VBtn, {
-                  size: "small",
-                  color: "secondary",
-                  onClick: collapseAllGroups,
-                  class: "me-2"
-                }, {
-                  default: withCtx(() => [..._cache[30] || (_cache[30] = [
-                    createTextVNode(" جمع کردن همه ", -1)
-                  ])]),
-                  _: 1
-                })
-              ]),
-              createElementVNode("div", {
-                class: "groups-scroll-container",
-                style: normalizeStyle({ height: `${props.height - 120}px` })
-              }, [
-                createElementVNode("div", _hoisted_11$1, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(groupedItems), (group) => {
-                    return openBlock(), createElementBlock("div", {
-                      key: group.groupKey,
-                      class: "group-section"
-                    }, [
-                      createElementVNode("div", {
-                        class: normalizeClass(["group-header", { expanded: group.isExpanded }]),
-                        role: "button",
-                        tabindex: "0",
-                        onClick: withModifiers(($event) => toggleGroup(group.groupKey), ["stop"]),
-                        onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {
-                        }, ["stop"])),
-                        onKeydown: [
-                          withKeys(withModifiers(($event) => toggleGroup(group.groupKey), ["prevent"]), ["enter"]),
-                          withKeys(withModifiers(($event) => toggleGroup(group.groupKey), ["prevent"]), ["space"])
-                        ],
-                        "aria-expanded": group.isExpanded ? "true" : "false",
-                        "aria-controls": `group-panel-${group.groupKey}`,
-                        id: `group-header-${group.groupKey}`
-                      }, [
-                        group.isExpanded ? (openBlock(), createBlock(unref(IconChevronDown), {
-                          key: 0,
-                          class: "me-2 chevron-icon"
-                        })) : (openBlock(), createBlock(unref(IconChevronRight), {
-                          key: 1,
-                          class: "me-2 chevron-icon"
-                        })),
-                        createElementVNode("span", _hoisted_13$1, toDisplayString(group.groupLabel), 1),
-                        createVNode(VChip, {
-                          size: "small",
-                          color: "darkprimary",
-                          class: "ms-auto"
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(group.count), 1)
-                          ]),
-                          _: 2
-                        }, 1024)
-                      ], 42, _hoisted_12$1),
-                      createVNode(Transition, {
-                        name: "group-expand",
-                        appear: ""
-                      }, {
-                        default: withCtx(() => [
-                          group.isExpanded ? (openBlock(), createElementBlock("div", {
-                            key: 0,
-                            class: "group-items",
-                            id: `group-panel-${group.groupKey}`,
-                            "aria-labelledby": `group-header-${group.groupKey}`,
-                            role: "region"
-                          }, [
-                            createVNode(VDataTable, {
-                              headers: groupedHeaders.value,
-                              items: group.items,
-                              "items-per-page": itemsPerPage.value,
-                              "hide-default-footer": "",
-                              class: "elevation-1 group-table",
-                              "no-data-text": "رکوردی یافت نشد",
-                              hover: "",
-                              height: "auto",
-                              density: "compact"
-                            }, {
-                              "header.selection": withCtx(({ column }) => [
-                                props.selectable && props.multiSelect ? (openBlock(), createBlock(VCheckbox, {
-                                  key: 0,
-                                  "model-value": selectAll.value,
-                                  "onUpdate:modelValue": toggleSelectAll,
-                                  indeterminate: selectedCount.value > 0 && selectedCount.value < items.value.length,
-                                  "hide-details": "",
-                                  density: "compact"
-                                }, null, 8, ["model-value", "indeterminate"])) : createCommentVNode("", true)
-                              ]),
-                              item: withCtx(({ item, columns, index: index2 }) => [
-                                createElementVNode("tr", {
-                                  style: normalizeStyle({
-                                    background: isSelected(item) && props.bulkMode ? "rgb(var(--v-theme-primary200))" : index2 % 2 === 0 ? "rgb(var(--v-theme-surface))" : "rgb(var(--v-theme-lightprimary))",
-                                    cursor: props.bulkMode && props.selectable ? "pointer" : "default"
-                                  }),
-                                  tabindex: props.selectable ? 0 : -1,
-                                  onKeydown: withKeys(withModifiers(($event) => props.selectable && toggleSelection(item), ["prevent"]), ["enter"]),
-                                  onClick: ($event) => props.bulkMode && props.selectable && selectSingleItem(item)
-                                }, [
-                                  (openBlock(true), createElementBlock(Fragment, null, renderList(columns, (column) => {
-                                    var _a2, _b, _c;
-                                    return openBlock(), createElementBlock("td", {
-                                      key: column.key || "unknown",
-                                      style: normalizeStyle({
-                                        ...getColumnStyle(column, item),
-                                        ...column.width ? { width: column.width + "px", minWidth: column.width + "px", maxWidth: column.width + "px" } : {}
-                                      })
-                                    }, [
-                                      column.key === "selection" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                                        props.bulkMode ? (openBlock(), createBlock(VRadio, {
-                                          key: 0,
-                                          "model-value": radioGroupValue.value,
-                                          value: getUniqueValue(item),
-                                          onClick: withModifiers(($event) => selectSingleItem(item), ["stop"]),
-                                          disabled: !props.selectable,
-                                          "hide-details": "",
-                                          density: "compact"
-                                        }, null, 8, ["model-value", "value", "onClick", "disabled"])) : (openBlock(), createBlock(VCheckbox, {
-                                          key: 1,
-                                          "model-value": isSelected(item),
-                                          "onUpdate:modelValue": ($event) => toggleSelection(item),
-                                          disabled: !props.selectable,
-                                          "hide-details": "",
-                                          density: "compact"
-                                        }, null, 8, ["model-value", "onUpdate:modelValue", "disabled"]))
-                                      ], 64)) : createCommentVNode("", true),
-                                      column.key === "actions" && hasAnyActions.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                                        ((_a2 = props.actions) == null ? void 0 : _a2.includes("edit")) ? (openBlock(), createBlock(VBtn, {
-                                          key: 0,
-                                          color: "blue",
-                                          size: "small",
-                                          class: "mr-2",
-                                          onClick: ($event) => openDialog(item)
-                                        }, {
-                                          default: withCtx(() => [..._cache[31] || (_cache[31] = [
-                                            createTextVNode(" ویرایش ✏️ ", -1)
-                                          ])]),
-                                          _: 1
-                                        }, 8, ["onClick"])) : createCommentVNode("", true),
-                                        ((_b = props.actions) == null ? void 0 : _b.includes("delete")) ? (openBlock(), createBlock(VBtn, {
-                                          key: 1,
-                                          color: "red",
-                                          size: "small",
-                                          class: "mr-2",
-                                          onClick: ($event) => openDeleteDialog(item)
-                                        }, {
-                                          default: withCtx(() => [..._cache[32] || (_cache[32] = [
-                                            createTextVNode("حذف ❌ ", -1)
-                                          ])]),
-                                          _: 1
-                                        }, 8, ["onClick"])) : createCommentVNode("", true),
-                                        ((_c = props.actions) == null ? void 0 : _c.includes("view")) ? (openBlock(), createBlock(VBtn, {
-                                          key: 2,
-                                          color: "purple",
-                                          size: "small",
-                                          class: "mr-2",
-                                          onClick: ($event) => goToRoute("view", item)
-                                        }, {
-                                          default: withCtx(() => [..._cache[33] || (_cache[33] = [
-                                            createTextVNode("🔍 نمایش ", -1)
-                                          ])]),
-                                          _: 1
-                                        }, 8, ["onClick"])) : createCommentVNode("", true),
-                                        (openBlock(true), createElementBlock(Fragment, null, renderList(getRoutesForItem(item), (routePath, routeKey) => {
-                                          return openBlock(), createBlock(VBtn, {
-                                            key: routeKey,
-                                            color: "indigo",
-                                            size: "small",
-                                            class: "mr-2",
-                                            onClick: ($event) => goToRoute(routeKey, item)
-                                          }, {
-                                            default: withCtx(() => [
-                                              createTextVNode(toDisplayString(routeKey.toUpperCase()), 1)
-                                            ]),
-                                            _: 2
-                                          }, 1032, ["onClick"]);
-                                        }), 128)),
-                                        (openBlock(true), createElementBlock(Fragment, null, renderList(props.downloadLink, (value2, key2) => {
-                                          return openBlock(), createBlock(VBtn, {
-                                            size: "small",
-                                            class: "mr-2",
-                                            key: key2,
-                                            onClick: ($event) => download(key2, item)
-                                          }, {
-                                            default: withCtx(() => [
-                                              createTextVNode(toDisplayString(key2) + " ⬇️ ", 1)
-                                            ]),
-                                            _: 2
-                                          }, 1032, ["onClick"]);
-                                        }), 128)),
-                                        (openBlock(true), createElementBlock(Fragment, null, renderList(props.customActions, (action, index22) => {
-                                          return openBlock(), createElementBlock(Fragment, {
-                                            key: action.title || index22
-                                          }, [
-                                            !action.condition || action.condition(item) ? (openBlock(), createBlock(VBtn, {
-                                              key: 0,
-                                              color: "orange",
-                                              size: "small",
-                                              class: "mr-2",
-                                              onClick: ($event) => openCustomActionDialog(action, item)
-                                            }, {
-                                              default: withCtx(() => [
-                                                createTextVNode(toDisplayString(action.title), 1)
-                                              ]),
-                                              _: 2
-                                            }, 1032, ["onClick"])) : createCommentVNode("", true)
-                                          ], 64);
-                                        }), 128)),
-                                        props.customButtonsFn ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(props.customButtonsFn(item), (button) => {
-                                          return openBlock(), createBlock(VBtn, {
-                                            key: button.label,
-                                            color: button.color || "primary",
-                                            size: "small",
-                                            class: "mr-2",
-                                            disabled: button.disabled,
-                                            onClick: ($event) => button.onClick(item)
-                                          }, {
-                                            default: withCtx(() => [
-                                              createTextVNode(toDisplayString(button.label), 1)
-                                            ]),
-                                            _: 2
-                                          }, 1032, ["color", "disabled", "onClick"]);
-                                        }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 4 }, renderList(props.customButtons, (button) => {
-                                          return openBlock(), createBlock(VBtn, {
-                                            key: button.label,
-                                            color: button.color || "primary",
-                                            size: "small",
-                                            class: "mr-2",
-                                            onClick: ($event) => button.onClick(item)
-                                          }, {
-                                            default: withCtx(() => [
-                                              createTextVNode(toDisplayString(button.label), 1)
-                                            ]),
-                                            _: 2
-                                          }, 1032, ["color", "onClick"]);
-                                        }), 128))
-                                      ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                                        createTextVNode(toDisplayString(getTranslatedValue(getNestedValue2(item, column.key || ""), column, item)), 1)
-                                      ], 64))
-                                    ], 4);
-                                  }), 128))
-                                ], 44, _hoisted_15$1)
-                              ]),
-                              _: 1
-                            }, 8, ["headers", "items", "items-per-page"])
-                          ], 8, _hoisted_14$1)) : createCommentVNode("", true)
-                        ]),
-                        _: 2
-                      }, 1024)
-                    ]);
-                  }), 128))
-                ])
-              ], 4)
-            ])) : (openBlock(), createBlock(VDataTable, {
-              key: 1,
-              headers: normalHeaders.value,
-              items: items.value,
-              "items-per-page": itemsPerPage.value,
-              "hide-default-footer": "",
-              class: "elevation-1",
-              "no-data-text": "رکوردی یافت نشد",
-              hover: "",
-              height: props.height,
-              density: "compact"
-            }, {
-              "header.selection": withCtx(({ column }) => [
-                props.selectable && props.multiSelect ? (openBlock(), createBlock(VCheckbox, {
-                  key: 0,
-                  "model-value": selectAll.value,
-                  "onUpdate:modelValue": toggleSelectAll,
-                  indeterminate: selectedCount.value > 0 && selectedCount.value < items.value.length,
-                  "hide-details": "",
-                  density: "compact"
-                }, null, 8, ["model-value", "indeterminate"])) : createCommentVNode("", true)
-              ]),
-              item: withCtx(({ item, columns, index: index2 }) => [
-                createElementVNode("tr", {
-                  style: normalizeStyle({
-                    color: isSelected(item) && props.bulkMode ? "rgb(var(--v-theme-white))" : "rgb(var(--v-theme-darkText))",
-                    background: isSelected(item) && props.bulkMode ? "rgb(var(--v-theme-primary))" : index2 % 2 === 0 ? "rgb(var(--v-theme-surface))" : "rgb(var(--v-theme-lightprimary))",
-                    cursor: props.bulkMode && props.selectable ? "pointer" : "default"
-                  }),
-                  tabindex: props.selectable ? 0 : -1,
-                  onKeydown: withKeys(withModifiers(($event) => props.selectable && toggleSelection(item), ["prevent"]), ["enter"]),
-                  onClick: ($event) => props.bulkMode && props.selectable && selectSingleItem(item)
-                }, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(columns, (column) => {
-                    var _a2, _b, _c;
-                    return openBlock(), createElementBlock("td", {
-                      key: column.key || "unknown",
-                      style: normalizeStyle({
-                        ...getColumnStyle(column, item),
-                        ...column.width ? { width: column.width + "px", minWidth: column.width + "px", maxWidth: column.width + "px" } : {}
-                      })
-                    }, [
-                      column.key === "selection" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                        props.bulkMode ? (openBlock(), createBlock(VRadio, {
-                          key: 0,
-                          "model-value": radioGroupValue.value,
-                          value: getUniqueValue(item),
-                          onClick: withModifiers(($event) => selectSingleItem(item), ["stop"]),
-                          disabled: !props.selectable,
-                          "hide-details": "",
-                          density: "compact"
-                        }, null, 8, ["model-value", "value", "onClick", "disabled"])) : (openBlock(), createBlock(VCheckbox, {
-                          key: 1,
-                          "model-value": isSelected(item),
-                          "onUpdate:modelValue": ($event) => toggleSelection(item),
-                          disabled: !props.selectable,
-                          "hide-details": "",
-                          density: "compact"
-                        }, null, 8, ["model-value", "onUpdate:modelValue", "disabled"]))
-                      ], 64)) : createCommentVNode("", true),
-                      column.key === "actions" && hasAnyActions.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                        ((_a2 = props.actions) == null ? void 0 : _a2.includes("edit")) ? (openBlock(), createBlock(VBtn, {
-                          key: 0,
-                          color: "blue",
-                          size: "small",
-                          class: "mr-2",
-                          onClick: ($event) => openDialog(item)
-                        }, {
-                          default: withCtx(() => [..._cache[34] || (_cache[34] = [
-                            createTextVNode(" ویرایش ✏️ ", -1)
-                          ])]),
-                          _: 1
-                        }, 8, ["onClick"])) : createCommentVNode("", true),
-                        ((_b = props.actions) == null ? void 0 : _b.includes("delete")) ? (openBlock(), createBlock(VBtn, {
-                          key: 1,
-                          color: "red",
-                          size: "small",
-                          class: "mr-2",
-                          onClick: ($event) => openDeleteDialog(item)
-                        }, {
-                          default: withCtx(() => [..._cache[35] || (_cache[35] = [
-                            createTextVNode("حذف ❌ ", -1)
-                          ])]),
-                          _: 1
-                        }, 8, ["onClick"])) : createCommentVNode("", true),
-                        ((_c = props.actions) == null ? void 0 : _c.includes("view")) ? (openBlock(), createBlock(VBtn, {
-                          key: 2,
-                          color: "purple",
-                          size: "small",
-                          class: "mr-2",
-                          onClick: ($event) => goToRoute("view", item)
-                        }, {
-                          default: withCtx(() => [..._cache[36] || (_cache[36] = [
-                            createTextVNode("🔍 نمایش ", -1)
-                          ])]),
-                          _: 1
-                        }, 8, ["onClick"])) : createCommentVNode("", true),
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(getRoutesForItem(item), (routePath, routeKey) => {
-                          return openBlock(), createBlock(VBtn, {
-                            key: routeKey,
-                            color: "indigo",
-                            size: "small",
-                            class: "mr-2",
-                            onClick: ($event) => goToRoute(routeKey, item)
-                          }, {
-                            default: withCtx(() => [
-                              createTextVNode(toDisplayString(routeKey.toUpperCase()), 1)
-                            ]),
-                            _: 2
-                          }, 1032, ["onClick"]);
-                        }), 128)),
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(props.downloadLink, (value2, key2) => {
-                          return openBlock(), createBlock(VBtn, {
-                            size: "small",
-                            class: "mr-2",
-                            key: key2,
-                            onClick: ($event) => download(key2, item)
-                          }, {
-                            default: withCtx(() => [
-                              createTextVNode(toDisplayString(key2) + " ⬇️ ", 1)
-                            ]),
-                            _: 2
-                          }, 1032, ["onClick"]);
-                        }), 128)),
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(props.customActions, (action, index22) => {
-                          return openBlock(), createElementBlock(Fragment, {
-                            key: action.title || index22
-                          }, [
-                            !action.condition || action.condition(item) ? (openBlock(), createBlock(VBtn, {
-                              key: 0,
-                              color: "orange",
-                              size: "small",
-                              class: "mr-2",
-                              onClick: ($event) => openCustomActionDialog(action, item)
-                            }, {
-                              default: withCtx(() => [
-                                createTextVNode(toDisplayString(action.title), 1)
-                              ]),
-                              _: 2
-                            }, 1032, ["onClick"])) : createCommentVNode("", true)
-                          ], 64);
-                        }), 128)),
-                        props.customButtonsFn ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(props.customButtonsFn(item), (button) => {
-                          return openBlock(), createBlock(VBtn, {
-                            key: button.label,
-                            color: button.color || "primary",
-                            size: "small",
-                            class: "mr-2",
-                            disabled: button.disabled,
-                            onClick: ($event) => button.onClick(item)
-                          }, {
-                            default: withCtx(() => [
-                              createTextVNode(toDisplayString(button.label), 1)
-                            ]),
-                            _: 2
-                          }, 1032, ["color", "disabled", "onClick"]);
-                        }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 4 }, renderList(props.customButtons, (button) => {
-                          return openBlock(), createBlock(VBtn, {
-                            key: button.label,
-                            color: button.color || "primary",
-                            size: "small",
-                            class: "mr-2",
-                            onClick: ($event) => button.onClick(item)
-                          }, {
-                            default: withCtx(() => [
-                              createTextVNode(toDisplayString(button.label), 1)
-                            ]),
-                            _: 2
-                          }, 1032, ["color", "onClick"]);
-                        }), 128))
-                      ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                        createTextVNode(toDisplayString(getTranslatedValue(getNestedValue2(item, column.key || ""), column, item)), 1)
-                      ], 64))
-                    ], 4);
-                  }), 128))
-                ], 44, _hoisted_16$1)
-              ]),
-              _: 1
-            }, 8, ["headers", "items", "items-per-page", "height"])),
-            isLoadingMore.value ? (openBlock(), createElementBlock("div", _hoisted_17, [
-              createVNode(VProgressCircular, {
-                indeterminate: "",
-                color: "primary"
-              })
-            ])) : createCommentVNode("", true)
-          ], 64)),
-          props.showPagination ? (openBlock(), createElementBlock("div", _hoisted_18, [
-            createElementVNode("div", _hoisted_19, [
-              createElementVNode("div", _hoisted_20, " نمایش " + toDisplayString((currentPage.value - 1) * itemsPerPage.value + 1) + " تا " + toDisplayString(Math.min(currentPage.value * itemsPerPage.value, totalSize.value)) + " از " + toDisplayString(totalSize.value) + " رکورد ", 1),
-              createVNode(VPagination, {
-                modelValue: currentPage.value,
-                "onUpdate:modelValue": [
-                  _cache[3] || (_cache[3] = ($event) => currentPage.value = $event),
-                  handlePageChange
-                ],
-                length: totalPages.value,
-                "total-visible": 5,
-                size: "small"
-              }, null, 8, ["modelValue", "length"])
-            ])
-          ])) : createCommentVNode("", true)
-        ], 16, _hoisted_8$1),
-        createVNode(VDialog, {
-          modelValue: dialog.value,
-          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => dialog.value = $event),
-          "max-width": "1400"
-        }, {
-          default: withCtx(() => [
-            createVNode(VCard, null, {
-              default: withCtx(() => [
-                createVNode(VCardTitle, null, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(isEditing.value ? "ویرایش" : "ایجاد"), 1)
-                  ]),
-                  _: 1
-                }),
-                createVNode(VCardText, null, {
-                  default: withCtx(() => [
-                    createVNode(VContainer, null, {
-                      default: withCtx(() => [
-                        props.formComponent ? (openBlock(), createBlock(resolveDynamicComponent(props.formComponent), {
-                          key: 0,
-                          modelValue: formModel.value,
-                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => formModel.value = $event)
-                        }, null, 8, ["modelValue"])) : (openBlock(), createBlock(VRow, { key: 1 }, {
-                          default: withCtx(() => [
-                            (openBlock(true), createElementBlock(Fragment, null, renderList(formHeaders.value, (header) => {
-                              return openBlock(), createBlock(VCol, {
-                                key: resolveHeaderKey(header),
-                                cols: "12",
-                                md: "4"
-                              }, {
-                                default: withCtx(() => [
-                                  !header.hidden ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                                    header.isDate ? (openBlock(), createBlock(ShamsiDatePicker, {
-                                      key: 0,
-                                      modelValue: formModel.value[resolveHeaderKey(header)],
-                                      "onUpdate:modelValue": ($event) => formModel.value[resolveHeaderKey(header)] = $event,
-                                      label: resolveHeaderTitle(header),
-                                      disabled: isHeaderDisabled(header)
-                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "disabled"])) : hasAutocomplete(header) ? (openBlock(), createBlock(VAutocomplete, {
-                                      key: 1,
-                                      modelValue: formModel.value[resolveHeaderKey(header)],
-                                      "onUpdate:modelValue": ($event) => formModel.value[resolveHeaderKey(header)] = $event,
-                                      label: resolveHeaderTitle(header),
-                                      items: resolveAutocompleteItems(header, formModel.value.value),
-                                      "item-title": resolveAutocompleteItemTitle(header),
-                                      "item-value": resolveAutocompleteItemValue(header),
-                                      "return-object": resolveAutocompleteReturnObject(header),
-                                      multiple: resolveAutocompleteMultiple(header),
-                                      chips: resolveAutocompleteMultiple(header),
-                                      "closable-chips": resolveAutocompleteMultiple(header),
-                                      disabled: isHeaderDisabled(header),
-                                      clearable: "",
-                                      variant: "outlined"
-                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "items", "item-title", "item-value", "return-object", "multiple", "chips", "closable-chips", "disabled"])) : isMoneyHeader(header) ? (openBlock(), createBlock(_sfc_main$h, {
-                                      key: 2,
-                                      modelValue: formModel.value[resolveHeaderKey(header)],
-                                      "onUpdate:modelValue": ($event) => formModel.value[resolveHeaderKey(header)] = $event,
-                                      label: resolveHeaderTitle(header),
-                                      disabled: isHeaderDisabled(header)
-                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "disabled"])) : (openBlock(), createBlock(VTextField, {
-                                      key: 3,
-                                      modelValue: formModel.value[resolveHeaderKey(header)],
-                                      "onUpdate:modelValue": ($event) => formModel.value[resolveHeaderKey(header)] = $event,
-                                      label: resolveHeaderTitle(header),
-                                      variant: "outlined",
-                                      disabled: isHeaderDisabled(header),
-                                      type: getFieldInputType(header)
-                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "disabled", "type"]))
-                                  ], 64)) : createCommentVNode("", true)
-                                ]),
-                                _: 2
-                              }, 1024);
-                            }), 128))
-                          ]),
-                          _: 1
-                        }))
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }),
-                createVNode(VCardActions, null, {
-                  default: withCtx(() => [
-                    createVNode(VBtn, {
-                      variant: "tonal",
-                      color: "error",
-                      onClick: _cache[5] || (_cache[5] = ($event) => dialog.value = false)
-                    }, {
-                      default: withCtx(() => [..._cache[37] || (_cache[37] = [
-                        createTextVNode("انصراف", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    createVNode(VBtn, {
-                      color: "primary",
-                      var: "",
-                      onClick: saveItem
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(isEditing.value ? "ذخیره" : "ایجاد"), 1)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue"]),
-        createVNode(VDialog, {
-          modelValue: deleteDialog.value,
-          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => deleteDialog.value = $event),
-          "max-width": "400"
-        }, {
-          default: withCtx(() => [
-            createVNode(VCard, null, {
-              default: withCtx(() => [
-                createVNode(VCardTitle, null, {
-                  default: withCtx(() => [..._cache[38] || (_cache[38] = [
-                    createTextVNode("حذف آیتم", -1)
-                  ])]),
-                  _: 1
-                }),
-                createVNode(VCardText, null, {
-                  default: withCtx(() => [..._cache[39] || (_cache[39] = [
-                    createTextVNode(" آیا مایل به حذف این رکورد هستید ?", -1)
-                  ])]),
-                  _: 1
-                }),
-                createVNode(VCardActions, null, {
-                  default: withCtx(() => [
-                    createVNode(VBtn, {
-                      color: "grey",
-                      onClick: _cache[7] || (_cache[7] = ($event) => deleteDialog.value = false)
-                    }, {
-                      default: withCtx(() => [..._cache[40] || (_cache[40] = [
-                        createTextVNode("انصراف", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    createVNode(VBtn, {
-                      color: "red",
-                      onClick: _cache[8] || (_cache[8] = ($event) => {
-                        var _a2;
-                        return deleteItem(String(((_a2 = itemToDelete.value) == null ? void 0 : _a2.id) || ""));
-                      })
-                    }, {
-                      default: withCtx(() => [..._cache[41] || (_cache[41] = [
-                        createTextVNode("حذف", -1)
-                      ])]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue"]),
-        createVNode(VDialog, {
-          modelValue: groupDeleteDialog.value,
-          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => groupDeleteDialog.value = $event),
-          "max-width": "500"
-        }, {
-          default: withCtx(() => [
-            createVNode(VCard, null, {
-              default: withCtx(() => [
-                createVNode(VCardTitle, { class: "text-h6" }, {
-                  default: withCtx(() => [
-                    createVNode(VIcon, {
-                      color: "red",
-                      class: "me-2"
-                    }, {
-                      default: withCtx(() => [..._cache[42] || (_cache[42] = [
-                        createTextVNode("🗑️", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    _cache[43] || (_cache[43] = createTextVNode(" حذف گروهی ", -1))
-                  ]),
-                  _: 1
-                }),
-                createVNode(VCardText, null, {
-                  default: withCtx(() => [
-                    createElementVNode("p", null, [
-                      _cache[44] || (_cache[44] = createTextVNode(" آیا مایل به حذف ", -1)),
-                      createElementVNode("strong", null, toDisplayString(selectedCount.value), 1),
-                      _cache[45] || (_cache[45] = createTextVNode(" آیتم انتخاب شده هستید؟ ", -1))
-                    ]),
-                    createVNode(VAlert, {
-                      type: "warning",
-                      variant: "tonal",
-                      class: "mt-3"
-                    }, {
-                      default: withCtx(() => [..._cache[46] || (_cache[46] = [
-                        createTextVNode(" این عمل قابل بازگشت نیست! ", -1)
-                      ])]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }),
-                createVNode(VCardActions, null, {
-                  default: withCtx(() => [
-                    createVNode(VSpacer),
-                    createVNode(VBtn, {
-                      color: "grey",
-                      onClick: _cache[10] || (_cache[10] = ($event) => groupDeleteDialog.value = false)
-                    }, {
-                      default: withCtx(() => [..._cache[47] || (_cache[47] = [
-                        createTextVNode("انصراف", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    createVNode(VBtn, {
-                      color: "red",
-                      onClick: deleteGroupItems,
-                      loading: loading.value
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(" حذف " + toDisplayString(selectedCount.value) + " آیتم ", 1)
-                      ]),
-                      _: 1
-                    }, 8, ["loading"])
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue"]),
-        createVNode(VDialog, {
-          modelValue: customActionDialog.value,
-          "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => customActionDialog.value = $event),
-          "max-width": "1300"
-        }, {
-          default: withCtx(() => [
-            createVNode(VCard, null, {
-              default: withCtx(() => [
-                createVNode(VCardTitle, null, {
-                  default: withCtx(() => {
-                    var _a2, _b;
-                    return [
-                      createTextVNode(toDisplayString(((_b = (_a2 = props.customActions) == null ? void 0 : _a2.find((a) => a.component === customActionComponent.value)) == null ? void 0 : _b.title) || ""), 1)
-                    ];
-                  }),
-                  _: 1
-                }),
-                createVNode(VCardText, null, {
-                  default: withCtx(() => [
-                    customActionComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(customActionComponent.value), {
-                      key: 0,
-                      item: customActionItem.value,
-                      onClose: _cache[12] || (_cache[12] = ($event) => customActionDialog.value = false)
-                    }, null, 40, ["item"])) : createCommentVNode("", true)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue"]),
-        createVNode(VDialog, {
-          modelValue: filterDialog.value,
-          "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => filterDialog.value = $event),
-          "max-width": "800"
-        }, {
-          default: withCtx(() => [
-            createVNode(VCard, null, {
-              default: withCtx(() => [
-                createVNode(VCardTitle, null, {
-                  default: withCtx(() => [..._cache[48] || (_cache[48] = [
-                    createTextVNode("فیلتر", -1)
-                  ])]),
-                  _: 1
-                }),
-                createVNode(VCardText, null, {
-                  default: withCtx(() => [
-                    props.filterComponent ? (openBlock(), createBlock(resolveDynamicComponent(props.filterComponent), {
-                      key: 0,
-                      modelValue: filterModel.value,
-                      "onUpdate:modelValue": [
-                        _cache[14] || (_cache[14] = ($event) => filterModel.value = $event),
-                        _cache[15] || (_cache[15] = ($event) => filterModel.value = $event)
-                      ],
-                      onApply: handleFilterApply
-                    }, null, 40, ["modelValue"])) : createCommentVNode("", true)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue"]),
-        snackbar.value ? (openBlock(), createBlock(VSnackbar, {
-          key: 1,
-          modelValue: snackbar.value,
-          "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => snackbar.value = $event),
-          timeout: 3e3,
-          location: "top"
-        }, {
-          actions: withCtx(() => [
-            createVNode(VBtn, {
-              color: "white",
-              variant: "text",
-              onClick: _cache[17] || (_cache[17] = ($event) => snackbar.value = false)
-            }, {
-              default: withCtx(() => [..._cache[49] || (_cache[49] = [
-                createTextVNode(" بستن ", -1)
-              ])]),
-              _: 1
-            })
-          ]),
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(snackbarMessage.value) + " ", 1)
-          ]),
-          _: 1
-        }, 8, ["modelValue"])) : createCommentVNode("", true)
-      ], 64);
+    const resolveAutocompleteItemTitle = (header) => {
+      return header.autocompleteItemTitle ?? "title";
+    };
+    const resolveAutocompleteItemValue = (header) => {
+      return header.autocompleteItemValue ?? "value";
+    };
+    const resolveAutocompleteReturnObject = (header) => {
+      const value2 = header.autocompleteReturnObject;
+      return value2 !== false;
+    };
+    const resolveAutocompleteMultiple = (header) => {
+      return header.autocompleteMultiple === true;
+    };
+    const formHeaders = computed(() => props.headers);
+    const isMoneyHeader = (header) => {
+      if (!header || typeof header.type !== "string") {
+        return false;
+      }
+      return header.type.toLowerCase() === "money";
+    };
+    const getFieldInputType = (header) => {
+      return typeof (header == null ? void 0 : header.type) === "string" ? header.type : void 0;
+    };
+    const resolveHeaderKey = (header) => header.key;
+    const resolveHeaderTitle = (header) => header.title;
+    const isHeaderDisabled = (header) => header.editable === false;
+    const getUniqueValue = (item) => {
+      if (typeof props.uniqueKey === "function") {
+        return props.uniqueKey(item);
+      }
+      if (typeof props.uniqueKey === "string") {
+        return props.uniqueKey.split(".").reduce((obj, key2) => obj == null ? void 0 : obj[key2], item);
+      }
+      return item.id;
+    };
+    const toggleSelection = (item) => {
+      if (!props.selectable) return;
+      selection.toggleSelection(item);
+      emit("update:selectedItems", selectedItems.value);
+      emit("selection-change", selectedItems.value);
+    };
+    const toggleSelectAll = () => {
+      if (!props.selectable || !props.multiSelect) return;
+      selection.toggleSelectAll();
+      emit("update:selectedItems", selectedItems.value);
+      emit("selection-change", selectedItems.value);
+    };
+    const toggleGroup = (groupKey) => {
+      setTimeout(() => {
+        selection.toggleGroup(groupKey);
+      }, 0);
+    };
+    const expandAllGroups = () => selection.expandAllGroups();
+    const collapseAllGroups = () => selection.collapseAllGroups();
+    const isSelected = (item) => selection.isSelected(item);
+    const selectedCount = computed(() => selectedItems.value.length);
+    const hasSelection = computed(() => selectedItems.value.length > 0);
+    const validSelectedItems = computed(() => {
+      if (!props.selectable || !props.bulkMode) return selectedItems.value;
+      return selectedItems.value.filter((selectedItem) => {
+        const uniqueValue = getUniqueValue(selectedItem);
+        return items.value.some((item) => getUniqueValue(item) === uniqueValue);
+      });
+    });
+    const hasValidSelection = computed(() => {
+      if (!props.selectable || !props.bulkMode) return hasSelection.value;
+      return validSelectedItems.value.length > 0;
+    });
+    const clearSelection = () => {
+      selection.clearSelection();
+      emit("update:selectedItems", selectedItems.value);
+      emit("selection-change", selectedItems.value);
     };
-  }
-});
-const makeVTextareaProps = propsFactory({
-  autoGrow: Boolean,
-  autofocus: Boolean,
-  counter: [Boolean, Number, String],
-  counterValue: Function,
-  prefix: String,
-  placeholder: String,
-  persistentPlaceholder: Boolean,
-  persistentCounter: Boolean,
-  noResize: Boolean,
-  rows: {
-    type: [Number, String],
-    default: 5,
-    validator: (v) => !isNaN(parseFloat(v))
-  },
-  maxRows: {
-    type: [Number, String],
-    validator: (v) => !isNaN(parseFloat(v))
-  },
-  suffix: String,
-  modelModifiers: Object,
-  ...makeAutocompleteProps(),
-  ...makeVInputProps(),
-  ...makeVFieldProps()
-}, "VTextarea");
-const VTextarea = genericComponent()({
-  name: "VTextarea",
-  directives: {
-    vIntersect: Intersect
-  },
-  inheritAttrs: false,
-  props: makeVTextareaProps(),
-  emits: {
-    "click:control": (e) => true,
-    "mousedown:control": (e) => true,
-    "update:focused": (focused) => true,
-    "update:modelValue": (val2) => true,
-    "update:rows": (rows) => true
-  },
-  setup(props, _ref) {
-    let {
-      attrs,
-      emit,
-      slots
-    } = _ref;
-    const model = useProxiedModel(props, "modelValue");
-    const {
-      isFocused,
-      focus,
-      blur
-    } = useFocus(props);
-    const {
-      onIntersect
-    } = useAutofocus(props);
-    const counterValue = computed(() => {
-      return typeof props.counterValue === "function" ? props.counterValue(model.value) : (model.value || "").toString().length;
+    const selectSingleItem = (item) => {
+      selection.clearSelection();
+      selection.selectedItems.value = [item];
+      emit("update:selectedItems", selectedItems.value);
+      emit("selection-change", selectedItems.value);
+    };
+    const radioGroupValue = computed(() => {
+      return selectedItems.value.length > 0 ? getUniqueValue(selectedItems.value[0]) : null;
     });
-    const max = computed(() => {
-      if (attrs.maxlength) return attrs.maxlength;
-      if (!props.counter || typeof props.counter !== "number" && typeof props.counter !== "string") return void 0;
-      return props.counter;
+    const cleanFilterModel = computed(() => {
+      const model = { ...filterModel.value };
+      Object.keys(model).forEach((key2) => {
+        if (model[key2] === null || model[key2] === void 0 || model[key2] === "") {
+          delete model[key2];
+        }
+      });
+      return model;
     });
-    const vInputRef = ref();
-    const vFieldRef = ref();
-    const controlHeight = shallowRef("");
-    const textareaRef = ref();
-    const autocomplete = useAutocomplete(props);
-    const isActive = computed(() => props.persistentPlaceholder || isFocused.value || props.active);
-    function onFocus() {
-      var _a;
-      if (autocomplete.isSuppressing.value) {
-        autocomplete.update();
+    const hasFilterComponent = computed(() => {
+      return !!props.filterComponent;
+    });
+    const fetchData = async (queryParams) => {
+      var _a, _b;
+      loading.value = true;
+      error.value = null;
+      let params = {
+        ...cleanFilterModel.value,
+        ...props.queryParams
+      };
+      if (queryParams) {
+        params = { ...params, ...queryParams };
+      }
+      try {
+        const shouldPaginate = props.showPagination !== false;
+        const requestParams = shouldPaginate ? {
+          ...params,
+          page: currentPage.value - 1,
+          size: itemsPerPage.value
+        } : params;
+        const response = await api.fetch(requestParams);
+        const serverRawData = shouldPaginate ? ((_a = response.data) == null ? void 0 : _a.content) ?? [] : response.data ?? [];
+        const serverData = Array.isArray(serverRawData) ? serverRawData : [];
+        originalServerData.value = serverData;
+        items.value = serverData.map((item) => {
+          const newItem = { ...item };
+          props.headers.forEach((header) => {
+            if (header.isDate && newItem[header.key]) {
+              try {
+                newItem[header.key] = DateConverter.toShamsi(newItem[header.key]);
+              } catch (error2) {
+                console.error(`Error converting date for field ${header.key}:`, error2);
+              }
+            }
+          });
+          return newItem;
+        });
+        if (shouldPaginate && ((_b = response.data) == null ? void 0 : _b.page)) {
+          totalSize.value = response.data.page.totalElements;
+          totalPages.value = response.data.page.totalPages;
+          hasMore.value = currentPage.value < response.data.page.totalPages;
+        } else {
+          totalSize.value = serverData.length;
+          totalPages.value = 1;
+          hasMore.value = false;
+        }
+        if (props.defaultSelected && items.value.length > 0 && props.defaultSelected in items.value[0]) {
+          const defaultSelectedItems = items.value.filter((item) => item[props.defaultSelected] === true);
+          selectedItems.value = [...defaultSelectedItems];
+          emit("update:selectedItems", selectedItems.value);
+          emit("selection-change", selectedItems.value);
+        }
+      } catch (err) {
+        if (err.response) {
+          error.value = `خطای سرور: ${err.response.status} - ${err.response.data.message || "خطای ناشناخته"}`;
+        } else if (err.request) {
+          error.value = "خطای شبکه. لطفا دوباره تلاش کنید.";
+        } else {
+          error.value = "یک خطای غیرمنتظره رخ داد.";
+        }
+        console.error(err);
+      } finally {
+        loading.value = false;
+      }
+    };
+    const debouncedFetchData = useDebounceFn(fetchData, 300);
+    watch(
+      [cleanFilterModel],
+      () => {
+        debouncedFetchData();
+      },
+      { deep: true }
+    );
+    watch(
+      () => props.pageSize,
+      (newPageSize) => {
+        itemsPerPage.value = newPageSize;
+        currentPage.value = 1;
+        debouncedFetchData();
+      }
+    );
+    watch(
+      () => items.value,
+      (newItems) => {
+        if (props.selectable && props.bulkMode && selectedItems.value.length > 0) {
+          const invalidSelections = selectedItems.value.filter((selectedItem) => {
+            const uniqueValue = getUniqueValue(selectedItem);
+            return !newItems.some((item) => getUniqueValue(item) === uniqueValue);
+          });
+          if (invalidSelections.length > 0) {
+            const validSelections = selectedItems.value.filter((selectedItem) => {
+              const uniqueValue = getUniqueValue(selectedItem);
+              return newItems.some((item) => getUniqueValue(item) === uniqueValue);
+            });
+            selectedItems.value = validSelections;
+            emit("update:selectedItems", selectedItems.value);
+            emit("selection-change", selectedItems.value);
+          }
+        }
+      },
+      { deep: true }
+    );
+    onBeforeUnmount(() => {
+    });
+    const componentAxiosInstance = props.axiosInstance || getAxiosInstance();
+    const api = apiService(componentAxiosInstance, props.apiResource);
+    const customActionDialog = ref(false);
+    const customActionComponent = shallowRef(null);
+    const customActionItem = ref(null);
+    const textPreviewDialog = ref(false);
+    const previewText = ref("");
+    const previewTitle = ref("");
+    const previewItem = ref(null);
+    __expose({
+      fetchData,
+      items,
+      selectedItems,
+      getSelectedItems: () => selectedItems.value,
+      clearSelection: () => {
+        selectedItems.value = [];
+        selectAll.value = false;
+      },
+      // Grouping methods (handled by useTableSelection composable)
+      groupedItems,
+      toggleGroup,
+      expandAllGroups,
+      collapseAllGroups,
+      formModel
+    });
+    const openDialog = (item) => {
+      editedItem.value = item ? { ...item } : {};
+      isEditing.value = !!item;
+      dialog.value = true;
+      if (!isEditing.value) {
+        const defaultContext = { ...editedItem.value };
+        for (const header of props.headers) {
+          if (header.defaultValue === void 0) {
+            continue;
+          }
+          const resolvedDefault = resolveHeaderDefaultValue(header, defaultContext);
+          if (resolvedDefault !== void 0) {
+            editedItem.value[header.key] = resolvedDefault;
+            defaultContext[header.key] = resolvedDefault;
+          }
+        }
+      }
+      formModel.value = { ...editedItem.value };
+      props.headers.forEach((header) => {
+        if (!hasAutocomplete(header)) return;
+        const enhancedHeader = header;
+        const currentValue = formModel.value[header.key];
+        const valueKey = resolveAutocompleteItemValue(header);
+        if (enhancedHeader.autocompleteReturnObject === false) {
+          if (Array.isArray(currentValue)) {
+            formModel.value[header.key] = currentValue.map(
+              (item2) => item2 && typeof item2 === "object" ? item2[valueKey] ?? null : item2
+            );
+          } else if (currentValue && typeof currentValue === "object") {
+            formModel.value[header.key] = currentValue[valueKey] ?? null;
+          }
+        }
+      });
+      if (isEditing.value) {
+        try {
+          props.headers.forEach((header) => {
+            if (header.isDate) {
+              const v = formModel.value[header.key];
+              if (typeof v === "string" && v.includes("/")) {
+                formModel.value[header.key] = DateConverter.toGregorian(v);
+              } else if (typeof v === "string" && v.includes("T")) {
+                formModel.value[header.key] = v.split("T")[0];
+              }
+            }
+          });
+        } catch (e) {
+          console.error("Error normalizing date fields for edit form:", e);
+        }
       }
-      if (textareaRef.value !== document.activeElement) {
-        (_a = textareaRef.value) == null ? void 0 : _a.focus();
+    };
+    const openDeleteDialog = (item) => {
+      itemToDelete.value = item;
+      deleteDialog.value = true;
+    };
+    const groupDeleteDialog = ref(false);
+    const openGroupDeleteDialog = () => {
+      groupDeleteDialog.value = true;
+    };
+    const deleteGroupItems = async () => {
+      try {
+        const selectedIds = validSelectedItems.value.map((item) => getUniqueValue(item));
+        const idsParam = selectedIds.join(",");
+        await api.delete(`?ids=${idsParam}`);
+        groupDeleteDialog.value = false;
+        clearSelection();
+        await fetchData();
+        snackbarMessage.value = `✅ ${selectedIds.length} آیتم با موفقیت حذف شد`;
+        snackbar.value = true;
+      } catch (err) {
+        console.error("خطا در حذف گروهی اطلاعات", err);
+        snackbarMessage.value = "❌ خطا در حذف گروهی اطلاعات!";
+        snackbar.value = true;
       }
-      if (!isFocused.value) focus();
-    }
-    function onControlClick(e) {
-      onFocus();
-      emit("click:control", e);
-    }
-    function onControlMousedown(e) {
-      emit("mousedown:control", e);
-    }
-    function onClear(e) {
-      e.stopPropagation();
-      onFocus();
-      nextTick(() => {
-        model.value = "";
-        callEvent(props["onClick:clear"], e);
+    };
+    const saveItem = async () => {
+      if (!formModel.value) return;
+      try {
+        const dataToSave = { ...formModel.value };
+        props.headers.forEach((header) => {
+          if (header.isDate && dataToSave[header.key]) {
+            try {
+              const raw = dataToSave[header.key];
+              if (typeof raw === "string") {
+                const toIsoWithOffset = (ymd) => {
+                  const [y, m, d] = ymd.split("-").map(Number);
+                  const local = new Date(y, (m || 1) - 1, d || 1, 0, 0, 0, 0);
+                  const offsetMin = -local.getTimezoneOffset();
+                  const sign = offsetMin >= 0 ? "+" : "-";
+                  const abs = Math.abs(offsetMin);
+                  const hh = String(Math.floor(abs / 60)).padStart(2, "0");
+                  const mm = String(abs % 60).padStart(2, "0");
+                  const mm2 = String(m).padStart(2, "0");
+                  const dd2 = String(d).padStart(2, "0");
+                  return `${y}-${mm2}-${dd2}T00:00:00${sign}${hh}:${mm}`;
+                };
+                if (raw.includes("/")) {
+                  const greg = DateConverter.toGregorian(raw);
+                  dataToSave[header.key] = props.dateWithTimezone ? toIsoWithOffset(greg) : greg;
+                } else if (raw.includes("T")) {
+                  dataToSave[header.key] = props.dateWithTimezone ? raw : raw.split("T")[0];
+                } else {
+                  dataToSave[header.key] = props.dateWithTimezone ? toIsoWithOffset(raw) : raw;
+                }
+              }
+            } catch (error2) {
+              console.error(`Error converting date for field ${header.key}:`, error2);
+            }
+          }
+        });
+        if (isEditing.value && dataToSave.id) {
+          await api.update(dataToSave);
+          snackbarMessage.value = "✅ آیتم با موفقیت بروزرسانی شد!";
+        } else {
+          const response = await api.create(dataToSave);
+          snackbarMessage.value = "✅ آیتم با موفقیت ایجاد شد!";
+          if (response.data) items.value.push(response.data);
+        }
+        snackbar.value = true;
+        dialog.value = false;
+        await fetchData();
+      } catch (err) {
+        console.error("خطا در ذخیره اطلاعات", err);
+        snackbarMessage.value = "❌ خطا در ذخیره اطلاعات!";
+        snackbar.value = true;
+      }
+    };
+    const deleteItem = async (id) => {
+      try {
+        await api.delete(id);
+        deleteDialog.value = false;
+        items.value = items.value.filter((item) => item.id !== id);
+        await fetchData();
+      } catch (err) {
+        console.error("خطا در حذف اطلاعات", err);
+        snackbarMessage.value = "❌ خطا در حذف اطلاعات!";
+        snackbar.value = true;
+      }
+    };
+    const goToRoute = (key2, item) => {
+      const routes = getRoutesForItem(item);
+      if (!routes || !routes[key2] || !item) return;
+      let routePath = routes[key2];
+      const missingParams = [];
+      routePath = routePath.replace(/\{(\w+)}/g, (_, field) => {
+        if (item[field] !== void 0) {
+          return item[field];
+        } else {
+          missingParams.push(field);
+          return `{${field}}`;
+        }
       });
-    }
-    function onInput(e) {
-      var _a;
-      const el = e.target;
-      model.value = el.value;
-      if ((_a = props.modelModifiers) == null ? void 0 : _a.trim) {
-        const caretPosition = [el.selectionStart, el.selectionEnd];
-        nextTick(() => {
-          el.selectionStart = caretPosition[0];
-          el.selectionEnd = caretPosition[1];
+      if (missingParams.length > 0) {
+        snackbarMessage.value = ` خطا : ${missingParams.join(" , ")}  در خروجی نیست  `;
+        snackbar.value = true;
+        return;
+      }
+      router.push(routePath);
+    };
+    const download = async (key2, item) => {
+      if (!props.downloadLink || !item) return;
+      const fileKey = props.downloadLink[key2];
+      const url = item[fileKey];
+      if (!url || typeof url !== "string") {
+        snackbarMessage.value = `❌ لینک فایل یافت نشد.`;
+        snackbar.value = true;
+        return;
+      }
+      const fileUrlString = url;
+      try {
+        const response = await fetch(fileUrlString, {
+          method: "GET",
+          headers: {
+            Accept: "application/octet-stream,application/pdf,image/*,*/*"
+          },
+          credentials: "include"
+          // Include cookies for authentication
+        });
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        const contentType = response.headers.get("content-type");
+        const contentLength = response.headers.get("content-length");
+        console.log("Response headers:", {
+          contentType,
+          contentLength,
+          url: fileUrlString
         });
+        if (contentType && contentType.includes("xml")) {
+          const errorText = await response.text();
+          console.error("Server returned XML error:", errorText);
+          snackbarMessage.value = `❌ خطای سرور: فایل در دسترس نیست`;
+          snackbar.value = true;
+          return;
+        }
+        if (contentLength && parseInt(contentLength) < 1e3) {
+          const responseText = await response.text();
+          console.log("Small response:", responseText);
+          if (responseText.includes("error") || responseText.includes("Error")) {
+            snackbarMessage.value = `❌ خطای سرور: فایل در دسترس نیست`;
+            snackbar.value = true;
+            return;
+          }
+        }
+        const blob = await response.blob();
+        const url2 = window.URL.createObjectURL(blob);
+        const link = document.createElement("a");
+        link.href = url2;
+        const filename = fileUrlString.split("/").pop() || "download";
+        link.download = filename;
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        window.URL.revokeObjectURL(url2);
+        snackbarMessage.value = `✅ دانلود شروع شد`;
+        snackbar.value = true;
+      } catch (error2) {
+        console.error("Download error:", error2);
+        try {
+          const axiosResponse = await componentAxiosInstance.get(fileUrlString, {
+            responseType: "blob",
+            headers: {
+              Accept: "application/octet-stream,application/pdf,image/*,*/*"
+            }
+          });
+          const contentType = axiosResponse.headers["content-type"];
+          const contentLength = axiosResponse.headers["content-length"];
+          console.log("Axios response headers:", {
+            contentType,
+            contentLength,
+            url: fileUrlString
+          });
+          if (contentType && contentType.includes("xml")) {
+            const textResponse = await componentAxiosInstance.get(fileUrlString, {
+              responseType: "text"
+            });
+            console.error("Server returned XML error:", textResponse.data);
+            snackbarMessage.value = `❌ خطای سرور: فایل در دسترس نیست`;
+            snackbar.value = true;
+            return;
+          }
+          const blob = new Blob([axiosResponse.data]);
+          const url2 = window.URL.createObjectURL(blob);
+          const link = document.createElement("a");
+          link.href = url2;
+          const filename = fileUrlString.split("/").pop() || "download";
+          link.download = filename;
+          document.body.appendChild(link);
+          link.click();
+          document.body.removeChild(link);
+          window.URL.revokeObjectURL(url2);
+          snackbarMessage.value = `✅ دانلود شروع شد`;
+          snackbar.value = true;
+        } catch (axiosError) {
+          console.error("Axios download error:", axiosError);
+          if (axiosError.response) {
+            try {
+              const errorText = await componentAxiosInstance.get(fileUrlString, {
+                responseType: "text"
+              });
+              console.error("Server error response:", errorText.data);
+            } catch (textError) {
+              console.error("Could not get error text:", textError);
+            }
+          }
+          snackbarMessage.value = `❌ خطا در دانلود فایل`;
+          snackbar.value = true;
+        }
+      }
+    };
+    const handlePageChange = (newPage) => {
+      currentPage.value = newPage;
+      debouncedFetchData();
+    };
+    onMounted(() => {
+      if (props.autoFetch) {
+        fetchData();
       }
-    }
-    const sizerRef = ref();
-    const rows = ref(Number(props.rows));
-    const isPlainOrUnderlined = computed(() => ["plain", "underlined"].includes(props.variant));
-    watchEffect(() => {
-      if (!props.autoGrow) rows.value = Number(props.rows);
     });
-    function calculateInputHeight() {
-      if (!props.autoGrow) return;
-      nextTick(() => {
-        if (!sizerRef.value || !vFieldRef.value) return;
-        const style = getComputedStyle(sizerRef.value);
-        const fieldStyle = getComputedStyle(vFieldRef.value.$el);
-        const padding = parseFloat(style.getPropertyValue("--v-field-padding-top")) + parseFloat(style.getPropertyValue("--v-input-padding-top")) + parseFloat(style.getPropertyValue("--v-field-padding-bottom"));
-        const height2 = sizerRef.value.scrollHeight;
-        const lineHeight = parseFloat(style.lineHeight);
-        const minHeight = Math.max(parseFloat(props.rows) * lineHeight + padding, parseFloat(fieldStyle.getPropertyValue("--v-input-control-height")));
-        const maxHeight = parseFloat(props.maxRows) * lineHeight + padding || Infinity;
-        const newHeight = clamp(height2 ?? 0, minHeight, maxHeight);
-        rows.value = Math.floor((newHeight - padding) / lineHeight);
-        controlHeight.value = convertToUnit(newHeight);
+    const openCustomActionDialog = (action, item) => {
+      customActionComponent.value = action.component;
+      const originalItem = originalServerData.value.find((originalItem2) => {
+        const itemId = typeof props.uniqueKey === "function" ? props.uniqueKey(item) : item[props.uniqueKey];
+        const originalId = typeof props.uniqueKey === "function" ? props.uniqueKey(originalItem2) : originalItem2[props.uniqueKey];
+        return itemId === originalId;
       });
-    }
-    onMounted(calculateInputHeight);
-    watch(model, calculateInputHeight);
-    watch(() => props.rows, calculateInputHeight);
-    watch(() => props.maxRows, calculateInputHeight);
-    watch(() => props.density, calculateInputHeight);
-    watch(rows, (val2) => {
-      emit("update:rows", val2);
-    });
-    let observer;
-    watch(sizerRef, (val2) => {
-      if (val2) {
-        observer = new ResizeObserver(calculateInputHeight);
-        observer.observe(sizerRef.value);
-      } else {
-        observer == null ? void 0 : observer.disconnect();
+      customActionItem.value = originalItem ? { ...originalItem } : { ...item };
+      customActionDialog.value = true;
+    };
+    const getColumnStyle = (column, item) => {
+      const header = props.headers.find((h2) => h2.key === column.key);
+      if (!header) return {};
+      const baseStyle = header.style || {};
+      if (header.conditionalStyle) {
+        const conditionalStyle = header.conditionalStyle(item[column.key], item);
+        return { ...baseStyle, ...conditionalStyle };
       }
-    });
-    onBeforeUnmount(() => {
-      observer == null ? void 0 : observer.disconnect();
-    });
-    useRender(() => {
-      const hasCounter = !!(slots.counter || props.counter || props.counterValue);
-      const hasDetails = !!(hasCounter || slots.details);
-      const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);
-      const {
-        modelValue: _,
-        ...inputProps
-      } = VInput.filterProps(props);
-      const fieldProps = {
-        ...VField.filterProps(props),
-        "onClick:clear": onClear
+      return baseStyle;
+    };
+    const getNestedValue2 = (obj, path) => {
+      return path.split(".").reduce((current, key2) => {
+        return current && current[key2] !== void 0 ? current[key2] : null;
+      }, obj);
+    };
+    const getTranslatedValue = (value2, column, item) => {
+      const header = props.headers.find((h2) => h2.key === column.key);
+      if (!header) return value2;
+      if (header.customRenderer) {
+        return header.customRenderer(item);
+      }
+      if (header.formatter) {
+        return header.formatter(value2, item);
+      }
+      if (String(header.type).toLowerCase() === "money") {
+        try {
+          return formatNumberWithCommas(value2 ?? 0, 0);
+        } catch (e) {
+          return value2;
+        }
+      }
+      if (header.translate) {
+        if (header.options) {
+          const option = header.options.find((opt) => opt.value === value2);
+          return (option == null ? void 0 : option.title) || value2;
+        }
+        return translateValue(value2);
+      }
+      return value2;
+    };
+    const translateValue = (value2) => {
+      const translations = {
+        ACTIVE: "فعال",
+        INACTIVE: "غیرفعال",
+        PENDING: "در انتظار",
+        COMPLETED: "تکمیل شده"
+        // Add more translations as needed
       };
-      return createVNode(VInput, mergeProps({
-        "ref": vInputRef,
-        "modelValue": model.value,
-        "onUpdate:modelValue": ($event) => model.value = $event,
-        "class": ["v-textarea v-text-field", {
-          "v-textarea--prefixed": props.prefix,
-          "v-textarea--suffixed": props.suffix,
-          "v-text-field--prefixed": props.prefix,
-          "v-text-field--suffixed": props.suffix,
-          "v-textarea--auto-grow": props.autoGrow,
-          "v-textarea--no-resize": props.noResize || props.autoGrow,
-          "v-input--plain-underlined": isPlainOrUnderlined.value
-        }, props.class],
-        "style": props.style
-      }, rootAttrs, inputProps, {
-        "centerAffix": rows.value === 1 && !isPlainOrUnderlined.value,
-        "focused": isFocused.value
-      }), {
-        ...slots,
-        default: (_ref2) => {
-          let {
-            id,
-            isDisabled,
-            isDirty,
-            isReadonly,
-            isValid,
-            hasDetails: hasDetails2
-          } = _ref2;
-          return createVNode(VField, mergeProps({
-            "ref": vFieldRef,
-            "style": {
-              "--v-textarea-control-height": controlHeight.value
-            },
-            "onClick": onControlClick,
-            "onMousedown": onControlMousedown,
-            "onClick:prependInner": props["onClick:prependInner"],
-            "onClick:appendInner": props["onClick:appendInner"]
-          }, fieldProps, {
-            "id": id.value,
-            "active": isActive.value || isDirty.value,
-            "centerAffix": rows.value === 1 && !isPlainOrUnderlined.value,
-            "dirty": isDirty.value || props.dirty,
-            "disabled": isDisabled.value,
-            "focused": isFocused.value,
-            "details": hasDetails2.value,
-            "error": isValid.value === false
-          }), {
-            ...slots,
-            default: (_ref3) => {
-              let {
-                props: {
-                  class: fieldClass,
-                  ...slotProps
-                }
-              } = _ref3;
-              return createElementVNode(Fragment, null, [props.prefix && createElementVNode("span", {
-                "class": "v-text-field__prefix"
-              }, [props.prefix]), withDirectives(createElementVNode("textarea", mergeProps({
-                "ref": textareaRef,
-                "class": fieldClass,
-                "value": model.value,
-                "onInput": onInput,
-                "autofocus": props.autofocus,
-                "readonly": isReadonly.value,
-                "disabled": isDisabled.value,
-                "placeholder": props.placeholder,
-                "rows": props.rows,
-                "name": autocomplete.fieldName.value,
-                "autocomplete": autocomplete.fieldAutocomplete.value,
-                "onFocus": onFocus,
-                "onBlur": blur
-              }, slotProps, inputAttrs), null), [[Intersect, {
-                handler: onIntersect
-              }, null, {
-                once: true
-              }]]), props.autoGrow && withDirectives(createElementVNode("textarea", {
-                "class": normalizeClass([fieldClass, "v-textarea__sizer"]),
-                "id": `${slotProps.id}-sizer`,
-                "onUpdate:modelValue": ($event) => model.value = $event,
-                "ref": sizerRef,
-                "readonly": true,
-                "aria-hidden": "true"
-              }, null), [[vModelText, model.value]]), props.suffix && createElementVNode("span", {
-                "class": "v-text-field__suffix"
-              }, [props.suffix])]);
-            }
-          });
-        },
-        details: hasDetails ? (slotProps) => {
-          var _a;
-          return createElementVNode(Fragment, null, [(_a = slots.details) == null ? void 0 : _a.call(slots, slotProps), hasCounter && createElementVNode(Fragment, null, [createElementVNode("span", null, null), createVNode(VCounter, {
-            "active": props.persistentCounter || isFocused.value,
-            "value": counterValue.value,
-            "max": max.value,
-            "disabled": props.disabled
-          }, slots.counter)])]);
-        } : void 0
-      });
-    });
-    return forwardRefs({}, vInputRef, vFieldRef, textareaRef);
+      return translations[value2] || value2;
+    };
+    const truncateText = (text2, maxLength = props.maxTextLength) => {
+      if (text2 === null || text2 === void 0) return "";
+      const textStr = String(text2);
+      if (textStr.length <= maxLength) return textStr;
+      return textStr.substring(0, maxLength) + "...";
+    };
+    const shouldTruncate = (text2) => {
+      if (text2 === null || text2 === void 0) return false;
+      return String(text2).length > props.maxTextLength;
+    };
+    const openTextPreview = (text2, columnTitle, item) => {
+      previewText.value = text2 === null || text2 === void 0 ? "" : String(text2);
+      previewTitle.value = columnTitle;
+      previewItem.value = item;
+      textPreviewDialog.value = true;
+    };
+    const copyToClipboard = async (text2) => {
+      try {
+        await navigator.clipboard.writeText(text2);
+        snackbarMessage.value = "✅ متن با موفقیت کپی شد!";
+        snackbar.value = true;
+      } catch (err) {
+        console.error("Failed to copy text:", err);
+        try {
+          const textArea = document.createElement("textarea");
+          textArea.value = text2;
+          textArea.style.position = "fixed";
+          textArea.style.opacity = "0";
+          document.body.appendChild(textArea);
+          textArea.select();
+          document.execCommand("copy");
+          document.body.removeChild(textArea);
+          snackbarMessage.value = "✅ متن با موفقیت کپی شد!";
+          snackbar.value = true;
+        } catch (fallbackErr) {
+          snackbarMessage.value = "❌ خطا در کپی کردن متن!";
+          snackbar.value = true;
+        }
+      }
+    };
+    const copyCompleteRecord = async () => {
+      if (!previewItem.value) return;
+      try {
+        const recordText = JSON.stringify(previewItem.value, null, 2);
+        await copyToClipboard(recordText);
+      } catch (err) {
+        console.error("Failed to copy record:", err);
+        snackbarMessage.value = "❌ خطا در کپی کردن رکورد!";
+        snackbar.value = true;
+      }
+    };
+    const handleFilterApply = (filterData) => {
+      filterModel.value = filterData;
+      currentPage.value = 1;
+      debouncedFetchData();
+      filterDialog.value = false;
+    };
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock(Fragment, null, [
+        props.title ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
+          createElementVNode("h3", _hoisted_2$5, toDisplayString(props.title), 1)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_3$4, [
+          ((_a = props.actions) == null ? void 0 : _a.includes("create")) ? (openBlock(), createBlock(VBtn, {
+            key: 0,
+            color: "green",
+            class: "me-2",
+            onClick: _cache[0] || (_cache[0] = ($event) => openDialog())
+          }, {
+            default: withCtx(() => [..._cache[23] || (_cache[23] = [
+              createTextVNode("ایجاد ✅", -1)
+            ])]),
+            _: 1
+          })) : createCommentVNode("", true),
+          hasFilterComponent.value ? (openBlock(), createBlock(VBtn, {
+            key: 1,
+            class: "me-2",
+            onClick: _cache[1] || (_cache[1] = ($event) => filterDialog.value = true)
+          }, {
+            default: withCtx(() => [..._cache[24] || (_cache[24] = [
+              createTextVNode("فیلتر 🔍", -1)
+            ])]),
+            _: 1
+          })) : createCommentVNode("", true),
+          props.showRefreshButton ? (openBlock(), createBlock(VBtn, {
+            key: 2,
+            color: "blue",
+            onClick: unref(debouncedFetchData),
+            loading: loading.value
+          }, {
+            default: withCtx(() => [..._cache[25] || (_cache[25] = [
+              createTextVNode("بروزرسانی 🔄", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick", "loading"])) : createCommentVNode("", true),
+          props.selectable && hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+            createVNode(VChip, {
+              color: "primary",
+              class: "me-2"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(selectedCount.value) + " آیتم انتخاب شده ", 1)
+              ]),
+              _: 1
+            }),
+            createVNode(VBtn, {
+              color: "error",
+              size: "small",
+              class: "me-2",
+              onClick: clearSelection
+            }, {
+              default: withCtx(() => [..._cache[26] || (_cache[26] = [
+                createTextVNode(" پاک کردن انتخاب ", -1)
+              ])]),
+              _: 1
+            })
+          ])) : createCommentVNode("", true),
+          createVNode(Transition, {
+            name: "slide-left",
+            appear: ""
+          }, {
+            default: withCtx(() => [
+              props.bulkMode && hasValidSelection.value || props.enableGroupDelete && hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
+                props.enableGroupDelete ? (openBlock(), createBlock(VBtn, {
+                  key: 0,
+                  color: "red",
+                  size: "small",
+                  class: "me-2",
+                  onClick: openGroupDeleteDialog
+                }, {
+                  default: withCtx(() => [
+                    _cache[27] || (_cache[27] = createElementVNode("span", { class: "me-1" }, "🗑️", -1)),
+                    createTextVNode(" حذف گروهی (" + toDisplayString(selectedCount.value) + ") ", 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                props.bulkMode ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(validSelectedItems.value, (item) => {
+                  var _a2, _b, _c;
+                  return openBlock(), createElementBlock(Fragment, {
+                    key: getUniqueValue(item)
+                  }, [
+                    ((_a2 = props.actions) == null ? void 0 : _a2.includes("edit")) ? (openBlock(), createBlock(VBtn, {
+                      key: 0,
+                      color: "blue",
+                      size: "small",
+                      class: "me-2",
+                      onClick: ($event) => openDialog(item)
+                    }, {
+                      default: withCtx(() => [..._cache[28] || (_cache[28] = [
+                        createElementVNode("span", { class: "me-1" }, "✏️", -1),
+                        createTextVNode(" ویرایش ", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["onClick"])) : createCommentVNode("", true),
+                    ((_b = props.actions) == null ? void 0 : _b.includes("delete")) ? (openBlock(), createBlock(VBtn, {
+                      key: 1,
+                      color: "red",
+                      size: "small",
+                      class: "me-2",
+                      onClick: ($event) => openDeleteDialog(item)
+                    }, {
+                      default: withCtx(() => [..._cache[29] || (_cache[29] = [
+                        createElementVNode("span", { class: "me-1" }, "🗑️", -1),
+                        createTextVNode(" حذف ", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["onClick"])) : createCommentVNode("", true),
+                    ((_c = props.actions) == null ? void 0 : _c.includes("view")) ? (openBlock(), createBlock(VBtn, {
+                      key: 2,
+                      color: "purple",
+                      size: "small",
+                      class: "me-2",
+                      onClick: ($event) => goToRoute("view", item)
+                    }, {
+                      default: withCtx(() => [..._cache[30] || (_cache[30] = [
+                        createElementVNode("span", { class: "me-1" }, "👁️", -1),
+                        createTextVNode(" نمایش ", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["onClick"])) : createCommentVNode("", true),
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(getRoutesForItem(item), (routePath, routeKey) => {
+                      return openBlock(), createBlock(VBtn, {
+                        key: routeKey,
+                        color: "indigo",
+                        size: "small",
+                        class: "me-2",
+                        onClick: ($event) => goToRoute(routeKey, item)
+                      }, {
+                        default: withCtx(() => [
+                          _cache[31] || (_cache[31] = createElementVNode("span", { class: "me-1" }, "➡️", -1)),
+                          createTextVNode(" " + toDisplayString(String(routeKey)), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"]);
+                    }), 128)),
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(props.downloadLink, (value2, key2) => {
+                      return openBlock(), createBlock(VBtn, {
+                        size: "small",
+                        class: "me-2",
+                        key: key2,
+                        onClick: ($event) => download(key2, item)
+                      }, {
+                        default: withCtx(() => [
+                          _cache[32] || (_cache[32] = createElementVNode("span", { class: "me-1" }, "⬇️", -1)),
+                          createTextVNode(" " + toDisplayString(key2), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"]);
+                    }), 128)),
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(props.customActions, (action, index2) => {
+                      return openBlock(), createElementBlock(Fragment, {
+                        key: action.title || index2
+                      }, [
+                        !action.condition || action.condition(item) ? (openBlock(), createBlock(VBtn, {
+                          key: 0,
+                          color: "orange",
+                          size: "small",
+                          class: "me-2",
+                          onClick: ($event) => openCustomActionDialog(action, item)
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(action.title), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["onClick"])) : createCommentVNode("", true)
+                      ], 64);
+                    }), 128)),
+                    props.customButtonsFn ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(props.customButtonsFn(item), (button) => {
+                      return openBlock(), createBlock(VBtn, {
+                        key: button.label,
+                        color: button.color || "primary",
+                        size: "small",
+                        class: "me-2",
+                        disabled: button.disabled,
+                        onClick: ($event) => button.onClick(item)
+                      }, {
+                        default: withCtx(() => [
+                          button.icon ? (openBlock(), createElementBlock("span", _hoisted_6$1, toDisplayString(button.icon), 1)) : createCommentVNode("", true),
+                          createTextVNode(" " + toDisplayString(button.label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["color", "disabled", "onClick"]);
+                    }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 4 }, renderList(props.customButtons, (button) => {
+                      return openBlock(), createBlock(VBtn, {
+                        key: button.label,
+                        color: button.color || "primary",
+                        size: "small",
+                        class: "me-2",
+                        onClick: ($event) => button.onClick(item)
+                      }, {
+                        default: withCtx(() => [
+                          button.icon ? (openBlock(), createElementBlock("span", _hoisted_7$1, toDisplayString(button.icon), 1)) : createCommentVNode("", true),
+                          createTextVNode(" " + toDisplayString(button.label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["color", "onClick"]);
+                    }), 128))
+                  ], 64);
+                }), 128)) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          })
+        ]),
+        createElementVNode("div", mergeProps({ class: "data-table-container" }, _ctx.$attrs, {
+          role: "region",
+          "aria-busy": loading.value || isLoadingMore.value,
+          "aria-live": loading.value || isLoadingMore.value ? "polite" : "off"
+        }), [
+          loading.value && !isLoadingMore.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "skeleton-container",
+            style: normalizeStyle({ height: `${props.height}px` })
+          }, [
+            createVNode(VSkeletonLoader, {
+              type: "table",
+              loading: loading.value,
+              class: "mx-auto",
+              "max-width": "100%",
+              boilerplate: false
+            }, null, 8, ["loading"])
+          ], 4)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            props.groupBy && unref(groupedItems).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
+              createElementVNode("div", _hoisted_10$1, [
+                createVNode(VBtn, {
+                  size: "small",
+                  color: "primary",
+                  onClick: expandAllGroups,
+                  class: "me-2"
+                }, {
+                  default: withCtx(() => [..._cache[33] || (_cache[33] = [
+                    createTextVNode(" گسترش همه ", -1)
+                  ])]),
+                  _: 1
+                }),
+                createVNode(VBtn, {
+                  size: "small",
+                  color: "secondary",
+                  onClick: collapseAllGroups,
+                  class: "me-2"
+                }, {
+                  default: withCtx(() => [..._cache[34] || (_cache[34] = [
+                    createTextVNode(" جمع کردن همه ", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              createElementVNode("div", {
+                class: "groups-scroll-container",
+                style: normalizeStyle({ height: `${props.height - 120}px` })
+              }, [
+                createElementVNode("div", _hoisted_11$1, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(groupedItems), (group) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: group.groupKey,
+                      class: "group-section"
+                    }, [
+                      createElementVNode("div", {
+                        class: normalizeClass(["group-header", { expanded: group.isExpanded }]),
+                        role: "button",
+                        tabindex: "0",
+                        onClick: withModifiers(($event) => toggleGroup(group.groupKey), ["stop"]),
+                        onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {
+                        }, ["stop"])),
+                        onKeydown: [
+                          withKeys(withModifiers(($event) => toggleGroup(group.groupKey), ["prevent"]), ["enter"]),
+                          withKeys(withModifiers(($event) => toggleGroup(group.groupKey), ["prevent"]), ["space"])
+                        ],
+                        "aria-expanded": group.isExpanded ? "true" : "false",
+                        "aria-controls": `group-panel-${group.groupKey}`,
+                        id: `group-header-${group.groupKey}`
+                      }, [
+                        group.isExpanded ? (openBlock(), createBlock(unref(IconChevronDown), {
+                          key: 0,
+                          class: "me-2 chevron-icon"
+                        })) : (openBlock(), createBlock(unref(IconChevronRight), {
+                          key: 1,
+                          class: "me-2 chevron-icon"
+                        })),
+                        createElementVNode("span", _hoisted_13$1, toDisplayString(group.groupLabel), 1),
+                        createVNode(VChip, {
+                          size: "small",
+                          color: "darkprimary",
+                          class: "ms-auto"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(group.count), 1)
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ], 42, _hoisted_12$1),
+                      createVNode(Transition, {
+                        name: "group-expand",
+                        appear: ""
+                      }, {
+                        default: withCtx(() => [
+                          group.isExpanded ? (openBlock(), createElementBlock("div", {
+                            key: 0,
+                            class: "group-items",
+                            id: `group-panel-${group.groupKey}`,
+                            "aria-labelledby": `group-header-${group.groupKey}`,
+                            role: "region"
+                          }, [
+                            createVNode(VDataTable, {
+                              headers: groupedHeaders.value,
+                              items: group.items,
+                              "items-per-page": itemsPerPage.value,
+                              "hide-default-footer": "",
+                              class: "elevation-1 group-table",
+                              "no-data-text": "رکوردی یافت نشد",
+                              hover: "",
+                              height: "auto",
+                              density: "compact"
+                            }, {
+                              "header.selection": withCtx(({ column }) => [
+                                props.selectable && props.multiSelect ? (openBlock(), createBlock(VCheckbox, {
+                                  key: 0,
+                                  "model-value": selectAll.value,
+                                  "onUpdate:modelValue": toggleSelectAll,
+                                  indeterminate: selectedCount.value > 0 && selectedCount.value < items.value.length,
+                                  "hide-details": "",
+                                  density: "compact"
+                                }, null, 8, ["model-value", "indeterminate"])) : createCommentVNode("", true)
+                              ]),
+                              item: withCtx(({ item, columns, index: index2 }) => [
+                                createElementVNode("tr", {
+                                  style: normalizeStyle({
+                                    background: isSelected(item) && props.bulkMode ? "rgb(var(--v-theme-primary200))" : index2 % 2 === 0 ? "rgb(var(--v-theme-surface))" : "rgb(var(--v-theme-lightprimary))",
+                                    cursor: props.bulkMode && props.selectable ? "pointer" : "default"
+                                  }),
+                                  tabindex: props.selectable ? 0 : -1,
+                                  onKeydown: withKeys(withModifiers(($event) => props.selectable && toggleSelection(item), ["prevent"]), ["enter"]),
+                                  onClick: ($event) => props.bulkMode && props.selectable && selectSingleItem(item)
+                                }, [
+                                  (openBlock(true), createElementBlock(Fragment, null, renderList(columns, (column) => {
+                                    var _a2, _b, _c;
+                                    return openBlock(), createElementBlock("td", {
+                                      key: column.key || "unknown",
+                                      style: normalizeStyle({
+                                        ...getColumnStyle(column, item),
+                                        ...column.width ? { width: column.width + "px", minWidth: column.width + "px", maxWidth: column.width + "px" } : {}
+                                      })
+                                    }, [
+                                      column.key === "selection" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                                        props.bulkMode ? (openBlock(), createBlock(VRadio, {
+                                          key: 0,
+                                          "model-value": radioGroupValue.value,
+                                          value: getUniqueValue(item),
+                                          onClick: withModifiers(($event) => selectSingleItem(item), ["stop"]),
+                                          disabled: !props.selectable,
+                                          "hide-details": "",
+                                          density: "compact"
+                                        }, null, 8, ["model-value", "value", "onClick", "disabled"])) : (openBlock(), createBlock(VCheckbox, {
+                                          key: 1,
+                                          "model-value": isSelected(item),
+                                          "onUpdate:modelValue": ($event) => toggleSelection(item),
+                                          disabled: !props.selectable,
+                                          "hide-details": "",
+                                          density: "compact"
+                                        }, null, 8, ["model-value", "onUpdate:modelValue", "disabled"]))
+                                      ], 64)) : createCommentVNode("", true),
+                                      column.key === "actions" && hasAnyActions.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                        ((_a2 = props.actions) == null ? void 0 : _a2.includes("edit")) ? (openBlock(), createBlock(VBtn, {
+                                          key: 0,
+                                          color: "blue",
+                                          size: "small",
+                                          class: "mr-2",
+                                          onClick: ($event) => openDialog(item)
+                                        }, {
+                                          default: withCtx(() => [..._cache[35] || (_cache[35] = [
+                                            createTextVNode(" ویرایش ✏️ ", -1)
+                                          ])]),
+                                          _: 1
+                                        }, 8, ["onClick"])) : createCommentVNode("", true),
+                                        ((_b = props.actions) == null ? void 0 : _b.includes("delete")) ? (openBlock(), createBlock(VBtn, {
+                                          key: 1,
+                                          color: "red",
+                                          size: "small",
+                                          class: "mr-2",
+                                          onClick: ($event) => openDeleteDialog(item)
+                                        }, {
+                                          default: withCtx(() => [..._cache[36] || (_cache[36] = [
+                                            createTextVNode("حذف ❌ ", -1)
+                                          ])]),
+                                          _: 1
+                                        }, 8, ["onClick"])) : createCommentVNode("", true),
+                                        ((_c = props.actions) == null ? void 0 : _c.includes("view")) ? (openBlock(), createBlock(VBtn, {
+                                          key: 2,
+                                          color: "purple",
+                                          size: "small",
+                                          class: "mr-2",
+                                          onClick: ($event) => goToRoute("view", item)
+                                        }, {
+                                          default: withCtx(() => [..._cache[37] || (_cache[37] = [
+                                            createTextVNode("🔍 نمایش ", -1)
+                                          ])]),
+                                          _: 1
+                                        }, 8, ["onClick"])) : createCommentVNode("", true),
+                                        (openBlock(true), createElementBlock(Fragment, null, renderList(getRoutesForItem(item), (routePath, routeKey) => {
+                                          return openBlock(), createBlock(VBtn, {
+                                            key: routeKey,
+                                            color: "indigo",
+                                            size: "small",
+                                            class: "mr-2",
+                                            onClick: ($event) => goToRoute(routeKey, item)
+                                          }, {
+                                            default: withCtx(() => [
+                                              createTextVNode(toDisplayString(routeKey.toUpperCase()), 1)
+                                            ]),
+                                            _: 2
+                                          }, 1032, ["onClick"]);
+                                        }), 128)),
+                                        (openBlock(true), createElementBlock(Fragment, null, renderList(props.downloadLink, (value2, key2) => {
+                                          return openBlock(), createBlock(VBtn, {
+                                            size: "small",
+                                            class: "mr-2",
+                                            key: key2,
+                                            onClick: ($event) => download(key2, item)
+                                          }, {
+                                            default: withCtx(() => [
+                                              createTextVNode(toDisplayString(key2) + " ⬇️ ", 1)
+                                            ]),
+                                            _: 2
+                                          }, 1032, ["onClick"]);
+                                        }), 128)),
+                                        (openBlock(true), createElementBlock(Fragment, null, renderList(props.customActions, (action, index22) => {
+                                          return openBlock(), createElementBlock(Fragment, {
+                                            key: action.title || index22
+                                          }, [
+                                            !action.condition || action.condition(item) ? (openBlock(), createBlock(VBtn, {
+                                              key: 0,
+                                              color: "orange",
+                                              size: "small",
+                                              class: "mr-2",
+                                              onClick: ($event) => openCustomActionDialog(action, item)
+                                            }, {
+                                              default: withCtx(() => [
+                                                createTextVNode(toDisplayString(action.title), 1)
+                                              ]),
+                                              _: 2
+                                            }, 1032, ["onClick"])) : createCommentVNode("", true)
+                                          ], 64);
+                                        }), 128)),
+                                        props.customButtonsFn ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(props.customButtonsFn(item), (button) => {
+                                          return openBlock(), createBlock(VBtn, {
+                                            key: button.label,
+                                            color: button.color || "primary",
+                                            size: "small",
+                                            class: "mr-2",
+                                            disabled: button.disabled,
+                                            onClick: ($event) => button.onClick(item)
+                                          }, {
+                                            default: withCtx(() => [
+                                              createTextVNode(toDisplayString(button.label), 1)
+                                            ]),
+                                            _: 2
+                                          }, 1032, ["color", "disabled", "onClick"]);
+                                        }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 4 }, renderList(props.customButtons, (button) => {
+                                          return openBlock(), createBlock(VBtn, {
+                                            key: button.label,
+                                            color: button.color || "primary",
+                                            size: "small",
+                                            class: "mr-2",
+                                            onClick: ($event) => button.onClick(item)
+                                          }, {
+                                            default: withCtx(() => [
+                                              createTextVNode(toDisplayString(button.label), 1)
+                                            ]),
+                                            _: 2
+                                          }, 1032, ["color", "onClick"]);
+                                        }), 128))
+                                      ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                                        shouldTruncate(getTranslatedValue(getNestedValue2(item, column.key || ""), column, item)) ? (openBlock(), createElementBlock("span", {
+                                          key: 0,
+                                          class: "truncated-text",
+                                          style: { cursor: "pointer", color: "rgb(var(--v-theme-primary))", textDecoration: "underline" },
+                                          onClick: withModifiers(($event) => openTextPreview(getTranslatedValue(getNestedValue2(item, column.key || ""), column, item), column.title || column.key || "", item), ["stop"])
+                                        }, toDisplayString(truncateText(getTranslatedValue(getNestedValue2(item, column.key || ""), column, item))), 9, _hoisted_16$1)) : (openBlock(), createElementBlock("span", _hoisted_17, toDisplayString(getTranslatedValue(getNestedValue2(item, column.key || ""), column, item)), 1))
+                                      ], 64))
+                                    ], 4);
+                                  }), 128))
+                                ], 44, _hoisted_15$1)
+                              ]),
+                              _: 1
+                            }, 8, ["headers", "items", "items-per-page"])
+                          ], 8, _hoisted_14$1)) : createCommentVNode("", true)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]);
+                  }), 128))
+                ])
+              ], 4)
+            ])) : (openBlock(), createBlock(VDataTable, {
+              key: 1,
+              headers: normalHeaders.value,
+              items: items.value,
+              "items-per-page": itemsPerPage.value,
+              "hide-default-footer": "",
+              class: "elevation-1",
+              "no-data-text": "رکوردی یافت نشد",
+              hover: "",
+              height: props.height,
+              density: "compact"
+            }, {
+              "header.selection": withCtx(({ column }) => [
+                props.selectable && props.multiSelect ? (openBlock(), createBlock(VCheckbox, {
+                  key: 0,
+                  "model-value": selectAll.value,
+                  "onUpdate:modelValue": toggleSelectAll,
+                  indeterminate: selectedCount.value > 0 && selectedCount.value < items.value.length,
+                  "hide-details": "",
+                  density: "compact"
+                }, null, 8, ["model-value", "indeterminate"])) : createCommentVNode("", true)
+              ]),
+              item: withCtx(({ item, columns, index: index2 }) => [
+                createElementVNode("tr", {
+                  style: normalizeStyle({
+                    color: isSelected(item) && props.bulkMode ? "rgb(var(--v-theme-white))" : "rgb(var(--v-theme-darkText))",
+                    background: isSelected(item) && props.bulkMode ? "rgb(var(--v-theme-primary))" : index2 % 2 === 0 ? "rgb(var(--v-theme-surface))" : "rgb(var(--v-theme-lightprimary))",
+                    cursor: props.bulkMode && props.selectable ? "pointer" : "default"
+                  }),
+                  tabindex: props.selectable ? 0 : -1,
+                  onKeydown: withKeys(withModifiers(($event) => props.selectable && toggleSelection(item), ["prevent"]), ["enter"]),
+                  onClick: ($event) => props.bulkMode && props.selectable && selectSingleItem(item)
+                }, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(columns, (column) => {
+                    var _a2, _b, _c;
+                    return openBlock(), createElementBlock("td", {
+                      key: column.key || "unknown",
+                      style: normalizeStyle({
+                        ...getColumnStyle(column, item),
+                        ...column.width ? { width: column.width + "px", minWidth: column.width + "px", maxWidth: column.width + "px" } : {}
+                      })
+                    }, [
+                      column.key === "selection" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                        props.bulkMode ? (openBlock(), createBlock(VRadio, {
+                          key: 0,
+                          "model-value": radioGroupValue.value,
+                          value: getUniqueValue(item),
+                          onClick: withModifiers(($event) => selectSingleItem(item), ["stop"]),
+                          disabled: !props.selectable,
+                          "hide-details": "",
+                          density: "compact"
+                        }, null, 8, ["model-value", "value", "onClick", "disabled"])) : (openBlock(), createBlock(VCheckbox, {
+                          key: 1,
+                          "model-value": isSelected(item),
+                          "onUpdate:modelValue": ($event) => toggleSelection(item),
+                          disabled: !props.selectable,
+                          "hide-details": "",
+                          density: "compact"
+                        }, null, 8, ["model-value", "onUpdate:modelValue", "disabled"]))
+                      ], 64)) : createCommentVNode("", true),
+                      column.key === "actions" && hasAnyActions.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                        ((_a2 = props.actions) == null ? void 0 : _a2.includes("edit")) ? (openBlock(), createBlock(VBtn, {
+                          key: 0,
+                          color: "blue",
+                          size: "small",
+                          class: "mr-2",
+                          onClick: ($event) => openDialog(item)
+                        }, {
+                          default: withCtx(() => [..._cache[38] || (_cache[38] = [
+                            createTextVNode(" ویرایش ✏️ ", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["onClick"])) : createCommentVNode("", true),
+                        ((_b = props.actions) == null ? void 0 : _b.includes("delete")) ? (openBlock(), createBlock(VBtn, {
+                          key: 1,
+                          color: "red",
+                          size: "small",
+                          class: "mr-2",
+                          onClick: ($event) => openDeleteDialog(item)
+                        }, {
+                          default: withCtx(() => [..._cache[39] || (_cache[39] = [
+                            createTextVNode("حذف ❌ ", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["onClick"])) : createCommentVNode("", true),
+                        ((_c = props.actions) == null ? void 0 : _c.includes("view")) ? (openBlock(), createBlock(VBtn, {
+                          key: 2,
+                          color: "purple",
+                          size: "small",
+                          class: "mr-2",
+                          onClick: ($event) => goToRoute("view", item)
+                        }, {
+                          default: withCtx(() => [..._cache[40] || (_cache[40] = [
+                            createTextVNode("🔍 نمایش ", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["onClick"])) : createCommentVNode("", true),
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(getRoutesForItem(item), (routePath, routeKey) => {
+                          return openBlock(), createBlock(VBtn, {
+                            key: routeKey,
+                            color: "indigo",
+                            size: "small",
+                            class: "mr-2",
+                            onClick: ($event) => goToRoute(routeKey, item)
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(routeKey.toUpperCase()), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["onClick"]);
+                        }), 128)),
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(props.downloadLink, (value2, key2) => {
+                          return openBlock(), createBlock(VBtn, {
+                            size: "small",
+                            class: "mr-2",
+                            key: key2,
+                            onClick: ($event) => download(key2, item)
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(key2) + " ⬇️ ", 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["onClick"]);
+                        }), 128)),
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(props.customActions, (action, index22) => {
+                          return openBlock(), createElementBlock(Fragment, {
+                            key: action.title || index22
+                          }, [
+                            !action.condition || action.condition(item) ? (openBlock(), createBlock(VBtn, {
+                              key: 0,
+                              color: "orange",
+                              size: "small",
+                              class: "mr-2",
+                              onClick: ($event) => openCustomActionDialog(action, item)
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(action.title), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["onClick"])) : createCommentVNode("", true)
+                          ], 64);
+                        }), 128)),
+                        props.customButtonsFn ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(props.customButtonsFn(item), (button) => {
+                          return openBlock(), createBlock(VBtn, {
+                            key: button.label,
+                            color: button.color || "primary",
+                            size: "small",
+                            class: "mr-2",
+                            disabled: button.disabled,
+                            onClick: ($event) => button.onClick(item)
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(button.label), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["color", "disabled", "onClick"]);
+                        }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 4 }, renderList(props.customButtons, (button) => {
+                          return openBlock(), createBlock(VBtn, {
+                            key: button.label,
+                            color: button.color || "primary",
+                            size: "small",
+                            class: "mr-2",
+                            onClick: ($event) => button.onClick(item)
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(button.label), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["color", "onClick"]);
+                        }), 128))
+                      ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                        shouldTruncate(getTranslatedValue(getNestedValue2(item, column.key || ""), column, item)) ? (openBlock(), createElementBlock("span", {
+                          key: 0,
+                          class: "truncated-text",
+                          style: { cursor: "pointer", color: "rgb(var(--v-theme-primary))", textDecoration: "underline" },
+                          onClick: withModifiers(($event) => openTextPreview(getTranslatedValue(getNestedValue2(item, column.key || ""), column, item), column.title || column.key || "", item), ["stop"])
+                        }, toDisplayString(truncateText(getTranslatedValue(getNestedValue2(item, column.key || ""), column, item))), 9, _hoisted_19)) : (openBlock(), createElementBlock("span", _hoisted_20, toDisplayString(getTranslatedValue(getNestedValue2(item, column.key || ""), column, item)), 1))
+                      ], 64))
+                    ], 4);
+                  }), 128))
+                ], 44, _hoisted_18)
+              ]),
+              _: 1
+            }, 8, ["headers", "items", "items-per-page", "height"])),
+            isLoadingMore.value ? (openBlock(), createElementBlock("div", _hoisted_21, [
+              createVNode(VProgressCircular, {
+                indeterminate: "",
+                color: "primary"
+              })
+            ])) : createCommentVNode("", true)
+          ], 64)),
+          props.showPagination ? (openBlock(), createElementBlock("div", _hoisted_22, [
+            createElementVNode("div", _hoisted_23, [
+              createElementVNode("div", _hoisted_24, " نمایش " + toDisplayString((currentPage.value - 1) * itemsPerPage.value + 1) + " تا " + toDisplayString(Math.min(currentPage.value * itemsPerPage.value, totalSize.value)) + " از " + toDisplayString(totalSize.value) + " رکورد ", 1),
+              createVNode(VPagination, {
+                modelValue: currentPage.value,
+                "onUpdate:modelValue": [
+                  _cache[3] || (_cache[3] = ($event) => currentPage.value = $event),
+                  handlePageChange
+                ],
+                length: totalPages.value,
+                "total-visible": 5,
+                size: "small"
+              }, null, 8, ["modelValue", "length"])
+            ])
+          ])) : createCommentVNode("", true)
+        ], 16, _hoisted_8$1),
+        createVNode(VDialog, {
+          modelValue: dialog.value,
+          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => dialog.value = $event),
+          "max-width": "1400"
+        }, {
+          default: withCtx(() => [
+            createVNode(VCard, null, {
+              default: withCtx(() => [
+                createVNode(VCardTitle, null, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(isEditing.value ? "ویرایش" : "ایجاد"), 1)
+                  ]),
+                  _: 1
+                }),
+                createVNode(VCardText, null, {
+                  default: withCtx(() => [
+                    createVNode(VContainer, null, {
+                      default: withCtx(() => [
+                        props.formComponent ? (openBlock(), createBlock(resolveDynamicComponent(props.formComponent), {
+                          key: 0,
+                          modelValue: formModel.value,
+                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => formModel.value = $event)
+                        }, null, 8, ["modelValue"])) : (openBlock(), createBlock(VRow, { key: 1 }, {
+                          default: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(formHeaders.value, (header) => {
+                              return openBlock(), createBlock(VCol, {
+                                key: resolveHeaderKey(header),
+                                cols: "12",
+                                md: "4"
+                              }, {
+                                default: withCtx(() => [
+                                  !header.hidden ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                                    header.isDate ? (openBlock(), createBlock(ShamsiDatePicker, {
+                                      key: 0,
+                                      modelValue: formModel.value[resolveHeaderKey(header)],
+                                      "onUpdate:modelValue": ($event) => formModel.value[resolveHeaderKey(header)] = $event,
+                                      label: resolveHeaderTitle(header),
+                                      disabled: isHeaderDisabled(header)
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "disabled"])) : hasAutocomplete(header) ? (openBlock(), createBlock(VAutocomplete, {
+                                      key: 1,
+                                      modelValue: formModel.value[resolveHeaderKey(header)],
+                                      "onUpdate:modelValue": ($event) => formModel.value[resolveHeaderKey(header)] = $event,
+                                      label: resolveHeaderTitle(header),
+                                      items: resolveAutocompleteItems(header, formModel.value.value),
+                                      "item-title": resolveAutocompleteItemTitle(header),
+                                      "item-value": resolveAutocompleteItemValue(header),
+                                      "return-object": resolveAutocompleteReturnObject(header),
+                                      multiple: resolveAutocompleteMultiple(header),
+                                      chips: resolveAutocompleteMultiple(header),
+                                      "closable-chips": resolveAutocompleteMultiple(header),
+                                      disabled: isHeaderDisabled(header),
+                                      clearable: "",
+                                      variant: "outlined"
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "items", "item-title", "item-value", "return-object", "multiple", "chips", "closable-chips", "disabled"])) : isMoneyHeader(header) ? (openBlock(), createBlock(_sfc_main$h, {
+                                      key: 2,
+                                      modelValue: formModel.value[resolveHeaderKey(header)],
+                                      "onUpdate:modelValue": ($event) => formModel.value[resolveHeaderKey(header)] = $event,
+                                      label: resolveHeaderTitle(header),
+                                      disabled: isHeaderDisabled(header)
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "disabled"])) : (openBlock(), createBlock(VTextField, {
+                                      key: 3,
+                                      modelValue: formModel.value[resolveHeaderKey(header)],
+                                      "onUpdate:modelValue": ($event) => formModel.value[resolveHeaderKey(header)] = $event,
+                                      label: resolveHeaderTitle(header),
+                                      variant: "outlined",
+                                      disabled: isHeaderDisabled(header),
+                                      type: getFieldInputType(header)
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "disabled", "type"]))
+                                  ], 64)) : createCommentVNode("", true)
+                                ]),
+                                _: 2
+                              }, 1024);
+                            }), 128))
+                          ]),
+                          _: 1
+                        }))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(VCardActions, null, {
+                  default: withCtx(() => [
+                    createVNode(VBtn, {
+                      variant: "tonal",
+                      color: "error",
+                      onClick: _cache[5] || (_cache[5] = ($event) => dialog.value = false)
+                    }, {
+                      default: withCtx(() => [..._cache[41] || (_cache[41] = [
+                        createTextVNode("انصراف", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    createVNode(VBtn, {
+                      color: "primary",
+                      var: "",
+                      onClick: saveItem
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(isEditing.value ? "ذخیره" : "ایجاد"), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        createVNode(VDialog, {
+          modelValue: deleteDialog.value,
+          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => deleteDialog.value = $event),
+          "max-width": "400"
+        }, {
+          default: withCtx(() => [
+            createVNode(VCard, null, {
+              default: withCtx(() => [
+                createVNode(VCardTitle, null, {
+                  default: withCtx(() => [..._cache[42] || (_cache[42] = [
+                    createTextVNode("حذف آیتم", -1)
+                  ])]),
+                  _: 1
+                }),
+                createVNode(VCardText, null, {
+                  default: withCtx(() => [..._cache[43] || (_cache[43] = [
+                    createTextVNode(" آیا مایل به حذف این رکورد هستید ?", -1)
+                  ])]),
+                  _: 1
+                }),
+                createVNode(VCardActions, null, {
+                  default: withCtx(() => [
+                    createVNode(VBtn, {
+                      color: "grey",
+                      onClick: _cache[7] || (_cache[7] = ($event) => deleteDialog.value = false)
+                    }, {
+                      default: withCtx(() => [..._cache[44] || (_cache[44] = [
+                        createTextVNode("انصراف", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    createVNode(VBtn, {
+                      color: "red",
+                      onClick: _cache[8] || (_cache[8] = ($event) => {
+                        var _a2;
+                        return deleteItem(String(((_a2 = itemToDelete.value) == null ? void 0 : _a2.id) || ""));
+                      })
+                    }, {
+                      default: withCtx(() => [..._cache[45] || (_cache[45] = [
+                        createTextVNode("حذف", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        createVNode(VDialog, {
+          modelValue: groupDeleteDialog.value,
+          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => groupDeleteDialog.value = $event),
+          "max-width": "500"
+        }, {
+          default: withCtx(() => [
+            createVNode(VCard, null, {
+              default: withCtx(() => [
+                createVNode(VCardTitle, { class: "text-h6" }, {
+                  default: withCtx(() => [
+                    createVNode(VIcon, {
+                      color: "red",
+                      class: "me-2"
+                    }, {
+                      default: withCtx(() => [..._cache[46] || (_cache[46] = [
+                        createTextVNode("🗑️", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    _cache[47] || (_cache[47] = createTextVNode(" حذف گروهی ", -1))
+                  ]),
+                  _: 1
+                }),
+                createVNode(VCardText, null, {
+                  default: withCtx(() => [
+                    createElementVNode("p", null, [
+                      _cache[48] || (_cache[48] = createTextVNode(" آیا مایل به حذف ", -1)),
+                      createElementVNode("strong", null, toDisplayString(selectedCount.value), 1),
+                      _cache[49] || (_cache[49] = createTextVNode(" آیتم انتخاب شده هستید؟ ", -1))
+                    ]),
+                    createVNode(VAlert, {
+                      type: "warning",
+                      variant: "tonal",
+                      class: "mt-3"
+                    }, {
+                      default: withCtx(() => [..._cache[50] || (_cache[50] = [
+                        createTextVNode(" این عمل قابل بازگشت نیست! ", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(VCardActions, null, {
+                  default: withCtx(() => [
+                    createVNode(VSpacer),
+                    createVNode(VBtn, {
+                      color: "grey",
+                      onClick: _cache[10] || (_cache[10] = ($event) => groupDeleteDialog.value = false)
+                    }, {
+                      default: withCtx(() => [..._cache[51] || (_cache[51] = [
+                        createTextVNode("انصراف", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    createVNode(VBtn, {
+                      color: "red",
+                      onClick: deleteGroupItems,
+                      loading: loading.value
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(" حذف " + toDisplayString(selectedCount.value) + " آیتم ", 1)
+                      ]),
+                      _: 1
+                    }, 8, ["loading"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        createVNode(VDialog, {
+          modelValue: customActionDialog.value,
+          "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => customActionDialog.value = $event),
+          "max-width": "1300"
+        }, {
+          default: withCtx(() => [
+            createVNode(VCard, null, {
+              default: withCtx(() => [
+                createVNode(VCardTitle, null, {
+                  default: withCtx(() => {
+                    var _a2, _b;
+                    return [
+                      createTextVNode(toDisplayString(((_b = (_a2 = props.customActions) == null ? void 0 : _a2.find((a) => a.component === customActionComponent.value)) == null ? void 0 : _b.title) || ""), 1)
+                    ];
+                  }),
+                  _: 1
+                }),
+                createVNode(VCardText, null, {
+                  default: withCtx(() => [
+                    customActionComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(customActionComponent.value), {
+                      key: 0,
+                      item: customActionItem.value,
+                      onClose: _cache[12] || (_cache[12] = ($event) => customActionDialog.value = false)
+                    }, null, 40, ["item"])) : createCommentVNode("", true)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        createVNode(VDialog, {
+          modelValue: filterDialog.value,
+          "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => filterDialog.value = $event),
+          "max-width": "800"
+        }, {
+          default: withCtx(() => [
+            createVNode(VCard, null, {
+              default: withCtx(() => [
+                createVNode(VCardTitle, null, {
+                  default: withCtx(() => [..._cache[52] || (_cache[52] = [
+                    createTextVNode("فیلتر", -1)
+                  ])]),
+                  _: 1
+                }),
+                createVNode(VCardText, null, {
+                  default: withCtx(() => [
+                    props.filterComponent ? (openBlock(), createBlock(resolveDynamicComponent(props.filterComponent), {
+                      key: 0,
+                      modelValue: filterModel.value,
+                      "onUpdate:modelValue": [
+                        _cache[14] || (_cache[14] = ($event) => filterModel.value = $event),
+                        _cache[15] || (_cache[15] = ($event) => filterModel.value = $event)
+                      ],
+                      onApply: handleFilterApply
+                    }, null, 40, ["modelValue"])) : createCommentVNode("", true)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        createVNode(VDialog, {
+          modelValue: textPreviewDialog.value,
+          "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => textPreviewDialog.value = $event),
+          "max-width": "800"
+        }, {
+          default: withCtx(() => [
+            createVNode(VCard, null, {
+              default: withCtx(() => [
+                createVNode(VCardTitle, { class: "d-flex justify-space-between align-center" }, {
+                  default: withCtx(() => [
+                    createElementVNode("span", null, toDisplayString(previewTitle.value), 1),
+                    createVNode(VBtn, {
+                      icon: "",
+                      variant: "text",
+                      onClick: _cache[17] || (_cache[17] = ($event) => textPreviewDialog.value = false)
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(VIcon, null, {
+                          default: withCtx(() => [..._cache[53] || (_cache[53] = [
+                            createTextVNode("mdi-close", -1)
+                          ])]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createVNode(VCardText, null, {
+                  default: withCtx(() => [
+                    createVNode(VTextarea, {
+                      "model-value": previewText.value,
+                      readonly: "",
+                      "auto-grow": "",
+                      variant: "outlined",
+                      rows: "10",
+                      class: "mb-4"
+                    }, null, 8, ["model-value"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(VCardActions, null, {
+                  default: withCtx(() => [
+                    createVNode(VSpacer),
+                    createVNode(VBtn, {
+                      color: "primary",
+                      onClick: _cache[18] || (_cache[18] = ($event) => copyToClipboard(previewText.value))
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(VIcon, { start: "" }, {
+                          default: withCtx(() => [..._cache[54] || (_cache[54] = [
+                            createTextVNode("mdi-content-copy", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        _cache[55] || (_cache[55] = createTextVNode(" کپی متن ", -1))
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(VBtn, {
+                      color: "success",
+                      onClick: copyCompleteRecord
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(VIcon, { start: "" }, {
+                          default: withCtx(() => [..._cache[56] || (_cache[56] = [
+                            createTextVNode("mdi-content-copy", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        _cache[57] || (_cache[57] = createTextVNode(" کپی رکورد کامل ", -1))
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(VBtn, {
+                      color: "grey",
+                      onClick: _cache[19] || (_cache[19] = ($event) => textPreviewDialog.value = false)
+                    }, {
+                      default: withCtx(() => [..._cache[58] || (_cache[58] = [
+                        createTextVNode("بستن", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        snackbar.value ? (openBlock(), createBlock(VSnackbar, {
+          key: 1,
+          modelValue: snackbar.value,
+          "onUpdate:modelValue": _cache[22] || (_cache[22] = ($event) => snackbar.value = $event),
+          timeout: 3e3,
+          location: "top"
+        }, {
+          actions: withCtx(() => [
+            createVNode(VBtn, {
+              color: "white",
+              variant: "text",
+              onClick: _cache[21] || (_cache[21] = ($event) => snackbar.value = false)
+            }, {
+              default: withCtx(() => [..._cache[59] || (_cache[59] = [
+                createTextVNode(" بستن ", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(snackbarMessage.value) + " ", 1)
+          ]),
+          _: 1
+        }, 8, ["modelValue"])) : createCommentVNode("", true)
+      ], 64);
+    };
   }
 });
 const _hoisted_1$8 = { class: "description-input" };