@amirjalili1374/ui-kit 1.3.28 → 1.3.30

package/dist/ui-kit.es.js

@@ -3887,7 +3887,7 @@ const VRow = genericComponent()({
 const VSpacer = createSimpleFunctional("v-spacer", "div", "VSpacer");
 const _hoisted_1$d = { class: "text-h3" };
 const _hoisted_2$7 = { class: "d-flex align-center gap-2" };
-const _hoisted_3$6 = { class: "d-flex align-center gap-2" };
+const _hoisted_3$5 = { class: "d-flex align-center gap-2" };
 const _sfc_main$l = /* @__PURE__ */ defineComponent$1({
   __name: "BaseBreadcrumb",
   props: {
@@ -3941,7 +3941,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent$1({
                                 size: "16",
                                 class: "text-secondary ml-2"
                               }),
-                              createElementVNode("div", _hoisted_3$6, [
+                              createElementVNode("div", _hoisted_3$5, [
                                 createVNode(unref(IconArrowBadgeLeft), { stroke: "{2}" })
                               ])
                             ]),
@@ -12593,9 +12593,9 @@ const VTooltip = genericComponent()({
 });
 const _hoisted_1$b = { class: "ca-item-title" };
 const _hoisted_2$6 = { class: "ca-item-subtitle" };
-const _hoisted_3$5 = { class: "ca-group-tooltip" };
-const _hoisted_4$3 = { class: "ca-group-tooltip-header" };
-const _hoisted_5$3 = { class: "ca-group-count" };
+const _hoisted_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_6$2 = { class: "ca-group-members" };
 const _hoisted_7$2 = { class: "ca-item-title" };
 const _hoisted_8$2 = { class: "ca-item-subtitle" };
@@ -12746,10 +12746,10 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent$1({
                 item: item.raw ?? item,
                 groupMembers: getGroupMembers(item.raw ?? item)
               }, () => [
-                createElementVNode("div", _hoisted_3$5, [
-                  createElementVNode("div", _hoisted_4$3, [
+                createElementVNode("div", _hoisted_3$4, [
+                  createElementVNode("div", _hoisted_4$2, [
                     createElementVNode("strong", null, toDisplayString(resolveTitle(item.raw ?? item)), 1),
-                    createElementVNode("span", _hoisted_5$3, toDisplayString(getGroupMembers(item.raw ?? item).length) + " آیتم", 1)
+                    createElementVNode("span", _hoisted_5$2, toDisplayString(getGroupMembers(item.raw ?? item).length) + " آیتم", 1)
                   ]),
                   createElementVNode("div", _hoisted_6$2, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(getGroupMembers(item.raw ?? item), (member, idx) => {
@@ -16922,12 +16922,12 @@ const _hoisted_1$9 = {
   class: "page-title"
 };
 const _hoisted_2$5 = { class: "title-text" };
-const _hoisted_3$4 = { class: "action-buttons" };
-const _hoisted_4$2 = {
+const _hoisted_3$3 = { class: "action-buttons" };
+const _hoisted_4$1 = {
   key: 3,
   class: "selection-actions"
 };
-const _hoisted_5$2 = {
+const _hoisted_5$1 = {
   key: 0,
   class: "selected-actions"
 };
@@ -17887,7 +17887,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
         props.title ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
           createElementVNode("h3", _hoisted_2$5, toDisplayString(props.title), 1)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$4, [
+        createElementVNode("div", _hoisted_3$3, [
           ((_a = props.actions) == null ? void 0 : _a.includes("create")) ? (openBlock(), createBlock(VBtn, {
             key: 0,
             color: "green",
@@ -17920,7 +17920,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
             ])]),
             _: 1
           }, 8, ["onClick", "loading"])) : createCommentVNode("", true),
-          props.selectable && hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+          props.selectable && hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
             createVNode(VChip, {
               color: "primary",
               class: "me-2"
@@ -17947,7 +17947,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
             appear: ""
           }, {
             default: withCtx(() => [
-              props.bulkMode && hasValidSelection.value || props.enableGroupDelete && hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
+              props.bulkMode && hasValidSelection.value || props.enableGroupDelete && hasSelection.value ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
                 props.enableGroupDelete ? (openBlock(), createBlock(VBtn, {
                   key: 0,
                   color: "red",
@@ -19348,12 +19348,12 @@ const _hoisted_1$6 = {
   class: "pdf-viewer-header"
 };
 const _hoisted_2$4 = { class: "pdf-viewer-title" };
-const _hoisted_3$3 = { class: "pdf-viewer-controls" };
-const _hoisted_4$1 = {
+const _hoisted_3$2 = { class: "pdf-viewer-controls" };
+const _hoisted_4 = {
   key: 0,
   class: "zoom-controls"
 };
-const _hoisted_5$1 = { class: "zoom-level" };
+const _hoisted_5 = { class: "zoom-level" };
 const _hoisted_6 = {
   key: 1,
   class: "navigation-controls"
@@ -19598,8 +19598,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
           createElementVNode("div", _hoisted_2$4, [
             createElementVNode("h3", null, toDisplayString(__props.title || "PDF Viewer"), 1)
           ]),
-          createElementVNode("div", _hoisted_3$3, [
-            __props.showZoomControls ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+          createElementVNode("div", _hoisted_3$2, [
+            __props.showZoomControls ? (openBlock(), createElementBlock("div", _hoisted_4, [
               createVNode(VBtn, {
                 size: "small",
                 variant: "text",
@@ -19615,7 +19615,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              createElementVNode("span", _hoisted_5$1, toDisplayString(Math.round(zoom.value * 100)) + "%", 1),
+              createElementVNode("span", _hoisted_5, toDisplayString(Math.round(zoom.value * 100)) + "%", 1),
               createVNode(VBtn, {
                 size: "small",
                 variant: "text",
@@ -19992,7 +19992,7 @@ const _hoisted_1$4 = {
   dir: "rtl"
 };
 const _hoisted_2$3 = { class: "app-stepper-header-card" };
-const _hoisted_3$2 = { class: "app-stepper-title" };
+const _hoisted_3$1 = { class: "app-stepper-title" };
 const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
   __name: "AppStepper",
   props: {
@@ -20087,7 +20087,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
                     }))
                   ], true)
                 ], 2),
-                createElementVNode("span", _hoisted_3$2, toDisplayString(step.title), 1),
+                createElementVNode("span", _hoisted_3$1, toDisplayString(step.title), 1),
                 index2 < __props.steps.length - 1 ? (openBlock(), createElementBlock("span", {
                   key: 0,
                   class: normalizeClass([
@@ -36919,7 +36919,7 @@ const _hoisted_1$3 = {
   class: "loading-overlay"
 };
 const _hoisted_2$2 = { class: "loading-wrapper" };
-const _hoisted_3$1 = { key: 0 };
+const _hoisted_3 = { key: 0 };
 const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
   __name: "Loading",
   setup(__props) {
@@ -36937,7 +36937,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
               }),
               createVNode(Transition, { name: "fade-slide" }, {
                 default: withCtx(() => [
-                  unref(customizer).loading ? (openBlock(), createElementBlock("span", _hoisted_3$1, "لطفا منتظر بمانید")) : createCommentVNode("", true)
+                  unref(customizer).loading ? (openBlock(), createElementBlock("span", _hoisted_3, "لطفا منتظر بمانید")) : createCommentVNode("", true)
                 ]),
                 _: 1
               })
@@ -38133,449 +38133,270 @@ const VAppBar = genericComponent()({
     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$1 = {
-  key: 0,
-  class: "text-h6"
-};
-const _hoisted_2 = {
   key: 1,
-  class: "text-caption text-medium-emphasis"
+  class: "header-menu-container"
 };
-const _hoisted_3 = { key: 2 };
-const _hoisted_4 = { key: 2 };
-const _hoisted_5 = { key: 2 };
+const _hoisted_2 = { class: "mr-2" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
   __name: "AppHeader",
   props: {
-    title: {},
-    subtitle: {},
-    class: {},
-    ariaLabel: { default: "Application header" },
-    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 },
-    hideDefaultTitle: { type: Boolean, default: false }
+    menuOrientation: {
+      type: String,
+      default: "horizontal"
+    },
+    miniSidebar: {
+      type: Boolean,
+      default: false
+    },
+    userInfoLoaded: {
+      type: Boolean,
+      default: false
+    },
+    headerMenu: {
+      type: Array,
+      default: () => []
+    },
+    // Events sent back to project
+    onToggleMiniSidebar: {
+      type: Function,
+      default: void 0
+    },
+    onToggleCustomizer: {
+      type: Function,
+      default: void 0
+    },
+    onToggleSidebarDrawer: {
+      type: Function,
+      default: void 0
+    }
   },
-  emits: ["update:searchValue", "toggle-sidebar", "search"],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
     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 computedHeaderMenu = computed(() => {
+      if (props.userInfoLoaded) return props.headerMenu;
+      return props.headerMenu;
     });
-    const toggleSidebar = () => {
-      customizer.SET_SIDEBAR_DRAWER();
-      emit("toggle-sidebar");
-    };
-    const router = useRouter$1();
-    const profileMenuItems = computed(
-      () => props.profileMenu.map((item) => ({
-        ...item,
-        prependIcon: item.icon,
-        onClick: item.action || (() => {
-          if (item.to) {
-            router.push(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(["app-header topbar", props.class]),
-        "aria-label": __props.ariaLabel,
-        fixed: ""
+        elevation: "0",
+        height: "80",
+        class: "app-header topbar"
       }, {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "left", {}, void 0, true),
-          __props.showSidebarToggle ? (openBlock(), createBlock(VAppBarNavIcon, {
+          __props.menuOrientation === "vertical" ? (openBlock(), createBlock(VBtn, {
             key: 0,
-            variant: "text",
-            onClick: toggleSidebar
-          })) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "title", {}, () => [
-            !__props.hideDefaultTitle && (__props.title || __props.subtitle) ? (openBlock(), createBlock(VAppBarTitle, {
-              key: 0,
-              class: "d-flex flex-column"
-            }, {
-              default: withCtx(() => [
-                __props.title ? (openBlock(), createElementBlock("span", _hoisted_1$1, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-                __props.subtitle ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)
-              ]),
-              _: 1
-            })) : createCommentVNode("", true)
-          ], true),
-          createVNode(VSpacer),
-          renderSlot(_ctx.$slots, "center", {}, void 0, true),
-          __props.showSearch ? (openBlock(), createBlock(VTextField, {
-            key: 1,
-            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)),
-          renderSlot(_ctx.$slots, "right", {}, void 0, true),
-          __props.showNotifications ? (openBlock(), createBlock(VMenu, {
-            key: 2,
-            location: "bottom end",
-            "offset-y": ""
+            class: "hidden-md-and-down text-secondary",
+            color: "lightsecondary",
+            icon: "",
+            rounded: "sm",
+            variant: "flat",
+            size: "small",
+            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => props.onToggleMiniSidebar && props.onToggleMiniSidebar(), ["stop"]))
           }, {
-            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
-                  })
-                ]),
+              createVNode(VIcon, { size: "20" }, {
+                default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                  createTextVNode("mdi-menu", -1)
+                ])]),
                 _: 1
               })
             ]),
             _: 1
           })) : createCommentVNode("", true),
-          __props.showProfile ? (openBlock(), createBlock(VMenu, {
-            key: 3,
-            location: "bottom end",
-            "offset-y": ""
+          createVNode(VBtn, {
+            class: "hidden-lg-and-up text-secondary ms-3",
+            color: "lightsecondary",
+            icon: "",
+            rounded: "sm",
+            variant: "flat",
+            size: "small",
+            onClick: _cache[1] || (_cache[1] = withModifiers(($event) => props.onToggleSidebarDrawer && props.onToggleSidebarDrawer(), ["stop"]))
           }, {
-            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))
-                ]),
+            default: withCtx(() => [
+              createVNode(VIcon, { size: "20" }, {
+                default: withCtx(() => [..._cache[4] || (_cache[4] = [
+                  createTextVNode("mdi-menu", -1)
+                ])]),
                 _: 1
-              }, 16, ["icon"])
+              })
             ]),
+            _: 1
+          }),
+          createVNode(VBtn, {
+            class: "hidden-md-and-down text-secondary mr-2 ml-2",
+            color: "lightsecondary",
+            icon: "",
+            rounded: "sm",
+            variant: "flat",
+            size: "small",
+            onClick: _cache[2] || (_cache[2] = withModifiers(($event) => props.onToggleCustomizer && props.onToggleCustomizer(), ["stop"]))
+          }, {
             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
+              createVNode(VIcon, { size: "20" }, {
+                default: withCtx(() => [..._cache[5] || (_cache[5] = [
+                  createTextVNode("mdi-palette", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          __props.menuOrientation === "horizontal" ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(computedHeaderMenu.value, (item, i) => {
+              return openBlock(), createElementBlock(Fragment, { key: i }, [
+                !item.children && !item.header && !item.divider ? (openBlock(), createBlock(VBtn, {
+                  key: 0,
+                  to: item.type === "external" ? "" : item.to,
+                  href: item.type === "external" ? item.to : "",
+                  target: item.type === "external" ? "_blank" : "",
+                  variant: "text",
+                  disabled: item.disabled,
+                  class: "header-menu-btn mr-3",
+                  color: "primary"
+                }, {
+                  default: withCtx(() => [
+                    item.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
+                      key: 0,
+                      class: "mr-2",
+                      size: "18"
+                    })) : createCommentVNode("", true),
+                    createElementVNode("span", null, toDisplayString(item.title), 1),
+                    item.chip ? (openBlock(), createBlock(VChip, {
+                      key: 1,
+                      color: item.chipColor,
+                      size: item.chipIcon ? "small" : "default",
+                      variant: item.chipVariant,
+                      "prepend-icon": item.chipIcon,
+                      class: "ml-2"
                     }, {
                       default: withCtx(() => [
-                        createVNode(VListItemTitle, null, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(item.title), 1)
-                          ]),
-                          _: 2
-                        }, 1024),
-                        item.divider ? (openBlock(), createBlock(VDivider, { key: 0 })) : createCommentVNode("", true)
+                        createTextVNode(toDisplayString(item.chip), 1)
                       ]),
                       _: 2
-                    }, 1032, ["prepend-icon", "to", "href", "onClick"]);
-                  }), 128))
-                ]),
-                _: 1
-              })) : createCommentVNode("", true)
-            ]),
-            _: 1
-          })) : createCommentVNode("", true)
+                    }, 1032, ["color", "size", "variant", "prepend-icon"])) : createCommentVNode("", true)
+                  ]),
+                  _: 2
+                }, 1032, ["to", "href", "target", "disabled"])) : item.children && item.children.length > 0 ? (openBlock(), createBlock(VMenu, {
+                  key: 1,
+                  "offset-y": ""
+                }, {
+                  activator: withCtx(({ props: mprops }) => [
+                    createVNode(VBtn, mergeProps({ ref_for: true }, mprops, {
+                      variant: "text",
+                      disabled: item.disabled,
+                      class: "header-menu-btn",
+                      color: "primary mr-3"
+                    }), {
+                      default: withCtx(() => [
+                        item.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
+                          key: 0,
+                          class: "mr-2",
+                          size: "18"
+                        })) : createCommentVNode("", true),
+                        createElementVNode("span", _hoisted_2, toDisplayString(item.title), 1),
+                        createVNode(VIcon, {
+                          size: "20",
+                          class: "ml-2"
+                        }, {
+                          default: withCtx(() => [..._cache[6] || (_cache[6] = [
+                            createTextVNode("mdi-chevron-down", -1)
+                          ])]),
+                          _: 1
+                        })
+                      ]),
+                      _: 2
+                    }, 1040, ["disabled"])
+                  ]),
+                  default: withCtx(() => [
+                    createVNode(VList, null, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (child, childIndex) => {
+                          return openBlock(), createBlock(VListItem, {
+                            key: childIndex,
+                            to: child.type === "external" ? "" : child.to,
+                            href: child.type === "external" ? child.to : "",
+                            target: child.type === "external" ? "_blank" : "",
+                            disabled: child.disabled
+                          }, createSlots({
+                            default: withCtx(() => [
+                              createVNode(VListItemTitle, null, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(child.title), 1)
+                                ]),
+                                _: 2
+                              }, 1024)
+                            ]),
+                            _: 2
+                          }, [
+                            child.icon ? {
+                              name: "prepend",
+                              fn: withCtx(() => [
+                                (openBlock(), createBlock(resolveDynamicComponent(child.icon), { size: "18" }))
+                              ]),
+                              key: "0"
+                            } : void 0
+                          ]), 1032, ["to", "href", "target", "disabled"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1024)) : item.divider ? (openBlock(), createBlock(VDivider, {
+                  key: 2,
+                  vertical: "",
+                  class: "mx-2"
+                })) : createCommentVNode("", true)
+              ], 64);
+            }), 128))
+          ])) : createCommentVNode("", true),
+          createVNode(VSpacer),
+          renderSlot(_ctx.$slots, "notifications", {}, () => [
+            createVNode(VBtn, {
+              icon: "",
+              class: "text-secondary mx-3",
+              color: "lightsecondary",
+              rounded: "sm",
+              size: "small",
+              variant: "flat"
+            }, {
+              default: withCtx(() => [
+                createVNode(VIcon, { size: "20" }, {
+                  default: withCtx(() => [..._cache[7] || (_cache[7] = [
+                    createTextVNode("mdi-bell-outline", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ], true),
+          renderSlot(_ctx.$slots, "profile", {}, () => [
+            createVNode(VBtn, {
+              class: "profileBtn text-primary",
+              color: "lightprimary",
+              variant: "flat",
+              rounded: "pill"
+            }, {
+              default: withCtx(() => [
+                createVNode(VIcon, null, {
+                  default: withCtx(() => [..._cache[8] || (_cache[8] = [
+                    createTextVNode("mdi-cog", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ], true)
         ]),
         _: 3
-      }, 8, ["color", "elevation", "height", "class", "aria-label"]);
+      });
     };
   }
 });
-const AppHeader = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__scopeId", "data-v-b45b815e"]]);
+const AppHeader = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__scopeId", "data-v-99b62c25"]]);
 const makeVAppProps = propsFactory({
   ...makeComponentProps(),
   ...omit(makeLayoutProps(), ["fullHeight"]),