@amirjalili1374/ui-kit 1.4.10 → 1.4.12

package/dist/ui-kit.es.js

@@ -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,7 @@ 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"]]);
 function useTableSelection(items, options = {}) {
   const selectedItems = ref([]);
   const expandedGroups = ref(/* @__PURE__ */ new Set());
@@ -13181,11 +13181,8 @@ function apiService(axiosInst, resource) {
       const response = await axiosInst.post(baseUrl, data2);
       return response;
     },
-    async update(data2) {
-      if (!data2.id) {
-        throw new Error("Update requires an id field");
-      }
-      const response = await axiosInst.put(`${baseUrl}/${data2.id}`, data2);
+    async update(id, data2) {
+      const response = await axiosInst.put(`${baseUrl}/${id}`, data2);
       return response;
     },
     async delete(id) {
@@ -16921,17 +16918,17 @@ const VTextarea = genericComponent()({
     return forwardRefs({}, vInputRef, vFieldRef, textareaRef);
   }
 });
-const _hoisted_1$9 = {
+const _hoisted_1$a = {
   key: 0,
   class: "page-title"
 };
-const _hoisted_2$5 = { class: "title-text" };
-const _hoisted_3$3 = { class: "action-buttons" };
-const _hoisted_4$1 = {
+const _hoisted_2$6 = { class: "title-text" };
+const _hoisted_3$4 = { class: "action-buttons" };
+const _hoisted_4$2 = {
   key: 3,
   class: "selection-actions"
 };
-const _hoisted_5$1 = {
+const _hoisted_5$2 = {
   key: 0,
   class: "selected-actions"
 };
@@ -16979,7 +16976,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$f = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
   ...{ inheritAttrs: false },
   __name: "CustomDataTable",
   props: {
@@ -17594,7 +17591,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
           }
         });
         if (isEditing.value && dataToSave.id) {
-          await api.update(dataToSave);
+          const recordId = dataToSave.id;
+          const { id, ...dataWithoutId } = dataToSave;
+          await api.update(recordId, dataWithoutId);
           snackbarMessage.value = "✅ آیتم با موفقیت بروزرسانی شد!";
         } else {
           const response = await api.create(dataToSave);
@@ -17895,10 +17894,10 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createElementBlock(Fragment, null, [
-        props.title ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
-          createElementVNode("h3", _hoisted_2$5, toDisplayString(props.title), 1)
+        props.title ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
+          createElementVNode("h3", _hoisted_2$6, toDisplayString(props.title), 1)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$3, [
+        createElementVNode("div", _hoisted_3$4, [
           ((_a = props.actions) == null ? void 0 : _a.includes("create")) ? (openBlock(), createBlock(VBtn, {
             key: 0,
             color: "green",
@@ -17931,7 +17930,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
             ])]),
             _: 1
           }, 8, ["onClick", "loading"])) : createCommentVNode("", true),
-          props.selectable && hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+          props.selectable && hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
             createVNode(VChip, {
               color: "primary",
               class: "me-2"
@@ -17958,7 +17957,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
             appear: ""
           }, {
             default: withCtx(() => [
-              props.bulkMode && hasValidSelection.value || props.enableGroupDelete && hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+              props.bulkMode && hasValidSelection.value || props.enableGroupDelete && hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
                 props.enableGroupDelete ? (openBlock(), createBlock(VBtn, {
                   key: 0,
                   color: "red",
@@ -18695,7 +18694,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,
@@ -19080,8 +19079,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _hoisted_1$8 = { class: "description-input" };
-const _sfc_main$e = /* @__PURE__ */ defineComponent$1({
+const _hoisted_1$9 = { class: "description-input" };
+const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
   __name: "DescriptionInput",
   props: {
     modelValue: { default: "" },
@@ -19180,7 +19179,7 @@ ${newLineNumber} - `;
       emit("change", internalValue.value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
         createVNode(VTextarea, {
           modelValue: internalValue.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalValue.value = $event),
@@ -19203,7 +19202,7 @@ ${newLineNumber} - `;
     };
   }
 });
-const DescriptionInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__scopeId", "data-v-e8b64ecb"]]);
+const DescriptionInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__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";
@@ -19234,8 +19233,8 @@ const icons = {
   cog: mdiCog,
   contentCopy: mdiContentCopy
 };
-const _hoisted_1$7 = { class: "download-title" };
-const _sfc_main$d = /* @__PURE__ */ defineComponent$1({
+const _hoisted_1$8 = { class: "download-title" };
+const _sfc_main$e = /* @__PURE__ */ defineComponent$1({
   ...{
     inheritAttrs: false
   },
@@ -19340,7 +19339,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent$1({
             ]),
             _: 1
           }, 8, ["start", "end", "class"])) : createCommentVNode("", true),
-          createElementVNode("span", _hoisted_1$7, toDisplayString(__props.title), 1),
+          createElementVNode("span", _hoisted_1$8, toDisplayString(__props.title), 1),
           !__props.icon ? (openBlock(), createBlock(VIcon, {
             key: 1,
             start: "",
@@ -19353,18 +19352,18 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const DownloadButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__scopeId", "data-v-0a911831"]]);
-const _hoisted_1$6 = {
+const DownloadButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__scopeId", "data-v-0a911831"]]);
+const _hoisted_1$7 = {
   key: 0,
   class: "pdf-viewer-header"
 };
-const _hoisted_2$4 = { class: "pdf-viewer-title" };
-const _hoisted_3$2 = { class: "pdf-viewer-controls" };
-const _hoisted_4 = {
+const _hoisted_2$5 = { class: "pdf-viewer-title" };
+const _hoisted_3$3 = { class: "pdf-viewer-controls" };
+const _hoisted_4$1 = {
   key: 0,
   class: "zoom-controls"
 };
-const _hoisted_5 = { class: "zoom-level" };
+const _hoisted_5$1 = { class: "zoom-level" };
 const _hoisted_6 = {
   key: 1,
   class: "navigation-controls"
@@ -19397,7 +19396,7 @@ const _hoisted_16 = {
   key: 0,
   class: "file-info"
 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$d = /* @__PURE__ */ defineComponent$1({
   __name: "PdfViewer",
   props: {
     src: {},
@@ -19605,12 +19604,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["pdf-viewer-container", { "fullscreen": isFullscreen.value }])
       }, [
-        __props.showHeader ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
-          createElementVNode("div", _hoisted_2$4, [
+        __props.showHeader ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
+          createElementVNode("div", _hoisted_2$5, [
             createElementVNode("h3", null, toDisplayString(__props.title || "PDF Viewer"), 1)
           ]),
-          createElementVNode("div", _hoisted_3$2, [
-            __props.showZoomControls ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          createElementVNode("div", _hoisted_3$3, [
+            __props.showZoomControls ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
               createVNode(VBtn, {
                 size: "small",
                 variant: "text",
@@ -19626,7 +19625,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              createElementVNode("span", _hoisted_5, toDisplayString(Math.round(zoom.value * 100)) + "%", 1),
+              createElementVNode("span", _hoisted_5$1, toDisplayString(Math.round(zoom.value * 100)) + "%", 1),
               createVNode(VBtn, {
                 size: "small",
                 variant: "text",
@@ -19824,8 +19823,8 @@ 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({
+const PdfViewer = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__scopeId", "data-v-f3e9c767"]]);
+const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
   __name: "UiChildCard",
   props: {
     title: String
@@ -19859,8 +19858,8 @@ 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({
+const _hoisted_1$6 = { class: "d-sm-flex align-center justify-space-between" };
+const _sfc_main$b = /* @__PURE__ */ defineComponent$1({
   __name: "UiParentCard",
   props: {
     title: String
@@ -19872,7 +19871,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent$1({
         default: withCtx(() => [
           createVNode(VCardItem, null, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_1$5, [
+              createElementVNode("div", _hoisted_1$6, [
                 createVNode(VCardTitle, null, {
                   default: withCtx(() => [
                     createTextVNode(toDisplayString(props.title), 1)
@@ -19897,7 +19896,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$a = /* @__PURE__ */ defineComponent$1({
   __name: "VPriceTextField",
   props: {
     modelValue: {},
@@ -19998,6 +19997,112 @@ const _sfc_main$9 = /* @__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"
@@ -39427,13 +39532,13 @@ 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,
+  _sfc_main$g as CustomDataTable,
   DateConverter,
   DescriptionInput,
   DigitLimit,
@@ -39443,13 +39548,14 @@ export {
   JwtInitializer,
   KeycloakInitializer,
   Loading,
-  _sfc_main$h as MoneyInput,
+  _sfc_main$i as MoneyInput,
   NationalCodeValidator,
   PdfViewer,
   ShamsiDatePicker,
-  _sfc_main$b as UiChildCard,
-  _sfc_main$a as UiParentCard,
-  _sfc_main$9 as VPriceTextField,
+  ToggleSwitch,
+  _sfc_main$c as UiChildCard,
+  _sfc_main$b as UiParentCard,
+  _sfc_main$a as VPriceTextField,
   bootstrapApp,
   configureAuth,
   configureAxiosInstance,