@oneb/ui-vue 0.2.23 → 0.2.26

package/dist/{OneHelpMenu-dd4329df.js → OneHelpMenu-f9738224.js}

@@ -1,10 +1,10 @@
-import { defineComponent as le, ref as z, provide as it, watch as rt, onBeforeUnmount as lt, computed as j, openBlock as m, createElementBlock as y, createElementVNode as d, renderSlot as we, normalizeProps as be, guardReactiveProps as ke, createBlock as K, Teleport as ct, createCommentVNode as A, createVNode as $, Transition as Me, withCtx as ue, normalizeClass as Z, toDisplayString as _, Fragment as P, inject as at, withModifiers as ut, resolveDynamicComponent as Ce, renderList as I, mergeProps as ft, unref as D } from "vue";
+import { defineComponent as le, ref as z, provide as it, watch as rt, nextTick as lt, onBeforeUnmount as ct, computed as j, openBlock as m, createElementBlock as y, createElementVNode as d, renderSlot as we, normalizeProps as be, guardReactiveProps as ke, createBlock as K, Teleport as at, createCommentVNode as A, createVNode as $, Transition as Me, withCtx as ue, normalizeClass as Z, toDisplayString as _, Fragment as P, inject as ut, withModifiers as ft, resolveDynamicComponent as Ce, renderList as I, mergeProps as dt, unref as D } from "vue";
 import { _ as ie } from "./OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
 import { r as We } from "./XMarkIcon-51ef0691.js";
-import { r as He, a as Ie, b as dt } from "./ChevronRightIcon-8df1af46.js";
-import { OneButton as pt } from "./button/index.js";
+import { r as He, a as Ie, b as pt } from "./ChevronRightIcon-8df1af46.js";
+import { OneButton as ht } from "./button/index.js";
 import { _ as qe } from "./_plugin-vue_export-helper-dad06003.js";
-const ht = {
+const mt = {
   title: {
     type: String
   },
@@ -16,7 +16,7 @@ const ht = {
     type: Boolean,
     default: !1
   }
-}, mt = {
+}, gt = {
   variant: {
     type: String,
     default: "primary"
@@ -27,7 +27,7 @@ const ht = {
   icon: {
     type: [Function, Object]
   }
-}, _o = {
+}, Co = {
   modelValue: {
     type: [Object, Array],
     default: null
@@ -94,12 +94,12 @@ const ht = {
 }, fe = Math.min, Y = Math.max, de = Math.round, ae = Math.floor, E = (e) => ({
   x: e,
   y: e
-}), gt = {
+}), xt = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, xt = {
+}, yt = {
   start: "end",
   end: "start"
 };
@@ -127,20 +127,20 @@ function ee(e) {
 function Ye(e) {
   return Ue(ee(e));
 }
-function yt(e, t, n) {
+function vt(e, t, n) {
   n === void 0 && (n = !1);
   const o = ge(e), s = Ye(e), i = Ke(s);
   let r = s === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return t.reference[i] > t.floating[i] && (r = pe(r)), [r, pe(r)];
 }
-function vt(e) {
+function wt(e) {
   const t = pe(e);
   return [Ae(e), t, Ae(t)];
 }
 function Ae(e) {
-  return e.replace(/start|end/g, (t) => xt[t]);
+  return e.replace(/start|end/g, (t) => yt[t]);
 }
-function wt(e, t, n) {
+function bt(e, t, n) {
   const o = ["left", "right"], s = ["right", "left"], i = ["top", "bottom"], r = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -153,15 +153,15 @@ function wt(e, t, n) {
       return [];
   }
 }
-function bt(e, t, n, o) {
+function kt(e, t, n, o) {
   const s = ge(e);
-  let i = wt(X(e), n === "start", o);
+  let i = bt(X(e), n === "start", o);
   return s && (i = i.map((r) => r + "-" + s), t && (i = i.concat(i.map(Ae)))), i;
 }
 function pe(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => gt[t]);
+  return e.replace(/left|right|bottom|top/g, (t) => xt[t]);
 }
-function kt(e) {
+function _t(e) {
   return {
     top: 0,
     right: 0,
@@ -170,8 +170,8 @@ function kt(e) {
     ...e
   };
 }
-function _t(e) {
-  return typeof e != "number" ? kt(e) : {
+function Ct(e) {
+  return typeof e != "number" ? _t(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -244,7 +244,7 @@ function De(e, t, n) {
   }
   return u;
 }
-const Ct = async (e, t, n) => {
+const At = async (e, t, n) => {
   const {
     placement: o = "bottom",
     strategy: s = "absolute",
@@ -321,7 +321,7 @@ async function Xe(e, t) {
     elementContext: p = "floating",
     altBoundary: x = !1,
     padding: u = 0
-  } = me(t, e), f = _t(u), w = l[x ? p === "floating" ? "reference" : "floating" : p], g = he(await i.getClippingRect({
+  } = me(t, e), f = Ct(u), w = l[x ? p === "floating" ? "reference" : "floating" : p], g = he(await i.getClippingRect({
     element: (n = await (i.isElement == null ? void 0 : i.isElement(w))) == null || n ? w : w.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(l.floating)),
     boundary: c,
     rootBoundary: h,
@@ -350,7 +350,7 @@ async function Xe(e, t) {
     right: (L.right - g.right + f.right) / O.x
   };
 }
-const At = function(e) {
+const Lt = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -374,12 +374,12 @@ const At = function(e) {
       } = me(e, t);
       if ((n = i.arrow) != null && n.alignmentOffset)
         return {};
-      const g = X(s), k = ee(l), C = X(l) === l, O = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), L = x || (C || !v ? [pe(l)] : vt(l)), V = f !== "none";
-      !x && V && L.push(...bt(l, v, f, O));
+      const g = X(s), k = ee(l), C = X(l) === l, O = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), L = x || (C || !v ? [pe(l)] : wt(l)), V = f !== "none";
+      !x && V && L.push(...kt(l, v, f, O));
       const M = [l, ...L], b = await Xe(t, w), N = [];
       let oe = ((o = i.flip) == null ? void 0 : o.overflows) || [];
       if (h && N.push(b[g]), p) {
-        const U = yt(s, r, O);
+        const U = vt(s, r, O);
         N.push(b[U[0]], b[U[1]]);
       }
       if (oe = [...oe, {
@@ -430,7 +430,7 @@ const At = function(e) {
     }
   };
 };
-async function Lt(e, t) {
+async function Ot(e, t) {
   const {
     placement: n,
     platform: o,
@@ -457,7 +457,7 @@ async function Lt(e, t) {
     y: u * h
   };
 }
-const Ot = function(e) {
+const $t = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -468,7 +468,7 @@ const Ot = function(e) {
         y: i,
         placement: r,
         middlewareData: l
-      } = t, a = await Lt(t, e);
+      } = t, a = await Ot(t, e);
       return r === ((n = l.offset) == null ? void 0 : n.placement) && (o = l.arrow) != null && o.alignmentOffset ? {} : {
         x: s + a.x,
         y: i + a.y,
@@ -479,7 +479,7 @@ const Ot = function(e) {
       };
     }
   };
-}, $t = function(e) {
+}, St = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -571,7 +571,7 @@ function ce(e) {
   } = F(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !["inline", "contents"].includes(s);
 }
-function St(e) {
+function Rt(e) {
   return ["table", "td", "th"].includes(ne(e));
 }
 function ye(e) {
@@ -587,7 +587,7 @@ function Oe(e) {
   const t = $e(), n = R(e) ? F(e) : e;
   return ["transform", "translate", "scale", "rotate", "perspective"].some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
 }
-function Rt(e) {
+function Ft(e) {
   let t = q(e);
   for (; B(t) && !te(t); ) {
     if (Oe(t))
@@ -673,15 +673,15 @@ function Q(e) {
     y: l
   };
 }
-const Ft = /* @__PURE__ */ E(0);
+const Et = /* @__PURE__ */ E(0);
 function Ze(e) {
   const t = S(e);
-  return !$e() || !t.visualViewport ? Ft : {
+  return !$e() || !t.visualViewport ? Et : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Et(e, t, n) {
+function Bt(e, t, n) {
   return t === void 0 && (t = !1), !n || t && n !== S(e) ? !1 : t;
 }
 function G(e, t, n, o) {
@@ -689,7 +689,7 @@ function G(e, t, n, o) {
   const s = e.getBoundingClientRect(), i = Se(e);
   let r = E(1);
   t && (o ? R(o) && (r = Q(o)) : r = Q(e));
-  const l = Et(i, n, o) ? Ze(i) : E(0);
+  const l = Bt(i, n, o) ? Ze(i) : E(0);
   let a = (s.left + l.x) / r.x, c = (s.top + l.y) / r.y, h = s.width / r.x, p = s.height / r.y;
   if (i) {
     const x = S(i), u = o && R(o) ? S(o) : o;
@@ -721,7 +721,7 @@ function et(e, t, n) {
     y: i
   };
 }
-function Bt(e) {
+function Tt(e) {
   let {
     elements: t,
     rect: n,
@@ -748,10 +748,10 @@ function Bt(e) {
     y: n.y * c.y - a.scrollTop * c.y + h.y + x.y
   };
 }
-function Tt(e) {
+function Mt(e) {
   return Array.from(e.getClientRects());
 }
-function Mt(e) {
+function Pt(e) {
   const t = T(e), n = ve(e), o = e.ownerDocument.body, s = Y(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), i = Y(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
   let r = -n.scrollLeft + Re(e);
   const l = -n.scrollTop;
@@ -762,7 +762,7 @@ function Mt(e) {
     y: l
   };
 }
-function Pt(e, t) {
+function Dt(e, t) {
   const n = S(e), o = T(e), s = n.visualViewport;
   let i = o.clientWidth, r = o.clientHeight, l = 0, a = 0;
   if (s) {
@@ -777,7 +777,7 @@ function Pt(e, t) {
     y: a
   };
 }
-function Dt(e, t) {
+function zt(e, t) {
   const n = G(e, !0, t === "fixed"), o = n.top + e.clientTop, s = n.left + e.clientLeft, i = B(e) ? Q(e) : E(1), r = e.clientWidth * i.x, l = e.clientHeight * i.y, a = s * i.x, c = o * i.y;
   return {
     width: r,
@@ -789,11 +789,11 @@ function Dt(e, t) {
 function je(e, t, n) {
   let o;
   if (t === "viewport")
-    o = Pt(e, n);
+    o = Dt(e, n);
   else if (t === "document")
-    o = Mt(T(e));
+    o = Pt(T(e));
   else if (R(t))
-    o = Dt(t, n);
+    o = zt(t, n);
   else {
     const s = Ze(e);
     o = {
@@ -809,7 +809,7 @@ function tt(e, t) {
   const n = q(e);
   return n === t || !R(n) || te(n) ? !1 : F(n).position === "fixed" || tt(n, t);
 }
-function zt(e, t) {
+function jt(e, t) {
   const n = t.get(e);
   if (n)
     return n;
@@ -822,14 +822,14 @@ function zt(e, t) {
   }
   return t.set(e, o), o;
 }
-function jt(e) {
+function Vt(e) {
   let {
     element: t,
     boundary: n,
     rootBoundary: o,
     strategy: s
   } = e;
-  const r = [...n === "clippingAncestors" ? ye(t) ? [] : zt(t, this._c) : [].concat(n), o], l = r[0], a = r.reduce((c, h) => {
+  const r = [...n === "clippingAncestors" ? ye(t) ? [] : jt(t, this._c) : [].concat(n), o], l = r[0], a = r.reduce((c, h) => {
     const p = je(t, h, s);
     return c.top = Y(p.top, c.top), c.right = fe(p.right, c.right), c.bottom = fe(p.bottom, c.bottom), c.left = Y(p.left, c.left), c;
   }, je(t, l, s));
@@ -840,7 +840,7 @@ function jt(e) {
     y: a.top
   };
 }
-function Vt(e) {
+function Nt(e) {
   const {
     width: t,
     height: n
@@ -850,7 +850,7 @@ function Vt(e) {
     height: n
   };
 }
-function Nt(e, t, n) {
+function Wt(e, t, n) {
   const o = B(t), s = T(t), i = n === "fixed", r = G(e, !0, i, t);
   let l = {
     scrollLeft: 0,
@@ -896,14 +896,14 @@ function nt(e, t) {
     return n;
   }
   let o = Ve(e, t);
-  for (; o && St(o) && _e(o); )
+  for (; o && Rt(o) && _e(o); )
     o = Ve(o, t);
-  return o && te(o) && _e(o) && !Oe(o) ? n : o || Rt(e) || n;
+  return o && te(o) && _e(o) && !Oe(o) ? n : o || Ft(e) || n;
 }
-const Wt = async function(e) {
+const Ht = async function(e) {
   const t = this.getOffsetParent || nt, n = this.getDimensions, o = await n(e.floating);
   return {
-    reference: Nt(e.reference, await t(e.floating), e.strategy),
+    reference: Wt(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -912,25 +912,25 @@ const Wt = async function(e) {
     }
   };
 };
-function Ht(e) {
+function It(e) {
   return F(e).direction === "rtl";
 }
-const It = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Bt,
+const qt = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Tt,
   getDocumentElement: T,
-  getClippingRect: jt,
+  getClippingRect: Vt,
   getOffsetParent: nt,
-  getElementRects: Wt,
-  getClientRects: Tt,
-  getDimensions: Vt,
+  getElementRects: Ht,
+  getClientRects: Mt,
+  getDimensions: Nt,
   getScale: Q,
   isElement: R,
-  isRTL: Ht
+  isRTL: It
 };
 function ot(e, t) {
   return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-function qt(e, t) {
+function Ut(e, t) {
   let n = null, o;
   const s = T(e);
   function i() {
@@ -976,7 +976,7 @@ function qt(e, t) {
   }
   return r(!0), i;
 }
-function Ut(e, t, n, o) {
+function Kt(e, t, n, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: s = !0,
@@ -990,7 +990,7 @@ function Ut(e, t, n, o) {
       passive: !0
     }), i && g.addEventListener("resize", n);
   });
-  const p = c && l ? qt(c, n) : null;
+  const p = c && l ? Ut(c, n) : null;
   let x = -1, u = null;
   r && (u = new ResizeObserver((g) => {
     let [k] = g;
@@ -1012,27 +1012,27 @@ function Ut(e, t, n, o) {
     }), p == null || p(), (g = u) == null || g.disconnect(), u = null, a && cancelAnimationFrame(f);
   };
 }
-const Kt = Ot, Yt = $t, Xt = At, Gt = (e, t, n) => {
+const Yt = $t, Xt = St, Gt = Lt, Jt = (e, t, n) => {
   const o = /* @__PURE__ */ new Map(), s = {
-    platform: It,
+    platform: qt,
     ...n
   }, i = {
     ...s.platform,
     _c: o
   };
-  return Ct(e, t, {
+  return At(e, t, {
     ...s,
     platform: i
   });
-}, Jt = ["data-opened"], Qt = {
+}, Qt = ["data-opened"], Zt = {
   key: 0,
   class: "text-sm text-secondary-content px-3 py-2 text-left"
-}, Zt = {
+}, en = {
   key: 0,
   class: "text-sm text-secondary-content px-3 py-2 text-left"
-}, en = /* @__PURE__ */ le({
+}, tn = /* @__PURE__ */ le({
   __name: "OneDropdown",
-  props: ht,
+  props: mt,
   emits: ["open", "close"],
   setup(e, { emit: t }) {
     const n = z(!1), o = z(null), s = z(null), i = z(null), r = t, l = e, a = () => {
@@ -1043,10 +1043,10 @@ const Kt = Ot, Yt = $t, Xt = At, Gt = (e, t, n) => {
     });
     let c = null;
     function h() {
-      !s.value || !i.value || Gt(s.value, i.value, {
+      !s.value || !i.value || Jt(s.value, i.value, {
         placement: l.stick ? l.stick : "bottom-start",
         strategy: "fixed",
-        middleware: [Kt(5), Xt(), Yt({ padding: 8 })]
+        middleware: [Yt(5), Gt(), Xt({ padding: 8 })]
       }).then(({ x: f, y: v }) => {
         i.value && Object.assign(i.value.style, {
           left: `${f}px`,
@@ -1054,9 +1054,9 @@ const Kt = Ot, Yt = $t, Xt = At, Gt = (e, t, n) => {
         });
       });
     }
-    rt(n, (f) => {
-      l.appendBody && (f && s.value && i.value ? (h(), c = Ut(s.value, i.value, h)) : c && (c(), c = null));
-    }), lt(() => {
+    rt(n, async (f) => {
+      l.appendBody && (f ? (await lt(), s.value && i.value && (h(), c = Kt(s.value, i.value, h))) : c && (c(), c = null));
+    }), ct(() => {
       c && c();
     });
     const p = j(() => {
@@ -1089,7 +1089,7 @@ const Kt = Ot, Yt = $t, Xt = At, Gt = (e, t, n) => {
       }, [
         we(f.$slots, "button", be(ke({ onToggle: a, isExpanded: n.value })))
       ], 512),
-      l.appendBody ? (m(), K(ct, {
+      l.appendBody ? (m(), K(at, {
         key: 0,
         to: "body"
       }, [
@@ -1116,7 +1116,7 @@ const Kt = Ot, Yt = $t, Xt = At, Gt = (e, t, n) => {
               "aria-orientation": "vertical",
               tabindex: "-1"
             }, [
-              f.title ? (m(), y("div", Qt, _(f.title), 1)) : A("", !0),
+              f.title ? (m(), y("div", Zt, _(f.title), 1)) : A("", !0),
               we(f.$slots, "menu", be(ke({ onToggle: a })))
             ], 2)) : A("", !0)
           ]),
@@ -1144,21 +1144,21 @@ const Kt = Ot, Yt = $t, Xt = At, Gt = (e, t, n) => {
               "aria-orientation": "vertical",
               tabindex: "-1"
             }, [
-              f.title ? (m(), y("div", Zt, _(f.title), 1)) : A("", !0),
+              f.title ? (m(), y("div", en, _(f.title), 1)) : A("", !0),
               we(f.$slots, "menu", be(ke({ onToggle: a })))
             ], 2)) : A("", !0)
           ]),
           _: 3
         })
       ], 64))
-    ], 8, Jt));
+    ], 8, Qt));
   }
 }), Ne = /* @__PURE__ */ le({
   __name: "OneDropdownItem",
-  props: mt,
+  props: gt,
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = t, o = e, s = at("OneDropdown"), i = () => {
+    const n = t, o = e, s = ut("OneDropdown"), i = () => {
       s !== void 0 && s.onToggle(), n("click");
     }, r = j(() => {
       const l = [];
@@ -1166,7 +1166,7 @@ const Kt = Ot, Yt = $t, Xt = At, Gt = (e, t, n) => {
     });
     return (l, a) => (m(), y("button", {
       class: Z(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap", r.value]),
-      onClick: ut(i, ["prevent"])
+      onClick: ft(i, ["prevent"])
     }, [
       l.icon ? (m(), K(Ce(l.icon), {
         key: 0,
@@ -1176,7 +1176,7 @@ const Kt = Ot, Yt = $t, Xt = At, Gt = (e, t, n) => {
     ], 2));
   }
 });
-function tn(e, t) {
+function nn(e, t) {
   return m(), y("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1192,7 +1192,7 @@ function tn(e, t) {
     })
   ]);
 }
-const nn = {
+const on = {
   user: {
     type: Object,
     required: !0
@@ -1226,7 +1226,7 @@ const nn = {
   onLogout: {
     type: Function
   }
-}, on = {
+}, sn = {
   workspace: {
     type: Object,
     required: !0
@@ -1256,14 +1256,14 @@ const nn = {
   onApp: {
     type: Function
   }
-}, sn = {
+}, rn = {
   help: {
     type: Object,
     required: !0
   }
-}, rn = ["onClick"], ln = { class: "flex flex-col items-center pt-5 pb-2 h-full" }, cn = { class: "flex flex-col px-10 py-1 mt-2 text-center" }, an = { class: "self-center text-base font-medium tracking-wide text-black" }, un = { class: "mt-1 text-xs leading-5 text-blue-500 font-light" }, fn = { class: "text-left w-full mt-5 px-3" }, dn = { class: "-mb-2 flex-shrink-0 mt-auto pt-6 text-[8px] leading-3 text-gray-400" }, Co = /* @__PURE__ */ le({
+}, ln = ["onClick"], cn = { class: "flex flex-col items-center pt-5 pb-2 h-full" }, an = { class: "flex flex-col px-10 py-1 mt-2 text-center" }, un = { class: "self-center text-base font-medium tracking-wide text-black" }, fn = { class: "mt-1 text-xs leading-5 text-blue-500 font-light" }, dn = { class: "text-left w-full mt-5 px-3" }, pn = { class: "-mb-2 flex-shrink-0 mt-auto pt-6 text-[8px] leading-3 text-gray-400" }, Ao = /* @__PURE__ */ le({
   __name: "OneUserMenu",
-  props: nn,
+  props: on,
   setup(e) {
     const t = e, n = j(() => {
       var i;
@@ -1283,7 +1283,7 @@ const nn = {
     }, s = () => {
       typeof t.onLogout == "function" && t.onLogout();
     };
-    return (i, r) => (m(), K(en, { stick: "right" }, {
+    return (i, r) => (m(), K(tn, { stick: "right" }, {
       button: ue(({ onToggle: l, isExpanded: a }) => {
         var c, h;
         return [
@@ -1297,13 +1297,13 @@ const nn = {
               src: (h = i.user) == null ? void 0 : h.photo_url,
               rounded: !0
             }, null, 8, ["text", "size", "src"])
-          ], 10, rn)
+          ], 10, ln)
         ];
       }),
       menu: ue(() => {
         var l, a, c, h, p;
         return [
-          d("div", ln, [
+          d("div", cn, [
             $(ie, {
               text: ((l = i.user) == null ? void 0 : l.name) || "",
               size: 80,
@@ -1311,17 +1311,17 @@ const nn = {
               rounded: !0,
               class: "mx-auto"
             }, null, 8, ["text", "src"]),
-            d("div", cn, [
-              d("div", an, _((c = i.user) == null ? void 0 : c.name), 1),
-              d("div", un, _((h = i.user) == null ? void 0 : h.email), 1)
+            d("div", an, [
+              d("div", un, _((c = i.user) == null ? void 0 : c.name), 1),
+              d("div", fn, _((h = i.user) == null ? void 0 : h.email), 1)
             ]),
             typeof t.onAccount == "function" ? (m(), y("a", {
               key: 0,
               onClick: o,
               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"
             }, _(i.accountLabel), 1)) : A("", !0),
-            d("div", fn, [
-              (m(!0), y(P, null, I(n.value, (x) => (m(), K(Ne, ft({
+            d("div", dn, [
+              (m(!0), y(P, null, I(n.value, (x) => (m(), K(Ne, dt({
                 key: x.key,
                 ref_for: !0
               }, x.args, {
@@ -1329,7 +1329,7 @@ const nn = {
               }), null, 16, ["onClick"]))), 128)),
               typeof i.onLogout == "function" ? (m(), K(Ne, {
                 key: 0,
-                icon: D(tn),
+                icon: D(nn),
                 label: i.logoutLabel,
                 class: "rounded py-3",
                 onClick: s
@@ -1339,7 +1339,7 @@ const nn = {
               class: "space-y-2 text-center",
               style: { width: "240px" }
             }, null, -1)),
-            d("div", dn, _((p = i.app) == null ? void 0 : p.version), 1)
+            d("div", pn, _((p = i.app) == null ? void 0 : p.version), 1)
           ])
         ];
       }),
@@ -1347,7 +1347,7 @@ const nn = {
     }));
   }
 });
-function pn(e, t) {
+function hn(e, t) {
   return m(), y("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1439,21 +1439,21 @@ function pn(e, t) {
     })
   ]);
 }
-const hn = ["data-opened"], mn = {
+const mn = ["data-opened"], gn = {
   key: 1,
   class: "absolute top-0 right-0 h-screen overflow-y-auto max-w-96 bg-white px-3 z-10"
-}, gn = { class: "flex justify-between items-center pt-3 mb-3" }, xn = { class: "font-semibold text-xl px-3" }, yn = { class: "grid" }, vn = { class: "rounded-lg m-3 border" }, wn = {
+}, xn = { class: "flex justify-between items-center pt-3 mb-3" }, yn = { class: "font-semibold text-xl px-3" }, vn = { class: "grid" }, wn = { class: "rounded-lg m-3 border" }, bn = {
   class: "space-x-2 flex items-center px-3 py-2",
   style: { width: "300px" }
-}, bn = { class: "flex justify-between relative" }, kn = { class: "flex items-center justify-between w-full text-left text-sm font-semibold" }, _n = { key: 0 }, Cn = { class: "text-xs font-semibold" }, An = { class: "px-3 py-2" }, Ln = { class: "text-secondary-content text-left pb-1 text-xs uppercase" }, On = { class: "overflow-auto max-h-full" }, $n = {
+}, kn = { class: "flex justify-between relative" }, _n = { class: "flex items-center justify-between w-full text-left text-sm font-semibold" }, Cn = { key: 0 }, An = { class: "text-xs font-semibold" }, Ln = { class: "px-3 py-2" }, On = { class: "text-secondary-content text-left pb-1 text-xs uppercase" }, $n = { class: "overflow-auto max-h-full" }, Sn = {
   key: 0,
   class: "space-y-2"
-}, Sn = ["onClick"], Rn = { class: "flex" }, Fn = { class: "border border-secondary-stroke rounded-2xl w-14 h-14 md:w-14 md:h-14 flex items-center justify-center" }, En = { class: "pl-2" }, Bn = { class: "text-sm mt-1 font-semibold" }, Tn = { class: "text9 mt-1" }, Mn = {
+}, Rn = ["onClick"], Fn = { class: "flex" }, En = { class: "border border-secondary-stroke rounded-2xl w-14 h-14 md:w-14 md:h-14 flex items-center justify-center" }, Bn = { class: "pl-2" }, Tn = { class: "text-sm mt-1 font-semibold" }, Mn = { class: "text9 mt-1" }, Pn = {
   key: 1,
   class: "mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs hidden"
-}, Pn = /* @__PURE__ */ le({
+}, Dn = /* @__PURE__ */ le({
   __name: "OneBrowserMenu",
-  props: on,
+  props: sn,
   emits: ["open", "close"],
   setup(e, { emit: t }) {
     const n = t, o = e, s = z(!1), i = () => {
@@ -1472,25 +1472,25 @@ const hn = ["data-opened"], mn = {
           onClick: i,
           class: Z(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10", { "bg-secondary-10": s.value }])
         }, [
-          $(D(pn), { class: "text-secondary-base w-full p-1 hover:text-blue-600 m-auto" })
+          $(D(hn), { class: "text-secondary-base w-full p-1 hover:text-blue-600 m-auto" })
         ], 2),
         s.value ? (m(), y("div", {
           key: 0,
           class: "fixed top-0 left-0 w-screen h-screen z-10 bg-black/10",
           onClick: i
         })) : A("", !0),
-        s.value ? (m(), y("div", mn, [
-          d("div", gn, [
-            d("div", xn, _((p = c.workspace) == null ? void 0 : p.title), 1),
+        s.value ? (m(), y("div", gn, [
+          d("div", xn, [
+            d("div", yn, _((p = c.workspace) == null ? void 0 : p.title), 1),
             $(D(We), {
               class: "w-6 cursor-pointer",
               onClick: i
             })
           ]),
-          d("div", yn, [
-            d("div", vn, [
-              d("div", wn, [
-                d("div", bn, [
+          d("div", vn, [
+            d("div", wn, [
+              d("div", bn, [
+                d("div", kn, [
                   $(ie, {
                     text: ((x = c.workspace) == null ? void 0 : x.name) || "",
                     src: (u = c.workspace) == null ? void 0 : u.photo_url,
@@ -1499,9 +1499,9 @@ const hn = ["data-opened"], mn = {
                     class: "mx-auto"
                   }, null, 8, ["text", "src"])
                 ]),
-                d("div", kn, _((f = c.workspace) == null ? void 0 : f.name), 1)
+                d("div", _n, _((f = c.workspace) == null ? void 0 : f.name), 1)
               ]),
-              r.value ? (m(), y("div", _n, [
+              r.value ? (m(), y("div", Cn, [
                 (m(!0), y(P, null, I(c.workspaces, (g) => (m(), y("div", {
                   key: g.name,
                   class: "flex items-center space-x-3 border-t px-5 py-2 hover:bg-secondary-10"
@@ -1512,7 +1512,7 @@ const hn = ["data-opened"], mn = {
                     size: 30,
                     rounded: !1
                   }, null, 8, ["text", "src"]),
-                  d("span", Cn, _(g.name), 1)
+                  d("span", An, _(g.name), 1)
                 ]))), 128))
               ])) : A("", !0),
               h[0] || (h[0] = d("hr", null, null, -1)),
@@ -1523,17 +1523,17 @@ const hn = ["data-opened"], mn = {
               }, _((v = c.workspace) == null ? void 0 : v.changeLabel), 1)
             ])
           ]),
-          d("div", An, [
-            d("div", Ln, _((w = c.workspace) == null ? void 0 : w.appsLabel), 1),
-            d("div", On, [
-              c.apps && c.apps.length ? (m(), y("div", $n, [
+          d("div", Ln, [
+            d("div", On, _((w = c.workspace) == null ? void 0 : w.appsLabel), 1),
+            d("div", $n, [
+              c.apps && c.apps.length ? (m(), y("div", Sn, [
                 (m(!0), y(P, null, I(c.apps, (g) => (m(), y("div", {
                   key: g.id,
                   onClick: (k) => a(g),
                   class: "flex justify-between items-center rounded-lg hover:bg-secondary-10 p-2 bg-[#FAFAFA] cursor-pointer"
                 }, [
-                  d("div", Rn, [
-                    d("div", Fn, [
+                  d("div", Fn, [
+                    d("div", En, [
                       $(ie, {
                         text: g.name,
                         src: g.photo_url,
@@ -1541,30 +1541,30 @@ const hn = ["data-opened"], mn = {
                         rounded: !1
                       }, null, 8, ["text", "src"])
                     ]),
-                    d("div", En, [
-                      d("p", Bn, _(g.name), 1),
-                      d("p", Tn, _(g == null ? void 0 : g.short), 1)
+                    d("div", Bn, [
+                      d("p", Tn, _(g.name), 1),
+                      d("p", Mn, _(g == null ? void 0 : g.short), 1)
                     ])
                   ]),
                   d("div", null, [
-                    $(pt, {
+                    $(ht, {
                       variant: "touch",
-                      icon: D(dt),
+                      icon: D(pt),
                       onClick: (k) => a(g)
                     }, null, 8, ["icon", "onClick"])
                   ])
-                ], 8, Sn))), 128))
+                ], 8, Rn))), 128))
               ])) : A("", !0),
-              c.apps && c.apps.length ? (m(), y("button", Mn, _("Дивитися всі"))) : A("", !0)
+              c.apps && c.apps.length ? (m(), y("button", Pn, _("Дивитися всі"))) : A("", !0)
             ])
           ])
         ])) : A("", !0)
-      ], 8, hn);
+      ], 8, mn);
     };
   }
 });
-const Ao = /* @__PURE__ */ qe(Pn, [["__scopeId", "data-v-2628df74"]]);
-function Dn(e, t) {
+const Lo = /* @__PURE__ */ qe(Dn, [["__scopeId", "data-v-2628df74"]]);
+function zn(e, t) {
   return m(), y("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1580,7 +1580,7 @@ function Dn(e, t) {
     })
   ]);
 }
-function zn(e, t) {
+function jn(e, t) {
   return m(), y("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1601,7 +1601,7 @@ function zn(e, t) {
     })
   ]);
 }
-function jn(e, t) {
+function Vn(e, t) {
   return m(), y("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1617,24 +1617,24 @@ function jn(e, t) {
     })
   ]);
 }
-const Vn = ["data-opened"], Nn = {
+const Nn = ["data-opened"], Wn = {
   key: 1,
   class: "absolute top-0 right-0 h-screen max-w-96 bg-white px-3 z-10 flex flex-col"
-}, Wn = { class: "flex justify-between items-center pt-3 mb-3" }, Hn = { class: "font-semibold text-xl px-3" }, In = {
+}, Hn = { class: "flex justify-between items-center pt-3 mb-3" }, In = { class: "font-semibold text-xl px-3" }, qn = {
   key: 0,
   class: "grid grid-cols-3 bg-[#FAFAFA] rounded-xl text-[#525B66] mb-2"
-}, qn = ["onClick"], Un = { class: "uppercase text-[8px]" }, Kn = { class: "overflow-y-auto grid rounded-xl" }, Yn = { class: "max-h-full bg-[#FAFAFA]" }, Xn = {
+}, Un = ["onClick"], Kn = { class: "uppercase text-[8px]" }, Yn = { class: "overflow-y-auto grid rounded-xl" }, Xn = { class: "max-h-full bg-[#FAFAFA]" }, Gn = {
   key: 0,
   class: "space-y-2"
-}, Gn = ["onClick"], Jn = { class: "flex" }, Qn = { class: "pl-2" }, Zn = { class: "text-sm mt-1 font-semibold" }, eo = { class: "text-[10px] mt-1 text-[#979CA9]" }, to = { class: "mt-auto" }, no = { key: 0 }, oo = ["onClick"], so = { class: "flex items-center space-x-3" }, io = { class: "h-16" }, ro = {
+}, Jn = ["onClick"], Qn = { class: "flex" }, Zn = { class: "pl-2" }, eo = { class: "text-sm mt-1 font-semibold" }, to = { class: "text-[10px] mt-1 text-[#979CA9]" }, no = { class: "mt-auto" }, oo = { key: 0 }, so = ["onClick"], io = { class: "flex items-center space-x-3" }, ro = { class: "h-16" }, lo = {
   key: 0,
   class: "bg-[#FAFAFA] rounded-lg p-3"
-}, lo = { class: "flex justify-between" }, co = ["onClick"], ao = {
+}, co = { class: "flex justify-between" }, ao = ["onClick"], uo = {
   key: 0,
   class: "tooltip-text min-w-[70px]"
-}, uo = { class: "flex justify-between mb-4" }, fo = ["href"], po = { class: "flex flex-nowrap items-center w-max h-[24px]" }, ho = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]" }, mo = { class: "py-[8px] pl-0 pr-[8px]" }, go = /* @__PURE__ */ le({
+}, fo = { class: "flex justify-between mb-4" }, po = ["href"], ho = { class: "flex flex-nowrap items-center w-max h-[24px]" }, mo = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]" }, go = { class: "py-[8px] pl-0 pr-[8px]" }, xo = /* @__PURE__ */ le({
   __name: "OneHelpMenu",
-  props: sn,
+  props: rn,
   emits: ["open", "close"],
   setup(e, { emit: t }) {
     const n = t, o = e, s = z(!1), i = () => {
@@ -1664,22 +1664,22 @@ const Vn = ["data-opened"], Nn = {
           onClick: i,
           class: Z(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10", { "bg-secondary-10": s.value }])
         }, [
-          $(D(Dn), { class: "text-secondary-base w-full p-1 hover:text-blue-600 m-auto" })
+          $(D(zn), { class: "text-secondary-base w-full p-1 hover:text-blue-600 m-auto" })
         ], 2),
         s.value ? (m(), y("div", {
           key: 0,
           class: "fixed top-0 left-0 w-screen h-screen z-10 bg-black/10 flex flex-col",
           onClick: i
         })) : A("", !0),
-        s.value ? (m(), y("div", Nn, [
-          d("div", Wn, [
-            d("div", Hn, _((v = u.help) == null ? void 0 : v.label), 1),
+        s.value ? (m(), y("div", Wn, [
+          d("div", Hn, [
+            d("div", In, _((v = u.help) == null ? void 0 : v.label), 1),
             $(D(We), {
               class: "w-6 cursor-pointer",
               onClick: i
             })
           ]),
-          (w = u.help) != null && w.helpButton ? (m(), y("div", In, [
+          (w = u.help) != null && w.helpButton ? (m(), y("div", qn, [
             (m(!0), y(P, null, I((g = u.help) == null ? void 0 : g.helpButton, (b) => (m(), y("button", {
               key: b.name,
               onClick: (N) => h(b.link, b),
@@ -1688,24 +1688,24 @@ const Vn = ["data-opened"], Nn = {
               d("div", null, [
                 (m(), K(Ce(b == null ? void 0 : b.icon), { class: "w-[16px] h-[16px] mx-auto" }))
               ]),
-              d("span", Un, _(b.name), 1)
-            ], 8, qn))), 128))
+              d("span", Kn, _(b.name), 1)
+            ], 8, Un))), 128))
           ])) : A("", !0),
-          d("div", Kn, [
-            d("div", Yn, [
-              (k = u.help) != null && k.helpList && u.help.helpList.length ? (m(), y("div", Xn, [
+          d("div", Yn, [
+            d("div", Xn, [
+              (k = u.help) != null && k.helpList && u.help.helpList.length ? (m(), y("div", Gn, [
                 (m(!0), y(P, null, I(u.help.helpList, (b) => (m(), y("div", {
                   key: b.id,
                   onClick: (N) => h(b.link, b),
                   class: "flex justify-between items-center rounded-lg hover:bg-slate-100 p-2 cursor-pointer hover:text-[#4089E0]"
                 }, [
-                  d("div", Jn, [
-                    d("div", Qn, [
-                      d("p", Zn, _(b.name), 1),
-                      d("p", eo, _(b.category), 1)
+                  d("div", Qn, [
+                    d("div", Zn, [
+                      d("p", eo, _(b.name), 1),
+                      d("p", to, _(b.category), 1)
                     ])
                   ])
-                ], 8, Gn))), 128))
+                ], 8, Jn))), 128))
               ])) : A("", !0)
             ])
           ]),
@@ -1714,79 +1714,79 @@ const Vn = ["data-opened"], Nn = {
             onClick: c,
             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"
           }, _(a.value ? u.help.buttNoMore : u.help.buttMore), 1)) : A("", !0),
-          d("div", to, [
-            (O = u.help) != null && O.video ? (m(), y("div", no, [
+          d("div", no, [
+            (O = u.help) != null && O.video ? (m(), y("div", oo, [
               (m(!0), y(P, null, I(u.help.video, (b) => (m(), y("button", {
                 key: b.id,
                 onClick: (N) => h(b.link, b),
                 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"
               }, [
-                $(D(zn), { class: "w-6 h-6" }),
+                $(D(jn), { class: "w-6 h-6" }),
                 d("span", null, _(b.name), 1)
-              ], 8, oo))), 128))
+              ], 8, so))), 128))
             ])) : A("", !0),
             (L = u.help) != null && L.socialList ? (m(), y("button", {
               key: 1,
               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"
             }, [
-              d("div", so, [
-                $(D(jn), { class: "w-6 h-6" }),
+              d("div", io, [
+                $(D(Vn), { class: "w-6 h-6" }),
                 d("span", null, _(u.help.socialButt), 1)
               ]),
               $(D(r), { class: "w-4 h-4" })
             ])) : A("", !0),
-            d("div", io, [
-              p.value ? (m(), y("div", ro, [
-                d("div", lo, [
+            d("div", ro, [
+              p.value ? (m(), y("div", lo, [
+                d("div", co, [
                   (m(!0), y(P, null, I((V = u.help) == null ? void 0 : V.socialList, (b) => (m(), y("button", {
                     key: b.id,
                     onClick: (N) => h(b.link, b),
                     class: "flex items-center space-x-2 p-2 rounded-lg hover:bg-slate-100 hover:text-blue-500 tooltip"
                   }, [
                     d("div", null, [
-                      b.name ? (m(), y("div", ao, _(b.name), 1)) : A("", !0),
+                      b.name ? (m(), y("div", uo, _(b.name), 1)) : A("", !0),
                       (m(), K(Ce(b == null ? void 0 : b.icon), { class: "w-[24px] h-[24px] mx-auto" }))
                     ])
-                  ], 8, co))), 128))
+                  ], 8, ao))), 128))
                 ])
               ])) : A("", !0)
             ]),
-            d("div", uo, [
+            d("div", fo, [
               (m(!0), y(P, null, I((M = u.help) == null ? void 0 : M.termsOffer, (b) => (m(), y("a", {
                 key: b.name,
                 target: "_blank",
                 href: b.link,
                 class: "ml-2 flex items-center rounded-lg text-xs hover:underline font-extralight cursor-pointer"
               }, [
-                d("div", po, [
-                  d("div", ho, [
-                    d("span", mo, _(b.name), 1)
+                d("div", ho, [
+                  d("div", mo, [
+                    d("span", go, _(b.name), 1)
                   ])
                 ])
-              ], 8, fo))), 128))
+              ], 8, po))), 128))
             ])
           ])
         ])) : A("", !0)
-      ], 8, Vn);
+      ], 8, Nn);
     };
   }
 });
-const Lo = /* @__PURE__ */ qe(go, [["__scopeId", "data-v-071eaf70"]]);
+const Oo = /* @__PURE__ */ qe(xo, [["__scopeId", "data-v-071eaf70"]]);
 export {
-  Ao as O,
-  en as _,
+  Lo as O,
+  tn as _,
   Ne as a,
-  Co as b,
-  Lo as c,
-  ht as d,
-  Gt as e,
-  Xt as f,
-  Ut as g,
-  on as h,
-  _o as i,
-  jn as j,
-  Kt as o,
-  pn as r,
-  Yt as s
+  Ao as b,
+  Oo as c,
+  mt as d,
+  Jt as e,
+  Gt as f,
+  Kt as g,
+  sn as h,
+  Co as i,
+  Vn as j,
+  Yt as o,
+  hn as r,
+  Xt as s
 };