@amirjalili1374/ui-kit 1.3.21 → 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,6 +16656,267 @@ const VSnackbar = genericComponent()({
     return forwardRefs({}, overlay);
   }
 });
+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 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();
+      }
+      if (textareaRef.value !== document.activeElement) {
+        (_a = textareaRef.value) == null ? void 0 : _a.focus();
+      }
+      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 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);
+      });
+    }
+    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();
+      }
+    });
+    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 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);
+  }
+});
 const _hoisted_1$9 = {
   key: 0,
   class: "page-title"
@@ -16689,17 +16950,21 @@ const _hoisted_12$1 = ["onClick", "onKeydown", "aria-expanded", "aria-controls",
 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 = {
+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_18 = {
+const _hoisted_22 = {
   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 _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",
@@ -16733,7 +16998,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
     defaultSelected: {},
     dateWithTimezone: { type: Boolean, default: false },
     bulkMode: { type: Boolean, default: false },
-    axiosInstance: {}
+    axiosInstance: {},
+    maxTextLength: { default: 50 }
   },
   emits: ["update:selectedItems", "selection-change"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -17175,6 +17441,10 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
     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,
@@ -17529,6 +17799,57 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
       };
       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;
@@ -17548,7 +17869,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
             class: "me-2",
             onClick: _cache[0] || (_cache[0] = ($event) => openDialog())
           }, {
-            default: withCtx(() => [..._cache[19] || (_cache[19] = [
+            default: withCtx(() => [..._cache[23] || (_cache[23] = [
               createTextVNode("ایجاد ✅", -1)
             ])]),
             _: 1
@@ -17558,7 +17879,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
             class: "me-2",
             onClick: _cache[1] || (_cache[1] = ($event) => filterDialog.value = true)
           }, {
-            default: withCtx(() => [..._cache[20] || (_cache[20] = [
+            default: withCtx(() => [..._cache[24] || (_cache[24] = [
               createTextVNode("فیلتر 🔍", -1)
             ])]),
             _: 1
@@ -17569,7 +17890,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
             onClick: unref(debouncedFetchData),
             loading: loading.value
           }, {
-            default: withCtx(() => [..._cache[21] || (_cache[21] = [
+            default: withCtx(() => [..._cache[25] || (_cache[25] = [
               createTextVNode("بروزرسانی 🔄", -1)
             ])]),
             _: 1
@@ -17590,7 +17911,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
               class: "me-2",
               onClick: clearSelection
             }, {
-              default: withCtx(() => [..._cache[22] || (_cache[22] = [
+              default: withCtx(() => [..._cache[26] || (_cache[26] = [
                 createTextVNode(" پاک کردن انتخاب ", -1)
               ])]),
               _: 1
@@ -17610,7 +17931,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                   onClick: openGroupDeleteDialog
                 }, {
                   default: withCtx(() => [
-                    _cache[23] || (_cache[23] = createElementVNode("span", { class: "me-1" }, "🗑️", -1)),
+                    _cache[27] || (_cache[27] = createElementVNode("span", { class: "me-1" }, "🗑️", -1)),
                     createTextVNode(" حذف گروهی (" + toDisplayString(selectedCount.value) + ") ", 1)
                   ]),
                   _: 1
@@ -17627,7 +17948,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                       class: "me-2",
                       onClick: ($event) => openDialog(item)
                     }, {
-                      default: withCtx(() => [..._cache[24] || (_cache[24] = [
+                      default: withCtx(() => [..._cache[28] || (_cache[28] = [
                         createElementVNode("span", { class: "me-1" }, "✏️", -1),
                         createTextVNode(" ویرایش ", -1)
                       ])]),
@@ -17640,7 +17961,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                       class: "me-2",
                       onClick: ($event) => openDeleteDialog(item)
                     }, {
-                      default: withCtx(() => [..._cache[25] || (_cache[25] = [
+                      default: withCtx(() => [..._cache[29] || (_cache[29] = [
                         createElementVNode("span", { class: "me-1" }, "🗑️", -1),
                         createTextVNode(" حذف ", -1)
                       ])]),
@@ -17653,7 +17974,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                       class: "me-2",
                       onClick: ($event) => goToRoute("view", item)
                     }, {
-                      default: withCtx(() => [..._cache[26] || (_cache[26] = [
+                      default: withCtx(() => [..._cache[30] || (_cache[30] = [
                         createElementVNode("span", { class: "me-1" }, "👁️", -1),
                         createTextVNode(" نمایش ", -1)
                       ])]),
@@ -17668,7 +17989,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                         onClick: ($event) => goToRoute(routeKey, item)
                       }, {
                         default: withCtx(() => [
-                          _cache[27] || (_cache[27] = createElementVNode("span", { class: "me-1" }, "➡️", -1)),
+                          _cache[31] || (_cache[31] = createElementVNode("span", { class: "me-1" }, "➡️", -1)),
                           createTextVNode(" " + toDisplayString(String(routeKey)), 1)
                         ]),
                         _: 2
@@ -17682,7 +18003,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                         onClick: ($event) => download(key2, item)
                       }, {
                         default: withCtx(() => [
-                          _cache[28] || (_cache[28] = createElementVNode("span", { class: "me-1" }, "⬇️", -1)),
+                          _cache[32] || (_cache[32] = createElementVNode("span", { class: "me-1" }, "⬇️", -1)),
                           createTextVNode(" " + toDisplayString(key2), 1)
                         ]),
                         _: 2
@@ -17769,7 +18090,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                   onClick: expandAllGroups,
                   class: "me-2"
                 }, {
-                  default: withCtx(() => [..._cache[29] || (_cache[29] = [
+                  default: withCtx(() => [..._cache[33] || (_cache[33] = [
                     createTextVNode(" گسترش همه ", -1)
                   ])]),
                   _: 1
@@ -17780,7 +18101,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                   onClick: collapseAllGroups,
                   class: "me-2"
                 }, {
-                  default: withCtx(() => [..._cache[30] || (_cache[30] = [
+                  default: withCtx(() => [..._cache[34] || (_cache[34] = [
                     createTextVNode(" جمع کردن همه ", -1)
                   ])]),
                   _: 1
@@ -17908,7 +18229,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                                           class: "mr-2",
                                           onClick: ($event) => openDialog(item)
                                         }, {
-                                          default: withCtx(() => [..._cache[31] || (_cache[31] = [
+                                          default: withCtx(() => [..._cache[35] || (_cache[35] = [
                                             createTextVNode(" ویرایش ✏️ ", -1)
                                           ])]),
                                           _: 1
@@ -17920,7 +18241,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                                           class: "mr-2",
                                           onClick: ($event) => openDeleteDialog(item)
                                         }, {
-                                          default: withCtx(() => [..._cache[32] || (_cache[32] = [
+                                          default: withCtx(() => [..._cache[36] || (_cache[36] = [
                                             createTextVNode("حذف ❌ ", -1)
                                           ])]),
                                           _: 1
@@ -17932,7 +18253,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                                           class: "mr-2",
                                           onClick: ($event) => goToRoute("view", item)
                                         }, {
-                                          default: withCtx(() => [..._cache[33] || (_cache[33] = [
+                                          default: withCtx(() => [..._cache[37] || (_cache[37] = [
                                             createTextVNode("🔍 نمایش ", -1)
                                           ])]),
                                           _: 1
@@ -18011,7 +18332,12 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                                           }, 1032, ["color", "onClick"]);
                                         }), 128))
                                       ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                                        createTextVNode(toDisplayString(getTranslatedValue(getNestedValue2(item, column.key || ""), column, item)), 1)
+                                        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))
@@ -18095,7 +18421,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                           class: "mr-2",
                           onClick: ($event) => openDialog(item)
                         }, {
-                          default: withCtx(() => [..._cache[34] || (_cache[34] = [
+                          default: withCtx(() => [..._cache[38] || (_cache[38] = [
                             createTextVNode(" ویرایش ✏️ ", -1)
                           ])]),
                           _: 1
@@ -18107,7 +18433,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                           class: "mr-2",
                           onClick: ($event) => openDeleteDialog(item)
                         }, {
-                          default: withCtx(() => [..._cache[35] || (_cache[35] = [
+                          default: withCtx(() => [..._cache[39] || (_cache[39] = [
                             createTextVNode("حذف ❌ ", -1)
                           ])]),
                           _: 1
@@ -18119,7 +18445,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                           class: "mr-2",
                           onClick: ($event) => goToRoute("view", item)
                         }, {
-                          default: withCtx(() => [..._cache[36] || (_cache[36] = [
+                          default: withCtx(() => [..._cache[40] || (_cache[40] = [
                             createTextVNode("🔍 نمایش ", -1)
                           ])]),
                           _: 1
@@ -18198,24 +18524,29 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                           }, 1032, ["color", "onClick"]);
                         }), 128))
                       ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                        createTextVNode(toDisplayString(getTranslatedValue(getNestedValue2(item, column.key || ""), column, item)), 1)
+                        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_16$1)
+                ], 44, _hoisted_18)
               ]),
               _: 1
             }, 8, ["headers", "items", "items-per-page", "height"])),
-            isLoadingMore.value ? (openBlock(), createElementBlock("div", _hoisted_17, [
+            isLoadingMore.value ? (openBlock(), createElementBlock("div", _hoisted_21, [
               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),
+          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": [
@@ -18318,7 +18649,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                       color: "error",
                       onClick: _cache[5] || (_cache[5] = ($event) => dialog.value = false)
                     }, {
-                      default: withCtx(() => [..._cache[37] || (_cache[37] = [
+                      default: withCtx(() => [..._cache[41] || (_cache[41] = [
                         createTextVNode("انصراف", -1)
                       ])]),
                       _: 1
@@ -18351,13 +18682,13 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
             createVNode(VCard, null, {
               default: withCtx(() => [
                 createVNode(VCardTitle, null, {
-                  default: withCtx(() => [..._cache[38] || (_cache[38] = [
+                  default: withCtx(() => [..._cache[42] || (_cache[42] = [
                     createTextVNode("حذف آیتم", -1)
                   ])]),
                   _: 1
                 }),
                 createVNode(VCardText, null, {
-                  default: withCtx(() => [..._cache[39] || (_cache[39] = [
+                  default: withCtx(() => [..._cache[43] || (_cache[43] = [
                     createTextVNode(" آیا مایل به حذف این رکورد هستید ?", -1)
                   ])]),
                   _: 1
@@ -18368,7 +18699,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                       color: "grey",
                       onClick: _cache[7] || (_cache[7] = ($event) => deleteDialog.value = false)
                     }, {
-                      default: withCtx(() => [..._cache[40] || (_cache[40] = [
+                      default: withCtx(() => [..._cache[44] || (_cache[44] = [
                         createTextVNode("انصراف", -1)
                       ])]),
                       _: 1
@@ -18380,7 +18711,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                         return deleteItem(String(((_a2 = itemToDelete.value) == null ? void 0 : _a2.id) || ""));
                       })
                     }, {
-                      default: withCtx(() => [..._cache[41] || (_cache[41] = [
+                      default: withCtx(() => [..._cache[45] || (_cache[45] = [
                         createTextVNode("حذف", -1)
                       ])]),
                       _: 1
@@ -18408,28 +18739,28 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                       color: "red",
                       class: "me-2"
                     }, {
-                      default: withCtx(() => [..._cache[42] || (_cache[42] = [
+                      default: withCtx(() => [..._cache[46] || (_cache[46] = [
                         createTextVNode("🗑️", -1)
                       ])]),
                       _: 1
                     }),
-                    _cache[43] || (_cache[43] = createTextVNode(" حذف گروهی ", -1))
+                    _cache[47] || (_cache[47] = createTextVNode(" حذف گروهی ", -1))
                   ]),
                   _: 1
                 }),
                 createVNode(VCardText, null, {
                   default: withCtx(() => [
                     createElementVNode("p", null, [
-                      _cache[44] || (_cache[44] = createTextVNode(" آیا مایل به حذف ", -1)),
+                      _cache[48] || (_cache[48] = createTextVNode(" آیا مایل به حذف ", -1)),
                       createElementVNode("strong", null, toDisplayString(selectedCount.value), 1),
-                      _cache[45] || (_cache[45] = createTextVNode(" آیتم انتخاب شده هستید؟ ", -1))
+                      _cache[49] || (_cache[49] = createTextVNode(" آیتم انتخاب شده هستید؟ ", -1))
                     ]),
                     createVNode(VAlert, {
                       type: "warning",
                       variant: "tonal",
                       class: "mt-3"
                     }, {
-                      default: withCtx(() => [..._cache[46] || (_cache[46] = [
+                      default: withCtx(() => [..._cache[50] || (_cache[50] = [
                         createTextVNode(" این عمل قابل بازگشت نیست! ", -1)
                       ])]),
                       _: 1
@@ -18444,7 +18775,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                       color: "grey",
                       onClick: _cache[10] || (_cache[10] = ($event) => groupDeleteDialog.value = false)
                     }, {
-                      default: withCtx(() => [..._cache[47] || (_cache[47] = [
+                      default: withCtx(() => [..._cache[51] || (_cache[51] = [
                         createTextVNode("انصراف", -1)
                       ])]),
                       _: 1
@@ -18510,7 +18841,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
             createVNode(VCard, null, {
               default: withCtx(() => [
                 createVNode(VCardTitle, null, {
-                  default: withCtx(() => [..._cache[48] || (_cache[48] = [
+                  default: withCtx(() => [..._cache[52] || (_cache[52] = [
                     createTextVNode("فیلتر", -1)
                   ])]),
                   _: 1
@@ -18535,10 +18866,103 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$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[18] || (_cache[18] = ($event) => snackbar.value = $event),
+          "onUpdate:modelValue": _cache[22] || (_cache[22] = ($event) => snackbar.value = $event),
           timeout: 3e3,
           location: "top"
         }, {
@@ -18546,9 +18970,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
             createVNode(VBtn, {
               color: "white",
               variant: "text",
-              onClick: _cache[17] || (_cache[17] = ($event) => snackbar.value = false)
+              onClick: _cache[21] || (_cache[21] = ($event) => snackbar.value = false)
             }, {
-              default: withCtx(() => [..._cache[49] || (_cache[49] = [
+              default: withCtx(() => [..._cache[59] || (_cache[59] = [
                 createTextVNode(" بستن ", -1)
               ])]),
               _: 1
@@ -18563,267 +18987,6 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-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 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();
-      }
-      if (textareaRef.value !== document.activeElement) {
-        (_a = textareaRef.value) == null ? void 0 : _a.focus();
-      }
-      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 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);
-      });
-    }
-    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();
-      }
-    });
-    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 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);
-  }
-});
 const _hoisted_1$8 = { class: "description-input" };
 const _sfc_main$e = /* @__PURE__ */ defineComponent$1({
   __name: "DescriptionInput",
@@ -37446,7 +37609,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
         "model-value": __props.sidebarDrawer,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:sidebarDrawer", $event)),
         elevation: "0",
-        "rail-width": "81",
+        "rail-width": "82",
         "mobile-breakpoint": "lg",
         app: "",
         rail: __props.miniSidebar,