@amirjalili1374/ui-kit 1.4.12 → 1.4.14

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";
@@ -13036,6 +13036,112 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent$1({
   }
 });
 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());
@@ -16918,17 +17024,17 @@ const VTextarea = genericComponent()({
     return forwardRefs({}, vInputRef, vFieldRef, textareaRef);
   }
 });
-const _hoisted_1$a = {
+const _hoisted_1$9 = {
   key: 0,
   class: "page-title"
 };
-const _hoisted_2$6 = { class: "title-text" };
-const _hoisted_3$4 = { class: "action-buttons" };
-const _hoisted_4$2 = {
+const _hoisted_2$5 = { class: "title-text" };
+const _hoisted_3$3 = { class: "action-buttons" };
+const _hoisted_4$1 = {
   key: 3,
   class: "selection-actions"
 };
-const _hoisted_5$2 = {
+const _hoisted_5$1 = {
   key: 0,
   class: "selected-actions"
 };
@@ -16976,7 +17082,7 @@ const _hoisted_24 = {
 };
 const _hoisted_25 = { class: "d-flex justify-space-between align-center pa-4" };
 const _hoisted_26 = { class: "text-subtitle-2" };
-const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
   ...{ inheritAttrs: false },
   __name: "CustomDataTable",
   props: {
@@ -17037,6 +17143,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
     ref(null);
     const filterDialog = ref(false);
     const filterModel = ref({});
+    const filterOperatorModel = ref({});
     ref(null);
     const isLoadingMore = ref(false);
     const hasMore = ref(true);
@@ -17268,19 +17375,41 @@ const _sfc_main$g = /* @__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);
@@ -17346,7 +17475,58 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
       });
       return model;
     });
-    const hasFilterComponent = computed(() => {
+    const FILTER_OPERATOR_LABELS = {
+      equals: "برابر با",
+      notEquals: "مخالف با",
+      contains: "شامل",
+      doesNotContain: "شامل نباشد",
+      in: "یکی از",
+      specified: "خالی / غیر خالی",
+      greaterThan: "بزرگتر از",
+      lessThan: "کوچکتر از",
+      greaterThanOrEqual: "بزرگتر یا مساوی",
+      lessThanOrEqual: "کوچکتر یا مساوی"
+    };
+    const getHeaderFilterOperators = (header) => {
+      const configured = header.filterOperators;
+      const effective = configured && configured.length > 0 ? configured : ["equals", "contains", "in"];
+      return effective.map((op) => ({
+        value: op,
+        label: FILTER_OPERATOR_LABELS[op] || op
+      }));
+    };
+    const getDefaultFilterOperator = (header) => {
+      const configured = header.defaultFilterOperator;
+      return configured || "equals";
+    };
+    const hasFilterOperators = (header) => {
+      const operators = header.filterOperators;
+      return Array.isArray(operators) && operators.length > 0;
+    };
+    const buildFilterParams = () => {
+      if (props.filterComponent) {
+        return cleanFilterModel.value;
+      }
+      const base = {};
+      Object.entries(cleanFilterModel.value).forEach(([key2, value2]) => {
+        const header = props.headers.find((h2) => h2.key === key2);
+        if (header && hasFilterOperators(header)) {
+          const op = filterOperatorModel.value[key2] || getDefaultFilterOperator(header);
+          const paramKey = `${key2}.${op}`;
+          if (op === "in" && Array.isArray(value2)) {
+            base[paramKey] = value2.join(",");
+          } else if (op === "specified") {
+            base[paramKey] = Boolean(value2);
+          } else {
+            base[paramKey] = value2;
+          }
+        } else {
+          base[key2] = value2;
+        }
+      });
+      return base;
+    };
+    computed(() => {
       return !!props.filterComponent;
     });
     const fetchData = async (queryParams) => {
@@ -17354,7 +17534,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
       loading.value = true;
       error.value = null;
       let params = {
-        ...cleanFilterModel.value,
+        ...buildFilterParams(),
         ...props.queryParams
       };
       if (queryParams) {
@@ -17374,7 +17554,7 @@ const _sfc_main$g = /* @__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 +17663,11 @@ const _sfc_main$g = /* @__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 +17686,7 @@ const _sfc_main$g = /* @__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 +17695,7 @@ const _sfc_main$g = /* @__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 +17743,7 @@ const _sfc_main$g = /* @__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") {
@@ -17885,19 +18068,45 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
         snackbar.value = true;
       }
     };
+    const applyFilter = () => {
+      currentPage.value = 1;
+      debouncedFetchData();
+      filterDialog.value = false;
+    };
+    const resetFilter = () => {
+      filterModel.value = {};
+      filterOperatorModel.value = {};
+      currentPage.value = 1;
+      debouncedFetchData();
+      filterDialog.value = false;
+    };
     const handleFilterApply = (filterData) => {
       filterModel.value = filterData;
       currentPage.value = 1;
       debouncedFetchData();
       filterDialog.value = false;
     };
+    watch(
+      () => filterDialog.value,
+      (isOpen) => {
+        if (!isOpen) return;
+        formHeaders.value.forEach((header) => {
+          if (hasFilterOperators(header)) {
+            const key2 = resolveHeaderKey(header);
+            if (!filterOperatorModel.value[key2]) {
+              filterOperatorModel.value[key2] = getDefaultFilterOperator(header);
+            }
+          }
+        });
+      }
+    );
     return (_ctx, _cache) => {
-      var _a;
+      var _a, _b;
       return openBlock(), createElementBlock(Fragment, null, [
-        props.title ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
-          createElementVNode("h3", _hoisted_2$6, toDisplayString(props.title), 1)
+        props.title ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
+          createElementVNode("h3", _hoisted_2$5, toDisplayString(props.title), 1)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$4, [
+        createElementVNode("div", _hoisted_3$3, [
           ((_a = props.actions) == null ? void 0 : _a.includes("create")) ? (openBlock(), createBlock(VBtn, {
             key: 0,
             color: "green",
@@ -17909,7 +18118,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
             ])]),
             _: 1
           })) : createCommentVNode("", true),
-          hasFilterComponent.value ? (openBlock(), createBlock(VBtn, {
+          ((_b = props.actions) == null ? void 0 : _b.includes("filter")) ? (openBlock(), createBlock(VBtn, {
             key: 1,
             class: "me-2",
             onClick: _cache[1] || (_cache[1] = ($event) => filterDialog.value = true)
@@ -17930,7 +18139,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
             ])]),
             _: 1
           }, 8, ["onClick", "loading"])) : createCommentVNode("", true),
-          props.selectable && hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+          props.selectable && hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
             createVNode(VChip, {
               color: "primary",
               class: "me-2"
@@ -17957,7 +18166,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
             appear: ""
           }, {
             default: withCtx(() => [
-              props.bulkMode && hasValidSelection.value || props.enableGroupDelete && hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
+              props.bulkMode && hasValidSelection.value || props.enableGroupDelete && hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
                 props.enableGroupDelete ? (openBlock(), createBlock(VBtn, {
                   key: 0,
                   color: "red",
@@ -17972,7 +18181,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
                   _: 1
                 })) : createCommentVNode("", true),
                 props.bulkMode ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(validSelectedItems.value, (item) => {
-                  var _a2, _b, _c;
+                  var _a2, _b2, _c;
                   return openBlock(), createElementBlock(Fragment, {
                     key: getUniqueValue(item)
                   }, [
@@ -17989,7 +18198,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
                       ])]),
                       _: 1
                     }, 8, ["onClick"])) : createCommentVNode("", true),
-                    ((_b = props.actions) == null ? void 0 : _b.includes("delete")) ? (openBlock(), createBlock(VBtn, {
+                    ((_b2 = props.actions) == null ? void 0 : _b2.includes("delete")) ? (openBlock(), createBlock(VBtn, {
                       key: 1,
                       color: "red",
                       size: "small",
@@ -18230,7 +18439,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
                                   onClick: ($event) => props.bulkMode && props.selectable && selectSingleItem(item)
                                 }, [
                                   (openBlock(true), createElementBlock(Fragment, null, renderList(columns, (column) => {
-                                    var _a2, _b, _c;
+                                    var _a2, _b2, _c;
                                     return openBlock(), createElementBlock("td", {
                                       key: column.key || "unknown",
                                       style: normalizeStyle({
@@ -18269,7 +18478,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
                                           ])]),
                                           _: 1
                                         }, 8, ["onClick"])) : createCommentVNode("", true),
-                                        ((_b = props.actions) == null ? void 0 : _b.includes("delete")) ? (openBlock(), createBlock(VBtn, {
+                                        ((_b2 = props.actions) == null ? void 0 : _b2.includes("delete")) ? (openBlock(), createBlock(VBtn, {
                                           key: 1,
                                           color: "red",
                                           size: "small",
@@ -18367,14 +18576,25 @@ const _sfc_main$g = /* @__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 +18603,11 @@ const _sfc_main$g = /* @__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(() => [
@@ -18445,7 +18669,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
                   onClick: ($event) => props.bulkMode && props.selectable && selectSingleItem(item)
                 }, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(columns, (column) => {
-                    var _a2, _b, _c;
+                    var _a2, _b2, _c;
                     return openBlock(), createElementBlock("td", {
                       key: column.key || "unknown",
                       style: normalizeStyle({
@@ -18484,7 +18708,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
                           ])]),
                           _: 1
                         }, 8, ["onClick"])) : createCommentVNode("", true),
-                        ((_b = props.actions) == null ? void 0 : _b.includes("delete")) ? (openBlock(), createBlock(VBtn, {
+                        ((_b2 = props.actions) == null ? void 0 : _b2.includes("delete")) ? (openBlock(), createBlock(VBtn, {
                           key: 1,
                           color: "red",
                           size: "small",
@@ -18582,14 +18806,25 @@ const _sfc_main$g = /* @__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 +18833,11 @@ const _sfc_main$g = /* @__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 +18912,7 @@ const _sfc_main$g = /* @__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,
@@ -18710,11 +18949,23 @@ const _sfc_main$g = /* @__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),
@@ -18901,9 +19152,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
               default: withCtx(() => [
                 createVNode(VCardTitle, null, {
                   default: withCtx(() => {
-                    var _a2, _b;
+                    var _a2, _b2;
                     return [
-                      createTextVNode(toDisplayString(((_b = (_a2 = props.customActions) == null ? void 0 : _a2.find((a) => a.component === customActionComponent.value)) == null ? void 0 : _b.title) || ""), 1)
+                      createTextVNode(toDisplayString(((_b2 = (_a2 = props.customActions) == null ? void 0 : _a2.find((a) => a.component === customActionComponent.value)) == null ? void 0 : _b2.title) || ""), 1)
                     ];
                   }),
                   _: 1
@@ -18948,7 +19199,125 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
                         _cache[15] || (_cache[15] = ($event) => filterModel.value = $event)
                       ],
                       onApply: handleFilterApply
-                    }, null, 40, ["modelValue"])) : createCommentVNode("", true)
+                    }, null, 40, ["modelValue"])) : (openBlock(), createBlock(VContainer, { key: 1 }, {
+                      default: withCtx(() => [
+                        createVNode(VRow, null, {
+                          default: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(formHeaders.value, (header) => {
+                              return openBlock(), createBlock(VCol, {
+                                key: resolveHeaderKey(header),
+                                cols: header.cols ? typeof header.cols === "number" ? header.cols : Number(header.cols) : 4,
+                                md: header.cols ? typeof header.cols === "number" ? header.cols : Number(header.cols) : 4
+                              }, {
+                                default: withCtx(() => [
+                                  !header.hidden ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                                    hasFilterOperators(header) ? (openBlock(), createBlock(VSelect, {
+                                      key: 0,
+                                      modelValue: filterOperatorModel.value[resolveHeaderKey(header)],
+                                      "onUpdate:modelValue": ($event) => filterOperatorModel.value[resolveHeaderKey(header)] = $event,
+                                      items: getHeaderFilterOperators(header),
+                                      "item-title": "label",
+                                      "item-value": "value",
+                                      density: "compact",
+                                      variant: "underlined",
+                                      "hide-details": "",
+                                      class: "mb-1"
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])) : createCommentVNode("", true),
+                                    isDateHeader(header) ? (openBlock(), createBlock(ShamsiDatePicker, {
+                                      key: 1,
+                                      modelValue: filterModel.value[resolveHeaderKey(header)],
+                                      "onUpdate:modelValue": ($event) => filterModel.value[resolveHeaderKey(header)] = $event,
+                                      label: resolveHeaderTitle(header),
+                                      disabled: isHeaderDisabled(header)
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "disabled"])) : hasAutocomplete(header) ? (openBlock(), createBlock(VAutocomplete, {
+                                      key: 2,
+                                      modelValue: filterModel.value[resolveHeaderKey(header)],
+                                      "onUpdate:modelValue": ($event) => filterModel.value[resolveHeaderKey(header)] = $event,
+                                      label: resolveHeaderTitle(header),
+                                      items: resolveAutocompleteItems(header, filterModel.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$i, {
+                                      key: 3,
+                                      modelValue: filterModel.value[resolveHeaderKey(header)],
+                                      "onUpdate:modelValue": ($event) => filterModel.value[resolveHeaderKey(header)] = $event,
+                                      label: resolveHeaderTitle(header),
+                                      disabled: isHeaderDisabled(header)
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "disabled"])) : isTextareaHeader(header) ? (openBlock(), createBlock(VTextarea, {
+                                      key: 4,
+                                      modelValue: filterModel.value[resolveHeaderKey(header)],
+                                      "onUpdate:modelValue": ($event) => filterModel.value[resolveHeaderKey(header)] = $event,
+                                      label: resolveHeaderTitle(header),
+                                      variant: "outlined",
+                                      disabled: isHeaderDisabled(header),
+                                      dir: header.dir,
+                                      "auto-grow": "",
+                                      rows: "3"
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "disabled", "dir"])) : isToggleHeader(header) ? (openBlock(), createBlock(ToggleSwitch, {
+                                      key: 5,
+                                      modelValue: filterModel.value[resolveHeaderKey(header)],
+                                      "onUpdate:modelValue": ($event) => filterModel.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: 6,
+                                      modelValue: filterModel.value[resolveHeaderKey(header)],
+                                      "onUpdate:modelValue": ($event) => filterModel.value[resolveHeaderKey(header)] = $event,
+                                      label: resolveHeaderTitle(header),
+                                      variant: "outlined",
+                                      disabled: isHeaderDisabled(header),
+                                      type: getFieldInputType(header),
+                                      dir: header.dir
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "disabled", "type", "dir"]))
+                                  ], 64)) : createCommentVNode("", true)
+                                ]),
+                                _: 2
+                              }, 1032, ["cols", "md"]);
+                            }), 128))
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }))
+                  ]),
+                  _: 1
+                }),
+                createVNode(VCardActions, null, {
+                  default: withCtx(() => [
+                    createVNode(VSpacer),
+                    createVNode(VBtn, {
+                      color: "grey",
+                      variant: "tonal",
+                      onClick: resetFilter
+                    }, {
+                      default: withCtx(() => [..._cache[55] || (_cache[55] = [
+                        createTextVNode("حذف فیلترها", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    createVNode(VBtn, {
+                      color: "primary",
+                      onClick: applyFilter
+                    }, {
+                      default: withCtx(() => [..._cache[56] || (_cache[56] = [
+                        createTextVNode("اعمال فیلتر", -1)
+                      ])]),
+                      _: 1
+                    })
                   ]),
                   _: 1
                 })
@@ -18976,7 +19345,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
                     }, {
                       default: withCtx(() => [
                         createVNode(VIcon, null, {
-                          default: withCtx(() => [..._cache[55] || (_cache[55] = [
+                          default: withCtx(() => [..._cache[57] || (_cache[57] = [
                             createTextVNode("mdi-close", -1)
                           ])]),
                           _: 1
@@ -19009,12 +19378,12 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
                     }, {
                       default: withCtx(() => [
                         createVNode(VIcon, { start: "" }, {
-                          default: withCtx(() => [..._cache[56] || (_cache[56] = [
+                          default: withCtx(() => [..._cache[58] || (_cache[58] = [
                             createTextVNode("mdi-content-copy", -1)
                           ])]),
                           _: 1
                         }),
-                        _cache[57] || (_cache[57] = createTextVNode(" کپی متن ", -1))
+                        _cache[59] || (_cache[59] = createTextVNode(" کپی متن ", -1))
                       ]),
                       _: 1
                     }),
@@ -19024,12 +19393,12 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
                     }, {
                       default: withCtx(() => [
                         createVNode(VIcon, { start: "" }, {
-                          default: withCtx(() => [..._cache[58] || (_cache[58] = [
+                          default: withCtx(() => [..._cache[60] || (_cache[60] = [
                             createTextVNode("mdi-content-copy", -1)
                           ])]),
                           _: 1
                         }),
-                        _cache[59] || (_cache[59] = createTextVNode(" کپی رکورد کامل ", -1))
+                        _cache[61] || (_cache[61] = createTextVNode(" کپی رکورد کامل ", -1))
                       ]),
                       _: 1
                     }),
@@ -19037,7 +19406,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
                       color: "grey",
                       onClick: _cache[19] || (_cache[19] = ($event) => textPreviewDialog.value = false)
                     }, {
-                      default: withCtx(() => [..._cache[60] || (_cache[60] = [
+                      default: withCtx(() => [..._cache[62] || (_cache[62] = [
                         createTextVNode("بستن", -1)
                       ])]),
                       _: 1
@@ -19064,7 +19433,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
               variant: "text",
               onClick: _cache[21] || (_cache[21] = ($event) => snackbar.value = false)
             }, {
-              default: withCtx(() => [..._cache[61] || (_cache[61] = [
+              default: withCtx(() => [..._cache[63] || (_cache[63] = [
                 createTextVNode(" بستن ", -1)
               ])]),
               _: 1
@@ -19079,8 +19448,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _hoisted_1$9 = { class: "description-input" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
+const _hoisted_1$8 = { class: "description-input" };
+const _sfc_main$e = /* @__PURE__ */ defineComponent$1({
   __name: "DescriptionInput",
   props: {
     modelValue: { default: "" },
@@ -19179,7 +19548,7 @@ ${newLineNumber} - `;
       emit("change", internalValue.value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
         createVNode(VTextarea, {
           modelValue: internalValue.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalValue.value = $event),
@@ -19202,7 +19571,7 @@ ${newLineNumber} - `;
     };
   }
 });
-const DescriptionInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__scopeId", "data-v-e8b64ecb"]]);
+const DescriptionInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__scopeId", "data-v-e8b64ecb"]]);
 var mdiAlertCircle = "M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z";
 var mdiArrowRight = "M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z";
 var mdiCheckCircle = "M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z";
@@ -19233,8 +19602,8 @@ const icons = {
   cog: mdiCog,
   contentCopy: mdiContentCopy
 };
-const _hoisted_1$8 = { class: "download-title" };
-const _sfc_main$e = /* @__PURE__ */ defineComponent$1({
+const _hoisted_1$7 = { class: "download-title" };
+const _sfc_main$d = /* @__PURE__ */ defineComponent$1({
   ...{
     inheritAttrs: false
   },
@@ -19339,7 +19708,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent$1({
             ]),
             _: 1
           }, 8, ["start", "end", "class"])) : createCommentVNode("", true),
-          createElementVNode("span", _hoisted_1$8, toDisplayString(__props.title), 1),
+          createElementVNode("span", _hoisted_1$7, toDisplayString(__props.title), 1),
           !__props.icon ? (openBlock(), createBlock(VIcon, {
             key: 1,
             start: "",
@@ -19352,18 +19721,18 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const DownloadButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__scopeId", "data-v-0a911831"]]);
-const _hoisted_1$7 = {
+const DownloadButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__scopeId", "data-v-0a911831"]]);
+const _hoisted_1$6 = {
   key: 0,
   class: "pdf-viewer-header"
 };
-const _hoisted_2$5 = { class: "pdf-viewer-title" };
-const _hoisted_3$3 = { class: "pdf-viewer-controls" };
-const _hoisted_4$1 = {
+const _hoisted_2$4 = { class: "pdf-viewer-title" };
+const _hoisted_3$2 = { class: "pdf-viewer-controls" };
+const _hoisted_4 = {
   key: 0,
   class: "zoom-controls"
 };
-const _hoisted_5$1 = { class: "zoom-level" };
+const _hoisted_5 = { class: "zoom-level" };
 const _hoisted_6 = {
   key: 1,
   class: "navigation-controls"
@@ -19396,7 +19765,7 @@ const _hoisted_16 = {
   key: 0,
   class: "file-info"
 };
-const _sfc_main$d = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
   __name: "PdfViewer",
   props: {
     src: {},
@@ -19604,12 +19973,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent$1({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["pdf-viewer-container", { "fullscreen": isFullscreen.value }])
       }, [
-        __props.showHeader ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
-          createElementVNode("div", _hoisted_2$5, [
+        __props.showHeader ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
+          createElementVNode("div", _hoisted_2$4, [
             createElementVNode("h3", null, toDisplayString(__props.title || "PDF Viewer"), 1)
           ]),
-          createElementVNode("div", _hoisted_3$3, [
-            __props.showZoomControls ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+          createElementVNode("div", _hoisted_3$2, [
+            __props.showZoomControls ? (openBlock(), createElementBlock("div", _hoisted_4, [
               createVNode(VBtn, {
                 size: "small",
                 variant: "text",
@@ -19625,7 +19994,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent$1({
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              createElementVNode("span", _hoisted_5$1, toDisplayString(Math.round(zoom.value * 100)) + "%", 1),
+              createElementVNode("span", _hoisted_5, toDisplayString(Math.round(zoom.value * 100)) + "%", 1),
               createVNode(VBtn, {
                 size: "small",
                 variant: "text",
@@ -19823,8 +20192,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const PdfViewer = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__scopeId", "data-v-f3e9c767"]]);
-const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
+const PdfViewer = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__scopeId", "data-v-f3e9c767"]]);
+const _sfc_main$b = /* @__PURE__ */ defineComponent$1({
   __name: "UiChildCard",
   props: {
     title: String
@@ -19858,8 +20227,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _hoisted_1$6 = { class: "d-sm-flex align-center justify-space-between" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent$1({
+const _hoisted_1$5 = { class: "d-sm-flex align-center justify-space-between" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent$1({
   __name: "UiParentCard",
   props: {
     title: String
@@ -19871,7 +20240,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent$1({
         default: withCtx(() => [
           createVNode(VCardItem, null, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_1$6, [
+              createElementVNode("div", _hoisted_1$5, [
                 createVNode(VCardTitle, null, {
                   default: withCtx(() => [
                     createTextVNode(toDisplayString(props.title), 1)
@@ -19896,7 +20265,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
   __name: "VPriceTextField",
   props: {
     modelValue: {},
@@ -19997,112 +20366,6 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _hoisted_1$5 = { class: "mb-6" };
-const _hoisted_2$4 = { class: "text-subtitle-1 font-weight-medium mb-3" };
-const _hoisted_3$2 = { class: "theme-toggle-container" };
-const _hoisted_4 = { class: "toggle-slider" };
-const _hoisted_5 = { class: "toggle-icon" };
-const _sfc_main$9 = /* @__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$5, [
-        createElementVNode("h6", _hoisted_2$4, toDisplayString(__props.label), 1),
-        createElementVNode("div", _hoisted_3$2, [
-          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, [
-              createElementVNode("div", _hoisted_5, [
-                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$9, [["__scopeId", "data-v-536e1a17"]]);
 const _hoisted_1$4 = {
   class: "app-stepper-root",
   dir: "rtl"
@@ -39538,7 +39801,7 @@ export {
   BooleanEnumOptions,
   _sfc_main$k as ConfirmDialog,
   CustomAutocomplete,
-  _sfc_main$g as CustomDataTable,
+  _sfc_main$f as CustomDataTable,
   DateConverter,
   DescriptionInput,
   DigitLimit,
@@ -39553,9 +39816,9 @@ export {
   PdfViewer,
   ShamsiDatePicker,
   ToggleSwitch,
-  _sfc_main$c as UiChildCard,
-  _sfc_main$b as UiParentCard,
-  _sfc_main$a as VPriceTextField,
+  _sfc_main$b as UiChildCard,
+  _sfc_main$a as UiParentCard,
+  _sfc_main$9 as VPriceTextField,
   bootstrapApp,
   configureAuth,
   configureAxiosInstance,