@amirjalili1374/ui-kit 1.4.1 → 1.4.3

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$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: {
@@ -3945,7 +3945,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}" })
                               ])
                             ]),
@@ -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$5 = { class: "ca-group-tooltip" };
+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" };
@@ -12750,7 +12750,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent$1({
                 item: item.raw ?? item,
                 groupMembers: getGroupMembers(item.raw ?? item)
               }, () => [
-                createElementVNode("div", _hoisted_3$5, [
+                createElementVNode("div", _hoisted_3$4, [
                   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$4 = { class: "action-buttons" };
+const _hoisted_3$3 = { 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$4, [
+        createElementVNode("div", _hoisted_3$3, [
           ((_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$3 = { class: "pdf-viewer-controls" };
+const _hoisted_3$2 = { 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$3, [
+          createElementVNode("div", _hoisted_3$2, [
             __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$2 = { class: "app-stepper-title" };
+const _hoisted_3$1 = { 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$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([
@@ -36923,7 +36923,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) {
@@ -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$1, "لطفا منتظر بمانید")) : createCommentVNode("", true)
+                  unref(customizer).loading ? (openBlock(), createElementBlock("span", _hoisted_3, "لطفا منتظر بمانید")) : createCommentVNode("", true)
                 ]),
                 _: 1
               })
@@ -38137,12 +38137,11 @@ const VAppBar = genericComponent()({
     return {};
   }
 });
-const _hoisted_1$1 = { class: "header-left-section" };
-const _hoisted_2 = {
+const _hoisted_1$1 = {
   key: 1,
   class: "header-menu-container"
 };
-const _hoisted_3 = { class: "mr-2" };
+const _hoisted_2 = { class: "mr-2" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
   __name: "AppHeader",
   props: {
@@ -38154,6 +38153,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
       type: Boolean,
       default: false
     },
+    sidebarDrawer: {
+      type: Boolean,
+      default: false
+    },
     userInfoLoaded: {
       type: Boolean,
       default: false
@@ -38182,172 +38185,188 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent$1({
       if (props.userInfoLoaded) return props.headerMenu;
       return props.headerMenu;
     });
+    const headerWidth = computed(() => {
+      if (props.menuOrientation === "horizontal") {
+        return "100%";
+      }
+      if (props.menuOrientation === "vertical") {
+        if (!props.sidebarDrawer) {
+          return "100%";
+        }
+        if (props.miniSidebar) {
+          return "calc(100% - 82px)";
+        } else {
+          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, [
-            __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)
-                              ]),
-                              _: 2
-                            }, [
-                              child.icon ? {
-                                name: "prepend",
-                                fn: withCtx(() => [
-                                  (openBlock(), createBlock(resolveDynamicComponent(child.icon), { size: "18" }))
+          __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)
                                 ]),
-                                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
+                              }, 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, {
@@ -38389,11 +38408,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-069b62b2"]]);
 const makeVAppProps = propsFactory({
   ...makeComponentProps(),
   ...omit(makeLayoutProps(), ["fullHeight"]),
@@ -38487,7 +38506,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 +38517,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 +38541,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-4e28ff13"]]);
 function useDataTable(options) {
   const items = ref([]);
   const loading = ref(false);