@amirjalili1374/ui-kit 1.4.11 → 1.4.13

package/dist/ui-kit.es.js

@@ -2,7 +2,7 @@ var __defProp2 = Object.defineProperty;
 var __defNormalProp2 = (obj, key2, value2) => key2 in obj ? __defProp2(obj, key2, { enumerable: true, configurable: true, writable: true, value: value2 }) : obj[key2] = value2;
 var __publicField = (obj, key2, value2) => __defNormalProp2(obj, typeof key2 !== "symbol" ? key2 + "" : key2, value2);
 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, IconMenu2, IconPalette } from "@tabler/icons-vue";
+import { IconHome, IconArrowBadgeLeft, IconChevronDown, IconChevronRight, IconCheck, IconSquareX, IconMinus, IconPlus, IconRefresh, IconChevronLeft, IconDownload, IconPrinter, IconMaximize, IconMinimize, IconX, IconFileText, IconPencil, IconClock, IconMenu2, IconPalette } from "@tabler/icons-vue";
 import axios from "axios";
 import { useDebounceFn } from "@vueuse/core";
 import { useRouter as useRouter$1 } from "vue-router";
@@ -3889,10 +3889,10 @@ const VRow = genericComponent()({
   }
 });
 const VSpacer = createSimpleFunctional("v-spacer", "div", "VSpacer");
-const _hoisted_1$d = { class: "text-h3" };
-const _hoisted_2$7 = { class: "d-flex align-center gap-2" };
-const _hoisted_3$5 = { class: "d-flex align-center gap-2" };
-const _sfc_main$l = /* @__PURE__ */ defineComponent$1({
+const _hoisted_1$e = { class: "text-h3" };
+const _hoisted_2$8 = { class: "d-flex align-center gap-2" };
+const _hoisted_3$6 = { class: "d-flex align-center gap-2" };
+const _sfc_main$m = /* @__PURE__ */ defineComponent$1({
   __name: "BaseBreadcrumb",
   props: {
     title: String,
@@ -3921,7 +3921,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent$1({
                     default: withCtx(() => [
                       createVNode(VCol, { md: "5" }, {
                         default: withCtx(() => [
-                          createElementVNode("h3", _hoisted_1$d, toDisplayString(props.title), 1)
+                          createElementVNode("h3", _hoisted_1$e, toDisplayString(props.title), 1)
                         ]),
                         _: 1
                       }),
@@ -3936,7 +3936,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent$1({
                             class: "text-h5 justify-md-end pa-1"
                           }, {
                             divider: withCtx(() => [
-                              createElementVNode("div", _hoisted_2$7, [
+                              createElementVNode("div", _hoisted_2$8, [
                                 createVNode(unref(IconArrowBadgeLeft), { stroke: "{2}" })
                               ])
                             ]),
@@ -3945,7 +3945,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent$1({
                                 size: "16",
                                 class: "text-secondary ml-2"
                               }),
-                              createElementVNode("div", _hoisted_3$5, [
+                              createElementVNode("div", _hoisted_3$6, [
                                 createVNode(unref(IconArrowBadgeLeft), { stroke: "{2}" })
                               ])
                             ]),
@@ -3969,7 +3969,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _sfc_main$k = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$l = /* @__PURE__ */ defineComponent$1({
   __name: "BaseIcon",
   props: {
     icon: {
@@ -6584,11 +6584,11 @@ const VDialog = genericComponent()({
     return forwardRefs({}, overlay);
   }
 });
-const _hoisted_1$c = {
+const _hoisted_1$d = {
   key: 0,
   class: "mb-2"
 };
-const _sfc_main$j = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$k = /* @__PURE__ */ defineComponent$1({
   __name: "ConfirmDialog",
   props: {
     modelValue: { type: Boolean },
@@ -6634,7 +6634,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent$1({
               }),
               createVNode(VCardText, null, {
                 default: withCtx(() => [
-                  __props.message ? (openBlock(), createElementBlock("div", _hoisted_1$c, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
+                  __props.message ? (openBlock(), createElementBlock("div", _hoisted_1$d, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
                   renderSlot(_ctx.$slots, "default")
                 ]),
                 _: 3
@@ -12595,17 +12595,17 @@ const VTooltip = genericComponent()({
     return forwardRefs({}, overlay);
   }
 });
-const _hoisted_1$b = { class: "ca-item-title" };
-const _hoisted_2$6 = { class: "ca-item-subtitle" };
-const _hoisted_3$4 = { class: "ca-group-tooltip" };
-const _hoisted_4$2 = { class: "ca-group-tooltip-header" };
-const _hoisted_5$2 = { class: "ca-group-count" };
+const _hoisted_1$c = { class: "ca-item-title" };
+const _hoisted_2$7 = { class: "ca-item-subtitle" };
+const _hoisted_3$5 = { class: "ca-group-tooltip" };
+const _hoisted_4$3 = { class: "ca-group-tooltip-header" };
+const _hoisted_5$3 = { class: "ca-group-count" };
 const _hoisted_6$2 = { class: "ca-group-members" };
 const _hoisted_7$2 = { class: "ca-item-title" };
 const _hoisted_8$2 = { class: "ca-item-subtitle" };
 const _hoisted_9$2 = { class: "ca-chip-title" };
 const _hoisted_10$2 = { class: "ca-chip-subtitle" };
-const _sfc_main$i = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$j = /* @__PURE__ */ defineComponent$1({
   __name: "CustomAutocomplete",
   props: {
     fields: {},
@@ -12714,7 +12714,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent$1({
                 class: { "ca-main-group": true }
               }), createSlots({
                 title: withCtx(() => [
-                  createElementVNode("div", _hoisted_1$b, [
+                  createElementVNode("div", _hoisted_1$c, [
                     createTextVNode(toDisplayString(resolveTitle(item.raw ?? item)) + " ", 1),
                     createVNode(VChip, {
                       size: "small",
@@ -12739,7 +12739,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent$1({
                 __props.displayStyle === "detailed" && resolveSubtitle(item.raw ?? item) ? {
                   name: "subtitle",
                   fn: withCtx(() => [
-                    createElementVNode("div", _hoisted_2$6, toDisplayString(resolveSubtitle(item.raw ?? item)), 1)
+                    createElementVNode("div", _hoisted_2$7, toDisplayString(resolveSubtitle(item.raw ?? item)), 1)
                   ]),
                   key: "0"
                 } : void 0
@@ -12750,10 +12750,10 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent$1({
                 item: item.raw ?? item,
                 groupMembers: getGroupMembers(item.raw ?? item)
               }, () => [
-                createElementVNode("div", _hoisted_3$4, [
-                  createElementVNode("div", _hoisted_4$2, [
+                createElementVNode("div", _hoisted_3$5, [
+                  createElementVNode("div", _hoisted_4$3, [
                     createElementVNode("strong", null, toDisplayString(resolveTitle(item.raw ?? item)), 1),
-                    createElementVNode("span", _hoisted_5$2, toDisplayString(getGroupMembers(item.raw ?? item).length) + " آیتم", 1)
+                    createElementVNode("span", _hoisted_5$3, toDisplayString(getGroupMembers(item.raw ?? item).length) + " آیتم", 1)
                   ]),
                   createElementVNode("div", _hoisted_6$2, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(getGroupMembers(item.raw ?? item), (member, idx) => {
@@ -12816,8 +12816,8 @@ const _export_sfc$1 = (sfc, props) => {
   }
   return target;
 };
-const CustomAutocomplete = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__scopeId", "data-v-4c17f7bd"]]);
-const _sfc_main$h = /* @__PURE__ */ defineComponent$1({
+const CustomAutocomplete = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__scopeId", "data-v-4c17f7bd"]]);
+const _sfc_main$i = /* @__PURE__ */ defineComponent$1({
   __name: "MoneyInput",
   props: {
     modelValue: {
@@ -12923,8 +12923,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _hoisted_1$a = { class: "shamsi-date-picker" };
-const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
+const _hoisted_1$b = { class: "shamsi-date-picker" };
+const _sfc_main$h = /* @__PURE__ */ defineComponent$1({
   __name: "ShamsiDatePicker",
   props: {
     modelValue: { default: "" },
@@ -13012,7 +13012,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
     const isRangeMode = computed(() => props.mode === "range");
     return (_ctx, _cache) => {
       const _component_Vue3PersianDatetimePicker = resolveComponent("Vue3PersianDatetimePicker");
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
         createVNode(_component_Vue3PersianDatetimePicker, {
           label: __props.label,
           modelValue: selectedDate.value,
@@ -13035,7 +13035,113 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const ShamsiDatePicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__scopeId", "data-v-d56f50fe"]]);
+const ShamsiDatePicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__scopeId", "data-v-d56f50fe"]]);
+const _hoisted_1$a = { class: "mb-6" };
+const _hoisted_2$6 = { class: "text-subtitle-1 font-weight-medium mb-3" };
+const _hoisted_3$4 = { class: "theme-toggle-container" };
+const _hoisted_4$2 = { class: "toggle-slider" };
+const _hoisted_5$2 = { class: "toggle-icon" };
+const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
+  __name: "ToggleSwitch",
+  props: {
+    modelValue: { type: [String, Boolean] },
+    label: {},
+    type: { default: "boolean" },
+    options: { default: () => [] },
+    trueLabel: {},
+    falseLabel: {},
+    trueIcon: {},
+    falseIcon: {},
+    activeColor: { default: "rgb(var(--v-theme-primary))" },
+    inactiveColor: { default: "#e0e0e0" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isBooleanMode = computed(() => props.type === "boolean");
+    const isStringMode = computed(() => props.type === "string");
+    const isActive = computed(() => {
+      if (isBooleanMode.value) {
+        return props.modelValue === true;
+      }
+      return false;
+    });
+    const currentIndex = computed(() => {
+      if (isStringMode.value && props.options.length > 0) {
+        return props.options.findIndex((opt) => opt.value === props.modelValue);
+      }
+      return 0;
+    });
+    const handleToggle = () => {
+      if (isBooleanMode.value) {
+        emit("update:modelValue", !props.modelValue);
+      } else if (isStringMode.value && props.options.length > 0) {
+        const nextIndex = (currentIndex.value + 1) % props.options.length;
+        emit("update:modelValue", props.options[nextIndex].value);
+      }
+    };
+    const isToggleActive = computed(() => {
+      if (isBooleanMode.value) {
+        return isActive.value;
+      } else {
+        if (props.options.length >= 2) {
+          return currentIndex.value >= 1;
+        } else if (props.options.length === 1) {
+          return true;
+        }
+        return false;
+      }
+    });
+    const currentOption = computed(() => {
+      if (isStringMode.value && props.options.length > 0) {
+        return props.options[currentIndex.value] || props.options[0];
+      }
+      return null;
+    });
+    const displayIcon = computed(() => {
+      var _a;
+      if (isBooleanMode.value) {
+        return isActive.value ? props.trueIcon : props.falseIcon;
+      } else {
+        return (_a = currentOption.value) == null ? void 0 : _a.icon;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+        createElementVNode("h6", _hoisted_2$6, toDisplayString(__props.label), 1),
+        createElementVNode("div", _hoisted_3$4, [
+          createElementVNode("div", {
+            class: normalizeClass(["theme-toggle", {
+              "active": isToggleActive.value,
+              "string-mode": isStringMode.value
+            }]),
+            style: normalizeStyle({
+              background: isToggleActive.value ? props.activeColor : props.inactiveColor
+            }),
+            onClick: handleToggle
+          }, [
+            createElementVNode("div", _hoisted_4$2, [
+              createElementVNode("div", _hoisted_5$2, [
+                renderSlot(_ctx.$slots, "icon", {
+                  value: __props.modelValue,
+                  option: currentOption.value
+                }, () => [
+                  displayIcon.value ? (openBlock(), createBlock(resolveDynamicComponent(displayIcon.value), {
+                    key: 0,
+                    size: "24",
+                    "stroke-width": "2"
+                  })) : createCommentVNode("", true)
+                ], true)
+              ])
+            ])
+          ], 6)
+        ])
+      ]);
+    };
+  }
+});
+const ToggleSwitch = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__scopeId", "data-v-536e1a17"]]);
 function useTableSelection(items, options = {}) {
   const selectedItems = ref([]);
   const expandedGroups = ref(/* @__PURE__ */ new Set());
@@ -17268,19 +17374,41 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
     const formHeaders = computed(() => {
       return props.headers.filter((header) => !header.excludeFromForm);
     });
-    const isMoneyHeader = (header) => {
-      if (!header || typeof header.type !== "string") {
-        return false;
+    const getHeaderType = (header) => {
+      if (header.type) {
+        return header.type.toLowerCase();
       }
-      return header.type.toLowerCase() === "money";
+      if (header.isDate) return "date";
+      if (header.textarea) return "textarea";
+      if (header.toggleSwitch) return "toggle";
+      return void 0;
+    };
+    const isDateHeader = (header) => {
+      const type = getHeaderType(header);
+      return type === "date";
+    };
+    const isMoneyHeader = (header) => {
+      const type = getHeaderType(header);
+      return type === "money";
+    };
+    const isTextareaHeader = (header) => {
+      const type = getHeaderType(header);
+      return type === "textarea";
+    };
+    const isToggleHeader = (header) => {
+      const type = getHeaderType(header);
+      return type === "toggle" || type === "toggleswitch";
     };
     const getFieldInputType = (header) => {
-      return typeof (header == null ? void 0 : header.type) === "string" ? header.type : void 0;
+      const type = getHeaderType(header);
+      if (type && !["date", "textarea", "money", "toggle", "toggleswitch", "autocomplete"].includes(type)) {
+        return type;
+      }
+      return void 0;
     };
     const resolveHeaderKey = (header) => header.key;
     const resolveHeaderTitle = (header) => header.title;
     const isHeaderDisabled = (header) => header.editable === false;
-    const isTextareaHeader = (header) => header.textarea === true;
     const getUniqueValue = (item) => {
       if (typeof props.uniqueKey === "function") {
         return props.uniqueKey(item);
@@ -17374,7 +17502,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
         items.value = serverData.map((item) => {
           const newItem = { ...item };
           props.headers.forEach((header) => {
-            if (header.isDate && newItem[header.key]) {
+            if (isDateHeader(header) && newItem[header.key]) {
               try {
                 newItem[header.key] = DateConverter.toShamsi(newItem[header.key]);
               } catch (error2) {
@@ -17483,6 +17611,11 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
       if (!isEditing.value) {
         const defaultContext = { ...editedItem.value };
         for (const header of props.headers) {
+          if (isToggleHeader(header) && editedItem.value[header.key] === void 0) {
+            editedItem.value[header.key] = false;
+            defaultContext[header.key] = false;
+            continue;
+          }
           if (header.defaultValue === void 0) {
             continue;
           }
@@ -17501,9 +17634,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
         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
-            );
+            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;
           }
@@ -17512,7 +17643,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
       if (isEditing.value) {
         try {
           props.headers.forEach((header) => {
-            if (header.isDate) {
+            if (isDateHeader(header)) {
               const v = formModel.value[header.key];
               if (typeof v === "string" && v.includes("/")) {
                 formModel.value[header.key] = DateConverter.toGregorian(v);
@@ -17560,7 +17691,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
           }
         });
         props.headers.forEach((header) => {
-          if (header.isDate && dataToSave[header.key]) {
+          if (isDateHeader(header) && dataToSave[header.key]) {
             try {
               const raw = dataToSave[header.key];
               if (typeof raw === "string") {
@@ -18367,14 +18498,25 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                                           }, 1032, ["color", "onClick"]);
                                         }), 128))
                                       ], 64)) : (openBlock(), createElementBlock("div", _hoisted_16$1, [
-                                        shouldTruncate(getTranslatedValue(getNestedValue2(item, column.key || ""), column, item), getHeaderForColumn(column.key || "")) ? (openBlock(), createElementBlock("span", {
+                                        shouldTruncate(
+                                          getTranslatedValue(getNestedValue2(item, column.key || ""), column, item),
+                                          getHeaderForColumn(column.key || "")
+                                        ) ? (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"])
+                                          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_17)) : (openBlock(), createElementBlock("span", {
                                           key: 1,
-                                          onClick: withModifiers(($event) => shouldShowCopyButton(getHeaderForColumn(column.key || "")) && openTextPreview(getTranslatedValue(getNestedValue2(item, column.key || ""), column, item), column.title || column.key || "", item), ["stop"]),
+                                          onClick: withModifiers(($event) => shouldShowCopyButton(getHeaderForColumn(column.key || "")) && openTextPreview(
+                                            getTranslatedValue(getNestedValue2(item, column.key || ""), column, item),
+                                            column.title || column.key || "",
+                                            item
+                                          ), ["stop"]),
                                           style: normalizeStyle({ cursor: shouldShowCopyButton(getHeaderForColumn(column.key || "")) ? "pointer" : "default" })
                                         }, toDisplayString(getTranslatedValue(getNestedValue2(item, column.key || ""), column, item)), 13, _hoisted_18)),
                                         shouldShowCopyButton(getHeaderForColumn(column.key || "")) ? (openBlock(), createBlock(VBtn, {
@@ -18383,7 +18525,11 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                                           size: "x-small",
                                           variant: "text",
                                           color: "primary",
-                                          onClick: withModifiers(($event) => openTextPreview(getTranslatedValue(getNestedValue2(item, column.key || ""), column, item), column.title || column.key || "", item), ["stop"]),
+                                          onClick: withModifiers(($event) => openTextPreview(
+                                            getTranslatedValue(getNestedValue2(item, column.key || ""), column, item),
+                                            column.title || column.key || "",
+                                            item
+                                          ), ["stop"]),
                                           style: { "min-width": "24px", "width": "24px", "height": "24px" }
                                         }, {
                                           default: withCtx(() => [
@@ -18582,14 +18728,25 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                           }, 1032, ["color", "onClick"]);
                         }), 128))
                       ], 64)) : (openBlock(), createElementBlock("div", _hoisted_20, [
-                        shouldTruncate(getTranslatedValue(getNestedValue2(item, column.key || ""), column, item), getHeaderForColumn(column.key || "")) ? (openBlock(), createElementBlock("span", {
+                        shouldTruncate(
+                          getTranslatedValue(getNestedValue2(item, column.key || ""), column, item),
+                          getHeaderForColumn(column.key || "")
+                        ) ? (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"])
+                          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_21)) : (openBlock(), createElementBlock("span", {
                           key: 1,
-                          onClick: withModifiers(($event) => shouldShowCopyButton(getHeaderForColumn(column.key || "")) && openTextPreview(getTranslatedValue(getNestedValue2(item, column.key || ""), column, item), column.title || column.key || "", item), ["stop"]),
+                          onClick: withModifiers(($event) => shouldShowCopyButton(getHeaderForColumn(column.key || "")) && openTextPreview(
+                            getTranslatedValue(getNestedValue2(item, column.key || ""), column, item),
+                            column.title || column.key || "",
+                            item
+                          ), ["stop"]),
                           style: normalizeStyle({ cursor: shouldShowCopyButton(getHeaderForColumn(column.key || "")) ? "pointer" : "default" })
                         }, toDisplayString(getTranslatedValue(getNestedValue2(item, column.key || ""), column, item)), 13, _hoisted_22)),
                         shouldShowCopyButton(getHeaderForColumn(column.key || "")) ? (openBlock(), createBlock(VBtn, {
@@ -18598,7 +18755,11 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                           size: "x-small",
                           variant: "text",
                           color: "primary",
-                          onClick: withModifiers(($event) => openTextPreview(getTranslatedValue(getNestedValue2(item, column.key || ""), column, item), column.title || column.key || "", item), ["stop"]),
+                          onClick: withModifiers(($event) => openTextPreview(
+                            getTranslatedValue(getNestedValue2(item, column.key || ""), column, item),
+                            column.title || column.key || "",
+                            item
+                          ), ["stop"]),
                           style: { "min-width": "24px", "width": "24px", "height": "24px" }
                         }, {
                           default: withCtx(() => [
@@ -18673,7 +18834,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                               }, {
                                 default: withCtx(() => [
                                   !header.hidden ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                                    header.isDate ? (openBlock(), createBlock(ShamsiDatePicker, {
+                                    isDateHeader(header) ? (openBlock(), createBlock(ShamsiDatePicker, {
                                       key: 0,
                                       modelValue: formModel.value[resolveHeaderKey(header)],
                                       "onUpdate:modelValue": ($event) => formModel.value[resolveHeaderKey(header)] = $event,
@@ -18694,7 +18855,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                                       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, {
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "items", "item-title", "item-value", "return-object", "multiple", "chips", "closable-chips", "disabled"])) : isMoneyHeader(header) ? (openBlock(), createBlock(_sfc_main$i, {
                                       key: 2,
                                       modelValue: formModel.value[resolveHeaderKey(header)],
                                       "onUpdate:modelValue": ($event) => formModel.value[resolveHeaderKey(header)] = $event,
@@ -18710,11 +18871,23 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                                       dir: header.dir,
                                       "auto-grow": "",
                                       rows: "3"
-                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "disabled", "dir"])) : (openBlock(), createBlock(VTextField, {
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "disabled", "dir"])) : isToggleHeader(header) ? (openBlock(), createBlock(ToggleSwitch, {
                                       key: 4,
                                       modelValue: formModel.value[resolveHeaderKey(header)],
                                       "onUpdate:modelValue": ($event) => formModel.value[resolveHeaderKey(header)] = $event,
                                       label: resolveHeaderTitle(header),
+                                      type: "boolean",
+                                      activeColor: "#3bd32a",
+                                      inactiveColor: "#d32a2a",
+                                      options: [
+                                        { value: "true", label: "فعال", icon: unref(IconCheck) },
+                                        { value: "false", label: "غیر فعال", icon: unref(IconSquareX) }
+                                      ]
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "options"])) : (openBlock(), createBlock(VTextField, {
+                                      key: 5,
+                                      modelValue: formModel.value[resolveHeaderKey(header)],
+                                      "onUpdate:modelValue": ($event) => formModel.value[resolveHeaderKey(header)] = $event,
+                                      label: resolveHeaderTitle(header),
                                       variant: "outlined",
                                       disabled: isHeaderDisabled(header),
                                       type: getFieldInputType(header),
@@ -39426,11 +39599,11 @@ export {
   AppSidebar,
   AppStepper,
   AuthModeInitializer,
-  _sfc_main$l as BaseBreadcrumb,
-  _sfc_main$k as BaseIcon,
+  _sfc_main$m as BaseBreadcrumb,
+  _sfc_main$l as BaseIcon,
   BooleanEnum,
   BooleanEnumOptions,
-  _sfc_main$j as ConfirmDialog,
+  _sfc_main$k as ConfirmDialog,
   CustomAutocomplete,
   _sfc_main$f as CustomDataTable,
   DateConverter,
@@ -39442,10 +39615,11 @@ export {
   JwtInitializer,
   KeycloakInitializer,
   Loading,
-  _sfc_main$h as MoneyInput,
+  _sfc_main$i as MoneyInput,
   NationalCodeValidator,
   PdfViewer,
   ShamsiDatePicker,
+  ToggleSwitch,
   _sfc_main$b as UiChildCard,
   _sfc_main$a as UiParentCard,
   _sfc_main$9 as VPriceTextField,