@amirjalili1374/ui-kit 1.3.5 → 1.3.7

package/dist/ui-kit.es.js

@@ -12596,7 +12596,7 @@ 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$4 = { class: "ca-group-count" };
-const _hoisted_6$2 = { class: "ca-group-members" };
+const _hoisted_6$3 = { 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" };
@@ -12751,7 +12751,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
                     createElementVNode("strong", null, toDisplayString(resolveTitle(item.raw ?? item)), 1),
                     createElementVNode("span", _hoisted_5$4, toDisplayString(getGroupMembers(item.raw ?? item).length) + " آیتم", 1)
                   ]),
-                  createElementVNode("div", _hoisted_6$2, [
+                  createElementVNode("div", _hoisted_6$3, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(getGroupMembers(item.raw ?? item), (member, idx) => {
                       return openBlock(), createElementBlock("div", {
                         key: `${resolveValue(member)}-${idx}`,
@@ -16670,7 +16670,7 @@ const _hoisted_5$3 = {
   key: 0,
   class: "selected-actions"
 };
-const _hoisted_6$1 = {
+const _hoisted_6$2 = {
   key: 0,
   class: "me-1"
 };
@@ -17716,7 +17716,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent$1({
                         onClick: ($event) => button.onClick(item)
                       }, {
                         default: withCtx(() => [
-                          button.icon ? (openBlock(), createElementBlock("span", _hoisted_6$1, toDisplayString(button.icon), 1)) : createCommentVNode("", true),
+                          button.icon ? (openBlock(), createElementBlock("span", _hoisted_6$2, toDisplayString(button.icon), 1)) : createCommentVNode("", true),
                           createTextVNode(" " + toDisplayString(button.label), 1)
                         ]),
                         _: 2
@@ -19107,7 +19107,7 @@ const _hoisted_4$2 = {
   class: "zoom-controls"
 };
 const _hoisted_5$2 = { class: "zoom-level" };
-const _hoisted_6 = {
+const _hoisted_6$1 = {
   key: 1,
   class: "navigation-controls"
 };
@@ -19399,7 +19399,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
                 _: 1
               })
             ])) : createCommentVNode("", true),
-            __props.showNavigationControls ? (openBlock(), createElementBlock("div", _hoisted_6, [
+            __props.showNavigationControls ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
               createVNode(VBtn, {
                 size: "small",
                 variant: "text",
@@ -38333,17 +38333,18 @@ const VNavigationDrawer = genericComponent()({
     };
   }
 });
-const _hoisted_1$2 = {
+const _hoisted_1$2 = { class: "logo d-flex align-center pa-4" };
+const _hoisted_2$1 = {
   key: 0,
-  class: "logo d-flex align-center pa-4"
+  class: "d-flex align-center w-100"
 };
-const _hoisted_2$1 = ["innerHTML"];
-const _hoisted_3$1 = ["src"];
-const _hoisted_4$1 = {
+const _hoisted_3$1 = ["innerHTML"];
+const _hoisted_4$1 = ["src"];
+const _hoisted_5$1 = {
   key: 3,
   class: "logo-text text-h6 ms-2"
 };
-const _hoisted_5$1 = ["src"];
+const _hoisted_6 = ["src"];
 const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
   __name: "AppSidebar",
   props: {
@@ -38360,7 +38361,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
     width: { default: 265 },
     railWidth: { default: 75 },
     containerClass: { default: "" },
-    hideDefaultLogo: { type: Boolean, default: false }
+    hideDefaultLogo: { type: Boolean, default: false },
+    debugBorders: { type: Boolean, default: false },
+    preset: { default: "default" }
   },
   setup(__props) {
     const props = __props;
@@ -38374,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;
@@ -38394,48 +38402,59 @@ 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 }, __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(() => [
-          renderSlot(_ctx.$slots, "logo", {
-            isMini: isMini.value,
-            themeMode: unref(customizer).themeMode
-          }, () => [
-            !__props.hideDefaultLogo ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
-              __props.logoSvg || __props.logo || __props.logoText ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                isLogoSvgComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(__props.logoSvg), {
-                  key: 0,
-                  class: "logo-svg",
-                  style: { "height": "40px", "display": "flex", "align-items": "center" }
-                })) : isLogoSvgString.value ? (openBlock(), createElementBlock("div", {
-                  key: 1,
-                  class: "logo-svg",
-                  innerHTML: __props.logoSvg,
-                  style: { height: "40px", display: "flex", alignItems: "center" }
-                }, null, 8, _hoisted_2$1)) : __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",
-                  style: { "max-height": "40px", "max-width": "100%" }
-                }, null, 8, _hoisted_3$1)) : createCommentVNode("", true),
-                __props.logoText && !isMini.value ? (openBlock(), createElementBlock("span", _hoisted_4$1, toDisplayString(__props.logoText), 1)) : createCommentVNode("", true),
-                !__props.logoSvg && __props.logo && isMini.value ? (openBlock(), createElementBlock("img", {
-                  key: 4,
-                  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_5$1)) : createCommentVNode("", true)
-              ], 64)) : (openBlock(), createBlock(VSpacer, { key: 1 }))
-            ])) : createCommentVNode("", true)
-          ], true),
+          createElementVNode("div", _hoisted_1$2, [
+            renderSlot(_ctx.$slots, "logo", {
+              isMini: isMini.value,
+              themeMode: unref(customizer).themeMode
+            }, () => [
+              !__props.hideDefaultLogo ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+                __props.logoSvg || __props.logo || __props.logoText ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  isLogoSvgComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(__props.logoSvg), {
+                    key: 0,
+                    class: "logo-svg",
+                    style: { "height": "40px", "display": "flex", "align-items": "center" }
+                  })) : isLogoSvgString.value ? (openBlock(), createElementBlock("div", {
+                    key: 1,
+                    class: "logo-svg",
+                    innerHTML: __props.logoSvg,
+                    style: { height: "40px", display: "flex", alignItems: "center" }
+                  }, null, 8, _hoisted_3$1)) : __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",
+                    style: { "max-height": "40px", "max-width": "100%" }
+                  }, null, 8, _hoisted_4$1)) : createCommentVNode("", true),
+                  __props.logoText && !isMini.value ? (openBlock(), createElementBlock("span", _hoisted_5$1, toDisplayString(__props.logoText), 1)) : createCommentVNode("", true),
+                  !__props.logoSvg && __props.logo && isMini.value ? (openBlock(), createElementBlock("img", {
+                    key: 4,
+                    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_6)) : createCommentVNode("", true)
+                ], 64)) : (openBlock(), createBlock(VSpacer, { key: 1 }))
+              ])) : createCommentVNode("", true)
+            ], true)
+          ]),
           createVNode(VDivider),
           createVNode(unref(C), {
             class: "scrollnavbar",
@@ -38602,7 +38621,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const AppSidebar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__scopeId", "data-v-e32ab994"]]);
+const AppSidebar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__scopeId", "data-v-12f2804e"]]);
 const makeVToolbarTitleProps = propsFactory({
   text: String,
   ...makeComponentProps(),