@amirjalili1374/ui-kit 1.4.0 → 1.4.2

package/dist/ui-kit.es.js

@@ -3891,7 +3891,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$5 = { class: "d-flex align-center gap-2" };
+const _hoisted_3$6 = { class: "d-flex align-center gap-2" };
 const _sfc_main$l = /* @__PURE__ */ defineComponent$1({
   __name: "BaseBreadcrumb",
   props: {
@@ -3945,7 +3945,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent$1({
                                 size: "16",
                                 class: "text-secondary ml-2"
                               }),
-                              createElementVNode("div", _hoisted_3$5, [
+                              createElementVNode("div", _hoisted_3$6, [
                                 createVNode(unref(IconArrowBadgeLeft), { stroke: "{2}" })
                               ])
                             ]),
@@ -12597,7 +12597,7 @@ const VTooltip = genericComponent()({
 });
 const _hoisted_1$b = { class: "ca-item-title" };
 const _hoisted_2$6 = { class: "ca-item-subtitle" };
-const _hoisted_3$4 = { class: "ca-group-tooltip" };
+const _hoisted_3$5 = { 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" };
@@ -12750,7 +12750,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent$1({
                 item: item.raw ?? item,
                 groupMembers: getGroupMembers(item.raw ?? item)
               }, () => [
-                createElementVNode("div", _hoisted_3$4, [
+                createElementVNode("div", _hoisted_3$5, [
                   createElementVNode("div", _hoisted_4$2, [
                     createElementVNode("strong", null, toDisplayString(resolveTitle(item.raw ?? item)), 1),
                     createElementVNode("span", _hoisted_5$2, toDisplayString(getGroupMembers(item.raw ?? item).length) + " آیتم", 1)
@@ -16926,7 +16926,7 @@ const _hoisted_1$9 = {
   class: "page-title"
 };
 const _hoisted_2$5 = { class: "title-text" };
-const _hoisted_3$3 = { class: "action-buttons" };
+const _hoisted_3$4 = { class: "action-buttons" };
 const _hoisted_4$1 = {
   key: 3,
   class: "selection-actions"
@@ -17891,7 +17891,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$3, [
+        createElementVNode("div", _hoisted_3$4, [
           ((_a = props.actions) == null ? void 0 : _a.includes("create")) ? (openBlock(), createBlock(VBtn, {
             key: 0,
             color: "green",
@@ -19352,7 +19352,7 @@ const _hoisted_1$6 = {
   class: "pdf-viewer-header"
 };
 const _hoisted_2$4 = { class: "pdf-viewer-title" };
-const _hoisted_3$2 = { class: "pdf-viewer-controls" };
+const _hoisted_3$3 = { class: "pdf-viewer-controls" };
 const _hoisted_4 = {
   key: 0,
   class: "zoom-controls"
@@ -19602,7 +19602,7 @@ 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$2, [
+          createElementVNode("div", _hoisted_3$3, [
             __props.showZoomControls ? (openBlock(), createElementBlock("div", _hoisted_4, [
               createVNode(VBtn, {
                 size: "small",
@@ -19996,7 +19996,7 @@ const _hoisted_1$4 = {
   dir: "rtl"
 };
 const _hoisted_2$3 = { class: "app-stepper-header-card" };
-const _hoisted_3$1 = { class: "app-stepper-title" };
+const _hoisted_3$2 = { class: "app-stepper-title" };
 const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
   __name: "AppStepper",
   props: {
@@ -20091,7 +20091,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
                     }))
                   ], true)
                 ], 2),
-                createElementVNode("span", _hoisted_3$1, toDisplayString(step.title), 1),
+                createElementVNode("span", _hoisted_3$2, toDisplayString(step.title), 1),
                 index2 < __props.steps.length - 1 ? (openBlock(), createElementBlock("span", {
                   key: 0,
                   class: normalizeClass([
@@ -36923,7 +36923,7 @@ const _hoisted_1$3 = {
   class: "loading-overlay"
 };
 const _hoisted_2$2 = { class: "loading-wrapper" };
-const _hoisted_3 = { key: 0 };
+const _hoisted_3$1 = { key: 0 };
 const _sfc_main$6 = /* @__PURE__ */ defineComponent$1({
   __name: "Loading",
   setup(__props) {
@@ -36941,7 +36941,7 @@ const _sfc_main$6 = /* @__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$1, "لطفا منتظر بمانید")) : createCommentVNode("", true)
                 ]),
                 _: 1
               })
@@ -38137,11 +38137,12 @@ const VAppBar = genericComponent()({
     return {};
   }
 });
-const _hoisted_1$1 = {
+const _hoisted_1$1 = { class: "header-left-section" };
+const _hoisted_2 = {
   key: 1,
   class: "header-menu-container"
 };
-const _hoisted_2 = { class: "mr-2" };
+const _hoisted_3 = { class: "mr-2" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
   __name: "AppHeader",
   props: {
@@ -38153,6 +38154,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
       type: Boolean,
       default: false
     },
+    sidebarDrawer: {
+      type: Boolean,
+      default: false
+    },
     userInfoLoaded: {
       type: Boolean,
       default: false
@@ -38181,170 +38186,186 @@ 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(() => [
-          __props.menuOrientation === "vertical" ? (openBlock(), createBlock(VBtn, {
-            key: 0,
-            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"]))
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(IconMenu2), {
-                size: "20",
-                "stroke-width": "1.5"
-              })
-            ]),
-            _: 1
-          })) : createCommentVNode("", true),
-          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"]))
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(IconMenu2), {
-                size: "20",
-                "stroke-width": "1.5"
-              })
-            ]),
-            _: 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(() => [
-              createVNode(unref(IconPalette), {
-                size: "20",
-                "stroke-width": "1.5"
-              })
-            ]),
-            _: 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: "ml-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(() => [
-                        createTextVNode(toDisplayString(item.chip), 1)
-                      ]),
-                      _: 2
-                    }, 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(unref(IconChevronDown), {
-                          size: "20",
-                          class: "ml-2",
-                          "stroke-width": "1.5"
-                        })
-                      ]),
-                      _: 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" }))
+          createElementVNode("div", _hoisted_1$1, [
+            __props.menuOrientation === "vertical" ? (openBlock(), createBlock(VBtn, {
+              key: 0,
+              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"]))
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(IconMenu2), {
+                  size: "20",
+                  "stroke-width": "1.5"
+                })
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            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"]))
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(IconMenu2), {
+                  size: "20",
+                  "stroke-width": "1.5"
+                })
+              ]),
+              _: 1
+            }),
+            createVNode(VBtn, {
+              class: "hidden-md-and-down text-secondary 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(() => [
+                createVNode(unref(IconPalette), {
+                  size: "20",
+                  "stroke-width": "1.5"
+                })
+              ]),
+              _: 1
+            }),
+            __props.menuOrientation === "horizontal" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+              (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: "ml-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(() => [
+                          createTextVNode(toDisplayString(item.chip), 1)
+                        ]),
+                        _: 2
+                      }, 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_3, toDisplayString(item.title), 1),
+                          createVNode(unref(IconChevronDown), {
+                            size: "20",
+                            class: "ml-2",
+                            "stroke-width": "1.5"
+                          })
+                        ]),
+                        _: 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)
                               ]),
-                              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),
+                              _: 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, {
@@ -38386,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-9b94743b"]]);
+const AppHeader = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__scopeId", "data-v-f2f62f7e"]]);
 const makeVAppProps = propsFactory({
   ...makeComponentProps(),
   ...omit(makeLayoutProps(), ["fullHeight"]),
@@ -38484,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)
             ]),
@@ -38492,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,
@@ -38516,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);