@oneb/ui-vue 0.3.19 → 0.3.21

package/dist/{OneHelpMenu-d7a39a69.js → OneHelpMenu-a9131cb1.js}

@@ -1,7 +1,7 @@
-import { defineComponent as M, ref as A, provide as Y, watch as Z, nextTick as ee, onBeforeUnmount as te, computed as S, openBlock as t, createElementBlock as o, createElementVNode as e, renderSlot as T, normalizeProps as I, guardReactiveProps as R, createBlock as L, Teleport as oe, createCommentVNode as d, createVNode as _, Transition as W, withCtx as E, normalizeClass as j, toDisplayString as u, Fragment as C, inject as ne, withModifiers as se, resolveDynamicComponent as V, renderList as B, mergeProps as le, unref as $ } from "vue";
+import { defineComponent as E, ref as S, provide as Y, watch as Z, nextTick as ee, onBeforeUnmount as te, computed as F, openBlock as t, createElementBlock as o, createElementVNode as e, renderSlot as H, normalizeProps as I, guardReactiveProps as R, createBlock as M, Teleport as oe, createCommentVNode as p, createVNode as _, Transition as W, withCtx as P, normalizeClass as j, toDisplayString as d, Fragment as $, inject as ne, withModifiers as se, resolveDynamicComponent as V, renderList as L, mergeProps as le, unref as A } from "vue";
 import { a as re, c as ie, o as ae, s as ce } from "./floating-ui.dom-4509432e.js";
 import { flip as ue } from "@floating-ui/vue";
-import { _ as z } from "./OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
+import { _ as O } from "./OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
 import { r as G } from "./XMarkIcon-51ef0691.js";
 import { r as J } from "./ChevronDownIcon-6805ce6c.js";
 import { r as Q, a as de } from "./ChevronRightIcon-4549a26b.js";
@@ -18,6 +18,14 @@ const he = {
   appendBody: {
     type: Boolean,
     default: !1
+  },
+  trigger: {
+    type: String,
+    default: "click"
+  },
+  offset: {
+    type: Number,
+    default: 5
   }
 }, fe = {
   variant: {
@@ -94,80 +102,91 @@ const he = {
     type: String,
     default: "default"
   }
-}, me = ["data-opened"], ve = {
+}, ve = ["data-opened"], me = {
   key: 0,
   class: "text-sm text-secondary-content px-3 py-2 text-left"
 }, ye = {
   key: 0,
   class: "text-sm text-secondary-content px-3 py-2 text-left"
-}, xe = /* @__PURE__ */ M({
+}, ge = /* @__PURE__ */ E({
   __name: "OneDropdown",
   props: he,
   emits: ["open", "close"],
-  setup(w, { emit: f }) {
-    const p = A(!1), v = A(null), c = A(null), l = A(null), m = f, s = w, h = () => {
-      p.value = !p.value, p.value ? m("open") : m("close");
+  setup(w, { emit: m }) {
+    const u = S(!1), y = S(null), c = S(null), l = S(null), h = m, s = w, f = () => {
+      u.value = !u.value, u.value ? h("open") : h("close");
+    };
+    let a = null;
+    const g = () => {
+      s.trigger === "hover" && (a && (clearTimeout(a), a = null), u.value || (u.value = !0, h("open")));
+    }, k = () => {
+      s.trigger === "hover" && (a = setTimeout(() => {
+        u.value && (u.value = !1, h("close"));
+      }, 100));
     };
     Y("OneDropdown", {
-      onToggle: h
+      onToggle: f
     });
-    let a = null;
-    function g() {
+    let x = null;
+    function r() {
       !c.value || !l.value || ie(c.value, l.value, {
         placement: s.stick ? s.stick : "bottom-start",
         strategy: "fixed",
-        middleware: [ae(5), ue(), ce({ padding: 8 })]
-      }).then(({ x: n, y }) => {
+        middleware: [ae(s.offset), ue(), ce({ padding: 8 })]
+      }).then(({ x: n, y: C }) => {
         l.value && Object.assign(l.value.style, {
           left: `${n}px`,
-          top: `${y}px`
+          top: `${C}px`,
+          visibility: "visible"
         });
       });
     }
-    Z(p, async (n) => {
-      s.appendBody && (n ? (await ee(), c.value && l.value && (g(), a = re(c.value, l.value, g))) : a && (a(), a = null));
+    Z(u, async (n) => {
+      s.appendBody && (n ? (await ee(), c.value && l.value && (l.value.style.visibility = "hidden", r(), x = re(c.value, l.value, r))) : x && (x(), x = null));
     }), te(() => {
-      a && a();
+      x && x();
     });
-    const k = S(() => {
-      var F;
+    const v = F(() => {
+      var z;
       if (s.appendBody)
         return "";
-      const n = (F = v.value) == null ? void 0 : F.getBoundingClientRect(), y = n ? n.x < 270 : !1;
-      return n && n.top + 270 > window.innerHeight ? "up" + (y ? "-right" : "-left") : "down" + (y ? "-right" : "-left");
-    }), b = S(() => {
+      const n = (z = y.value) == null ? void 0 : z.getBoundingClientRect(), C = n ? n.x < 270 : !1;
+      return n && n.top + 270 > window.innerHeight ? "up" + (C ? "-right" : "-left") : "down" + (C ? "-right" : "-left");
+    }), b = F(() => {
       const n = [
         "absolute z-10 w-fit rounded-md bg-white",
         "py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none",
         "overflow-auto max-h-[540px] min-w-[150px] max-w-[540px]"
       ];
-      return k.value.startsWith("up") ? n.push("bottom-1 mb-10") : k.value.startsWith("down") && n.push("top-1 mt-10"), s.stick === "right" ? n.push("right-0") : s.stick === "left" && n.push("left-0"), n;
-    }), i = S(() => [
+      return v.value.startsWith("up") ? n.push("bottom-1 mb-10") : v.value.startsWith("down") && n.push("top-1 mt-10"), s.stick === "right" ? n.push("right-0") : s.stick === "left" && n.push("left-0"), n;
+    }), B = F(() => [
       "fixed z-[10000] w-fit rounded-md bg-white",
       "py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none",
       "overflow-auto max-h-[540px] min-w-[150px] max-w-[540px]"
     ]);
-    return (n, y) => (t(), o("div", {
+    return (n, C) => (t(), o("div", {
       class: "relative inline-block",
       ref_key: "containerRef",
-      ref: v,
-      "data-opened": p.value
+      ref: y,
+      "data-opened": u.value,
+      onMouseenter: g,
+      onMouseleave: k
     }, [
       e("div", {
         ref_key: "buttonRef",
         ref: c
       }, [
-        T(n.$slots, "button", I(R({ onToggle: h, isExpanded: p.value })))
+        H(n.$slots, "button", I(R({ onToggle: f, isExpanded: u.value })))
       ], 512),
-      s.appendBody ? (t(), L(oe, {
+      s.appendBody ? (t(), M(oe, {
         key: 0,
         to: "body"
       }, [
-        p.value ? (t(), o("div", {
+        u.value && n.trigger === "click" ? (t(), o("div", {
           key: 0,
           class: "fixed top-0 left-0 w-screen h-screen z-[9999]",
-          onClick: h
-        })) : d("", !0),
+          onClick: f
+        })) : p("", !0),
         _(W, {
           "enter-active-class": "transition ease-out duration-100",
           "enter-from-class": "transform opacity-0 scale-95",
@@ -176,28 +195,30 @@ const he = {
           "leave-from-class": "transform opacity-100 scale-100",
           "leave-to-class": "transform opacity-0 scale-95"
         }, {
-          default: E(() => [
-            p.value ? (t(), o("div", {
+          default: P(() => [
+            u.value ? (t(), o("div", {
               key: 0,
               ref_key: "menuRef",
               ref: l,
-              class: j(["menu", i.value]),
+              class: j(["menu", B.value]),
               role: "menu",
               "aria-orientation": "vertical",
-              tabindex: "-1"
+              tabindex: "-1",
+              onMouseenter: g,
+              onMouseleave: k
             }, [
-              n.title ? (t(), o("div", ve, u(n.title), 1)) : d("", !0),
-              T(n.$slots, "menu", I(R({ onToggle: h })))
-            ], 2)) : d("", !0)
+              n.title ? (t(), o("div", me, d(n.title), 1)) : p("", !0),
+              H(n.$slots, "menu", I(R({ onToggle: f })))
+            ], 34)) : p("", !0)
           ]),
           _: 3
         })
-      ])) : (t(), o(C, { key: 1 }, [
-        p.value ? (t(), o("div", {
+      ])) : (t(), o($, { key: 1 }, [
+        u.value && n.trigger === "click" ? (t(), o("div", {
           key: 0,
           class: "fixed top-0 left-0 w-screen h-screen z-10",
-          onClick: h
-        })) : d("", !0),
+          onClick: f
+        })) : p("", !0),
         _(W, {
           "enter-active-class": "transition ease-out duration-100",
           "enter-from-class": "transform opacity-0 scale-95",
@@ -206,47 +227,47 @@ const he = {
           "leave-from-class": "transform opacity-100 scale-100",
           "leave-to-class": "transform opacity-0 scale-95"
         }, {
-          default: E(() => [
-            p.value ? (t(), o("div", {
+          default: P(() => [
+            u.value ? (t(), o("div", {
               key: 0,
               class: j(["menu", b.value]),
               role: "menu",
               "aria-orientation": "vertical",
               tabindex: "-1"
             }, [
-              n.title ? (t(), o("div", ye, u(n.title), 1)) : d("", !0),
-              T(n.$slots, "menu", I(R({ onToggle: h })))
-            ], 2)) : d("", !0)
+              n.title ? (t(), o("div", ye, d(n.title), 1)) : p("", !0),
+              H(n.$slots, "menu", I(R({ onToggle: f })))
+            ], 2)) : p("", !0)
           ]),
           _: 3
         })
       ], 64))
-    ], 8, me));
+    ], 40, ve));
   }
-}), K = /* @__PURE__ */ M({
+}), K = /* @__PURE__ */ E({
   __name: "OneDropdownItem",
   props: fe,
   emits: ["click"],
-  setup(w, { emit: f }) {
-    const p = f, v = w, c = ne("OneDropdown"), l = () => {
-      c !== void 0 && c.onToggle(), p("click");
-    }, m = S(() => {
+  setup(w, { emit: m }) {
+    const u = m, y = w, c = ne("OneDropdown"), l = () => {
+      c !== void 0 && c.onToggle(), u("click");
+    }, h = F(() => {
       const s = [];
-      return v.variant === "secondary" ? s.push("text-secondary-content hover:bg-secondary-body-hover") : v.variant === "danger" ? s.push("text-danger-content hover:bg-danger-10") : v.variant === "warning" ? s.push("text-warning-content hover:bg-warning-10") : v.variant === "info" ? s.push("text-info-content hover:bg-info-10") : s.push("hover:bg-secondary-body-hover"), s;
+      return y.variant === "secondary" ? s.push("text-secondary-content hover:bg-secondary-body-hover") : y.variant === "danger" ? s.push("text-danger-content hover:bg-danger-10") : y.variant === "warning" ? s.push("text-warning-content hover:bg-warning-10") : y.variant === "info" ? s.push("text-info-content hover:bg-info-10") : s.push("hover:bg-secondary-body-hover"), s;
     });
-    return (s, h) => (t(), o("button", {
-      class: j(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap", m.value]),
+    return (s, f) => (t(), o("button", {
+      class: j(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap", h.value]),
       onClick: se(l, ["prevent"])
     }, [
-      s.icon ? (t(), L(V(s.icon), {
+      s.icon ? (t(), M(V(s.icon), {
         key: 0,
         class: "w-4 h-4"
-      })) : d("", !0),
-      e("span", null, u(s.label), 1)
+      })) : p("", !0),
+      e("span", null, d(s.label), 1)
     ], 2));
   }
 });
-function ge(w, f) {
+function xe(w, m) {
   return t(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -331,37 +352,37 @@ const _e = {
     type: Object,
     required: !0
   }
-}, be = ["onClick"], Ce = { class: "flex flex-col items-center pt-5 pb-2 h-full" }, $e = { class: "flex flex-col px-10 py-1 mt-2 text-center" }, Ae = { class: "self-center text-base font-medium tracking-wide text-black" }, Se = { class: "mt-1 text-xs leading-5 text-blue-500 font-light" }, Fe = { class: "text-left w-full mt-5 px-3" }, Be = { class: "-mb-2 flex-shrink-0 mt-auto pt-6 text-[8px] leading-3 text-gray-400" }, qt = /* @__PURE__ */ M({
+}, be = ["onClick"], Ce = { class: "flex flex-col items-center pt-5 pb-2 h-full" }, $e = { class: "flex flex-col px-10 py-1 mt-2 text-center" }, Ae = { class: "self-center text-base font-medium tracking-wide text-black" }, Se = { class: "mt-1 text-xs leading-5 text-blue-500 font-light" }, Fe = { class: "text-left w-full mt-5 px-3" }, Le = { class: "-mb-2 flex-shrink-0 mt-auto pt-6 text-[8px] leading-3 text-gray-400" }, Nt = /* @__PURE__ */ E({
   __name: "OneUserMenu",
   props: _e,
   setup(w) {
-    const f = w, p = S(() => {
+    const m = w, u = F(() => {
       var l;
-      return (l = f.menu) == null ? void 0 : l.map((m) => {
-        let s = { label: m.label };
-        m.icon != null && (s = { ...s, icon: m.icon });
-        const h = typeof m.click == "function" ? m.click : () => {
+      return (l = m.menu) == null ? void 0 : l.map((h) => {
+        let s = { label: h.label };
+        h.icon != null && (s = { ...s, icon: h.icon });
+        const f = typeof h.click == "function" ? h.click : () => {
         };
         return {
-          key: m.label,
+          key: h.label,
           args: s,
-          click: h
+          click: f
         };
       });
-    }), v = () => {
-      typeof f.onAccount == "function" && f.onAccount();
+    }), y = () => {
+      typeof m.onAccount == "function" && m.onAccount();
     }, c = () => {
-      typeof f.onLogout == "function" && f.onLogout();
+      typeof m.onLogout == "function" && m.onLogout();
     };
-    return (l, m) => (t(), L(xe, { stick: "right" }, {
-      button: E(({ onToggle: s, isExpanded: h }) => {
+    return (l, h) => (t(), M(ge, { stick: "right" }, {
+      button: P(({ onToggle: s, isExpanded: f }) => {
         var a, g;
         return [
           e("button", {
             onClick: s,
-            class: j(["p-1 rounded-full hover:bg-secondary-10", [h ? "bg-secondary-25" : ""]])
+            class: j(["p-1 rounded-full hover:bg-secondary-10", [f ? "bg-secondary-25" : ""]])
           }, [
-            _(z, {
+            _(O, {
               text: ((a = l.user) == null ? void 0 : a.name) || "",
               size: l.iconSize,
               src: (g = l.user) == null ? void 0 : g.photo_url,
@@ -370,45 +391,45 @@ const _e = {
           ], 10, be)
         ];
       }),
-      menu: E(() => {
-        var s, h, a, g, k;
+      menu: P(() => {
+        var s, f, a, g, k;
         return [
           e("div", Ce, [
-            _(z, {
+            _(O, {
               text: ((s = l.user) == null ? void 0 : s.name) || "",
               size: 80,
-              src: (h = l.user) == null ? void 0 : h.photo_url,
+              src: (f = l.user) == null ? void 0 : f.photo_url,
               rounded: !0,
               class: "mx-auto"
             }, null, 8, ["text", "src"]),
             e("div", $e, [
-              e("div", Ae, u((a = l.user) == null ? void 0 : a.name), 1),
-              e("div", Se, u((g = l.user) == null ? void 0 : g.email), 1)
+              e("div", Ae, d((a = l.user) == null ? void 0 : a.name), 1),
+              e("div", Se, d((g = l.user) == null ? void 0 : g.email), 1)
             ]),
-            typeof f.onAccount == "function" ? (t(), o("a", {
+            typeof m.onAccount == "function" ? (t(), o("a", {
               key: 0,
-              onClick: v,
+              onClick: y,
               class: "cursor-pointer justify-center px-8 py-2 mt-3 text-xs font-semibold tracking-wide leading-5 text-gray-600 border border-solid bg-neutral-100 border-slate-200 rounded-[50px] hover:bg-neutral-200"
-            }, u(l.accountLabel), 1)) : d("", !0),
+            }, d(l.accountLabel), 1)) : p("", !0),
             e("div", Fe, [
-              (t(!0), o(C, null, B(p.value, (b) => (t(), L(K, le({
-                key: b.key
-              }, { ref_for: !0 }, b.args, {
-                onClick: b.click
+              (t(!0), o($, null, L(u.value, (x) => (t(), M(K, le({
+                key: x.key
+              }, { ref_for: !0 }, x.args, {
+                onClick: x.click
               }), null, 16, ["onClick"]))), 128)),
-              typeof l.onLogout == "function" ? (t(), L(K, {
+              typeof l.onLogout == "function" ? (t(), M(K, {
                 key: 0,
-                icon: $(ge),
+                icon: A(xe),
                 label: l.logoutLabel,
                 class: "rounded py-3",
                 onClick: c
-              }, null, 8, ["icon", "label"])) : d("", !0)
+              }, null, 8, ["icon", "label"])) : p("", !0)
             ]),
-            m[0] || (m[0] = e("div", {
+            h[0] || (h[0] = e("div", {
               class: "space-y-2 text-center",
               style: { width: "240px" }
             }, null, -1)),
-            e("div", Be, u((k = l.app) == null ? void 0 : k.version), 1)
+            e("div", Le, d((k = l.app) == null ? void 0 : k.version), 1)
           ])
         ];
       }),
@@ -416,7 +437,7 @@ const _e = {
     }));
   }
 });
-function Le(w, f) {
+function Be(w, m) {
   return t(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -508,50 +529,50 @@ function Le(w, f) {
     })
   ]);
 }
-const je = ["data-opened"], ze = {
+const Me = ["data-opened"], je = {
   key: 1,
   class: "absolute top-0 right-0 h-screen overflow-y-auto max-w-96 bg-white px-3 z-10"
-}, Me = { class: "flex justify-between items-center pt-3 mb-3" }, Oe = { class: "font-semibold text-xl px-3" }, Ee = { class: "grid" }, Pe = { class: "rounded-lg m-3 border" }, Te = {
+}, ze = { class: "flex justify-between items-center pt-3 mb-3" }, Oe = { class: "font-semibold text-xl px-3" }, Ee = { class: "grid" }, Pe = { class: "rounded-lg m-3 border" }, Te = {
   class: "space-x-2 flex items-center px-3 py-2",
   style: { width: "300px" }
-}, Ie = { class: "flex justify-between relative" }, Re = { class: "flex items-center justify-between w-full text-left text-sm font-semibold" }, Ve = { key: 0 }, He = { class: "text-xs font-semibold" }, De = { class: "px-3 py-2" }, qe = { class: "text-secondary-content text-left pb-1 text-xs uppercase" }, Ne = { class: "overflow-auto max-h-full" }, Ue = {
+}, He = { class: "flex justify-between relative" }, Ie = { class: "flex items-center justify-between w-full text-left text-sm font-semibold" }, Re = { key: 0 }, Ve = { class: "text-xs font-semibold" }, De = { class: "px-3 py-2" }, Ne = { class: "text-secondary-content text-left pb-1 text-xs uppercase" }, qe = { class: "overflow-auto max-h-full" }, Ue = {
   key: 0,
   class: "space-y-2"
 }, We = ["onClick"], Ke = { class: "flex" }, Ge = { class: "border border-secondary-stroke rounded-2xl w-14 h-14 md:w-14 md:h-14 flex items-center justify-center" }, Je = { class: "pl-2" }, Qe = { class: "text-sm mt-1 font-semibold" }, Xe = { class: "text9 mt-1" }, Ye = {
   key: 1,
   class: "mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs hidden"
-}, Ze = /* @__PURE__ */ M({
+}, Ze = /* @__PURE__ */ E({
   __name: "OneBrowserMenu",
   props: we,
   emits: ["open", "close"],
-  setup(w, { emit: f }) {
-    const p = f, v = w, c = A(!1), l = () => {
-      c.value = !c.value, c.value ? p("open") : p("close");
-    }, m = A(!1);
-    S(() => m.value ? Q : J);
+  setup(w, { emit: m }) {
+    const u = m, y = w, c = S(!1), l = () => {
+      c.value = !c.value, c.value ? u("open") : u("close");
+    }, h = S(!1);
+    F(() => h.value ? Q : J);
     const s = () => {
-      typeof v.onChange == "function" && v.onChange();
-    }, h = (a) => {
-      typeof v.onApp == "function" && v.onApp(a);
+      typeof y.onChange == "function" && y.onChange();
+    }, f = (a) => {
+      typeof y.onApp == "function" && y.onApp(a);
     };
     return (a, g) => {
-      var k, b, i, n, y, F;
+      var k, x, r, v, b, B;
       return t(), o("div", { "data-opened": c.value }, [
         e("button", {
           onClick: l,
           class: j(["sm:p-1 sm:w-[44px] sm:h-[44px] w-8 h-8 rounded-md hover:bg-secondary-10 flex", { "bg-secondary-10": c.value }])
         }, [
-          _($(Le), { class: "text-secondary-base w-full p-1 hover:text-blue-600 m-auto" })
+          _(A(Be), { class: "text-secondary-base w-full p-1 hover:text-blue-600 m-auto" })
         ], 2),
         c.value ? (t(), o("div", {
           key: 0,
           class: "fixed top-0 left-0 w-screen h-screen z-10 bg-black/10",
           onClick: l
-        })) : d("", !0),
-        c.value ? (t(), o("div", ze, [
-          e("div", Me, [
-            e("div", Oe, u((k = a.workspace) == null ? void 0 : k.title), 1),
-            _($(G), {
+        })) : p("", !0),
+        c.value ? (t(), o("div", je, [
+          e("div", ze, [
+            e("div", Oe, d((k = a.workspace) == null ? void 0 : k.title), 1),
+            _(A(G), {
               class: "w-6 cursor-pointer",
               onClick: l
             })
@@ -559,81 +580,81 @@ const je = ["data-opened"], ze = {
           e("div", Ee, [
             e("div", Pe, [
               e("div", Te, [
-                e("div", Ie, [
-                  _(z, {
-                    text: ((b = a.workspace) == null ? void 0 : b.name) || "",
-                    src: (i = a.workspace) == null ? void 0 : i.photo_url,
+                e("div", He, [
+                  _(O, {
+                    text: ((x = a.workspace) == null ? void 0 : x.name) || "",
+                    src: (r = a.workspace) == null ? void 0 : r.photo_url,
                     size: 44,
                     rounded: !1,
                     class: "mx-auto"
                   }, null, 8, ["text", "src"])
                 ]),
-                e("div", Re, u((n = a.workspace) == null ? void 0 : n.name), 1)
+                e("div", Ie, d((v = a.workspace) == null ? void 0 : v.name), 1)
               ]),
-              m.value ? (t(), o("div", Ve, [
-                (t(!0), o(C, null, B(a.workspaces, (x) => (t(), o("div", {
-                  key: x.name,
+              h.value ? (t(), o("div", Re, [
+                (t(!0), o($, null, L(a.workspaces, (n) => (t(), o("div", {
+                  key: n.name,
                   class: "flex items-center space-x-3 border-t px-5 py-2 hover:bg-secondary-10"
                 }, [
-                  _(z, {
-                    text: x.name,
-                    src: x.photo_url,
+                  _(O, {
+                    text: n.name,
+                    src: n.photo_url,
                     size: 30,
                     rounded: !1
                   }, null, 8, ["text", "src"]),
-                  e("span", He, u(x.name), 1)
+                  e("span", Ve, d(n.name), 1)
                 ]))), 128))
-              ])) : d("", !0),
+              ])) : p("", !0),
               g[0] || (g[0] = e("hr", null, null, -1)),
               e("div", {
                 onClick: s,
                 class: "text-center py-2 cursor-pointer",
                 style: { "font-size": "10px" }
-              }, u((y = a.workspace) == null ? void 0 : y.changeLabel), 1)
+              }, d((b = a.workspace) == null ? void 0 : b.changeLabel), 1)
             ])
           ]),
           e("div", De, [
-            e("div", qe, u((F = a.workspace) == null ? void 0 : F.appsLabel), 1),
-            e("div", Ne, [
+            e("div", Ne, d((B = a.workspace) == null ? void 0 : B.appsLabel), 1),
+            e("div", qe, [
               a.apps && a.apps.length ? (t(), o("div", Ue, [
-                (t(!0), o(C, null, B(a.apps, (x) => (t(), o("div", {
-                  key: x.id,
-                  onClick: (O) => h(x),
+                (t(!0), o($, null, L(a.apps, (n) => (t(), o("div", {
+                  key: n.id,
+                  onClick: (C) => f(n),
                   class: "flex justify-between items-center rounded-lg hover:bg-secondary-10 p-2 bg-[#FAFAFA] cursor-pointer"
                 }, [
                   e("div", Ke, [
                     e("div", Ge, [
-                      _(z, {
-                        text: x.name,
-                        src: x.photo_url,
+                      _(O, {
+                        text: n.name,
+                        src: n.photo_url,
                         size: 44,
                         rounded: !1
                       }, null, 8, ["text", "src"])
                     ]),
                     e("div", Je, [
-                      e("p", Qe, u(x.name), 1),
-                      e("p", Xe, u(x == null ? void 0 : x.short), 1)
+                      e("p", Qe, d(n.name), 1),
+                      e("p", Xe, d(n == null ? void 0 : n.short), 1)
                     ])
                   ]),
                   e("div", null, [
                     _(pe, {
                       variant: "touch",
-                      icon: $(de),
-                      onClick: (O) => h(x)
+                      icon: A(de),
+                      onClick: (C) => f(n)
                     }, null, 8, ["icon", "onClick"])
                   ])
                 ], 8, We))), 128))
-              ])) : d("", !0),
-              a.apps && a.apps.length ? (t(), o("button", Ye, u("Дивитися всі"))) : d("", !0)
+              ])) : p("", !0),
+              a.apps && a.apps.length ? (t(), o("button", Ye, d("Дивитися всі"))) : p("", !0)
             ])
           ])
-        ])) : d("", !0)
-      ], 8, je);
+        ])) : p("", !0)
+      ], 8, Me);
     };
   }
 });
-const Nt = /* @__PURE__ */ X(Ze, [["__scopeId", "data-v-9e75279e"]]);
-function et(w, f) {
+const qt = /* @__PURE__ */ X(Ze, [["__scopeId", "data-v-9e75279e"]]);
+function et(w, m) {
   return t(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -649,7 +670,7 @@ function et(w, f) {
     })
   ]);
 }
-function tt(w, f) {
+function tt(w, m) {
   return t(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -670,7 +691,7 @@ function tt(w, f) {
     })
   ]);
 }
-function ot(w, f) {
+function ot(w, m) {
   return t(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -695,162 +716,162 @@ const nt = ["data-opened"], st = {
 }, at = ["onClick"], ct = { class: "uppercase text-[8px]" }, ut = { class: "overflow-y-auto grid rounded-xl" }, dt = { class: "max-h-full bg-[#FAFAFA]" }, pt = {
   key: 0,
   class: "space-y-2"
-}, ht = ["onClick"], ft = { class: "flex" }, mt = { class: "pl-2" }, vt = { class: "text-sm mt-1 font-semibold" }, yt = { class: "text-[10px] mt-1 text-[#979CA9]" }, xt = { class: "mt-auto" }, gt = { key: 0 }, _t = ["onClick"], wt = { class: "flex items-center space-x-3" }, kt = { class: "h-16" }, bt = {
+}, ht = ["onClick"], ft = { class: "flex" }, vt = { class: "pl-2" }, mt = { class: "text-sm mt-1 font-semibold" }, yt = { class: "text-[10px] mt-1 text-[#979CA9]" }, gt = { class: "mt-auto" }, xt = { key: 0 }, _t = ["onClick"], wt = { class: "flex items-center space-x-3" }, kt = { class: "h-16" }, bt = {
   key: 0,
   class: "bg-[#FAFAFA] rounded-lg p-3"
 }, Ct = { class: "flex justify-between" }, $t = ["onClick"], At = {
   key: 0,
   class: "tooltip-text min-w-[70px]"
-}, St = { class: "flex justify-between mb-4" }, Ft = ["href"], Bt = { class: "flex flex-nowrap items-center w-max h-[24px]" }, Lt = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]" }, jt = { class: "py-[8px] pl-0 pr-[8px]" }, zt = /* @__PURE__ */ M({
+}, St = { class: "flex justify-between mb-4" }, Ft = ["href"], Lt = { class: "flex flex-nowrap items-center w-max h-[24px]" }, Bt = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]" }, Mt = { class: "py-[8px] pl-0 pr-[8px]" }, jt = /* @__PURE__ */ E({
   __name: "OneHelpMenu",
   props: ke,
   emits: ["open", "close"],
-  setup(w, { emit: f }) {
-    const p = f, v = w, c = A(!1), l = () => {
-      c.value = !c.value, c.value ? p("open") : p("close");
-    }, m = S(() => k.value ? Q : J), s = A(3), h = S(() => {
-      var n, y;
-      const i = ((y = (n = v.help) == null ? void 0 : n.helpList) == null ? void 0 : y.length) || 0;
-      return s.value === i;
+  setup(w, { emit: m }) {
+    const u = m, y = w, c = S(!1), l = () => {
+      c.value = !c.value, c.value ? u("open") : u("close");
+    }, h = F(() => k.value ? Q : J), s = S(3), f = F(() => {
+      var v, b;
+      const r = ((b = (v = y.help) == null ? void 0 : v.helpList) == null ? void 0 : b.length) || 0;
+      return s.value === r;
     });
-    S(() => {
-      var n;
-      return (((n = v.help) == null ? void 0 : n.helpList) || []).slice(0, s.value);
+    F(() => {
+      var v;
+      return (((v = y.help) == null ? void 0 : v.helpList) || []).slice(0, s.value);
     });
     const a = () => {
-      var n, y;
-      const i = ((y = (n = v.help) == null ? void 0 : n.helpList) == null ? void 0 : y.length) || 0;
-      s.value = h.value ? 3 : i;
-    }, g = (i, n) => {
-      i && n && typeof n.openLink == "function" ? n.openLink(n) : i && window.open(i, "_blank");
-    }, k = A(!1), b = () => {
+      var v, b;
+      const r = ((b = (v = y.help) == null ? void 0 : v.helpList) == null ? void 0 : b.length) || 0;
+      s.value = f.value ? 3 : r;
+    }, g = (r, v) => {
+      r && v && typeof v.openLink == "function" ? v.openLink(v) : r && window.open(r, "_blank");
+    }, k = S(!1), x = () => {
       k.value = !k.value;
     };
-    return (i, n) => {
-      var y, F, x, O, H, D, q, N, U;
+    return (r, v) => {
+      var b, B, n, C, z, D, N, q, U;
       return t(), o("div", { "data-opened": c.value }, [
         e("button", {
           onClick: l,
           class: j(["sm:p-1 sm:w-[44px] sm:h-[44px] w-8 h-8 rounded-md hover:bg-secondary-10 flex", { "bg-secondary-10": c.value }])
         }, [
-          _($(et), { class: "text-secondary-base w-full p-1 hover:text-blue-600 m-auto" })
+          _(A(et), { class: "text-secondary-base w-full p-1 hover:text-blue-600 m-auto" })
         ], 2),
         c.value ? (t(), o("div", {
           key: 0,
           class: "fixed top-0 left-0 w-screen h-screen z-10 bg-black/10 flex flex-col",
           onClick: l
-        })) : d("", !0),
+        })) : p("", !0),
         c.value ? (t(), o("div", st, [
           e("div", lt, [
-            e("div", rt, u((y = i.help) == null ? void 0 : y.label), 1),
-            _($(G), {
+            e("div", rt, d((b = r.help) == null ? void 0 : b.label), 1),
+            _(A(G), {
               class: "w-6 cursor-pointer",
               onClick: l
             })
           ]),
-          (F = i.help) != null && F.helpButton ? (t(), o("div", it, [
-            (t(!0), o(C, null, B((x = i.help) == null ? void 0 : x.helpButton, (r) => (t(), o("button", {
-              key: r.name,
-              onClick: (P) => g(r.link, r),
+          (B = r.help) != null && B.helpButton ? (t(), o("div", it, [
+            (t(!0), o($, null, L((n = r.help) == null ? void 0 : n.helpButton, (i) => (t(), o("button", {
+              key: i.name,
+              onClick: (T) => g(i.link, i),
               class: "grid justify-center space-y-2 hover:bg-slate-100 p-3 rounded-xl hover:text-blue-500"
             }, [
               e("div", null, [
-                (t(), L(V(r == null ? void 0 : r.icon), { class: "w-[16px] h-[16px] mx-auto" }))
+                (t(), M(V(i == null ? void 0 : i.icon), { class: "w-[16px] h-[16px] mx-auto" }))
               ]),
-              e("span", ct, u(r.name), 1)
+              e("span", ct, d(i.name), 1)
             ], 8, at))), 128))
-          ])) : d("", !0),
+          ])) : p("", !0),
           e("div", ut, [
             e("div", dt, [
-              (O = i.help) != null && O.helpList && i.help.helpList.length ? (t(), o("div", pt, [
-                (t(!0), o(C, null, B(i.help.helpList, (r) => (t(), o("div", {
-                  key: r.id,
-                  onClick: (P) => g(r.link, r),
+              (C = r.help) != null && C.helpList && r.help.helpList.length ? (t(), o("div", pt, [
+                (t(!0), o($, null, L(r.help.helpList, (i) => (t(), o("div", {
+                  key: i.id,
+                  onClick: (T) => g(i.link, i),
                   class: "flex justify-between items-center rounded-lg hover:bg-slate-100 p-2 cursor-pointer hover:text-[#4089E0]"
                 }, [
                   e("div", ft, [
-                    e("div", mt, [
-                      e("p", vt, u(r.name), 1),
-                      e("p", yt, u(r.category), 1)
+                    e("div", vt, [
+                      e("p", mt, d(i.name), 1),
+                      e("p", yt, d(i.category), 1)
                     ])
                   ])
                 ], 8, ht))), 128))
-              ])) : d("", !0)
+              ])) : p("", !0)
             ])
           ]),
-          (H = i.help) != null && H.helpList && i.help.helpList.length < 0 ? (t(), o("button", {
+          (z = r.help) != null && z.helpList && r.help.helpList.length < 0 ? (t(), o("button", {
             key: 1,
             onClick: a,
             class: "h-11 w-full bg-[#FAFAFA] hover:bg-slate-100 p-3 text-[#525B66] rounded-b-xl text-xs hover:text-[#4089E0] font-medium"
-          }, u(h.value ? i.help.buttNoMore : i.help.buttMore), 1)) : d("", !0),
-          e("div", xt, [
-            (D = i.help) != null && D.video ? (t(), o("div", gt, [
-              (t(!0), o(C, null, B(i.help.video, (r) => (t(), o("button", {
-                key: r.id,
-                onClick: (P) => g(r.link, r),
+          }, d(f.value ? r.help.buttNoMore : r.help.buttMore), 1)) : p("", !0),
+          e("div", gt, [
+            (D = r.help) != null && D.video ? (t(), o("div", xt, [
+              (t(!0), o($, null, L(r.help.video, (i) => (t(), o("button", {
+                key: i.id,
+                onClick: (T) => g(i.link, i),
                 class: "flex items-center space-x-3 mt-2 w-full bg-[#FAFAFA] hover:bg-slate-100 p-4 text-[#525B66] rounded-lg text-sm hover:text-[#4089E0] font-medium"
               }, [
-                _($(tt), { class: "w-6 h-6" }),
-                e("span", null, u(r.name), 1)
+                _(A(tt), { class: "w-6 h-6" }),
+                e("span", null, d(i.name), 1)
               ], 8, _t))), 128))
-            ])) : d("", !0),
-            (q = i.help) != null && q.socialList ? (t(), o("button", {
+            ])) : p("", !0),
+            (N = r.help) != null && N.socialList ? (t(), o("button", {
               key: 1,
-              onClick: b,
+              onClick: x,
               class: "flex items-center justify-between mt-2 w-full bg-[#FAFAFA] hover:bg-slate-100 p-4 text-[#525B66] rounded-lg text-sm hover:text-[#4089E0] font-medium"
             }, [
               e("div", wt, [
-                _($(ot), { class: "w-6 h-6" }),
-                e("span", null, u(i.help.socialButt), 1)
+                _(A(ot), { class: "w-6 h-6" }),
+                e("span", null, d(r.help.socialButt), 1)
               ]),
-              _($(m), { class: "w-4 h-4" })
-            ])) : d("", !0),
+              _(A(h), { class: "w-4 h-4" })
+            ])) : p("", !0),
             e("div", kt, [
               k.value ? (t(), o("div", bt, [
                 e("div", Ct, [
-                  (t(!0), o(C, null, B((N = i.help) == null ? void 0 : N.socialList, (r) => (t(), o("button", {
-                    key: r.id,
-                    onClick: (P) => g(r.link, r),
+                  (t(!0), o($, null, L((q = r.help) == null ? void 0 : q.socialList, (i) => (t(), o("button", {
+                    key: i.id,
+                    onClick: (T) => g(i.link, i),
                     class: "flex items-center space-x-2 p-2 rounded-lg hover:bg-slate-100 hover:text-blue-500 tooltip"
                   }, [
                     e("div", null, [
-                      r.name ? (t(), o("div", At, u(r.name), 1)) : d("", !0),
-                      (t(), L(V(r == null ? void 0 : r.icon), { class: "w-[24px] h-[24px] mx-auto" }))
+                      i.name ? (t(), o("div", At, d(i.name), 1)) : p("", !0),
+                      (t(), M(V(i == null ? void 0 : i.icon), { class: "w-[24px] h-[24px] mx-auto" }))
                     ])
                   ], 8, $t))), 128))
                 ])
-              ])) : d("", !0)
+              ])) : p("", !0)
             ]),
             e("div", St, [
-              (t(!0), o(C, null, B((U = i.help) == null ? void 0 : U.termsOffer, (r) => (t(), o("a", {
-                key: r.name,
+              (t(!0), o($, null, L((U = r.help) == null ? void 0 : U.termsOffer, (i) => (t(), o("a", {
+                key: i.name,
                 target: "_blank",
-                href: r.link,
+                href: i.link,
                 class: "ml-2 flex items-center rounded-lg text-xs hover:underline font-extralight cursor-pointer"
               }, [
-                e("div", Bt, [
-                  e("div", Lt, [
-                    e("span", jt, u(r.name), 1)
+                e("div", Lt, [
+                  e("div", Bt, [
+                    e("span", Mt, d(i.name), 1)
                   ])
                 ])
               ], 8, Ft))), 128))
             ])
           ])
-        ])) : d("", !0)
+        ])) : p("", !0)
       ], 8, nt);
     };
   }
 });
-const Ut = /* @__PURE__ */ X(zt, [["__scopeId", "data-v-f5d2b453"]]);
+const Ut = /* @__PURE__ */ X(jt, [["__scopeId", "data-v-f5d2b453"]]);
 export {
-  Nt as O,
-  xe as _,
+  qt as O,
+  ge as _,
   K as a,
-  qt as b,
+  Nt as b,
   Ut as c,
   he as d,
   we as e,
   Dt as f,
   ot as g,
-  Le as r
+  Be as r
 };