@amirjalili1374/ui-kit 1.4.1 → 1.4.2

package/dist/ui-kit.es.js

@@ -38154,6 +38154,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
       type: Boolean,
       default: false
     },
+    sidebarDrawer: {
+      type: Boolean,
+      default: false
+    },
     userInfoLoaded: {
       type: Boolean,
       default: false
@@ -38182,11 +38186,25 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
       if (props.userInfoLoaded) return props.headerMenu;
       return props.headerMenu;
     });
+    const headerWidth = computed(() => {
+      if (props.menuOrientation !== "vertical") {
+        return "100%";
+      }
+      if (props.sidebarDrawer) {
+        if (props.miniSidebar) {
+          return "calc(100% - 82px)";
+        }
+        return "calc(100% - 256px)";
+      }
+      return "100%";
+    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(VAppBar, {
         elevation: "0",
         height: "80",
-        class: "app-header topbar"
+        fixed: "",
+        class: "app-header topbar",
+        style: normalizeStyle({ width: headerWidth.value, right: 0 })
       }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$1, [
@@ -38389,11 +38407,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
           ], true)
         ]),
         _: 3
-      });
+      }, 8, ["style"]);
     };
   }
 });
-const AppHeader = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__scopeId", "data-v-83d3eb65"]]);
+const AppHeader = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__scopeId", "data-v-f2f62f7e"]]);
 const makeVAppProps = propsFactory({
   ...makeComponentProps(),
   ...omit(makeLayoutProps(), ["fullHeight"]),
@@ -38487,7 +38505,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(VApp, null, {
         default: withCtx(() => [
-          createVNode(AppHeader, mergeProps(__props.header, { class: "app-header" }), {
+          createVNode(AppHeader, mergeProps(__props.header, {
+            sidebarDrawer: __props.sidebar.sidebarDrawer,
+            class: "app-header"
+          }), {
             notifications: withCtx(() => [
               renderSlot(_ctx.$slots, "notifications", {}, void 0, true)
             ]),
@@ -38495,7 +38516,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
               renderSlot(_ctx.$slots, "profile", {}, void 0, true)
             ]),
             _: 3
-          }, 16),
+          }, 16, ["sidebarDrawer"]),
           createVNode(_sfc_main$2, {
             sidebarItems: __props.sidebar.sidebarItems,
             getFilteredSidebarItems: __props.sidebar.getFilteredSidebarItems,
@@ -38519,7 +38540,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const AppLayout = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-82bccb54"]]);
+const AppLayout = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-a03400ab"]]);
 function useDataTable(options) {
   const items = ref([]);
   const loading = ref(false);