@amirjalili1374/ui-kit 1.2.2 → 1.3.0

package/dist/ui-kit.es.js

@@ -1,9 +1,9 @@
-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, onBeforeUpdate, withModifiers, withKeys, vModelText, onUnmounted } from "vue";
+import { capitalize, reactive, watchEffect, toRef, shallowRef, Fragment, camelize, isVNode, Comment, unref, warn, getCurrentInstance as getCurrentInstance$1, ref, computed, provide, inject, defineComponent as defineComponent$1, h, createElementVNode, normalizeStyle, normalizeClass, toValue, resolveDynamicComponent, nextTick, onScopeDispose, createVNode, mergeProps, toRefs, Text, isRef, TransitionGroup, Transition, watch, onBeforeMount, onBeforeUnmount, withDirectives, vShow, toDisplayString, effectScope, toRaw, readonly, createBlock, openBlock, withCtx, createCommentVNode, useId, onMounted, onUpdated, Teleport, createTextVNode, createElementBlock, renderSlot, onDeactivated, cloneVNode, renderList, createSlots, normalizeProps, guardReactiveProps, resolveComponent, onActivated, onBeforeUpdate, withModifiers, withKeys, vModelText, onUnmounted } from "vue";
 import { IconHome, IconArrowBadgeLeft, IconChevronDown, IconChevronRight, IconMinus, IconPlus, IconRefresh, IconChevronLeft, IconDownload, IconPrinter, IconMaximize, IconMinimize, IconX, IconFileText, IconCheck, IconPencil, IconClock } from "@tabler/icons-vue";
 import axios from "axios";
 import jalaali from "jalaali-js";
 import { useDebounceFn } from "@vueuse/core";
-import { useRouter as useRouter$1 } from "vue-router";
+import { useRouter as useRouter$1, useRoute as useRoute$1 } from "vue-router";
 import { defineStore } from "pinia";
 function propsFactory(props, source) {
   return (defaults) => {
@@ -656,13 +656,13 @@ function animate(el, keyframes, options) {
   }
   return animation;
 }
-const handlers = /* @__PURE__ */ new WeakMap();
+const handlers$1 = /* @__PURE__ */ new WeakMap();
 function bindProps(el, props) {
   Object.keys(props).forEach((k) => {
     var _a;
     if (isOn(k)) {
       const name2 = eventName(k);
-      const handler = handlers.get(el);
+      const handler = handlers$1.get(el);
       if (props[k] == null) {
         handler == null ? void 0 : handler.forEach((v) => {
           const [n, fn] = v;
@@ -675,7 +675,7 @@ function bindProps(el, props) {
         el.addEventListener(name2, props[k]);
         const _handler = handler || /* @__PURE__ */ new Set();
         _handler.add([name2, props[k]]);
-        if (!handlers.has(el)) handlers.set(el, _handler);
+        if (!handlers$1.has(el)) handlers$1.set(el, _handler);
       }
     } else {
       if (props[k] == null) {
@@ -690,7 +690,7 @@ function unbindProps(el, props) {
   Object.keys(props).forEach((k) => {
     if (isOn(k)) {
       const name2 = eventName(k);
-      const handler = handlers.get(el);
+      const handler = handlers$1.get(el);
       handler == null ? void 0 : handler.forEach((v) => {
         const [n, fn] = v;
         if (n === name2) {
@@ -1700,12 +1700,12 @@ const VIcon = genericComponent()({
     return {};
   }
 });
-const allowedDensities = [null, "default", "comfortable", "compact"];
+const allowedDensities$1 = [null, "default", "comfortable", "compact"];
 const makeDensityProps = propsFactory({
   density: {
     type: String,
     default: "default",
-    validator: (v) => allowedDensities.includes(v)
+    validator: (v) => allowedDensities$1.includes(v)
   }
 }, "density");
 function useDensity(props) {
@@ -3886,10 +3886,10 @@ const VRow = genericComponent()({
   }
 });
 const VSpacer = createSimpleFunctional("v-spacer", "div", "VSpacer");
-const _hoisted_1$a = { class: "text-h3" };
-const _hoisted_2$5 = { class: "d-flex align-center gap-2" };
-const _hoisted_3$5 = { class: "d-flex align-center gap-2" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
+const _hoisted_1$c = { class: "text-h3" };
+const _hoisted_2$7 = { class: "d-flex align-center gap-2" };
+const _hoisted_3$7 = { class: "d-flex align-center gap-2" };
+const _sfc_main$h = /* @__PURE__ */ defineComponent$1({
   __name: "BaseBreadcrumb",
   props: {
     title: String,
@@ -3918,7 +3918,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                     default: withCtx(() => [
                       createVNode(VCol, { md: "5" }, {
                         default: withCtx(() => [
-                          createElementVNode("h3", _hoisted_1$a, toDisplayString(props.title), 1)
+                          createElementVNode("h3", _hoisted_1$c, toDisplayString(props.title), 1)
                         ]),
                         _: 1
                       }),
@@ -3933,7 +3933,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                             class: "text-h5 justify-md-end pa-1"
                           }, {
                             divider: withCtx(() => [
-                              createElementVNode("div", _hoisted_2$5, [
+                              createElementVNode("div", _hoisted_2$7, [
                                 createVNode(unref(IconArrowBadgeLeft), { stroke: "{2}" })
                               ])
                             ]),
@@ -3942,7 +3942,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                                 size: "16",
                                 class: "text-secondary ml-2"
                               }),
-                              createElementVNode("div", _hoisted_3$5, [
+                              createElementVNode("div", _hoisted_3$7, [
                                 createVNode(unref(IconArrowBadgeLeft), { stroke: "{2}" })
                               ])
                             ]),
@@ -3966,7 +3966,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _sfc_main$e = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$g = /* @__PURE__ */ defineComponent$1({
   __name: "BaseIcon",
   props: {
     icon: {
@@ -5496,10 +5496,10 @@ function useScrollStrategies(props, data2) {
   });
 }
 function closeScrollStrategy(data2) {
-  function onScroll(e) {
+  function onScroll2(e) {
     data2.isActive.value = false;
   }
-  bindScroll(getTargetEl(data2.target.value, data2.contentEl.value), onScroll);
+  bindScroll(getTargetEl(data2.target.value, data2.contentEl.value), onScroll2);
 }
 function blockScrollStrategy(data2, props) {
   var _a;
@@ -5542,7 +5542,7 @@ function repositionScrollStrategy(data2, props, scope) {
   let slow = false;
   let raf2 = -1;
   let ric = -1;
-  function update(e) {
+  function update2(e) {
     requestNewFrame(() => {
       var _a, _b;
       const start = performance.now();
@@ -5558,11 +5558,11 @@ function repositionScrollStrategy(data2, props, scope) {
           cancelAnimationFrame(raf2);
           raf2 = requestAnimationFrame(() => {
             raf2 = requestAnimationFrame(() => {
-              update(e);
+              update2(e);
             });
           });
         } else {
-          update(e);
+          update2(e);
         }
       });
     });
@@ -5575,16 +5575,16 @@ function repositionScrollStrategy(data2, props, scope) {
 function getTargetEl(target, contentEl) {
   return Array.isArray(target) ? document.elementsFromPoint(...target).find((el) => !(contentEl == null ? void 0 : contentEl.contains(el))) : target ?? contentEl;
 }
-function bindScroll(el, onScroll) {
+function bindScroll(el, onScroll2) {
   const scrollElements = [document, ...getScrollParents(el)];
   scrollElements.forEach((el2) => {
-    el2.addEventListener("scroll", onScroll, {
+    el2.addEventListener("scroll", onScroll2, {
       passive: true
     });
   });
   onScopeDispose(() => {
     scrollElements.forEach((el2) => {
-      el2.removeEventListener("scroll", onScroll);
+      el2.removeEventListener("scroll", onScroll2);
     });
   });
 }
@@ -6581,11 +6581,11 @@ const VDialog = genericComponent()({
     return forwardRefs({}, overlay);
   }
 });
-const _hoisted_1$9 = {
+const _hoisted_1$b = {
   key: 0,
   class: "mb-2"
 };
-const _sfc_main$d = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
   __name: "ConfirmDialog",
   props: {
     modelValue: { type: Boolean },
@@ -6631,7 +6631,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent$1({
               }),
               createVNode(VCardText, null, {
                 default: withCtx(() => [
-                  __props.message ? (openBlock(), createElementBlock("div", _hoisted_1$9, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
+                  __props.message ? (openBlock(), createElementBlock("div", _hoisted_1$b, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
                   renderSlot(_ctx.$slots, "default")
                 ]),
                 _: 3
@@ -7223,13 +7223,13 @@ function useValidation(props) {
     let value2 = (props.validateOn ?? ((_a = form.validateOn) == null ? void 0 : _a.value)) || "input";
     if (value2 === "lazy") value2 = "input lazy";
     if (value2 === "eager") value2 = "input eager";
-    const set = new Set((value2 == null ? void 0 : value2.split(" ")) ?? []);
+    const set2 = new Set((value2 == null ? void 0 : value2.split(" ")) ?? []);
     return {
-      input: set.has("input"),
-      blur: set.has("blur") || set.has("input") || set.has("invalid-input"),
-      invalidInput: set.has("invalid-input"),
-      lazy: set.has("lazy"),
-      eager: set.has("eager")
+      input: set2.has("input"),
+      blur: set2.has("blur") || set2.has("input") || set2.has("invalid-input"),
+      invalidInput: set2.has("invalid-input"),
+      lazy: set2.has("lazy"),
+      eager: set2.has("eager")
     };
   });
   const isValid = computed(() => {
@@ -7874,7 +7874,7 @@ const VSlideGroup = genericComponent()({
         goTo(newPosition, goToOptions.value);
       }
     }
-    function onScroll(e) {
+    function onScroll2(e) {
       const {
         scrollTop,
         scrollLeft
@@ -8034,7 +8034,7 @@ const VSlideGroup = genericComponent()({
           "key": "container",
           "ref": containerRef,
           "class": normalizeClass(["v-slide-group__container", props.contentClass]),
-          "onScroll": onScroll
+          "onScroll": onScroll2
         }, [createElementVNode("div", {
           "ref": contentRef,
           "class": "v-slide-group__content",
@@ -8512,19 +8512,19 @@ const independentActiveStrategy = (mandatory) => {
       return activated;
     },
     in: (v, children, parents) => {
-      let set = /* @__PURE__ */ new Set();
+      let set2 = /* @__PURE__ */ new Set();
       if (v != null) {
         for (const id of wrapInArray(v)) {
-          set = strategy.activate({
+          set2 = strategy.activate({
             id,
             value: true,
-            activated: new Set(set),
+            activated: new Set(set2),
             children,
             parents
           });
         }
       }
-      return set;
+      return set2;
     },
     out: (v) => {
       return Array.from(v);
@@ -8550,14 +8550,14 @@ const independentSingleActiveStrategy = (mandatory) => {
       });
     },
     in: (v, children, parents) => {
-      let set = /* @__PURE__ */ new Set();
+      let set2 = /* @__PURE__ */ new Set();
       if (v != null) {
         const arr = wrapInArray(v);
         if (arr.length) {
-          set = parentStrategy.in(arr.slice(0, 1), children, parents);
+          set2 = parentStrategy.in(arr.slice(0, 1), children, parents);
         }
       }
-      return set;
+      return set2;
     },
     out: (v, children, parents) => {
       return parentStrategy.out(v, children, parents);
@@ -11583,11 +11583,11 @@ const VSelect = genericComponent()({
       }
     }
     function select(item) {
-      let set = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
+      let set2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
       if (item.props.disabled) return;
       if (props.multiple) {
         const index2 = model.value.findIndex((selection) => (props.valueComparator || deepEqual)(selection.value, item.value));
-        const add2 = set == null ? !~index2 : set;
+        const add2 = set2 == null ? !~index2 : set2;
         if (~index2) {
           const value2 = add2 ? [...model.value, item] : [...model.value];
           value2.splice(index2, 1);
@@ -11596,7 +11596,7 @@ const VSelect = genericComponent()({
           model.value = [...model.value, item];
         }
       } else {
-        const add2 = set !== false;
+        const add2 = set2 !== false;
         model.value = add2 ? [item] : [];
         nextTick(() => {
           menu.value = false;
@@ -11977,11 +11977,11 @@ function useFilter(props, items, query, options) {
     results.forEach((_ref) => {
       let {
         index: index2,
-        matches
+        matches: matches2
       } = _ref;
       const item = originalItems[index2];
       _filteredItems.push(item);
-      _filteredMatches.set(item.value, matches);
+      _filteredMatches.set(item.value, matches2);
     });
     filteredItems.value = _filteredItems;
     filteredMatches.value = _filteredMatches;
@@ -11995,16 +11995,16 @@ function useFilter(props, items, query, options) {
     getMatches
   };
 }
-function highlightResult(name2, text2, matches) {
-  if (matches == null || !matches.length) return text2;
-  return matches.map((match, i) => {
-    const start = i === 0 ? 0 : matches[i - 1][1];
+function highlightResult(name2, text2, matches2) {
+  if (matches2 == null || !matches2.length) return text2;
+  return matches2.map((match, i) => {
+    const start = i === 0 ? 0 : matches2[i - 1][1];
     const result = [createElementVNode("span", {
       "class": normalizeClass(`${name2}__unmask`)
     }, [text2.slice(start, match[0])]), createElementVNode("span", {
       "class": normalizeClass(`${name2}__mask`)
     }, [text2.slice(match[0], match[1])])];
-    if (i === matches.length - 1) {
+    if (i === matches2.length - 1) {
       result.push(createElementVNode("span", {
         "class": normalizeClass(`${name2}__unmask`)
       }, [text2.slice(match[1])]));
@@ -12231,11 +12231,11 @@ const VAutocomplete = genericComponent()({
     }
     const isSelecting = shallowRef(false);
     function select(item) {
-      let set = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
+      let set2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
       if (!item || item.props.disabled) return;
       if (props.multiple) {
         const index2 = model.value.findIndex((selection) => (props.valueComparator || deepEqual)(selection.value, item.value));
-        const add2 = set == null ? !~index2 : set;
+        const add2 = set2 == null ? !~index2 : set2;
         if (~index2) {
           const value2 = add2 ? [...model.value, item] : [...model.value];
           value2.splice(index2, 1);
@@ -12247,7 +12247,7 @@ const VAutocomplete = genericComponent()({
           search.value = "";
         }
       } else {
-        const add2 = set !== false;
+        const add2 = set2 !== false;
         model.value = add2 ? [item] : [];
         search.value = add2 && !hasSelectionSlot.value ? item.title : "";
         nextTick(() => {
@@ -12592,17 +12592,17 @@ const VTooltip = genericComponent()({
     return forwardRefs({}, overlay);
   }
 });
-const _hoisted_1$8 = { class: "ca-item-title" };
-const _hoisted_2$4 = { 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$a = { class: "ca-item-title" };
+const _hoisted_2$6 = { class: "ca-item-subtitle" };
+const _hoisted_3$6 = { class: "ca-group-tooltip" };
+const _hoisted_4$4 = { 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$c = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$e = /* @__PURE__ */ defineComponent$1({
   __name: "CustomAutocomplete",
   props: {
     fields: {},
@@ -12711,7 +12711,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
                 class: { "ca-main-group": true }
               }), createSlots({
                 title: withCtx(() => [
-                  createElementVNode("div", _hoisted_1$8, [
+                  createElementVNode("div", _hoisted_1$a, [
                     createTextVNode(toDisplayString(resolveTitle(item.raw ?? item)) + " ", 1),
                     createVNode(VChip, {
                       size: "small",
@@ -12736,7 +12736,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
                 __props.displayStyle === "detailed" && resolveSubtitle(item.raw ?? item) ? {
                   name: "subtitle",
                   fn: withCtx(() => [
-                    createElementVNode("div", _hoisted_2$4, toDisplayString(resolveSubtitle(item.raw ?? item)), 1)
+                    createElementVNode("div", _hoisted_2$6, toDisplayString(resolveSubtitle(item.raw ?? item)), 1)
                   ]),
                   key: "0"
                 } : void 0
@@ -12747,10 +12747,10 @@ const _sfc_main$c = /* @__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$6, [
+                  createElementVNode("div", _hoisted_4$4, [
                     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) => {
@@ -12813,8 +12813,8 @@ const _export_sfc$1 = (sfc, props) => {
   }
   return target;
 };
-const CustomAutocomplete = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__scopeId", "data-v-4c17f7bd"]]);
-const _sfc_main$b = /* @__PURE__ */ defineComponent$1({
+const CustomAutocomplete = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__scopeId", "data-v-4c17f7bd"]]);
+const _sfc_main$d = /* @__PURE__ */ defineComponent$1({
   __name: "MoneyInput",
   props: {
     modelValue: {
@@ -12920,8 +12920,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _hoisted_1$7 = { class: "shamsi-date-picker" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent$1({
+const _hoisted_1$9 = { class: "shamsi-date-picker" };
+const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
   __name: "ShamsiDatePicker",
   props: {
     modelValue: { default: "" },
@@ -13009,7 +13009,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent$1({
     const isRangeMode = computed(() => props.mode === "range");
     return (_ctx, _cache) => {
       const _component_Vue3PersianDatetimePicker = resolveComponent("Vue3PersianDatetimePicker");
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
         createVNode(_component_Vue3PersianDatetimePicker, {
           label: __props.label,
           modelValue: selectedDate.value,
@@ -13032,7 +13032,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const ShamsiDatePicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__scopeId", "data-v-d56f50fe"]]);
+const ShamsiDatePicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__scopeId", "data-v-d56f50fe"]]);
 function useTableSelection(items, options = {}) {
   const selectedItems = ref([]);
   const expandedGroups = ref(/* @__PURE__ */ new Set());
@@ -13167,7 +13167,7 @@ function useTableSelection(items, options = {}) {
     getUniqueValue
   };
 }
-function apiService(axiosInst = axios, resource) {
+function apiService(axiosInst, resource) {
   const baseUrl = resource.startsWith("/") ? resource : `/${resource}`;
   return {
     async fetch(params = {}) {
@@ -13195,6 +13195,13 @@ function apiService(axiosInst = axios, resource) {
     }
   };
 }
+let configuredInstance = null;
+function configureAxiosInstance(instance) {
+  configuredInstance = instance;
+}
+function getAxiosInstance() {
+  return configuredInstance || axios;
+}
 class DateConverter {
   // Convert Gregorian to Shamsi
   static toShamsi(dateStr) {
@@ -13449,6 +13456,17 @@ const VAlert = genericComponent()({
   }
 });
 const VuetifyLayoutKey = Symbol.for("vuetify:layout");
+const VuetifyLayoutItemKey = Symbol.for("vuetify:layout-item");
+const makeLayoutItemProps = propsFactory({
+  name: {
+    type: String
+  },
+  order: {
+    type: [Number, String],
+    default: 0
+  },
+  absolute: Boolean
+}, "layout-item");
 function useLayout() {
   const layout = inject(VuetifyLayoutKey);
   if (!layout) throw new Error("[Vuetify] Could not find injected layout");
@@ -13458,6 +13476,32 @@ function useLayout() {
     mainStyles: layout.mainStyles
   };
 }
+function useLayoutItem(options) {
+  const layout = inject(VuetifyLayoutKey);
+  if (!layout) throw new Error("[Vuetify] Could not find injected layout");
+  const id = options.id ?? `layout-item-${useId()}`;
+  const vm = getCurrentInstance("useLayoutItem");
+  provide(VuetifyLayoutItemKey, {
+    id
+  });
+  const isKeptAlive = shallowRef(false);
+  onDeactivated(() => isKeptAlive.value = true);
+  onActivated(() => isKeptAlive.value = false);
+  const {
+    layoutItemStyles,
+    layoutItemScrimStyles
+  } = layout.register(vm, {
+    ...options,
+    active: computed(() => isKeptAlive.value ? false : options.active.value),
+    id
+  });
+  onBeforeUnmount(() => layout.unregister(id));
+  return {
+    layoutItemStyles,
+    layoutRect: layout.layoutRect,
+    layoutItemScrimStyles
+  };
+}
 function useRefs() {
   const refs = ref([]);
   onBeforeUpdate(() => refs.value = []);
@@ -16196,17 +16240,17 @@ const VSnackbar = genericComponent()({
     return forwardRefs({}, overlay);
   }
 });
-const _hoisted_1$6 = {
+const _hoisted_1$8 = {
   key: 0,
   class: "page-title"
 };
-const _hoisted_2$3 = { class: "title-text" };
-const _hoisted_3$3 = { class: "action-buttons" };
-const _hoisted_4$1 = {
+const _hoisted_2$5 = { class: "title-text" };
+const _hoisted_3$5 = { class: "action-buttons" };
+const _hoisted_4$3 = {
   key: 3,
   class: "selection-actions"
 };
-const _hoisted_5$1 = {
+const _hoisted_5$2 = {
   key: 0,
   class: "selected-actions"
 };
@@ -16240,7 +16284,7 @@ const _hoisted_18 = {
 };
 const _hoisted_19 = { class: "d-flex justify-space-between align-center pa-4" };
 const _hoisted_20 = { class: "text-subtitle-2" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$b = /* @__PURE__ */ defineComponent$1({
   ...{ inheritAttrs: false },
   __name: "CustomDataTable",
   props: {
@@ -16272,7 +16316,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
     defaultExpanded: { type: Boolean, default: false },
     defaultSelected: {},
     dateWithTimezone: { type: Boolean, default: false },
-    bulkMode: { type: Boolean, default: false }
+    bulkMode: { type: Boolean, default: false },
+    axiosInstance: {}
   },
   emits: ["update:selectedItems", "selection-change"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -16709,7 +16754,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
     );
     onBeforeUnmount(() => {
     });
-    const api = apiService(axios, props.apiResource);
+    const componentAxiosInstance = props.axiosInstance || getAxiosInstance();
+    const api = apiService(componentAxiosInstance, props.apiResource);
     const customActionDialog = ref(false);
     const customActionComponent = shallowRef(null);
     const customActionItem = ref(null);
@@ -16947,7 +16993,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
       } catch (error2) {
         console.error("Download error:", error2);
         try {
-          const axiosResponse = await axios.get(fileUrlString, {
+          const axiosResponse = await componentAxiosInstance.get(fileUrlString, {
             responseType: "blob",
             headers: {
               Accept: "application/octet-stream,application/pdf,image/*,*/*"
@@ -16961,7 +17007,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
             url: fileUrlString
           });
           if (contentType && contentType.includes("xml")) {
-            const textResponse = await axios.get(fileUrlString, {
+            const textResponse = await componentAxiosInstance.get(fileUrlString, {
               responseType: "text"
             });
             console.error("Server returned XML error:", textResponse.data);
@@ -16985,7 +17031,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
           console.error("Axios download error:", axiosError);
           if (axiosError.response) {
             try {
-              const errorText = await axios.get(url, {
+              const errorText = await componentAxiosInstance.get(fileUrlString, {
                 responseType: "text"
               });
               console.error("Server error response:", errorText.data);
@@ -17076,10 +17122,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createElementBlock(Fragment, null, [
-        props.title ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
-          createElementVNode("h3", _hoisted_2$3, toDisplayString(props.title), 1)
+        props.title ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
+          createElementVNode("h3", _hoisted_2$5, toDisplayString(props.title), 1)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$3, [
+        createElementVNode("div", _hoisted_3$5, [
           ((_a = props.actions) == null ? void 0 : _a.includes("create")) ? (openBlock(), createBlock(VBtn, {
             key: 0,
             color: "green",
@@ -17112,7 +17158,7 @@ const _sfc_main$9 = /* @__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$3, [
             createVNode(VChip, {
               color: "primary",
               class: "me-2"
@@ -17139,7 +17185,7 @@ const _sfc_main$9 = /* @__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",
@@ -17820,7 +17866,7 @@ const _sfc_main$9 = /* @__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$b, {
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "items", "item-title", "item-value", "return-object", "multiple", "chips", "closable-chips", "disabled"])) : isMoneyHeader(header) ? (openBlock(), createBlock(_sfc_main$d, {
                                       key: 2,
                                       modelValue: formModel.value[resolveHeaderKey(header)],
                                       "onUpdate:modelValue": ($event) => formModel.value[resolveHeaderKey(header)] = $event,
@@ -18362,8 +18408,8 @@ const VTextarea = genericComponent()({
     return forwardRefs({}, vInputRef, vFieldRef, textareaRef);
   }
 });
-const _hoisted_1$5 = { class: "description-input" };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
+const _hoisted_1$7 = { class: "description-input" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent$1({
   __name: "DescriptionInput",
   props: {
     modelValue: { default: "" },
@@ -18462,7 +18508,7 @@ ${newLineNumber} - `;
       emit("change", internalValue.value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
         createVNode(VTextarea, {
           modelValue: internalValue.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalValue.value = $event),
@@ -18485,7 +18531,7 @@ ${newLineNumber} - `;
     };
   }
 });
-const DescriptionInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__scopeId", "data-v-e8b64ecb"]]);
+const DescriptionInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__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";
@@ -18514,8 +18560,8 @@ const icons = {
   arrowRight: mdiArrowRight,
   cog: mdiCog
 };
-const _hoisted_1$4 = { class: "download-title" };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent$1({
+const _hoisted_1$6 = { class: "download-title" };
+const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
   ...{
     inheritAttrs: false
   },
@@ -18620,7 +18666,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent$1({
             ]),
             _: 1
           }, 8, ["start", "end", "class"])) : createCommentVNode("", true),
-          createElementVNode("span", _hoisted_1$4, toDisplayString(__props.title), 1),
+          createElementVNode("span", _hoisted_1$6, toDisplayString(__props.title), 1),
           !__props.icon ? (openBlock(), createBlock(VIcon, {
             key: 1,
             start: "",
@@ -18633,18 +18679,18 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const DownloadButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__scopeId", "data-v-0a911831"]]);
-const _hoisted_1$3 = {
+const DownloadButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__scopeId", "data-v-0a911831"]]);
+const _hoisted_1$5 = {
   key: 0,
   class: "pdf-viewer-header"
 };
-const _hoisted_2$2 = { class: "pdf-viewer-title" };
-const _hoisted_3$2 = { class: "pdf-viewer-controls" };
-const _hoisted_4 = {
+const _hoisted_2$4 = { class: "pdf-viewer-title" };
+const _hoisted_3$4 = { class: "pdf-viewer-controls" };
+const _hoisted_4$2 = {
   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"
@@ -18677,7 +18723,7 @@ const _hoisted_16 = {
   key: 0,
   class: "file-info"
 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
   __name: "PdfViewer",
   props: {
     src: {},
@@ -18885,12 +18931,12 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["pdf-viewer-container", { "fullscreen": isFullscreen.value }])
       }, [
-        __props.showHeader ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
-          createElementVNode("div", _hoisted_2$2, [
+        __props.showHeader ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+          createElementVNode("div", _hoisted_2$4, [
             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$4, [
+            __props.showZoomControls ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
               createVNode(VBtn, {
                 size: "small",
                 variant: "text",
@@ -18906,7 +18952,7 @@ const _sfc_main$6 = /* @__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",
@@ -19104,8 +19150,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const PdfViewer = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__scopeId", "data-v-f3e9c767"]]);
-const _sfc_main$5 = /* @__PURE__ */ defineComponent$1({
+const PdfViewer = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__scopeId", "data-v-f3e9c767"]]);
+const _sfc_main$7 = /* @__PURE__ */ defineComponent$1({
   __name: "UiChildCard",
   props: {
     title: String
@@ -19139,8 +19185,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _hoisted_1$2 = { class: "d-sm-flex align-center justify-space-between" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent$1({
+const _hoisted_1$4 = { class: "d-sm-flex align-center justify-space-between" };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
   __name: "UiParentCard",
   props: {
     title: String
@@ -19152,7 +19198,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent$1({
         default: withCtx(() => [
           createVNode(VCardItem, null, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_1$2, [
+              createElementVNode("div", _hoisted_1$4, [
                 createVNode(VCardTitle, null, {
                   default: withCtx(() => [
                     createTextVNode(toDisplayString(props.title), 1)
@@ -19177,7 +19223,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent$1({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent$1({
   __name: "VPriceTextField",
   props: {
     modelValue: {},
@@ -19278,13 +19324,13 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const _hoisted_1$1 = {
+const _hoisted_1$3 = {
   class: "app-stepper-root",
   dir: "rtl"
 };
-const _hoisted_2$1 = { class: "app-stepper-header-card" };
-const _hoisted_3$1 = { class: "app-stepper-title" };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
+const _hoisted_2$3 = { class: "app-stepper-header-card" };
+const _hoisted_3$3 = { class: "app-stepper-title" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent$1({
   __name: "AppStepper",
   props: {
     steps: {
@@ -19336,8 +19382,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
     });
     __expose({ currentStepComponentRef });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createElementVNode("div", _hoisted_2$1, [
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+        createElementVNode("div", _hoisted_2$3, [
           createElementVNode("div", {
             ref_key: "stepperHeaderRef",
             ref: stepperHeaderRef,
@@ -19378,7 +19424,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
                     }))
                   ], true)
                 ], 2),
-                createElementVNode("span", _hoisted_3$1, toDisplayString(step.title), 1),
+                createElementVNode("span", _hoisted_3$3, toDisplayString(step.title), 1),
                 index2 < __props.steps.length - 1 ? (openBlock(), createElementBlock("span", {
                   key: 0,
                   class: normalizeClass([
@@ -19403,7 +19449,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const AppStepper = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__scopeId", "data-v-d5178633"]]);
+const AppStepper = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["__scopeId", "data-v-d5178633"]]);
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -20632,7 +20678,7 @@ var lottie = { exports: {} };
         }
         return null;
       }
-      function destroy() {
+      function destroy2() {
         this.imagesLoadedCb = null;
         this.images.length = 0;
       }
@@ -20670,7 +20716,7 @@ var lottie = { exports: {} };
         setPath,
         loadedImages,
         loadedFootages,
-        destroy,
+        destroy: destroy2,
         getAsset,
         createImgData,
         createImageData,
@@ -21612,7 +21658,7 @@ var lottie = { exports: {} };
           registeredAnimations[i].animation.togglePause(animation);
         }
       }
-      function destroy(animation) {
+      function destroy2(animation) {
         var i;
         for (i = len - 1; i >= 0; i -= 1) {
           registeredAnimations[i].animation.destroy(animation);
@@ -21692,7 +21738,7 @@ var lottie = { exports: {} };
       moduleOb.searchAnimations = searchAnimations2;
       moduleOb.resize = resize;
       moduleOb.goToAndStop = goToAndStop;
-      moduleOb.destroy = destroy;
+      moduleOb.destroy = destroy2;
       moduleOb.freeze = freeze;
       moduleOb.unfreeze = unfreeze;
       moduleOb.setVolume = setVolume;
@@ -21727,14 +21773,14 @@ var lottie = { exports: {} };
       function B(aA1, aA2) {
         return 3 * aA2 - 6 * aA1;
       }
-      function C(aA1) {
+      function C2(aA1) {
         return 3 * aA1;
       }
       function calcBezier(aT, aA1, aA2) {
-        return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT;
+        return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C2(aA1)) * aT;
       }
       function getSlope(aT, aA1, aA2) {
-        return 3 * A(aA1, aA2) * aT * aT + 2 * B(aA1, aA2) * aT + C(aA1);
+        return 3 * A(aA1, aA2) * aT * aT + 2 * B(aA1, aA2) * aT + C2(aA1);
       }
       function binarySubdivide(aX, aA, aB, mX1, mX2) {
         var currentX, currentT, i = 0;
@@ -21765,7 +21811,7 @@ var lottie = { exports: {} };
         this.get = this.get.bind(this);
       }
       BezierEasing.prototype = {
-        get: function get(x) {
+        get: function get2(x) {
           var mX1 = this._p[0], mY1 = this._p[1], mX2 = this._p[2], mY2 = this._p[3];
           if (!this._precomputed) this._precompute();
           if (mX1 === mY1 && mX2 === mY2) return x;
@@ -26912,7 +26958,7 @@ var lottie = { exports: {} };
           this.prepareProperties(num, this.isInRange);
           this.checkTransparency();
         },
-        destroy: function destroy() {
+        destroy: function destroy2() {
           this.innerElem = null;
           this.destroyBaseElement();
         }
@@ -30177,7 +30223,7 @@ var lottie = { exports: {} };
           this._isFirstFrame = false;
         }
       },
-      destroy: function destroy() {
+      destroy: function destroy2() {
         this.canvasContext = null;
         this.data = null;
         this.globalData = null;
@@ -31523,7 +31569,7 @@ var lottie = { exports: {} };
           this._isFirstFrame = false;
         }
       },
-      destroy: function destroy() {
+      destroy: function destroy2() {
         this.layerElement = null;
         this.transformedElement = null;
         if (this.matteElement) {
@@ -33099,7 +33145,7 @@ var lottie = { exports: {} };
         var thisProperty = property;
         thisProperty.valueAtTime = thisProperty.getValueAtTime;
         Object.defineProperty(thisProperty, "value", {
-          get: function get() {
+          get: function get2() {
             return thisProperty.v;
           }
         });
@@ -33440,7 +33486,7 @@ var lottie = { exports: {} };
         this._data = data2;
       }
       Object.defineProperty(MaskInterface.prototype, "maskPath", {
-        get: function get() {
+        get: function get2() {
           if (this._mask.prop.k) {
             this._mask.prop.getValue();
           }
@@ -33448,7 +33494,7 @@ var lottie = { exports: {} };
         }
       });
       Object.defineProperty(MaskInterface.prototype, "maskOpacity", {
-        get: function get() {
+        get: function get2() {
           if (this._mask.op.k) {
             this._mask.op.getValue();
           }
@@ -33489,7 +33535,7 @@ var lottie = { exports: {} };
       };
       function completeProperty(expressionValue, property2, type) {
         Object.defineProperty(expressionValue, "velocity", {
-          get: function get() {
+          get: function get2() {
             return property2.getVelocityAtTime(property2.comp.currentFrame);
           }
         });
@@ -33645,7 +33691,7 @@ var lottie = { exports: {} };
           }
         }
         Object.defineProperty(_thisFunction, "position", {
-          get: function get() {
+          get: function get2() {
             if (transform2.p) {
               return _transformFactory();
             }
@@ -33797,12 +33843,12 @@ var lottie = { exports: {} };
         var anchorPointDescriptor = getDescriptor(transformInterface, "anchorPoint");
         Object.defineProperties(_thisLayerFunction, {
           hasParent: {
-            get: function get() {
+            get: function get2() {
               return elem2.hierarchy.length;
             }
           },
           parent: {
-            get: function get() {
+            get: function get2() {
               return elem2.hierarchy[0].layerInterface;
             }
           },
@@ -33813,12 +33859,12 @@ var lottie = { exports: {} };
           anchorPoint: anchorPointDescriptor,
           anchor_point: anchorPointDescriptor,
           transform: {
-            get: function get() {
+            get: function get2() {
               return transformInterface;
             }
           },
           active: {
-            get: function get() {
+            get: function get2() {
               return elem2.isInRange;
             }
           }
@@ -33888,7 +33934,7 @@ var lottie = { exports: {} };
             return null;
           };
           Object.defineProperty(groupInterface, "numProperties", {
-            get: function get() {
+            get: function get2() {
               return effects.length;
             }
           });
@@ -33925,14 +33971,14 @@ var lottie = { exports: {} };
         }
         if (data2.mn === "ADBE Color Control") {
           Object.defineProperty(groupInterface, "color", {
-            get: function get() {
+            get: function get2() {
               return effectElements[0]();
             }
           });
         }
         Object.defineProperties(groupInterface, {
           numProperties: {
-            get: function get() {
+            get: function get2() {
               return data2.np;
             }
           },
@@ -33975,7 +34021,7 @@ var lottie = { exports: {} };
         prop.setGroupProperty(PropertyInterface("Path", _propertyGroup));
         Object.defineProperties(interfaceFunction, {
           path: {
-            get: function get() {
+            get: function get2() {
               if (prop.k) {
                 prop.getValue();
               }
@@ -33983,7 +34029,7 @@ var lottie = { exports: {} };
             }
           },
           shape: {
-            get: function get() {
+            get: function get2() {
               if (prop.k) {
                 prop.getValue();
               }
@@ -34086,7 +34132,7 @@ var lottie = { exports: {} };
         interfaceFunction.content = content2;
         interfaceFunction.transform = transformInterface;
         Object.defineProperty(interfaceFunction, "_name", {
-          get: function get() {
+          get: function get2() {
             return shape.nm;
           }
         });
@@ -34148,7 +34194,7 @@ var lottie = { exports: {} };
             get: ExpressionPropertyInterface(view.o)
           },
           type: {
-            get: function get() {
+            get: function get2() {
               return "a";
             }
           },
@@ -34208,7 +34254,7 @@ var lottie = { exports: {} };
             get: ExpressionPropertyInterface(view.w)
           },
           dash: {
-            get: function get() {
+            get: function get2() {
               return dashOb;
             }
           },
@@ -34552,14 +34598,14 @@ var lottie = { exports: {} };
           }
         }
         Object.defineProperty(_thisLayerFunction, "sourceText", {
-          get: function get() {
+          get: function get2() {
             elem2.textProperty.getValue();
             var stringValue = elem2.textProperty.currentData.t;
             if (!_sourceText || stringValue !== _sourceText.value) {
               _sourceText = new String(stringValue);
               _sourceText.value = stringValue || new String(stringValue);
               Object.defineProperty(_sourceText, "style", {
-                get: function get2() {
+                get: function get3() {
                   return {
                     fillColor: elem2.textProperty.currentData.fc
                   };
@@ -35823,7 +35869,7 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$1 = defineComponent$1({
+const _sfc_main$3 = defineComponent$1({
   props: {
     animationData: {
       type: Object,
@@ -36074,7 +36120,7 @@ const _sfc_main$1 = defineComponent$1({
         lottieAnimation.stop();
       }
     };
-    const destroy = () => {
+    const destroy2 = () => {
       if (lottieAnimation) {
         lottieAnimation.destroy();
       }
@@ -36134,7 +36180,7 @@ const _sfc_main$1 = defineComponent$1({
       play,
       pause,
       stop,
-      destroy,
+      destroy: destroy2,
       setSpeed,
       setDirection,
       goToAndStop,
@@ -36155,7 +36201,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.hoverEnded && _ctx.hoverEnded(...args))
   }, null, 36);
 }
-var Vue3Lottie = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
+var Vue3Lottie = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render]]);
 const useCustomizerStore = defineStore({
   id: "customizer",
   state: () => ({
@@ -36209,21 +36255,21 @@ const useCustomizerStore = defineStore({
     }
   }
 });
-const _hoisted_1 = {
+const _hoisted_1$2 = {
   key: 0,
   class: "loading-overlay"
 };
-const _hoisted_2 = { class: "loading-wrapper" };
-const _hoisted_3 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ defineComponent$1({
+const _hoisted_2$2 = { class: "loading-wrapper" };
+const _hoisted_3$2 = { key: 0 };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
   __name: "Loading",
   setup(__props) {
     const customizer = useCustomizerStore();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Transition, { name: "fade" }, {
         default: withCtx(() => [
-          unref(customizer).loading ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            createElementVNode("div", _hoisted_2, [
+          unref(customizer).loading ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+            createElementVNode("div", _hoisted_2$2, [
               createVNode(unref(Vue3Lottie), {
                 "animation-link": "/persian.json",
                 loop: true,
@@ -36232,7 +36278,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
               }),
               createVNode(Transition, { name: "fade-slide" }, {
                 default: withCtx(() => [
-                  unref(customizer).loading ? (openBlock(), createElementBlock("span", _hoisted_3, "لطفا منتظر بمانید")) : createCommentVNode("", true)
+                  unref(customizer).loading ? (openBlock(), createElementBlock("span", _hoisted_3$2, "لطفا منتظر بمانید")) : createCommentVNode("", true)
                 ]),
                 _: 1
               })
@@ -36244,7 +36290,2678 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const Loading = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-9b533ee4"]]);
+const Loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__scopeId", "data-v-9b533ee4"]]);
+/*!
+ * perfect-scrollbar v1.5.6
+ * Copyright 2024 Hyunje Jun, MDBootstrap and Contributors
+ * Licensed under MIT
+ */
+function get(element) {
+  return getComputedStyle(element);
+}
+function set(element, obj) {
+  for (var key2 in obj) {
+    var val2 = obj[key2];
+    if (typeof val2 === "number") {
+      val2 = val2 + "px";
+    }
+    element.style[key2] = val2;
+  }
+  return element;
+}
+function div(className) {
+  var div2 = document.createElement("div");
+  div2.className = className;
+  return div2;
+}
+var elMatches = typeof Element !== "undefined" && (Element.prototype.matches || Element.prototype.webkitMatchesSelector || Element.prototype.mozMatchesSelector || Element.prototype.msMatchesSelector);
+function matches(element, query) {
+  if (!elMatches) {
+    throw new Error("No element matching method supported");
+  }
+  return elMatches.call(element, query);
+}
+function remove(element) {
+  if (element.remove) {
+    element.remove();
+  } else {
+    if (element.parentNode) {
+      element.parentNode.removeChild(element);
+    }
+  }
+}
+function queryChildren(element, selector) {
+  return Array.prototype.filter.call(
+    element.children,
+    function(child) {
+      return matches(child, selector);
+    }
+  );
+}
+var cls = {
+  main: "ps",
+  rtl: "ps__rtl",
+  element: {
+    thumb: function(x) {
+      return "ps__thumb-" + x;
+    },
+    rail: function(x) {
+      return "ps__rail-" + x;
+    },
+    consuming: "ps__child--consume"
+  },
+  state: {
+    focus: "ps--focus",
+    clicking: "ps--clicking",
+    active: function(x) {
+      return "ps--active-" + x;
+    },
+    scrolling: function(x) {
+      return "ps--scrolling-" + x;
+    }
+  }
+};
+var scrollingClassTimeout = { x: null, y: null };
+function addScrollingClass(i, x) {
+  var classList = i.element.classList;
+  var className = cls.state.scrolling(x);
+  if (classList.contains(className)) {
+    clearTimeout(scrollingClassTimeout[x]);
+  } else {
+    classList.add(className);
+  }
+}
+function removeScrollingClass(i, x) {
+  scrollingClassTimeout[x] = setTimeout(
+    function() {
+      return i.isAlive && i.element.classList.remove(cls.state.scrolling(x));
+    },
+    i.settings.scrollingThreshold
+  );
+}
+function setScrollingClassInstantly(i, x) {
+  addScrollingClass(i, x);
+  removeScrollingClass(i, x);
+}
+var EventElement = function EventElement2(element) {
+  this.element = element;
+  this.handlers = {};
+};
+var prototypeAccessors = { isEmpty: { configurable: true } };
+EventElement.prototype.bind = function bind(eventName2, handler) {
+  if (typeof this.handlers[eventName2] === "undefined") {
+    this.handlers[eventName2] = [];
+  }
+  this.handlers[eventName2].push(handler);
+  this.element.addEventListener(eventName2, handler, false);
+};
+EventElement.prototype.unbind = function unbind(eventName2, target) {
+  var this$1$1 = this;
+  this.handlers[eventName2] = this.handlers[eventName2].filter(function(handler) {
+    if (target && handler !== target) {
+      return true;
+    }
+    this$1$1.element.removeEventListener(eventName2, handler, false);
+    return false;
+  });
+};
+EventElement.prototype.unbindAll = function unbindAll() {
+  for (var name2 in this.handlers) {
+    this.unbind(name2);
+  }
+};
+prototypeAccessors.isEmpty.get = function() {
+  var this$1$1 = this;
+  return Object.keys(this.handlers).every(
+    function(key2) {
+      return this$1$1.handlers[key2].length === 0;
+    }
+  );
+};
+Object.defineProperties(EventElement.prototype, prototypeAccessors);
+var EventManager = function EventManager2() {
+  this.eventElements = [];
+};
+EventManager.prototype.eventElement = function eventElement(element) {
+  var ee = this.eventElements.filter(function(ee2) {
+    return ee2.element === element;
+  })[0];
+  if (!ee) {
+    ee = new EventElement(element);
+    this.eventElements.push(ee);
+  }
+  return ee;
+};
+EventManager.prototype.bind = function bind2(element, eventName2, handler) {
+  this.eventElement(element).bind(eventName2, handler);
+};
+EventManager.prototype.unbind = function unbind2(element, eventName2, handler) {
+  var ee = this.eventElement(element);
+  ee.unbind(eventName2, handler);
+  if (ee.isEmpty) {
+    this.eventElements.splice(this.eventElements.indexOf(ee), 1);
+  }
+};
+EventManager.prototype.unbindAll = function unbindAll2() {
+  this.eventElements.forEach(function(e) {
+    return e.unbindAll();
+  });
+  this.eventElements = [];
+};
+EventManager.prototype.once = function once(element, eventName2, handler) {
+  var ee = this.eventElement(element);
+  var onceHandler = function(evt) {
+    ee.unbind(eventName2, onceHandler);
+    handler(evt);
+  };
+  ee.bind(eventName2, onceHandler);
+};
+function createEvent(name2) {
+  if (typeof window.CustomEvent === "function") {
+    return new CustomEvent(name2);
+  }
+  var evt = document.createEvent("CustomEvent");
+  evt.initCustomEvent(name2, false, false, void 0);
+  return evt;
+}
+function processScrollDiff(i, axis, diff, useScrollingClass, forceFireReachEvent) {
+  if (useScrollingClass === void 0) useScrollingClass = true;
+  if (forceFireReachEvent === void 0) forceFireReachEvent = false;
+  var fields;
+  if (axis === "top") {
+    fields = ["contentHeight", "containerHeight", "scrollTop", "y", "up", "down"];
+  } else if (axis === "left") {
+    fields = ["contentWidth", "containerWidth", "scrollLeft", "x", "left", "right"];
+  } else {
+    throw new Error("A proper axis should be provided");
+  }
+  processScrollDiff$1(i, diff, fields, useScrollingClass, forceFireReachEvent);
+}
+function processScrollDiff$1(i, diff, ref2, useScrollingClass, forceFireReachEvent) {
+  var contentHeight = ref2[0];
+  var containerHeight = ref2[1];
+  var scrollTop = ref2[2];
+  var y = ref2[3];
+  var up = ref2[4];
+  var down = ref2[5];
+  if (useScrollingClass === void 0) useScrollingClass = true;
+  if (forceFireReachEvent === void 0) forceFireReachEvent = false;
+  var element = i.element;
+  i.reach[y] = null;
+  if (element[scrollTop] < 1) {
+    i.reach[y] = "start";
+  }
+  if (element[scrollTop] > i[contentHeight] - i[containerHeight] - 1) {
+    i.reach[y] = "end";
+  }
+  if (diff) {
+    element.dispatchEvent(createEvent("ps-scroll-" + y));
+    if (diff < 0) {
+      element.dispatchEvent(createEvent("ps-scroll-" + up));
+    } else if (diff > 0) {
+      element.dispatchEvent(createEvent("ps-scroll-" + down));
+    }
+    if (useScrollingClass) {
+      setScrollingClassInstantly(i, y);
+    }
+  }
+  if (i.reach[y] && (diff || forceFireReachEvent)) {
+    element.dispatchEvent(createEvent("ps-" + y + "-reach-" + i.reach[y]));
+  }
+}
+function toInt(x) {
+  return parseInt(x, 10) || 0;
+}
+function isEditable(el) {
+  return matches(el, "input,[contenteditable]") || matches(el, "select,[contenteditable]") || matches(el, "textarea,[contenteditable]") || matches(el, "button,[contenteditable]");
+}
+function outerWidth(element) {
+  var styles = get(element);
+  return toInt(styles.width) + toInt(styles.paddingLeft) + toInt(styles.paddingRight) + toInt(styles.borderLeftWidth) + toInt(styles.borderRightWidth);
+}
+var env = {
+  isWebKit: typeof document !== "undefined" && "WebkitAppearance" in document.documentElement.style,
+  supportsTouch: typeof window !== "undefined" && ("ontouchstart" in window || "maxTouchPoints" in window.navigator && window.navigator.maxTouchPoints > 0 || window.DocumentTouch && document instanceof window.DocumentTouch),
+  supportsIePointer: typeof navigator !== "undefined" && navigator.msMaxTouchPoints,
+  isChrome: typeof navigator !== "undefined" && /Chrome/i.test(navigator && navigator.userAgent)
+};
+function updateGeometry(i) {
+  var element = i.element;
+  var roundedScrollTop = Math.floor(element.scrollTop);
+  var rect = element.getBoundingClientRect();
+  i.containerWidth = Math.floor(rect.width);
+  i.containerHeight = Math.floor(rect.height);
+  i.contentWidth = element.scrollWidth;
+  i.contentHeight = element.scrollHeight;
+  if (!element.contains(i.scrollbarXRail)) {
+    queryChildren(element, cls.element.rail("x")).forEach(function(el) {
+      return remove(el);
+    });
+    element.appendChild(i.scrollbarXRail);
+  }
+  if (!element.contains(i.scrollbarYRail)) {
+    queryChildren(element, cls.element.rail("y")).forEach(function(el) {
+      return remove(el);
+    });
+    element.appendChild(i.scrollbarYRail);
+  }
+  if (!i.settings.suppressScrollX && i.containerWidth + i.settings.scrollXMarginOffset < i.contentWidth) {
+    i.scrollbarXActive = true;
+    i.railXWidth = i.containerWidth - i.railXMarginWidth;
+    i.railXRatio = i.containerWidth / i.railXWidth;
+    i.scrollbarXWidth = getThumbSize(i, toInt(i.railXWidth * i.containerWidth / i.contentWidth));
+    i.scrollbarXLeft = toInt(
+      (i.negativeScrollAdjustment + element.scrollLeft) * (i.railXWidth - i.scrollbarXWidth) / (i.contentWidth - i.containerWidth)
+    );
+  } else {
+    i.scrollbarXActive = false;
+  }
+  if (!i.settings.suppressScrollY && i.containerHeight + i.settings.scrollYMarginOffset < i.contentHeight) {
+    i.scrollbarYActive = true;
+    i.railYHeight = i.containerHeight - i.railYMarginHeight;
+    i.railYRatio = i.containerHeight / i.railYHeight;
+    i.scrollbarYHeight = getThumbSize(
+      i,
+      toInt(i.railYHeight * i.containerHeight / i.contentHeight)
+    );
+    i.scrollbarYTop = toInt(
+      roundedScrollTop * (i.railYHeight - i.scrollbarYHeight) / (i.contentHeight - i.containerHeight)
+    );
+  } else {
+    i.scrollbarYActive = false;
+  }
+  if (i.scrollbarXLeft >= i.railXWidth - i.scrollbarXWidth) {
+    i.scrollbarXLeft = i.railXWidth - i.scrollbarXWidth;
+  }
+  if (i.scrollbarYTop >= i.railYHeight - i.scrollbarYHeight) {
+    i.scrollbarYTop = i.railYHeight - i.scrollbarYHeight;
+  }
+  updateCss(element, i);
+  if (i.scrollbarXActive) {
+    element.classList.add(cls.state.active("x"));
+  } else {
+    element.classList.remove(cls.state.active("x"));
+    i.scrollbarXWidth = 0;
+    i.scrollbarXLeft = 0;
+    element.scrollLeft = i.isRtl === true ? i.contentWidth : 0;
+  }
+  if (i.scrollbarYActive) {
+    element.classList.add(cls.state.active("y"));
+  } else {
+    element.classList.remove(cls.state.active("y"));
+    i.scrollbarYHeight = 0;
+    i.scrollbarYTop = 0;
+    element.scrollTop = 0;
+  }
+}
+function getThumbSize(i, thumbSize) {
+  if (i.settings.minScrollbarLength) {
+    thumbSize = Math.max(thumbSize, i.settings.minScrollbarLength);
+  }
+  if (i.settings.maxScrollbarLength) {
+    thumbSize = Math.min(thumbSize, i.settings.maxScrollbarLength);
+  }
+  return thumbSize;
+}
+function updateCss(element, i) {
+  var xRailOffset = { width: i.railXWidth };
+  var roundedScrollTop = Math.floor(element.scrollTop);
+  if (i.isRtl) {
+    xRailOffset.left = i.negativeScrollAdjustment + element.scrollLeft + i.containerWidth - i.contentWidth;
+  } else {
+    xRailOffset.left = element.scrollLeft;
+  }
+  if (i.isScrollbarXUsingBottom) {
+    xRailOffset.bottom = i.scrollbarXBottom - roundedScrollTop;
+  } else {
+    xRailOffset.top = i.scrollbarXTop + roundedScrollTop;
+  }
+  set(i.scrollbarXRail, xRailOffset);
+  var yRailOffset = { top: roundedScrollTop, height: i.railYHeight };
+  if (i.isScrollbarYUsingRight) {
+    if (i.isRtl) {
+      yRailOffset.right = i.contentWidth - (i.negativeScrollAdjustment + element.scrollLeft) - i.scrollbarYRight - i.scrollbarYOuterWidth - 9;
+    } else {
+      yRailOffset.right = i.scrollbarYRight - element.scrollLeft;
+    }
+  } else {
+    if (i.isRtl) {
+      yRailOffset.left = i.negativeScrollAdjustment + element.scrollLeft + i.containerWidth * 2 - i.contentWidth - i.scrollbarYLeft - i.scrollbarYOuterWidth;
+    } else {
+      yRailOffset.left = i.scrollbarYLeft + element.scrollLeft;
+    }
+  }
+  set(i.scrollbarYRail, yRailOffset);
+  set(i.scrollbarX, {
+    left: i.scrollbarXLeft,
+    width: i.scrollbarXWidth - i.railBorderXWidth
+  });
+  set(i.scrollbarY, {
+    top: i.scrollbarYTop,
+    height: i.scrollbarYHeight - i.railBorderYWidth
+  });
+}
+function clickRail(i) {
+  i.event.bind(i.scrollbarY, "mousedown", function(e) {
+    return e.stopPropagation();
+  });
+  i.event.bind(i.scrollbarYRail, "mousedown", function(e) {
+    var positionTop = e.pageY - window.pageYOffset - i.scrollbarYRail.getBoundingClientRect().top;
+    var direction = positionTop > i.scrollbarYTop ? 1 : -1;
+    i.element.scrollTop += direction * i.containerHeight;
+    updateGeometry(i);
+    e.stopPropagation();
+  });
+  i.event.bind(i.scrollbarX, "mousedown", function(e) {
+    return e.stopPropagation();
+  });
+  i.event.bind(i.scrollbarXRail, "mousedown", function(e) {
+    var positionLeft = e.pageX - window.pageXOffset - i.scrollbarXRail.getBoundingClientRect().left;
+    var direction = positionLeft > i.scrollbarXLeft ? 1 : -1;
+    i.element.scrollLeft += direction * i.containerWidth;
+    updateGeometry(i);
+    e.stopPropagation();
+  });
+}
+var activeSlider = null;
+function setupScrollHandlers(i) {
+  bindMouseScrollHandler(i, [
+    "containerHeight",
+    "contentHeight",
+    "pageY",
+    "railYHeight",
+    "scrollbarY",
+    "scrollbarYHeight",
+    "scrollTop",
+    "y",
+    "scrollbarYRail"
+  ]);
+  bindMouseScrollHandler(i, [
+    "containerWidth",
+    "contentWidth",
+    "pageX",
+    "railXWidth",
+    "scrollbarX",
+    "scrollbarXWidth",
+    "scrollLeft",
+    "x",
+    "scrollbarXRail"
+  ]);
+}
+function bindMouseScrollHandler(i, ref2) {
+  var containerDimension = ref2[0];
+  var contentDimension = ref2[1];
+  var pageAxis = ref2[2];
+  var railDimension = ref2[3];
+  var scrollbarAxis = ref2[4];
+  var scrollbarDimension = ref2[5];
+  var scrollAxis = ref2[6];
+  var axis = ref2[7];
+  var scrollbarRail = ref2[8];
+  var element = i.element;
+  var startingScrollPosition = null;
+  var startingMousePagePosition = null;
+  var scrollBy = null;
+  function moveHandler(e) {
+    if (e.touches && e.touches[0]) {
+      e[pageAxis] = e.touches[0]["page" + axis.toUpperCase()];
+    }
+    if (activeSlider === scrollbarAxis) {
+      element[scrollAxis] = startingScrollPosition + scrollBy * (e[pageAxis] - startingMousePagePosition);
+      addScrollingClass(i, axis);
+      updateGeometry(i);
+      e.stopPropagation();
+      e.preventDefault();
+    }
+  }
+  function endHandler() {
+    removeScrollingClass(i, axis);
+    i[scrollbarRail].classList.remove(cls.state.clicking);
+    document.removeEventListener("mousemove", moveHandler);
+    document.removeEventListener("mouseup", endHandler);
+    document.removeEventListener("touchmove", moveHandler);
+    document.removeEventListener("touchend", endHandler);
+    activeSlider = null;
+  }
+  function bindMoves(e) {
+    if (activeSlider === null) {
+      activeSlider = scrollbarAxis;
+      startingScrollPosition = element[scrollAxis];
+      if (e.touches) {
+        e[pageAxis] = e.touches[0]["page" + axis.toUpperCase()];
+      }
+      startingMousePagePosition = e[pageAxis];
+      scrollBy = (i[contentDimension] - i[containerDimension]) / (i[railDimension] - i[scrollbarDimension]);
+      if (!e.touches) {
+        document.addEventListener("mousemove", moveHandler);
+        document.addEventListener("mouseup", endHandler);
+      } else {
+        document.addEventListener("touchmove", moveHandler, { passive: false });
+        document.addEventListener("touchend", endHandler);
+      }
+      i[scrollbarRail].classList.add(cls.state.clicking);
+    }
+    e.stopPropagation();
+    if (e.cancelable) {
+      e.preventDefault();
+    }
+  }
+  i[scrollbarAxis].addEventListener("mousedown", bindMoves);
+  i[scrollbarAxis].addEventListener("touchstart", bindMoves);
+}
+function keyboard(i) {
+  var element = i.element;
+  var elementHovered = function() {
+    return matches(element, ":hover");
+  };
+  var scrollbarFocused = function() {
+    return matches(i.scrollbarX, ":focus") || matches(i.scrollbarY, ":focus");
+  };
+  function shouldPreventDefault(deltaX, deltaY) {
+    var scrollTop = Math.floor(element.scrollTop);
+    if (deltaX === 0) {
+      if (!i.scrollbarYActive) {
+        return false;
+      }
+      if (scrollTop === 0 && deltaY > 0 || scrollTop >= i.contentHeight - i.containerHeight && deltaY < 0) {
+        return !i.settings.wheelPropagation;
+      }
+    }
+    var scrollLeft = element.scrollLeft;
+    if (deltaY === 0) {
+      if (!i.scrollbarXActive) {
+        return false;
+      }
+      if (scrollLeft === 0 && deltaX < 0 || scrollLeft >= i.contentWidth - i.containerWidth && deltaX > 0) {
+        return !i.settings.wheelPropagation;
+      }
+    }
+    return true;
+  }
+  i.event.bind(i.ownerDocument, "keydown", function(e) {
+    if (e.isDefaultPrevented && e.isDefaultPrevented() || e.defaultPrevented) {
+      return;
+    }
+    if (!elementHovered() && !scrollbarFocused()) {
+      return;
+    }
+    var activeElement = document.activeElement ? document.activeElement : i.ownerDocument.activeElement;
+    if (activeElement) {
+      if (activeElement.tagName === "IFRAME") {
+        activeElement = activeElement.contentDocument.activeElement;
+      } else {
+        while (activeElement.shadowRoot) {
+          activeElement = activeElement.shadowRoot.activeElement;
+        }
+      }
+      if (isEditable(activeElement)) {
+        return;
+      }
+    }
+    var deltaX = 0;
+    var deltaY = 0;
+    switch (e.which) {
+      case 37:
+        if (e.metaKey) {
+          deltaX = -i.contentWidth;
+        } else if (e.altKey) {
+          deltaX = -i.containerWidth;
+        } else {
+          deltaX = -30;
+        }
+        break;
+      case 38:
+        if (e.metaKey) {
+          deltaY = i.contentHeight;
+        } else if (e.altKey) {
+          deltaY = i.containerHeight;
+        } else {
+          deltaY = 30;
+        }
+        break;
+      case 39:
+        if (e.metaKey) {
+          deltaX = i.contentWidth;
+        } else if (e.altKey) {
+          deltaX = i.containerWidth;
+        } else {
+          deltaX = 30;
+        }
+        break;
+      case 40:
+        if (e.metaKey) {
+          deltaY = -i.contentHeight;
+        } else if (e.altKey) {
+          deltaY = -i.containerHeight;
+        } else {
+          deltaY = -30;
+        }
+        break;
+      case 32:
+        if (e.shiftKey) {
+          deltaY = i.containerHeight;
+        } else {
+          deltaY = -i.containerHeight;
+        }
+        break;
+      case 33:
+        deltaY = i.containerHeight;
+        break;
+      case 34:
+        deltaY = -i.containerHeight;
+        break;
+      case 36:
+        deltaY = i.contentHeight;
+        break;
+      case 35:
+        deltaY = -i.contentHeight;
+        break;
+      default:
+        return;
+    }
+    if (i.settings.suppressScrollX && deltaX !== 0) {
+      return;
+    }
+    if (i.settings.suppressScrollY && deltaY !== 0) {
+      return;
+    }
+    element.scrollTop -= deltaY;
+    element.scrollLeft += deltaX;
+    updateGeometry(i);
+    if (shouldPreventDefault(deltaX, deltaY)) {
+      e.preventDefault();
+    }
+  });
+}
+function wheel(i) {
+  var element = i.element;
+  function shouldPreventDefault(deltaX, deltaY) {
+    var roundedScrollTop = Math.floor(element.scrollTop);
+    var isTop = element.scrollTop === 0;
+    var isBottom = roundedScrollTop + element.offsetHeight === element.scrollHeight;
+    var isLeft = element.scrollLeft === 0;
+    var isRight = element.scrollLeft + element.offsetWidth === element.scrollWidth;
+    var hitsBound;
+    if (Math.abs(deltaY) > Math.abs(deltaX)) {
+      hitsBound = isTop || isBottom;
+    } else {
+      hitsBound = isLeft || isRight;
+    }
+    return hitsBound ? !i.settings.wheelPropagation : true;
+  }
+  function getDeltaFromEvent(e) {
+    var deltaX = e.deltaX;
+    var deltaY = -1 * e.deltaY;
+    if (typeof deltaX === "undefined" || typeof deltaY === "undefined") {
+      deltaX = -1 * e.wheelDeltaX / 6;
+      deltaY = e.wheelDeltaY / 6;
+    }
+    if (e.deltaMode && e.deltaMode === 1) {
+      deltaX *= 10;
+      deltaY *= 10;
+    }
+    if (deltaX !== deltaX && deltaY !== deltaY) {
+      deltaX = 0;
+      deltaY = e.wheelDelta;
+    }
+    if (e.shiftKey) {
+      return [-deltaY, -deltaX];
+    }
+    return [deltaX, deltaY];
+  }
+  function shouldBeConsumedByChild(target, deltaX, deltaY) {
+    if (!env.isWebKit && element.querySelector("select:focus")) {
+      return true;
+    }
+    if (!element.contains(target)) {
+      return false;
+    }
+    var cursor = target;
+    while (cursor && cursor !== element) {
+      if (cursor.classList.contains(cls.element.consuming)) {
+        return true;
+      }
+      var style = get(cursor);
+      if (deltaY && style.overflowY.match(/(scroll|auto)/)) {
+        var maxScrollTop = cursor.scrollHeight - cursor.clientHeight;
+        if (maxScrollTop > 0) {
+          if (cursor.scrollTop > 0 && deltaY < 0 || cursor.scrollTop < maxScrollTop && deltaY > 0) {
+            return true;
+          }
+        }
+      }
+      if (deltaX && style.overflowX.match(/(scroll|auto)/)) {
+        var maxScrollLeft = cursor.scrollWidth - cursor.clientWidth;
+        if (maxScrollLeft > 0) {
+          if (cursor.scrollLeft > 0 && deltaX < 0 || cursor.scrollLeft < maxScrollLeft && deltaX > 0) {
+            return true;
+          }
+        }
+      }
+      cursor = cursor.parentNode;
+    }
+    return false;
+  }
+  function mousewheelHandler(e) {
+    var ref2 = getDeltaFromEvent(e);
+    var deltaX = ref2[0];
+    var deltaY = ref2[1];
+    if (shouldBeConsumedByChild(e.target, deltaX, deltaY)) {
+      return;
+    }
+    var shouldPrevent = false;
+    if (!i.settings.useBothWheelAxes) {
+      element.scrollTop -= deltaY * i.settings.wheelSpeed;
+      element.scrollLeft += deltaX * i.settings.wheelSpeed;
+    } else if (i.scrollbarYActive && !i.scrollbarXActive) {
+      if (deltaY) {
+        element.scrollTop -= deltaY * i.settings.wheelSpeed;
+      } else {
+        element.scrollTop += deltaX * i.settings.wheelSpeed;
+      }
+      shouldPrevent = true;
+    } else if (i.scrollbarXActive && !i.scrollbarYActive) {
+      if (deltaX) {
+        element.scrollLeft += deltaX * i.settings.wheelSpeed;
+      } else {
+        element.scrollLeft -= deltaY * i.settings.wheelSpeed;
+      }
+      shouldPrevent = true;
+    }
+    updateGeometry(i);
+    shouldPrevent = shouldPrevent || shouldPreventDefault(deltaX, deltaY);
+    if (shouldPrevent && !e.ctrlKey) {
+      e.stopPropagation();
+      e.preventDefault();
+    }
+  }
+  if (typeof window.onwheel !== "undefined") {
+    i.event.bind(element, "wheel", mousewheelHandler);
+  } else if (typeof window.onmousewheel !== "undefined") {
+    i.event.bind(element, "mousewheel", mousewheelHandler);
+  }
+}
+function touch(i) {
+  if (!env.supportsTouch && !env.supportsIePointer) {
+    return;
+  }
+  var element = i.element;
+  var state = {
+    startOffset: {},
+    startTime: 0,
+    speed: {},
+    easingLoop: null
+  };
+  function shouldPrevent(deltaX, deltaY) {
+    var scrollTop = Math.floor(element.scrollTop);
+    var scrollLeft = element.scrollLeft;
+    var magnitudeX = Math.abs(deltaX);
+    var magnitudeY = Math.abs(deltaY);
+    if (magnitudeY > magnitudeX) {
+      if (deltaY < 0 && scrollTop === i.contentHeight - i.containerHeight || deltaY > 0 && scrollTop === 0) {
+        return window.scrollY === 0 && deltaY > 0 && env.isChrome;
+      }
+    } else if (magnitudeX > magnitudeY) {
+      if (deltaX < 0 && scrollLeft === i.contentWidth - i.containerWidth || deltaX > 0 && scrollLeft === 0) {
+        return true;
+      }
+    }
+    return true;
+  }
+  function applyTouchMove(differenceX, differenceY) {
+    element.scrollTop -= differenceY;
+    element.scrollLeft -= differenceX;
+    updateGeometry(i);
+  }
+  function getTouch(e) {
+    if (e.targetTouches) {
+      return e.targetTouches[0];
+    }
+    return e;
+  }
+  function shouldHandle(e) {
+    if (e.target === i.scrollbarX || e.target === i.scrollbarY) {
+      return false;
+    }
+    if (e.pointerType && e.pointerType === "pen" && e.buttons === 0) {
+      return false;
+    }
+    if (e.targetTouches && e.targetTouches.length === 1) {
+      return true;
+    }
+    if (e.pointerType && e.pointerType !== "mouse" && e.pointerType !== e.MSPOINTER_TYPE_MOUSE) {
+      return true;
+    }
+    return false;
+  }
+  function touchStart(e) {
+    if (!shouldHandle(e)) {
+      return;
+    }
+    var touch2 = getTouch(e);
+    state.startOffset.pageX = touch2.pageX;
+    state.startOffset.pageY = touch2.pageY;
+    state.startTime = (/* @__PURE__ */ new Date()).getTime();
+    if (state.easingLoop !== null) {
+      clearInterval(state.easingLoop);
+    }
+  }
+  function shouldBeConsumedByChild(target, deltaX, deltaY) {
+    if (!element.contains(target)) {
+      return false;
+    }
+    var cursor = target;
+    while (cursor && cursor !== element) {
+      if (cursor.classList.contains(cls.element.consuming)) {
+        return true;
+      }
+      var style = get(cursor);
+      if (deltaY && style.overflowY.match(/(scroll|auto)/)) {
+        var maxScrollTop = cursor.scrollHeight - cursor.clientHeight;
+        if (maxScrollTop > 0) {
+          if (cursor.scrollTop > 0 && deltaY < 0 || cursor.scrollTop < maxScrollTop && deltaY > 0) {
+            return true;
+          }
+        }
+      }
+      if (deltaX && style.overflowX.match(/(scroll|auto)/)) {
+        var maxScrollLeft = cursor.scrollWidth - cursor.clientWidth;
+        if (maxScrollLeft > 0) {
+          if (cursor.scrollLeft > 0 && deltaX < 0 || cursor.scrollLeft < maxScrollLeft && deltaX > 0) {
+            return true;
+          }
+        }
+      }
+      cursor = cursor.parentNode;
+    }
+    return false;
+  }
+  function touchMove(e) {
+    if (shouldHandle(e)) {
+      var touch2 = getTouch(e);
+      var currentOffset = { pageX: touch2.pageX, pageY: touch2.pageY };
+      var differenceX = currentOffset.pageX - state.startOffset.pageX;
+      var differenceY = currentOffset.pageY - state.startOffset.pageY;
+      if (shouldBeConsumedByChild(e.target, differenceX, differenceY)) {
+        return;
+      }
+      applyTouchMove(differenceX, differenceY);
+      state.startOffset = currentOffset;
+      var currentTime = (/* @__PURE__ */ new Date()).getTime();
+      var timeGap = currentTime - state.startTime;
+      if (timeGap > 0) {
+        state.speed.x = differenceX / timeGap;
+        state.speed.y = differenceY / timeGap;
+        state.startTime = currentTime;
+      }
+      if (shouldPrevent(differenceX, differenceY)) {
+        if (e.cancelable) {
+          e.preventDefault();
+        }
+      }
+    }
+  }
+  function touchEnd() {
+    if (i.settings.swipeEasing) {
+      clearInterval(state.easingLoop);
+      state.easingLoop = setInterval(function() {
+        if (i.isInitialized) {
+          clearInterval(state.easingLoop);
+          return;
+        }
+        if (!state.speed.x && !state.speed.y) {
+          clearInterval(state.easingLoop);
+          return;
+        }
+        if (Math.abs(state.speed.x) < 0.01 && Math.abs(state.speed.y) < 0.01) {
+          clearInterval(state.easingLoop);
+          return;
+        }
+        applyTouchMove(state.speed.x * 30, state.speed.y * 30);
+        state.speed.x *= 0.8;
+        state.speed.y *= 0.8;
+      }, 10);
+    }
+  }
+  if (env.supportsTouch) {
+    i.event.bind(element, "touchstart", touchStart);
+    i.event.bind(element, "touchmove", touchMove);
+    i.event.bind(element, "touchend", touchEnd);
+  } else if (env.supportsIePointer) {
+    if (window.PointerEvent) {
+      i.event.bind(element, "pointerdown", touchStart);
+      i.event.bind(element, "pointermove", touchMove);
+      i.event.bind(element, "pointerup", touchEnd);
+    } else if (window.MSPointerEvent) {
+      i.event.bind(element, "MSPointerDown", touchStart);
+      i.event.bind(element, "MSPointerMove", touchMove);
+      i.event.bind(element, "MSPointerUp", touchEnd);
+    }
+  }
+}
+var defaultSettings = function() {
+  return {
+    handlers: ["click-rail", "drag-thumb", "keyboard", "wheel", "touch"],
+    maxScrollbarLength: null,
+    minScrollbarLength: null,
+    scrollingThreshold: 1e3,
+    scrollXMarginOffset: 0,
+    scrollYMarginOffset: 0,
+    suppressScrollX: false,
+    suppressScrollY: false,
+    swipeEasing: true,
+    useBothWheelAxes: false,
+    wheelPropagation: true,
+    wheelSpeed: 1
+  };
+};
+var handlers = {
+  "click-rail": clickRail,
+  "drag-thumb": setupScrollHandlers,
+  keyboard,
+  wheel,
+  touch
+};
+var PerfectScrollbar = function PerfectScrollbar2(element, userSettings) {
+  var this$1$1 = this;
+  if (userSettings === void 0) userSettings = {};
+  if (typeof element === "string") {
+    element = document.querySelector(element);
+  }
+  if (!element || !element.nodeName) {
+    throw new Error("no element is specified to initialize PerfectScrollbar");
+  }
+  this.element = element;
+  element.classList.add(cls.main);
+  this.settings = defaultSettings();
+  for (var key2 in userSettings) {
+    this.settings[key2] = userSettings[key2];
+  }
+  this.containerWidth = null;
+  this.containerHeight = null;
+  this.contentWidth = null;
+  this.contentHeight = null;
+  var focus = function() {
+    return element.classList.add(cls.state.focus);
+  };
+  var blur = function() {
+    return element.classList.remove(cls.state.focus);
+  };
+  this.isRtl = get(element).direction === "rtl";
+  if (this.isRtl === true) {
+    element.classList.add(cls.rtl);
+  }
+  this.isNegativeScroll = function() {
+    var originalScrollLeft = element.scrollLeft;
+    var result = null;
+    element.scrollLeft = -1;
+    result = element.scrollLeft < 0;
+    element.scrollLeft = originalScrollLeft;
+    return result;
+  }();
+  this.negativeScrollAdjustment = this.isNegativeScroll ? element.scrollWidth - element.clientWidth : 0;
+  this.event = new EventManager();
+  this.ownerDocument = element.ownerDocument || document;
+  this.scrollbarXRail = div(cls.element.rail("x"));
+  element.appendChild(this.scrollbarXRail);
+  this.scrollbarX = div(cls.element.thumb("x"));
+  this.scrollbarXRail.appendChild(this.scrollbarX);
+  this.scrollbarX.setAttribute("tabindex", 0);
+  this.event.bind(this.scrollbarX, "focus", focus);
+  this.event.bind(this.scrollbarX, "blur", blur);
+  this.scrollbarXActive = null;
+  this.scrollbarXWidth = null;
+  this.scrollbarXLeft = null;
+  var railXStyle = get(this.scrollbarXRail);
+  this.scrollbarXBottom = parseInt(railXStyle.bottom, 10);
+  if (isNaN(this.scrollbarXBottom)) {
+    this.isScrollbarXUsingBottom = false;
+    this.scrollbarXTop = toInt(railXStyle.top);
+  } else {
+    this.isScrollbarXUsingBottom = true;
+  }
+  this.railBorderXWidth = toInt(railXStyle.borderLeftWidth) + toInt(railXStyle.borderRightWidth);
+  set(this.scrollbarXRail, { display: "block" });
+  this.railXMarginWidth = toInt(railXStyle.marginLeft) + toInt(railXStyle.marginRight);
+  set(this.scrollbarXRail, { display: "" });
+  this.railXWidth = null;
+  this.railXRatio = null;
+  this.scrollbarYRail = div(cls.element.rail("y"));
+  element.appendChild(this.scrollbarYRail);
+  this.scrollbarY = div(cls.element.thumb("y"));
+  this.scrollbarYRail.appendChild(this.scrollbarY);
+  this.scrollbarY.setAttribute("tabindex", 0);
+  this.event.bind(this.scrollbarY, "focus", focus);
+  this.event.bind(this.scrollbarY, "blur", blur);
+  this.scrollbarYActive = null;
+  this.scrollbarYHeight = null;
+  this.scrollbarYTop = null;
+  var railYStyle = get(this.scrollbarYRail);
+  this.scrollbarYRight = parseInt(railYStyle.right, 10);
+  if (isNaN(this.scrollbarYRight)) {
+    this.isScrollbarYUsingRight = false;
+    this.scrollbarYLeft = toInt(railYStyle.left);
+  } else {
+    this.isScrollbarYUsingRight = true;
+  }
+  this.scrollbarYOuterWidth = this.isRtl ? outerWidth(this.scrollbarY) : null;
+  this.railBorderYWidth = toInt(railYStyle.borderTopWidth) + toInt(railYStyle.borderBottomWidth);
+  set(this.scrollbarYRail, { display: "block" });
+  this.railYMarginHeight = toInt(railYStyle.marginTop) + toInt(railYStyle.marginBottom);
+  set(this.scrollbarYRail, { display: "" });
+  this.railYHeight = null;
+  this.railYRatio = null;
+  this.reach = {
+    x: element.scrollLeft <= 0 ? "start" : element.scrollLeft >= this.contentWidth - this.containerWidth ? "end" : null,
+    y: element.scrollTop <= 0 ? "start" : element.scrollTop >= this.contentHeight - this.containerHeight ? "end" : null
+  };
+  this.isAlive = true;
+  this.settings.handlers.forEach(function(handlerName) {
+    return handlers[handlerName](this$1$1);
+  });
+  this.lastScrollTop = Math.floor(element.scrollTop);
+  this.lastScrollLeft = element.scrollLeft;
+  this.event.bind(this.element, "scroll", function(e) {
+    return this$1$1.onScroll(e);
+  });
+  updateGeometry(this);
+};
+PerfectScrollbar.prototype.update = function update() {
+  if (!this.isAlive) {
+    return;
+  }
+  this.negativeScrollAdjustment = this.isNegativeScroll ? this.element.scrollWidth - this.element.clientWidth : 0;
+  set(this.scrollbarXRail, { display: "block" });
+  set(this.scrollbarYRail, { display: "block" });
+  this.railXMarginWidth = toInt(get(this.scrollbarXRail).marginLeft) + toInt(get(this.scrollbarXRail).marginRight);
+  this.railYMarginHeight = toInt(get(this.scrollbarYRail).marginTop) + toInt(get(this.scrollbarYRail).marginBottom);
+  set(this.scrollbarXRail, { display: "none" });
+  set(this.scrollbarYRail, { display: "none" });
+  updateGeometry(this);
+  processScrollDiff(this, "top", 0, false, true);
+  processScrollDiff(this, "left", 0, false, true);
+  set(this.scrollbarXRail, { display: "" });
+  set(this.scrollbarYRail, { display: "" });
+};
+PerfectScrollbar.prototype.onScroll = function onScroll(e) {
+  if (!this.isAlive) {
+    return;
+  }
+  updateGeometry(this);
+  processScrollDiff(this, "top", this.element.scrollTop - this.lastScrollTop);
+  processScrollDiff(this, "left", this.element.scrollLeft - this.lastScrollLeft);
+  this.lastScrollTop = Math.floor(this.element.scrollTop);
+  this.lastScrollLeft = this.element.scrollLeft;
+};
+PerfectScrollbar.prototype.destroy = function destroy() {
+  if (!this.isAlive) {
+    return;
+  }
+  this.event.unbindAll();
+  remove(this.scrollbarX);
+  remove(this.scrollbarY);
+  remove(this.scrollbarXRail);
+  remove(this.scrollbarYRail);
+  this.removePsClasses();
+  this.element = null;
+  this.scrollbarX = null;
+  this.scrollbarY = null;
+  this.scrollbarXRail = null;
+  this.scrollbarYRail = null;
+  this.isAlive = false;
+};
+PerfectScrollbar.prototype.removePsClasses = function removePsClasses() {
+  this.element.className = this.element.className.split(" ").filter(function(name2) {
+    return !name2.match(/^ps([-_].+|)$/);
+  }).join(" ");
+};
+const C = /* @__PURE__ */ defineComponent$1({
+  __name: "PerfectScrollbar",
+  props: {
+    tag: { default: "div" },
+    options: { default: () => ({}) }
+  },
+  emits: ["scroll", "ps-scroll-y", "ps-scroll-x", "ps-scroll-up", "ps-scroll-down", "ps-scroll-left", "ps-scroll-right", "ps-y-reach-start", "ps-y-reach-end", "ps-x-reach-start", "ps-x-reach-end"],
+  setup(o, { expose: n, emit: c }) {
+    const a = o, y = c, l = ref(null), s = ref(null);
+    watch(
+      () => a.options,
+      () => {
+        i(), p();
+      },
+      { deep: true }
+    ), onMounted(() => {
+      l.value && p();
+    }), onBeforeUnmount(() => {
+      i();
+    });
+    function p() {
+      l.value && (s.value = new PerfectScrollbar(l.value, a.options), u());
+    }
+    function i() {
+      s.value && (u(false), s.value.destroy(), s.value = null);
+    }
+    const x = {
+      scroll: e("scroll"),
+      "ps-scroll-y": e("ps-scroll-y"),
+      "ps-scroll-x": e("ps-scroll-x"),
+      "ps-scroll-up": e("ps-scroll-up"),
+      "ps-scroll-down": e("ps-scroll-down"),
+      "ps-scroll-left": e("ps-scroll-left"),
+      "ps-scroll-right": e("ps-scroll-right"),
+      "ps-y-reach-start": e("ps-y-reach-start"),
+      "ps-y-reach-end": e("ps-y-reach-end"),
+      "ps-x-reach-start": e("ps-x-reach-start"),
+      "ps-x-reach-end": e("ps-x-reach-end")
+    };
+    function e(r) {
+      return function(t) {
+        y(r, t);
+      };
+    }
+    function u(r = true) {
+      var t;
+      (t = s.value) != null && t.element && Object.entries(x).forEach(([f, d]) => {
+        var m, h2;
+        r ? (m = s.value) == null || m.element.addEventListener(f, d) : (h2 = s.value) == null || h2.element.removeEventListener(f, d);
+      });
+    }
+    return n({
+      ps: s
+    }), (r, t) => (openBlock(), createBlock(resolveDynamicComponent(r.tag), {
+      ref_key: "scrollbar",
+      ref: l,
+      class: "ps"
+    }, {
+      default: withCtx(() => [
+        renderSlot(r.$slots, "default")
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+function useSticky(_ref) {
+  let {
+    rootEl,
+    isSticky,
+    layoutItemStyles
+  } = _ref;
+  const isStuck = shallowRef(false);
+  const stuckPosition = shallowRef(0);
+  const stickyStyles = computed(() => {
+    const side = typeof isStuck.value === "boolean" ? "top" : isStuck.value;
+    return [isSticky.value ? {
+      top: "auto",
+      bottom: "auto",
+      height: void 0
+    } : void 0, isStuck.value ? {
+      [side]: convertToUnit(stuckPosition.value)
+    } : {
+      top: layoutItemStyles.value.top
+    }];
+  });
+  onMounted(() => {
+    watch(isSticky, (val2) => {
+      if (val2) {
+        window.addEventListener("scroll", onScroll2, {
+          passive: true
+        });
+      } else {
+        window.removeEventListener("scroll", onScroll2);
+      }
+    }, {
+      immediate: true
+    });
+  });
+  onBeforeUnmount(() => {
+    window.removeEventListener("scroll", onScroll2);
+  });
+  let lastScrollTop = 0;
+  function onScroll2() {
+    const direction = lastScrollTop > window.scrollY ? "up" : "down";
+    const rect = rootEl.value.getBoundingClientRect();
+    const layoutTop = parseFloat(layoutItemStyles.value.top ?? 0);
+    const top = window.scrollY - Math.max(0, stuckPosition.value - layoutTop);
+    const bottom = rect.height + Math.max(stuckPosition.value, layoutTop) - window.scrollY - window.innerHeight;
+    const bodyScroll = parseFloat(getComputedStyle(rootEl.value).getPropertyValue("--v-body-scroll-y")) || 0;
+    if (rect.height < window.innerHeight - layoutTop) {
+      isStuck.value = "top";
+      stuckPosition.value = layoutTop;
+    } else if (direction === "up" && isStuck.value === "bottom" || direction === "down" && isStuck.value === "top") {
+      stuckPosition.value = window.scrollY + rect.top - bodyScroll;
+      isStuck.value = true;
+    } else if (direction === "down" && bottom <= 0) {
+      stuckPosition.value = 0;
+      isStuck.value = "bottom";
+    } else if (direction === "up" && top <= 0) {
+      if (!bodyScroll) {
+        stuckPosition.value = rect.top + top;
+        isStuck.value = "top";
+      } else if (isStuck.value !== "top") {
+        stuckPosition.value = -top + bodyScroll + layoutTop;
+        isStuck.value = "top";
+      }
+    }
+    lastScrollTop = window.scrollY;
+  }
+  return {
+    isStuck,
+    stickyStyles
+  };
+}
+const HORIZON = 100;
+const HISTORY = 20;
+function kineticEnergyToVelocity(work) {
+  const sqrt2 = 1.41421356237;
+  return (work < 0 ? -1 : 1) * Math.sqrt(Math.abs(work)) * sqrt2;
+}
+function calculateImpulseVelocity(samples) {
+  if (samples.length < 2) {
+    return 0;
+  }
+  if (samples.length === 2) {
+    if (samples[1].t === samples[0].t) {
+      return 0;
+    }
+    return (samples[1].d - samples[0].d) / (samples[1].t - samples[0].t);
+  }
+  let work = 0;
+  for (let i = samples.length - 1; i > 0; i--) {
+    if (samples[i].t === samples[i - 1].t) {
+      continue;
+    }
+    const vprev = kineticEnergyToVelocity(work);
+    const vcurr = (samples[i].d - samples[i - 1].d) / (samples[i].t - samples[i - 1].t);
+    work += (vcurr - vprev) * Math.abs(vcurr);
+    if (i === samples.length - 1) {
+      work *= 0.5;
+    }
+  }
+  return kineticEnergyToVelocity(work) * 1e3;
+}
+function useVelocity() {
+  const touches = {};
+  function addMovement(e) {
+    Array.from(e.changedTouches).forEach((touch2) => {
+      const samples = touches[touch2.identifier] ?? (touches[touch2.identifier] = new CircularBuffer(HISTORY));
+      samples.push([e.timeStamp, touch2]);
+    });
+  }
+  function endTouch(e) {
+    Array.from(e.changedTouches).forEach((touch2) => {
+      delete touches[touch2.identifier];
+    });
+  }
+  function getVelocity(id) {
+    var _a;
+    const samples = (_a = touches[id]) == null ? void 0 : _a.values().reverse();
+    if (!samples) {
+      throw new Error(`No samples for touch id ${id}`);
+    }
+    const newest = samples[0];
+    const x = [];
+    const y = [];
+    for (const val2 of samples) {
+      if (newest[0] - val2[0] > HORIZON) break;
+      x.push({
+        t: val2[0],
+        d: val2[1].clientX
+      });
+      y.push({
+        t: val2[0],
+        d: val2[1].clientY
+      });
+    }
+    return {
+      x: calculateImpulseVelocity(x),
+      y: calculateImpulseVelocity(y),
+      get direction() {
+        const {
+          x: x2,
+          y: y2
+        } = this;
+        const [absX, absY] = [Math.abs(x2), Math.abs(y2)];
+        return absX > absY && x2 >= 0 ? "right" : absX > absY && x2 <= 0 ? "left" : absY > absX && y2 >= 0 ? "down" : absY > absX && y2 <= 0 ? "up" : oops$1();
+      }
+    };
+  }
+  return {
+    addMovement,
+    endTouch,
+    getVelocity
+  };
+}
+function oops$1() {
+  throw new Error();
+}
+function useTouch(_ref) {
+  let {
+    el,
+    isActive,
+    isTemporary,
+    width: width2,
+    touchless,
+    position: position2
+  } = _ref;
+  onMounted(() => {
+    window.addEventListener("touchstart", onTouchstart, {
+      passive: true
+    });
+    window.addEventListener("touchmove", onTouchmove, {
+      passive: false
+    });
+    window.addEventListener("touchend", onTouchend, {
+      passive: true
+    });
+  });
+  onBeforeUnmount(() => {
+    window.removeEventListener("touchstart", onTouchstart);
+    window.removeEventListener("touchmove", onTouchmove);
+    window.removeEventListener("touchend", onTouchend);
+  });
+  const isHorizontal = computed(() => ["left", "right"].includes(position2.value));
+  const {
+    addMovement,
+    endTouch,
+    getVelocity
+  } = useVelocity();
+  let maybeDragging = false;
+  const isDragging = shallowRef(false);
+  const dragProgress = shallowRef(0);
+  const offset = shallowRef(0);
+  let start;
+  function getOffset2(pos, active2) {
+    return (position2.value === "left" ? pos : position2.value === "right" ? document.documentElement.clientWidth - pos : position2.value === "top" ? pos : position2.value === "bottom" ? document.documentElement.clientHeight - pos : oops()) - (active2 ? width2.value : 0);
+  }
+  function getProgress(pos) {
+    let limit = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
+    const progress = position2.value === "left" ? (pos - offset.value) / width2.value : position2.value === "right" ? (document.documentElement.clientWidth - pos - offset.value) / width2.value : position2.value === "top" ? (pos - offset.value) / width2.value : position2.value === "bottom" ? (document.documentElement.clientHeight - pos - offset.value) / width2.value : oops();
+    return limit ? clamp(progress) : progress;
+  }
+  function onTouchstart(e) {
+    if (touchless.value) return;
+    const touchX = e.changedTouches[0].clientX;
+    const touchY = e.changedTouches[0].clientY;
+    const touchZone = 25;
+    const inTouchZone = position2.value === "left" ? touchX < touchZone : position2.value === "right" ? touchX > document.documentElement.clientWidth - touchZone : position2.value === "top" ? touchY < touchZone : position2.value === "bottom" ? touchY > document.documentElement.clientHeight - touchZone : oops();
+    const inElement = isActive.value && (position2.value === "left" ? touchX < width2.value : position2.value === "right" ? touchX > document.documentElement.clientWidth - width2.value : position2.value === "top" ? touchY < width2.value : position2.value === "bottom" ? touchY > document.documentElement.clientHeight - width2.value : oops());
+    if (inTouchZone || inElement || isActive.value && isTemporary.value) {
+      start = [touchX, touchY];
+      offset.value = getOffset2(isHorizontal.value ? touchX : touchY, isActive.value);
+      dragProgress.value = getProgress(isHorizontal.value ? touchX : touchY);
+      maybeDragging = offset.value > -20 && offset.value < 80;
+      endTouch(e);
+      addMovement(e);
+    }
+  }
+  function onTouchmove(e) {
+    const touchX = e.changedTouches[0].clientX;
+    const touchY = e.changedTouches[0].clientY;
+    if (maybeDragging) {
+      if (!e.cancelable) {
+        maybeDragging = false;
+        return;
+      }
+      const dx = Math.abs(touchX - start[0]);
+      const dy = Math.abs(touchY - start[1]);
+      const thresholdMet = isHorizontal.value ? dx > dy && dx > 3 : dy > dx && dy > 3;
+      if (thresholdMet) {
+        isDragging.value = true;
+        maybeDragging = false;
+      } else if ((isHorizontal.value ? dy : dx) > 3) {
+        maybeDragging = false;
+      }
+    }
+    if (!isDragging.value) return;
+    e.preventDefault();
+    addMovement(e);
+    const progress = getProgress(isHorizontal.value ? touchX : touchY, false);
+    dragProgress.value = Math.max(0, Math.min(1, progress));
+    if (progress > 1) {
+      offset.value = getOffset2(isHorizontal.value ? touchX : touchY, true);
+    } else if (progress < 0) {
+      offset.value = getOffset2(isHorizontal.value ? touchX : touchY, false);
+    }
+  }
+  function onTouchend(e) {
+    maybeDragging = false;
+    if (!isDragging.value) return;
+    addMovement(e);
+    isDragging.value = false;
+    const velocity2 = getVelocity(e.changedTouches[0].identifier);
+    const vx = Math.abs(velocity2.x);
+    const vy = Math.abs(velocity2.y);
+    const thresholdMet = isHorizontal.value ? vx > vy && vx > 400 : vy > vx && vy > 3;
+    if (thresholdMet) {
+      isActive.value = velocity2.direction === ({
+        left: "right",
+        right: "left",
+        top: "down",
+        bottom: "up"
+      }[position2.value] || oops());
+    } else {
+      isActive.value = dragProgress.value > 0.5;
+    }
+  }
+  const dragStyles = computed(() => {
+    return isDragging.value ? {
+      transform: position2.value === "left" ? `translateX(calc(-100% + ${dragProgress.value * width2.value}px))` : position2.value === "right" ? `translateX(calc(100% - ${dragProgress.value * width2.value}px))` : position2.value === "top" ? `translateY(calc(-100% + ${dragProgress.value * width2.value}px))` : position2.value === "bottom" ? `translateY(calc(100% - ${dragProgress.value * width2.value}px))` : oops(),
+      transition: "none"
+    } : void 0;
+  });
+  useToggleScope(isDragging, () => {
+    var _a, _b;
+    const transform2 = ((_a = el.value) == null ? void 0 : _a.style.transform) ?? null;
+    const transition = ((_b = el.value) == null ? void 0 : _b.style.transition) ?? null;
+    watchEffect(() => {
+      var _a2, _b2, _c, _d;
+      (_b2 = el.value) == null ? void 0 : _b2.style.setProperty("transform", ((_a2 = dragStyles.value) == null ? void 0 : _a2.transform) || "none");
+      (_d = el.value) == null ? void 0 : _d.style.setProperty("transition", ((_c = dragStyles.value) == null ? void 0 : _c.transition) || null);
+    });
+    onScopeDispose(() => {
+      var _a2, _b2;
+      (_a2 = el.value) == null ? void 0 : _a2.style.setProperty("transform", transform2);
+      (_b2 = el.value) == null ? void 0 : _b2.style.setProperty("transition", transition);
+    });
+  });
+  return {
+    isDragging,
+    dragProgress,
+    dragStyles
+  };
+}
+function oops() {
+  throw new Error();
+}
+const locations = ["start", "end", "left", "right", "top", "bottom"];
+const makeVNavigationDrawerProps = propsFactory({
+  color: String,
+  disableResizeWatcher: Boolean,
+  disableRouteWatcher: Boolean,
+  expandOnHover: Boolean,
+  floating: Boolean,
+  modelValue: {
+    type: Boolean,
+    default: null
+  },
+  permanent: Boolean,
+  rail: {
+    type: Boolean,
+    default: null
+  },
+  railWidth: {
+    type: [Number, String],
+    default: 56
+  },
+  scrim: {
+    type: [Boolean, String],
+    default: true
+  },
+  image: String,
+  temporary: Boolean,
+  persistent: Boolean,
+  touchless: Boolean,
+  width: {
+    type: [Number, String],
+    default: 256
+  },
+  location: {
+    type: String,
+    default: "start",
+    validator: (value2) => locations.includes(value2)
+  },
+  sticky: Boolean,
+  ...makeBorderProps(),
+  ...makeComponentProps(),
+  ...makeDelayProps(),
+  ...makeDisplayProps({
+    mobile: null
+  }),
+  ...makeElevationProps(),
+  ...makeLayoutItemProps(),
+  ...makeRoundedProps(),
+  ...makeTagProps({
+    tag: "nav"
+  }),
+  ...makeThemeProps()
+}, "VNavigationDrawer");
+const VNavigationDrawer = genericComponent()({
+  name: "VNavigationDrawer",
+  props: makeVNavigationDrawerProps(),
+  emits: {
+    "update:modelValue": (val2) => true,
+    "update:rail": (val2) => true
+  },
+  setup(props, _ref) {
+    let {
+      attrs,
+      emit,
+      slots
+    } = _ref;
+    const {
+      isRtl
+    } = useRtl();
+    const {
+      themeClasses
+    } = provideTheme(props);
+    const {
+      borderClasses
+    } = useBorder(props);
+    const {
+      backgroundColorClasses,
+      backgroundColorStyles
+    } = useBackgroundColor(() => props.color);
+    const {
+      elevationClasses
+    } = useElevation(props);
+    const {
+      displayClasses,
+      mobile
+    } = useDisplay(props);
+    const {
+      roundedClasses
+    } = useRounded(props);
+    const router = useRouter();
+    const isActive = useProxiedModel(props, "modelValue", null, (v) => !!v);
+    const {
+      ssrBootStyles
+    } = useSsrBoot();
+    const {
+      scopeId
+    } = useScopeId();
+    const rootEl = ref();
+    const isHovering = shallowRef(false);
+    const {
+      runOpenDelay,
+      runCloseDelay
+    } = useDelay(props, (value2) => {
+      isHovering.value = value2;
+    });
+    const width2 = computed(() => {
+      return props.rail && props.expandOnHover && isHovering.value ? Number(props.width) : Number(props.rail ? props.railWidth : props.width);
+    });
+    const location = computed(() => {
+      return toPhysical(props.location, isRtl.value);
+    });
+    const isPersistent = toRef(() => props.persistent);
+    const isTemporary = computed(() => !props.permanent && (mobile.value || props.temporary));
+    const isSticky = computed(() => props.sticky && !isTemporary.value && location.value !== "bottom");
+    useToggleScope(() => props.expandOnHover && props.rail != null, () => {
+      watch(isHovering, (val2) => emit("update:rail", !val2));
+    });
+    useToggleScope(() => !props.disableResizeWatcher, () => {
+      watch(isTemporary, (val2) => !props.permanent && nextTick(() => isActive.value = !val2));
+    });
+    useToggleScope(() => !props.disableRouteWatcher && !!router, () => {
+      watch(router.currentRoute, () => isTemporary.value && (isActive.value = false));
+    });
+    watch(() => props.permanent, (val2) => {
+      if (val2) isActive.value = true;
+    });
+    if (props.modelValue == null && !isTemporary.value) {
+      isActive.value = props.permanent || !mobile.value;
+    }
+    const {
+      isDragging,
+      dragProgress
+    } = useTouch({
+      el: rootEl,
+      isActive,
+      isTemporary,
+      width: width2,
+      touchless: toRef(() => props.touchless),
+      position: location
+    });
+    const layoutSize = computed(() => {
+      const size = isTemporary.value ? 0 : props.rail && props.expandOnHover ? Number(props.railWidth) : width2.value;
+      return isDragging.value ? size * dragProgress.value : size;
+    });
+    const {
+      layoutItemStyles,
+      layoutItemScrimStyles
+    } = useLayoutItem({
+      id: props.name,
+      order: computed(() => parseInt(props.order, 10)),
+      position: location,
+      layoutSize,
+      elementSize: width2,
+      active: readonly(isActive),
+      disableTransitions: toRef(() => isDragging.value),
+      absolute: computed(() => (
+        // eslint-disable-next-line @typescript-eslint/no-use-before-define
+        props.absolute || isSticky.value && typeof isStuck.value !== "string"
+      ))
+    });
+    const {
+      isStuck,
+      stickyStyles
+    } = useSticky({
+      rootEl,
+      isSticky,
+      layoutItemStyles
+    });
+    const scrimColor = useBackgroundColor(() => {
+      return typeof props.scrim === "string" ? props.scrim : null;
+    });
+    const scrimStyles = computed(() => ({
+      ...isDragging.value ? {
+        opacity: dragProgress.value * 0.2,
+        transition: "none"
+      } : void 0,
+      ...layoutItemScrimStyles.value
+    }));
+    provideDefaults({
+      VList: {
+        bgColor: "transparent"
+      }
+    });
+    useRender(() => {
+      const hasImage = slots.image || props.image;
+      return createElementVNode(Fragment, null, [createVNode(props.tag, mergeProps({
+        "ref": rootEl,
+        "onMouseenter": runOpenDelay,
+        "onMouseleave": runCloseDelay,
+        "class": ["v-navigation-drawer", `v-navigation-drawer--${location.value}`, {
+          "v-navigation-drawer--expand-on-hover": props.expandOnHover,
+          "v-navigation-drawer--floating": props.floating,
+          "v-navigation-drawer--is-hovering": isHovering.value,
+          "v-navigation-drawer--rail": props.rail,
+          "v-navigation-drawer--temporary": isTemporary.value,
+          "v-navigation-drawer--persistent": isPersistent.value,
+          "v-navigation-drawer--active": isActive.value,
+          "v-navigation-drawer--sticky": isSticky.value
+        }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, displayClasses.value, elevationClasses.value, roundedClasses.value, props.class],
+        "style": [backgroundColorStyles.value, layoutItemStyles.value, ssrBootStyles.value, stickyStyles.value, props.style]
+      }, scopeId, attrs), {
+        default: () => {
+          var _a, _b, _c;
+          return [hasImage && createElementVNode("div", {
+            "key": "image",
+            "class": "v-navigation-drawer__img"
+          }, [!slots.image ? createVNode(VImg, {
+            "key": "image-img",
+            "alt": "",
+            "cover": true,
+            "height": "inherit",
+            "src": props.image
+          }, null) : createVNode(VDefaultsProvider, {
+            "key": "image-defaults",
+            "disabled": !props.image,
+            "defaults": {
+              VImg: {
+                alt: "",
+                cover: true,
+                height: "inherit",
+                src: props.image
+              }
+            }
+          }, slots.image)]), slots.prepend && createElementVNode("div", {
+            "class": "v-navigation-drawer__prepend"
+          }, [(_a = slots.prepend) == null ? void 0 : _a.call(slots)]), createElementVNode("div", {
+            "class": "v-navigation-drawer__content"
+          }, [(_b = slots.default) == null ? void 0 : _b.call(slots)]), slots.append && createElementVNode("div", {
+            "class": "v-navigation-drawer__append"
+          }, [(_c = slots.append) == null ? void 0 : _c.call(slots)])];
+        }
+      }), createVNode(Transition, {
+        "name": "fade-transition"
+      }, {
+        default: () => [isTemporary.value && (isDragging.value || isActive.value) && !!props.scrim && createElementVNode("div", mergeProps({
+          "class": ["v-navigation-drawer__scrim", scrimColor.backgroundColorClasses.value],
+          "style": [scrimStyles.value, scrimColor.backgroundColorStyles.value],
+          "onClick": () => {
+            if (isPersistent.value) return;
+            isActive.value = false;
+          }
+        }, scopeId), null)]
+      })]);
+    });
+    return {
+      isStuck
+    };
+  }
+});
+const _hoisted_1$1 = { class: "logo d-flex align-center pa-4" };
+const _hoisted_2$1 = ["src"];
+const _hoisted_3$1 = {
+  key: 1,
+  class: "logo-text text-h6 ms-2"
+};
+const _hoisted_4$1 = ["src"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
+  __name: "AppSidebar",
+  props: {
+    menuItems: { default: () => [] },
+    logo: {},
+    logoLight: {},
+    logoText: {},
+    miniSidebar: { type: Boolean, default: false },
+    permanent: { type: Boolean, default: true },
+    temporary: { type: Boolean, default: false },
+    rail: { type: Boolean, default: false },
+    location: { default: "left" },
+    width: { default: 265 },
+    railWidth: { default: 75 }
+  },
+  setup(__props) {
+    const props = __props;
+    const customizer = useCustomizerStore();
+    const route = useRoute$1();
+    const router = useRouter$1();
+    const isMini = computed(() => props.miniSidebar || customizer.mini_sidebar);
+    const drawer = computed({
+      get: () => customizer.Sidebar_drawer,
+      set: (val2) => customizer.SET_SIDEBAR_DRAWER(val2)
+    });
+    const navigationDrawerWidth = computed(
+      () => isMini.value ? props.railWidth : props.width
+    );
+    const handleClick = (item) => {
+      if (item.disabled) return;
+      if (item.to) {
+        router.push(item.to);
+      } else if (item.href) {
+        window.open(item.href, "_blank");
+      }
+    };
+    const isActive = (item) => {
+      if (!item.to) return false;
+      return route.path === item.to || route.path.startsWith(item.to + "/");
+    };
+    const expandOnHover = computed(() => isMini.value && !drawer.value);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(VNavigationDrawer, {
+        modelValue: drawer.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => drawer.value = $event),
+        permanent: __props.permanent && !__props.temporary,
+        temporary: __props.temporary,
+        rail: __props.rail || isMini.value && !expandOnHover.value,
+        "expand-on-hover": expandOnHover.value,
+        location: __props.location,
+        width: navigationDrawerWidth.value,
+        class: normalizeClass([["leftSidebar", { "mini-sidebar": isMini.value }], "border-0"])
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1$1, [
+            __props.logo || __props.logoText ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              __props.logo && !isMini.value ? (openBlock(), createElementBlock("img", {
+                key: 0,
+                src: unref(customizer).themeMode === "dark" && __props.logoLight ? __props.logoLight : __props.logo,
+                alt: "Logo",
+                class: "logo-img",
+                style: { "max-height": "40px", "max-width": "100%" }
+              }, null, 8, _hoisted_2$1)) : createCommentVNode("", true),
+              __props.logoText && !isMini.value ? (openBlock(), createElementBlock("span", _hoisted_3$1, toDisplayString(__props.logoText), 1)) : createCommentVNode("", true),
+              __props.logo && isMini.value ? (openBlock(), createElementBlock("img", {
+                key: 2,
+                src: unref(customizer).themeMode === "dark" && __props.logoLight ? __props.logoLight : __props.logo,
+                alt: "Logo",
+                class: "logo-img-mini",
+                style: { "height": "40px", "width": "40px", "object-fit": "contain" }
+              }, null, 8, _hoisted_4$1)) : createCommentVNode("", true)
+            ], 64)) : (openBlock(), createBlock(VSpacer, { key: 1 }))
+          ]),
+          createVNode(VDivider),
+          createVNode(unref(C), {
+            class: "scrollnavbar",
+            options: { wheelSpeed: 1, swipeEasing: true, suppressScrollX: true }
+          }, {
+            default: withCtx(() => [
+              createVNode(VList, {
+                lines: false,
+                class: "pa-0"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.menuItems, (item, index2) => {
+                    return openBlock(), createElementBlock(Fragment, { key: index2 }, [
+                      item.divider ? (openBlock(), createBlock(VDivider, {
+                        key: 0,
+                        class: "my-2"
+                      })) : item.items && item.items.length > 0 ? (openBlock(), createBlock(VListGroup, {
+                        key: 1,
+                        value: item.items.some((child) => isActive(child))
+                      }, {
+                        activator: withCtx(({ props: groupProps }) => [
+                          createVNode(VListItem, mergeProps({ ref_for: true }, groupProps, {
+                            disabled: item.disabled,
+                            "prepend-icon": item.icon
+                          }), createSlots({
+                            default: withCtx(() => [
+                              createVNode(VListItemTitle, null, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(item.title), 1)
+                                ]),
+                                _: 2
+                              }, 1024)
+                            ]),
+                            _: 2
+                          }, [
+                            item.chip ? {
+                              name: "append",
+                              fn: withCtx(() => [
+                                createVNode(VChip, {
+                                  color: item.chip.color || "primary",
+                                  size: "small",
+                                  class: "ms-2"
+                                }, {
+                                  default: withCtx(() => [
+                                    createTextVNode(toDisplayString(item.chip.content), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["color"])
+                              ]),
+                              key: "0"
+                            } : void 0
+                          ]), 1040, ["disabled", "prepend-icon"])
+                        ]),
+                        default: withCtx(() => [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(item.items, (child, childIndex) => {
+                            return openBlock(), createBlock(VListItem, {
+                              key: childIndex,
+                              to: child.to,
+                              href: child.href,
+                              disabled: child.disabled,
+                              active: isActive(child),
+                              "prepend-icon": child.icon,
+                              onClick: ($event) => handleClick(child)
+                            }, createSlots({
+                              default: withCtx(() => [
+                                createVNode(VListItemTitle, null, {
+                                  default: withCtx(() => [
+                                    createTextVNode(toDisplayString(child.title), 1)
+                                  ]),
+                                  _: 2
+                                }, 1024)
+                              ]),
+                              _: 2
+                            }, [
+                              child.chip ? {
+                                name: "append",
+                                fn: withCtx(() => [
+                                  createVNode(VChip, {
+                                    color: child.chip.color || "primary",
+                                    size: "small",
+                                    class: "ms-2"
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(child.chip.content), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["color"])
+                                ]),
+                                key: "0"
+                              } : void 0
+                            ]), 1032, ["to", "href", "disabled", "active", "prepend-icon", "onClick"]);
+                          }), 128))
+                        ]),
+                        _: 2
+                      }, 1032, ["value"])) : (openBlock(), createBlock(VListItem, {
+                        key: 2,
+                        to: item.to,
+                        href: item.href,
+                        disabled: item.disabled,
+                        active: isActive(item),
+                        "prepend-icon": item.icon,
+                        onClick: ($event) => handleClick(item)
+                      }, createSlots({
+                        default: withCtx(() => [
+                          createVNode(VListItemTitle, null, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(item.title), 1)
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        _: 2
+                      }, [
+                        item.chip ? {
+                          name: "append",
+                          fn: withCtx(() => [
+                            createVNode(VChip, {
+                              color: item.chip.color || "primary",
+                              size: "small",
+                              class: "ms-2"
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(item.chip.content), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["color"])
+                          ]),
+                          key: "0"
+                        } : void 0
+                      ]), 1032, ["to", "href", "disabled", "active", "prepend-icon", "onClick"]))
+                    ], 64);
+                  }), 128))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "permanent", "temporary", "rail", "expand-on-hover", "location", "width", "class"]);
+    };
+  }
+});
+const AppSidebar = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__scopeId", "data-v-b3040226"]]);
+const makeVToolbarTitleProps = propsFactory({
+  text: String,
+  ...makeComponentProps(),
+  ...makeTagProps()
+}, "VToolbarTitle");
+const VToolbarTitle = genericComponent()({
+  name: "VToolbarTitle",
+  props: makeVToolbarTitleProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    useRender(() => {
+      const hasText = !!(slots.default || slots.text || props.text);
+      return createVNode(props.tag, {
+        "class": normalizeClass(["v-toolbar-title", props.class]),
+        "style": normalizeStyle(props.style)
+      }, {
+        default: () => {
+          var _a;
+          return [hasText && createElementVNode("div", {
+            "class": "v-toolbar-title__placeholder"
+          }, [slots.text ? slots.text() : props.text, (_a = slots.default) == null ? void 0 : _a.call(slots)])];
+        }
+      });
+    });
+    return {};
+  }
+});
+const allowedDensities = [null, "prominent", "default", "comfortable", "compact"];
+const makeVToolbarProps = propsFactory({
+  absolute: Boolean,
+  collapse: Boolean,
+  color: String,
+  density: {
+    type: String,
+    default: "default",
+    validator: (v) => allowedDensities.includes(v)
+  },
+  extended: {
+    type: Boolean,
+    default: null
+  },
+  extensionHeight: {
+    type: [Number, String],
+    default: 48
+  },
+  flat: Boolean,
+  floating: Boolean,
+  height: {
+    type: [Number, String],
+    default: 64
+  },
+  image: String,
+  title: String,
+  ...makeBorderProps(),
+  ...makeComponentProps(),
+  ...makeElevationProps(),
+  ...makeRoundedProps(),
+  ...makeTagProps({
+    tag: "header"
+  }),
+  ...makeThemeProps()
+}, "VToolbar");
+const VToolbar = genericComponent()({
+  name: "VToolbar",
+  props: makeVToolbarProps(),
+  setup(props, _ref) {
+    var _a;
+    let {
+      slots
+    } = _ref;
+    const {
+      backgroundColorClasses,
+      backgroundColorStyles
+    } = useBackgroundColor(() => props.color);
+    const {
+      borderClasses
+    } = useBorder(props);
+    const {
+      elevationClasses
+    } = useElevation(props);
+    const {
+      roundedClasses
+    } = useRounded(props);
+    const {
+      themeClasses
+    } = provideTheme(props);
+    const {
+      rtlClasses
+    } = useRtl();
+    const isExtended = shallowRef(props.extended === null ? !!((_a = slots.extension) == null ? void 0 : _a.call(slots)) : props.extended);
+    const contentHeight = computed(() => parseInt(Number(props.height) + (props.density === "prominent" ? Number(props.height) : 0) - (props.density === "comfortable" ? 8 : 0) - (props.density === "compact" ? 16 : 0), 10));
+    const extensionHeight = computed(() => isExtended.value ? parseInt(Number(props.extensionHeight) + (props.density === "prominent" ? Number(props.extensionHeight) : 0) - (props.density === "comfortable" ? 4 : 0) - (props.density === "compact" ? 8 : 0), 10) : 0);
+    provideDefaults({
+      VBtn: {
+        variant: "text"
+      }
+    });
+    useRender(() => {
+      var _a2;
+      const hasTitle = !!(props.title || slots.title);
+      const hasImage = !!(slots.image || props.image);
+      const extension = (_a2 = slots.extension) == null ? void 0 : _a2.call(slots);
+      isExtended.value = props.extended === null ? !!extension : props.extended;
+      return createVNode(props.tag, {
+        "class": normalizeClass(["v-toolbar", {
+          "v-toolbar--absolute": props.absolute,
+          "v-toolbar--collapse": props.collapse,
+          "v-toolbar--flat": props.flat,
+          "v-toolbar--floating": props.floating,
+          [`v-toolbar--density-${props.density}`]: true
+        }, backgroundColorClasses.value, borderClasses.value, elevationClasses.value, roundedClasses.value, themeClasses.value, rtlClasses.value, props.class]),
+        "style": normalizeStyle([backgroundColorStyles.value, props.style])
+      }, {
+        default: () => [hasImage && createElementVNode("div", {
+          "key": "image",
+          "class": "v-toolbar__image"
+        }, [!slots.image ? createVNode(VImg, {
+          "key": "image-img",
+          "cover": true,
+          "src": props.image
+        }, null) : createVNode(VDefaultsProvider, {
+          "key": "image-defaults",
+          "disabled": !props.image,
+          "defaults": {
+            VImg: {
+              cover: true,
+              src: props.image
+            }
+          }
+        }, slots.image)]), createVNode(VDefaultsProvider, {
+          "defaults": {
+            VTabs: {
+              height: convertToUnit(contentHeight.value)
+            }
+          }
+        }, {
+          default: () => {
+            var _a3, _b, _c;
+            return [createElementVNode("div", {
+              "class": "v-toolbar__content",
+              "style": {
+                height: convertToUnit(contentHeight.value)
+              }
+            }, [slots.prepend && createElementVNode("div", {
+              "class": "v-toolbar__prepend"
+            }, [(_a3 = slots.prepend) == null ? void 0 : _a3.call(slots)]), hasTitle && createVNode(VToolbarTitle, {
+              "key": "title",
+              "text": props.title
+            }, {
+              text: slots.title
+            }), (_b = slots.default) == null ? void 0 : _b.call(slots), slots.append && createElementVNode("div", {
+              "class": "v-toolbar__append"
+            }, [(_c = slots.append) == null ? void 0 : _c.call(slots)])])];
+          }
+        }), createVNode(VDefaultsProvider, {
+          "defaults": {
+            VTabs: {
+              height: convertToUnit(extensionHeight.value)
+            }
+          }
+        }, {
+          default: () => [createVNode(VExpandTransition, null, {
+            default: () => [isExtended.value && createElementVNode("div", {
+              "class": "v-toolbar__extension",
+              "style": {
+                height: convertToUnit(extensionHeight.value)
+              }
+            }, [extension])]
+          })]
+        })]
+      });
+    });
+    return {
+      contentHeight,
+      extensionHeight
+    };
+  }
+});
+const makeScrollProps = propsFactory({
+  scrollTarget: {
+    type: String
+  },
+  scrollThreshold: {
+    type: [String, Number],
+    default: 300
+  }
+}, "scroll");
+function useScroll(props) {
+  let args = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  const {
+    canScroll
+  } = args;
+  let previousScroll = 0;
+  let previousScrollHeight = 0;
+  const target = ref(null);
+  const currentScroll = shallowRef(0);
+  const savedScroll = shallowRef(0);
+  const currentThreshold = shallowRef(0);
+  const isScrollActive = shallowRef(false);
+  const isScrollingUp = shallowRef(false);
+  const scrollThreshold = computed(() => {
+    return Number(props.scrollThreshold);
+  });
+  const scrollRatio = computed(() => {
+    return clamp((scrollThreshold.value - currentScroll.value) / scrollThreshold.value || 0);
+  });
+  const onScroll2 = () => {
+    const targetEl = target.value;
+    if (!targetEl || canScroll && !canScroll.value) return;
+    previousScroll = currentScroll.value;
+    currentScroll.value = "window" in targetEl ? targetEl.pageYOffset : targetEl.scrollTop;
+    const currentScrollHeight = targetEl instanceof Window ? document.documentElement.scrollHeight : targetEl.scrollHeight;
+    if (previousScrollHeight !== currentScrollHeight) {
+      previousScrollHeight = currentScrollHeight;
+      return;
+    }
+    isScrollingUp.value = currentScroll.value < previousScroll;
+    currentThreshold.value = Math.abs(currentScroll.value - scrollThreshold.value);
+  };
+  watch(isScrollingUp, () => {
+    savedScroll.value = savedScroll.value || currentScroll.value;
+  });
+  watch(isScrollActive, () => {
+    savedScroll.value = 0;
+  });
+  onMounted(() => {
+    watch(() => props.scrollTarget, (scrollTarget) => {
+      var _a;
+      const newTarget = scrollTarget ? document.querySelector(scrollTarget) : window;
+      if (!newTarget) {
+        consoleWarn(`Unable to locate element with identifier ${scrollTarget}`);
+        return;
+      }
+      if (newTarget === target.value) return;
+      (_a = target.value) == null ? void 0 : _a.removeEventListener("scroll", onScroll2);
+      target.value = newTarget;
+      target.value.addEventListener("scroll", onScroll2, {
+        passive: true
+      });
+    }, {
+      immediate: true
+    });
+  });
+  onBeforeUnmount(() => {
+    var _a;
+    (_a = target.value) == null ? void 0 : _a.removeEventListener("scroll", onScroll2);
+  });
+  canScroll && watch(canScroll, onScroll2, {
+    immediate: true
+  });
+  return {
+    scrollThreshold,
+    currentScroll,
+    currentThreshold,
+    isScrollActive,
+    scrollRatio,
+    // required only for testing
+    // probably can be removed
+    // later (2 chars chlng)
+    isScrollingUp,
+    savedScroll
+  };
+}
+const makeVAppBarProps = propsFactory({
+  scrollBehavior: String,
+  modelValue: {
+    type: Boolean,
+    default: true
+  },
+  location: {
+    type: String,
+    default: "top",
+    validator: (value2) => ["top", "bottom"].includes(value2)
+  },
+  ...makeVToolbarProps(),
+  ...makeLayoutItemProps(),
+  ...makeScrollProps(),
+  height: {
+    type: [Number, String],
+    default: 64
+  }
+}, "VAppBar");
+const VAppBar = genericComponent()({
+  name: "VAppBar",
+  props: makeVAppBarProps(),
+  emits: {
+    "update:modelValue": (value2) => true
+  },
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const vToolbarRef = ref();
+    const isActive = useProxiedModel(props, "modelValue");
+    const scrollBehavior = computed(() => {
+      var _a;
+      const behavior = new Set(((_a = props.scrollBehavior) == null ? void 0 : _a.split(" ")) ?? []);
+      return {
+        hide: behavior.has("hide"),
+        fullyHide: behavior.has("fully-hide"),
+        inverted: behavior.has("inverted"),
+        collapse: behavior.has("collapse"),
+        elevate: behavior.has("elevate"),
+        fadeImage: behavior.has("fade-image")
+        // shrink: behavior.has('shrink'),
+      };
+    });
+    const canScroll = computed(() => {
+      const behavior = scrollBehavior.value;
+      return behavior.hide || behavior.fullyHide || behavior.inverted || behavior.collapse || behavior.elevate || behavior.fadeImage || // behavior.shrink ||
+      !isActive.value;
+    });
+    const {
+      currentScroll,
+      scrollThreshold,
+      isScrollingUp,
+      scrollRatio
+    } = useScroll(props, {
+      canScroll
+    });
+    const canHide = toRef(() => scrollBehavior.value.hide || scrollBehavior.value.fullyHide);
+    const isCollapsed = computed(() => props.collapse || scrollBehavior.value.collapse && (scrollBehavior.value.inverted ? scrollRatio.value > 0 : scrollRatio.value === 0));
+    const isFlat = computed(() => props.flat || scrollBehavior.value.fullyHide && !isActive.value || scrollBehavior.value.elevate && (scrollBehavior.value.inverted ? currentScroll.value > 0 : currentScroll.value === 0));
+    const opacity = computed(() => scrollBehavior.value.fadeImage ? scrollBehavior.value.inverted ? 1 - scrollRatio.value : scrollRatio.value : void 0);
+    const height2 = computed(() => {
+      var _a, _b;
+      if (scrollBehavior.value.hide && scrollBehavior.value.inverted) return 0;
+      const height3 = ((_a = vToolbarRef.value) == null ? void 0 : _a.contentHeight) ?? 0;
+      const extensionHeight = ((_b = vToolbarRef.value) == null ? void 0 : _b.extensionHeight) ?? 0;
+      if (!canHide.value) return height3 + extensionHeight;
+      return currentScroll.value < scrollThreshold.value || scrollBehavior.value.fullyHide ? height3 + extensionHeight : height3;
+    });
+    useToggleScope(() => !!props.scrollBehavior, () => {
+      watchEffect(() => {
+        if (canHide.value) {
+          if (scrollBehavior.value.inverted) {
+            isActive.value = currentScroll.value > scrollThreshold.value;
+          } else {
+            isActive.value = isScrollingUp.value || currentScroll.value < scrollThreshold.value;
+          }
+        } else {
+          isActive.value = true;
+        }
+      });
+    });
+    const {
+      ssrBootStyles
+    } = useSsrBoot();
+    const {
+      layoutItemStyles
+    } = useLayoutItem({
+      id: props.name,
+      order: computed(() => parseInt(props.order, 10)),
+      position: toRef(() => props.location),
+      layoutSize: height2,
+      elementSize: shallowRef(void 0),
+      active: isActive,
+      absolute: toRef(() => props.absolute)
+    });
+    useRender(() => {
+      const toolbarProps = VToolbar.filterProps(props);
+      return createVNode(VToolbar, mergeProps({
+        "ref": vToolbarRef,
+        "class": ["v-app-bar", {
+          "v-app-bar--bottom": props.location === "bottom"
+        }, props.class],
+        "style": [{
+          ...layoutItemStyles.value,
+          "--v-toolbar-image-opacity": opacity.value,
+          height: void 0,
+          ...ssrBootStyles.value
+        }, props.style]
+      }, toolbarProps, {
+        "collapse": isCollapsed.value,
+        "flat": isFlat.value
+      }), slots);
+    });
+    return {};
+  }
+});
+const makeVAppBarNavIconProps = propsFactory({
+  ...omit(makeVBtnProps({
+    icon: "$menu",
+    variant: "text"
+  }), ["spaced"])
+}, "VAppBarNavIcon");
+const VAppBarNavIcon = genericComponent()({
+  name: "VAppBarNavIcon",
+  props: makeVAppBarNavIconProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    useRender(() => createVNode(VBtn, mergeProps(props, {
+      "class": ["v-app-bar-nav-icon"]
+    }), slots));
+    return {};
+  }
+});
+const VAppBarTitle = genericComponent()({
+  name: "VAppBarTitle",
+  props: makeVToolbarTitleProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    useRender(() => createVNode(VToolbarTitle, mergeProps(props, {
+      "class": "v-app-bar-title"
+    }), slots));
+    return {};
+  }
+});
+const makeVBadgeProps = propsFactory({
+  bordered: Boolean,
+  color: String,
+  content: [Number, String],
+  dot: Boolean,
+  floating: Boolean,
+  icon: IconValue,
+  inline: Boolean,
+  label: {
+    type: String,
+    default: "$vuetify.badge"
+  },
+  max: [Number, String],
+  modelValue: {
+    type: Boolean,
+    default: true
+  },
+  offsetX: [Number, String],
+  offsetY: [Number, String],
+  textColor: String,
+  ...makeComponentProps(),
+  ...makeLocationProps({
+    location: "top end"
+  }),
+  ...makeRoundedProps(),
+  ...makeTagProps(),
+  ...makeThemeProps(),
+  ...makeTransitionProps$1({
+    transition: "scale-rotate-transition"
+  }),
+  ...makeDimensionProps()
+}, "VBadge");
+const VBadge = genericComponent()({
+  name: "VBadge",
+  inheritAttrs: false,
+  props: makeVBadgeProps(),
+  setup(props, ctx) {
+    const {
+      backgroundColorClasses,
+      backgroundColorStyles
+    } = useBackgroundColor(() => props.color);
+    const {
+      roundedClasses
+    } = useRounded(props);
+    const {
+      t
+    } = useLocale();
+    const {
+      textColorClasses,
+      textColorStyles
+    } = useTextColor(() => props.textColor);
+    const {
+      themeClasses
+    } = useTheme();
+    const {
+      locationStyles
+    } = useLocation(props, true, (side) => {
+      const base = props.floating ? props.dot ? 2 : 4 : props.dot ? 8 : 12;
+      return base + (["top", "bottom"].includes(side) ? Number(props.offsetY ?? 0) : ["left", "right"].includes(side) ? Number(props.offsetX ?? 0) : 0);
+    });
+    const {
+      dimensionStyles
+    } = useDimension(props);
+    useRender(() => {
+      const value2 = Number(props.content);
+      const content2 = !props.max || isNaN(value2) ? props.content : value2 <= Number(props.max) ? value2 : `${props.max}+`;
+      const [badgeAttrs, attrs] = pickWithRest(ctx.attrs, ["aria-atomic", "aria-label", "aria-live", "role", "title"]);
+      return createVNode(props.tag, mergeProps({
+        "class": ["v-badge", {
+          "v-badge--bordered": props.bordered,
+          "v-badge--dot": props.dot,
+          "v-badge--floating": props.floating,
+          "v-badge--inline": props.inline
+        }, props.class]
+      }, attrs, {
+        "style": props.style
+      }), {
+        default: () => {
+          var _a, _b;
+          return [createElementVNode("div", {
+            "class": "v-badge__wrapper"
+          }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a), createVNode(MaybeTransition, {
+            "transition": props.transition
+          }, {
+            default: () => {
+              var _a2, _b2;
+              return [withDirectives(createElementVNode("span", mergeProps({
+                "class": ["v-badge__badge", themeClasses.value, backgroundColorClasses.value, roundedClasses.value, textColorClasses.value],
+                "style": [backgroundColorStyles.value, textColorStyles.value, dimensionStyles.value, props.inline ? {} : locationStyles.value],
+                "aria-atomic": "true",
+                "aria-label": t(props.label, value2),
+                "aria-live": "polite",
+                "role": "status"
+              }, badgeAttrs), [props.dot ? void 0 : ctx.slots.badge ? (_b2 = (_a2 = ctx.slots).badge) == null ? void 0 : _b2.call(_a2) : props.icon ? createVNode(VIcon, {
+                "icon": props.icon
+              }, null) : content2]), [[vShow, props.modelValue]])];
+            }
+          })])];
+        }
+      });
+    });
+    return {};
+  }
+});
+const _hoisted_1 = {
+  key: 0,
+  class: "text-h6"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "text-caption text-medium-emphasis"
+};
+const _hoisted_3 = { key: 2 };
+const _hoisted_4 = { key: 2 };
+const _hoisted_5 = { key: 2 };
+const _sfc_main = /* @__PURE__ */ defineComponent$1({
+  __name: "AppHeader",
+  props: {
+    title: {},
+    subtitle: {},
+    showSidebarToggle: { type: Boolean, default: true },
+    showSearch: { type: Boolean, default: false },
+    searchPlaceholder: { default: "جستجو..." },
+    searchValue: {},
+    showNotifications: { type: Boolean, default: false },
+    notificationCount: { default: 0 },
+    showProfile: { type: Boolean, default: false },
+    profileAvatar: {},
+    profileName: {},
+    profileMenu: { default: () => [] },
+    actions: { default: () => [] },
+    color: { default: "surface" },
+    elevation: { default: 1 },
+    height: { default: 70 },
+    class: {}
+  },
+  emits: ["update:searchValue", "toggle-sidebar", "search"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const customizer = useCustomizerStore();
+    const searchInput = computed({
+      get: () => props.searchValue || "",
+      set: (val2) => {
+        emit("update:searchValue", val2);
+        emit("search", val2);
+      }
+    });
+    const toggleSidebar = () => {
+      customizer.SET_SIDEBAR_DRAWER();
+      emit("toggle-sidebar");
+    };
+    const profileMenuItems = computed(
+      () => props.profileMenu.map((item) => ({
+        ...item,
+        prependIcon: item.icon,
+        onClick: item.action || (() => {
+          if (item.to) {
+            console.log("Navigate to:", item.to);
+          } else if (item.href) {
+            window.open(item.href, "_blank");
+          }
+        })
+      }))
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(VAppBar, {
+        color: __props.color,
+        elevation: __props.elevation,
+        height: __props.height,
+        class: normalizeClass([props.class, "topbar"]),
+        fixed: ""
+      }, {
+        default: withCtx(() => [
+          __props.showSidebarToggle ? (openBlock(), createBlock(VAppBarNavIcon, {
+            key: 0,
+            variant: "text",
+            onClick: toggleSidebar
+          })) : createCommentVNode("", true),
+          __props.title || __props.subtitle ? (openBlock(), createBlock(VAppBarTitle, {
+            key: 1,
+            class: "d-flex flex-column"
+          }, {
+            default: withCtx(() => [
+              __props.title ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+              __props.subtitle ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          createVNode(VSpacer),
+          __props.showSearch ? (openBlock(), createBlock(VTextField, {
+            key: 2,
+            modelValue: searchInput.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchInput.value = $event),
+            placeholder: __props.searchPlaceholder,
+            density: "compact",
+            variant: "outlined",
+            "hide-details": "",
+            "prepend-inner-icon": "mdi-magnify",
+            class: "search-bar",
+            style: { "max-width": "400px" }
+          }, null, 8, ["modelValue", "placeholder"])) : createCommentVNode("", true),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, (action, index2) => {
+            return openBlock(), createElementBlock(Fragment, { key: index2 }, [
+              action.tooltip ? (openBlock(), createBlock(VTooltip, {
+                key: 0,
+                text: action.tooltip,
+                location: "bottom"
+              }, {
+                activator: withCtx(({ props: tooltipProps }) => [
+                  createVNode(VBtn, mergeProps({ ref_for: true }, tooltipProps, {
+                    icon: action.icon,
+                    color: action.color || "primary",
+                    variant: action.variant || "text",
+                    size: action.size || "default",
+                    disabled: action.disabled,
+                    class: "ms-2",
+                    onClick: action.onClick
+                  }), {
+                    default: withCtx(() => [
+                      action.badge ? (openBlock(), createBlock(VBadge, {
+                        key: 0,
+                        content: action.badge,
+                        color: action.badgeColor || "error",
+                        overlap: ""
+                      }, {
+                        default: withCtx(() => [
+                          action.icon ? (openBlock(), createBlock(VIcon, {
+                            key: 0,
+                            icon: action.icon
+                          }, null, 8, ["icon"])) : createCommentVNode("", true)
+                        ]),
+                        _: 2
+                      }, 1032, ["content", "color"])) : action.icon ? (openBlock(), createBlock(VIcon, {
+                        key: 1,
+                        icon: action.icon
+                      }, null, 8, ["icon"])) : createCommentVNode("", true),
+                      action.label && !action.icon ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(action.label), 1)) : createCommentVNode("", true)
+                    ]),
+                    _: 2
+                  }, 1040, ["icon", "color", "variant", "size", "disabled", "onClick"])
+                ]),
+                _: 2
+              }, 1032, ["text"])) : (openBlock(), createBlock(VBtn, {
+                key: 1,
+                icon: action.icon,
+                color: action.color || "primary",
+                variant: action.variant || "text",
+                size: action.size || "default",
+                disabled: action.disabled,
+                class: "ms-2",
+                onClick: action.onClick
+              }, {
+                default: withCtx(() => [
+                  action.badge ? (openBlock(), createBlock(VBadge, {
+                    key: 0,
+                    content: action.badge,
+                    color: action.badgeColor || "error",
+                    overlap: ""
+                  }, {
+                    default: withCtx(() => [
+                      action.icon ? (openBlock(), createBlock(VIcon, {
+                        key: 0,
+                        icon: action.icon
+                      }, null, 8, ["icon"])) : createCommentVNode("", true)
+                    ]),
+                    _: 2
+                  }, 1032, ["content", "color"])) : action.icon ? (openBlock(), createBlock(VIcon, {
+                    key: 1,
+                    icon: action.icon
+                  }, null, 8, ["icon"])) : createCommentVNode("", true),
+                  action.label && !action.icon ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(action.label), 1)) : createCommentVNode("", true)
+                ]),
+                _: 2
+              }, 1032, ["icon", "color", "variant", "size", "disabled", "onClick"]))
+            ], 64);
+          }), 128)),
+          __props.showNotifications ? (openBlock(), createBlock(VMenu, {
+            key: 3,
+            location: "bottom end",
+            "offset-y": ""
+          }, {
+            activator: withCtx(({ props: menuProps }) => [
+              createVNode(VBtn, mergeProps(menuProps, {
+                icon: "",
+                variant: "text",
+                class: "profileBtn"
+              }), {
+                default: withCtx(() => [
+                  createVNode(VBadge, {
+                    content: __props.notificationCount > 0 ? __props.notificationCount : void 0,
+                    color: "error",
+                    overlap: ""
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(VIcon, { icon: "mdi-bell-outline" })
+                    ]),
+                    _: 1
+                  }, 8, ["content"])
+                ]),
+                _: 1
+              }, 16)
+            ]),
+            default: withCtx(() => [
+              createVNode(VList, null, {
+                default: withCtx(() => [
+                  createVNode(VListItem, null, {
+                    default: withCtx(() => [
+                      createVNode(VListItemTitle, null, {
+                        default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                          createTextVNode("اعلان‌ها", -1)
+                        ])]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(VDivider),
+                  createVNode(VListItem, null, {
+                    default: withCtx(() => [
+                      createVNode(VListItemTitle, null, {
+                        default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                          createTextVNode("هیچ اعلان جدیدی وجود ندارد", -1)
+                        ])]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          __props.showProfile ? (openBlock(), createBlock(VMenu, {
+            key: 4,
+            location: "bottom end",
+            "offset-y": ""
+          }, {
+            activator: withCtx(({ props: menuProps }) => [
+              createVNode(VBtn, mergeProps(menuProps, {
+                icon: !__props.profileName && !__props.profileAvatar,
+                variant: "text",
+                class: "profileBtn"
+              }), {
+                default: withCtx(() => [
+                  __props.profileAvatar ? (openBlock(), createBlock(VAvatar, {
+                    key: 0,
+                    size: "32"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(VImg, {
+                        src: __props.profileAvatar,
+                        alt: __props.profileName || "Profile"
+                      }, null, 8, ["src", "alt"])
+                    ]),
+                    _: 1
+                  })) : !__props.profileName ? (openBlock(), createBlock(VIcon, {
+                    key: 1,
+                    icon: "mdi-account-circle"
+                  })) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.profileName), 1))
+                ]),
+                _: 1
+              }, 16, ["icon"])
+            ]),
+            default: withCtx(() => [
+              profileMenuItems.value.length > 0 ? (openBlock(), createBlock(VList, { key: 0 }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(profileMenuItems.value, (item, index2) => {
+                    return openBlock(), createBlock(VListItem, {
+                      key: index2,
+                      "prepend-icon": item.icon,
+                      to: item.to,
+                      href: item.href,
+                      onClick: item.onClick
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(VListItemTitle, null, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(item.title), 1)
+                          ]),
+                          _: 2
+                        }, 1024),
+                        item.divider ? (openBlock(), createBlock(VDivider, { key: 0 })) : createCommentVNode("", true)
+                      ]),
+                      _: 2
+                    }, 1032, ["prepend-icon", "to", "href", "onClick"]);
+                  }), 128))
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["color", "elevation", "height", "class"]);
+    };
+  }
+});
+const AppHeader = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-b7912421"]]);
 function useDataTable(options) {
   const items = ref([]);
   const loading = ref(false);
@@ -36263,7 +38980,8 @@ function useDataTable(options) {
     loading.value = true;
     error.value = null;
     try {
-      const response = await axios.get(options.apiResource, {
+      const axiosInstance = getAxiosInstance();
+      const response = await axiosInstance.get(options.apiResource, {
         params: {
           page: pagination.value.currentPage,
           per_page: pagination.value.itemsPerPage,
@@ -36301,7 +39019,8 @@ function useDataTable(options) {
     isLoadingMore.value = true;
     pagination.value.currentPage += 1;
     try {
-      const response = await axios.get(options.apiResource, {
+      const axiosInstance = getAxiosInstance();
+      const response = await axiosInstance.get(options.apiResource, {
         params: {
           page: pagination.value.currentPage,
           per_page: pagination.value.itemsPerPage,
@@ -36803,32 +39522,36 @@ const index = {
   install
 };
 export {
+  AppHeader,
+  AppSidebar,
   AppStepper,
-  _sfc_main$f as BaseBreadcrumb,
-  _sfc_main$e as BaseIcon,
+  _sfc_main$h as BaseBreadcrumb,
+  _sfc_main$g as BaseIcon,
   BooleanEnum,
   BooleanEnumOptions,
-  _sfc_main$d as ConfirmDialog,
+  _sfc_main$f as ConfirmDialog,
   CustomAutocomplete,
-  _sfc_main$9 as CustomDataTable,
+  _sfc_main$b as CustomDataTable,
   DateConverter,
   DescriptionInput,
   DigitLimit,
   DownloadButton,
   GreetingUtils,
   Loading,
-  _sfc_main$b as MoneyInput,
+  _sfc_main$d as MoneyInput,
   NationalCodeValidator,
   PdfViewer,
   ShamsiDatePicker,
-  _sfc_main$5 as UiChildCard,
-  _sfc_main$4 as UiParentCard,
-  _sfc_main$3 as VPriceTextField,
+  _sfc_main$7 as UiChildCard,
+  _sfc_main$6 as UiParentCard,
+  _sfc_main$5 as VPriceTextField,
   configureAuth,
+  configureAxiosInstance,
   index as default,
   fetchWrapper,
   formatNumberWithCommas,
   formatPrice,
+  getAxiosInstance,
   install,
   nationalCodeRule,
   useCustomizerStore,