@amirjalili1374/ui-kit 1.3.6 → 1.3.7

package/dist/ui-kit.es.js

@@ -38362,7 +38362,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
     railWidth: { default: 75 },
     containerClass: { default: "" },
     hideDefaultLogo: { type: Boolean, default: false },
-    debugBorders: { type: Boolean, default: false }
+    debugBorders: { type: Boolean, default: false },
+    preset: { default: "default" }
   },
   setup(__props) {
     const props = __props;
@@ -38376,8 +38377,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
       get: () => customizer.Sidebar_drawer,
       set: (val2) => customizer.SET_SIDEBAR_DRAWER(val2)
     });
+    const resolvedLocation = computed(() => props.preset === "right-mini" ? "right" : props.location);
+    const resolvedMini = computed(() => props.preset === "right-mini" ? true : isMini.value);
+    const resolvedPermanent = computed(() => props.preset === "right-mini" ? true : props.permanent);
+    const resolvedTemporary = computed(() => props.preset === "right-mini" ? false : props.temporary);
+    const resolvedRailWidth = computed(() => props.preset === "right-mini" ? props.railWidth ?? 80 : props.railWidth);
     const navigationDrawerWidth = computed(
-      () => isMini.value ? props.railWidth : props.width
+      () => resolvedMini.value ? resolvedRailWidth.value : props.width
     );
     const handleClick = (item) => {
       if (item.disabled) return;
@@ -38396,13 +38402,22 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
       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,
+        permanent: resolvedPermanent.value && !resolvedTemporary.value,
+        temporary: resolvedTemporary.value,
+        rail: __props.rail || resolvedMini.value && !expandOnHover.value,
         "expand-on-hover": expandOnHover.value,
-        location: __props.location,
+        location: resolvedLocation.value,
         width: navigationDrawerWidth.value,
-        class: normalizeClass([["app-sidebar leftSidebar", { "mini-sidebar": isMini.value, "debug-borders": __props.debugBorders }, __props.containerClass], "border-0"])
+        class: normalizeClass([[
+          "app-sidebar leftSidebar",
+          {
+            "mini-sidebar": resolvedMini.value,
+            "debug-borders": __props.debugBorders,
+            "rightSidebar": resolvedLocation.value === "right",
+            "sidebar-closed": !drawer.value
+          },
+          __props.containerClass
+        ], "border-0"])
       }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$2, [
@@ -38606,7 +38621,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const AppSidebar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__scopeId", "data-v-5a1deb68"]]);
+const AppSidebar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__scopeId", "data-v-12f2804e"]]);
 const makeVToolbarTitleProps = propsFactory({
   text: String,
   ...makeComponentProps(),