@oneb/ui-vue 0.1.35 → 0.1.37

package/dist/dropdown/index.js

@@ -1,100 +1,1051 @@
-import { g as w, e as A, h as C } from "../OneHelpMenu-5f545b2a.js";
-import { d as pe, f as ue, O as me, _ as he } from "../OneHelpMenu-5f545b2a.js";
-import { openBlock as r, createElementBlock as l, defineComponent as O, ref as z, computed as F, createBlock as $, withCtx as _, createElementVNode as e, normalizeClass as B, createVNode as p, unref as M, normalizeStyle as D, toDisplayString as o, Fragment as S, renderList as V, createCommentVNode as f } from "vue";
-import { _ as N } from "../_plugin-vue_export-helper-dad06003.js";
-import { OneAvatar as y } from "../common/index.js";
+import { g as Gt, h as Kt, e as Jt, i as Qt } from "../OneHelpMenu-135e0656.js";
+import { d as vn, f as bn, O as An, _ as Rn } from "../OneHelpMenu-135e0656.js";
+import { defineComponent as Bt, ref as Q, watch as Zt, onBeforeUnmount as te, provide as ee, computed as $t, openBlock as L, createElementBlock as F, createElementVNode as x, renderSlot as At, normalizeProps as Rt, guardReactiveProps as Ot, createCommentVNode as Z, withDirectives as ne, normalizeClass as Mt, toDisplayString as S, vShow as oe, createBlock as ie, withCtx as Ct, createVNode as ct, unref as se, normalizeStyle as re, Fragment as le, renderList as ce } from "vue";
+import { _ as ae } from "../_plugin-vue_export-helper-dad06003.js";
+import { OneAvatar as _t } from "../common/index.js";
 import "../XMarkIcon-51ef0691.js";
 import "../index-f8afb6b6.js";
-const E = {}, G = { class: "border-t border-secondary-stroke my-1" };
-function L(u, t) {
-  return r(), l("div", G);
+const ft = Math.min, V = Math.max, tt = Math.round, J = Math.floor, _ = (t) => ({
+  x: t,
+  y: t
+}), fe = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, ue = {
+  start: "end",
+  end: "start"
+};
+function pt(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function W(t) {
+  return t.split("-")[0];
+}
+function ot(t) {
+  return t.split("-")[1];
+}
+function de(t) {
+  return t === "x" ? "y" : "x";
+}
+function Nt(t) {
+  return t === "y" ? "height" : "width";
+}
+function q(t) {
+  return ["top", "bottom"].includes(W(t)) ? "y" : "x";
+}
+function Vt(t) {
+  return de(q(t));
+}
+function pe(t, e, o) {
+  o === void 0 && (o = !1);
+  const n = ot(t), i = Vt(t), r = Nt(i);
+  let s = i === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
+  return e.reference[r] > e.floating[r] && (s = et(s)), [s, et(s)];
+}
+function me(t) {
+  const e = et(t);
+  return [ut(t), e, ut(e)];
+}
+function ut(t) {
+  return t.replace(/start|end/g, (e) => ue[e]);
+}
+function he(t, e, o) {
+  const n = ["left", "right"], i = ["right", "left"], r = ["top", "bottom"], s = ["bottom", "top"];
+  switch (t) {
+    case "top":
+    case "bottom":
+      return o ? e ? i : n : e ? n : i;
+    case "left":
+    case "right":
+      return e ? r : s;
+    default:
+      return [];
+  }
+}
+function ge(t, e, o, n) {
+  const i = ot(t);
+  let r = he(W(t), o === "start", n);
+  return i && (r = r.map((s) => s + "-" + i), e && (r = r.concat(r.map(ut)))), r;
+}
+function et(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => fe[e]);
+}
+function we(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function xe(t) {
+  return typeof t != "number" ? we(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function nt(t) {
+  const {
+    x: e,
+    y: o,
+    width: n,
+    height: i
+  } = t;
+  return {
+    width: n,
+    height: i,
+    top: o,
+    left: e,
+    right: e + n,
+    bottom: o + i,
+    x: e,
+    y: o
+  };
+}
+function kt(t, e, o) {
+  let {
+    reference: n,
+    floating: i
+  } = t;
+  const r = q(e), s = Vt(e), l = Nt(s), c = W(e), a = r === "y", f = n.x + n.width / 2 - i.width / 2, u = n.y + n.height / 2 - i.height / 2, p = n[l] / 2 - i[l] / 2;
+  let d;
+  switch (c) {
+    case "top":
+      d = {
+        x: f,
+        y: n.y - i.height
+      };
+      break;
+    case "bottom":
+      d = {
+        x: f,
+        y: n.y + n.height
+      };
+      break;
+    case "right":
+      d = {
+        x: n.x + n.width,
+        y: u
+      };
+      break;
+    case "left":
+      d = {
+        x: n.x - i.width,
+        y: u
+      };
+      break;
+    default:
+      d = {
+        x: n.x,
+        y: n.y
+      };
+  }
+  switch (ot(e)) {
+    case "start":
+      d[s] -= p * (o && a ? -1 : 1);
+      break;
+    case "end":
+      d[s] += p * (o && a ? -1 : 1);
+      break;
+  }
+  return d;
+}
+const ye = async (t, e, o) => {
+  const {
+    placement: n = "bottom",
+    strategy: i = "absolute",
+    middleware: r = [],
+    platform: s
+  } = o, l = r.filter(Boolean), c = await (s.isRTL == null ? void 0 : s.isRTL(e));
+  let a = await s.getElementRects({
+    reference: t,
+    floating: e,
+    strategy: i
+  }), {
+    x: f,
+    y: u
+  } = kt(a, n, c), p = n, d = {}, m = 0;
+  for (let g = 0; g < l.length; g++) {
+    const {
+      name: w,
+      fn: h
+    } = l[g], {
+      x: v,
+      y: b,
+      data: A,
+      reset: y
+    } = await h({
+      x: f,
+      y: u,
+      initialPlacement: n,
+      placement: p,
+      strategy: i,
+      middlewareData: d,
+      rects: a,
+      platform: s,
+      elements: {
+        reference: t,
+        floating: e
+      }
+    });
+    f = v ?? f, u = b ?? u, d = {
+      ...d,
+      [w]: {
+        ...d[w],
+        ...A
+      }
+    }, y && m <= 50 && (m++, typeof y == "object" && (y.placement && (p = y.placement), y.rects && (a = y.rects === !0 ? await s.getElementRects({
+      reference: t,
+      floating: e,
+      strategy: i
+    }) : y.rects), {
+      x: f,
+      y: u
+    } = kt(a, p, c)), g = -1);
+  }
+  return {
+    x: f,
+    y: u,
+    placement: p,
+    strategy: i,
+    middlewareData: d
+  };
+};
+async function ve(t, e) {
+  var o;
+  e === void 0 && (e = {});
+  const {
+    x: n,
+    y: i,
+    platform: r,
+    rects: s,
+    elements: l,
+    strategy: c
+  } = t, {
+    boundary: a = "clippingAncestors",
+    rootBoundary: f = "viewport",
+    elementContext: u = "floating",
+    altBoundary: p = !1,
+    padding: d = 0
+  } = pt(e, t), m = xe(d), w = l[p ? u === "floating" ? "reference" : "floating" : u], h = nt(await r.getClippingRect({
+    element: (o = await (r.isElement == null ? void 0 : r.isElement(w))) == null || o ? w : w.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(l.floating)),
+    boundary: a,
+    rootBoundary: f,
+    strategy: c
+  })), v = u === "floating" ? {
+    x: n,
+    y: i,
+    width: s.floating.width,
+    height: s.floating.height
+  } : s.reference, b = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(l.floating)), A = await (r.isElement == null ? void 0 : r.isElement(b)) ? await (r.getScale == null ? void 0 : r.getScale(b)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, y = nt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: l,
+    rect: v,
+    offsetParent: b,
+    strategy: c
+  }) : v);
+  return {
+    top: (h.top - y.top + m.top) / A.y,
+    bottom: (y.bottom - h.bottom + m.bottom) / A.y,
+    left: (h.left - y.left + m.left) / A.x,
+    right: (y.right - h.right + m.right) / A.x
+  };
+}
+const be = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "flip",
+    options: t,
+    async fn(e) {
+      var o, n;
+      const {
+        placement: i,
+        middlewareData: r,
+        rects: s,
+        initialPlacement: l,
+        platform: c,
+        elements: a
+      } = e, {
+        mainAxis: f = !0,
+        crossAxis: u = !0,
+        fallbackPlacements: p,
+        fallbackStrategy: d = "bestFit",
+        fallbackAxisSideDirection: m = "none",
+        flipAlignment: g = !0,
+        ...w
+      } = pt(t, e);
+      if ((o = r.arrow) != null && o.alignmentOffset)
+        return {};
+      const h = W(i), v = q(l), b = W(l) === l, A = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), y = p || (b || !g ? [et(l)] : me(l)), j = m !== "none";
+      !p && j && y.push(...ge(l, g, m, A));
+      const M = [l, ...y], lt = await ve(e, w), K = [];
+      let U = ((n = r.flip) == null ? void 0 : n.overflows) || [];
+      if (f && K.push(lt[h]), u) {
+        const B = pe(i, s, A);
+        K.push(lt[B[0]], lt[B[1]]);
+      }
+      if (U = [...U, {
+        placement: i,
+        overflows: K
+      }], !K.every((B) => B <= 0)) {
+        var xt, yt;
+        const B = (((xt = r.flip) == null ? void 0 : xt.index) || 0) + 1, bt = M[B];
+        if (bt)
+          return {
+            data: {
+              index: B,
+              overflows: U
+            },
+            reset: {
+              placement: bt
+            }
+          };
+        let Y = (yt = U.filter((N) => N.overflows[0] <= 0).sort((N, T) => N.overflows[1] - T.overflows[1])[0]) == null ? void 0 : yt.placement;
+        if (!Y)
+          switch (d) {
+            case "bestFit": {
+              var vt;
+              const N = (vt = U.filter((T) => {
+                if (j) {
+                  const D = q(T.placement);
+                  return D === v || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  D === "y";
+                }
+                return !0;
+              }).map((T) => [T.placement, T.overflows.filter((D) => D > 0).reduce((D, Xt) => D + Xt, 0)]).sort((T, D) => T[1] - D[1])[0]) == null ? void 0 : vt[0];
+              N && (Y = N);
+              break;
+            }
+            case "initialPlacement":
+              Y = l;
+              break;
+          }
+        if (i !== Y)
+          return {
+            reset: {
+              placement: Y
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+async function Ae(t, e) {
+  const {
+    placement: o,
+    platform: n,
+    elements: i
+  } = t, r = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), s = W(o), l = ot(o), c = q(o) === "y", a = ["left", "top"].includes(s) ? -1 : 1, f = r && c ? -1 : 1, u = pt(e, t);
+  let {
+    mainAxis: p,
+    crossAxis: d,
+    alignmentAxis: m
+  } = typeof u == "number" ? {
+    mainAxis: u,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: u.mainAxis || 0,
+    crossAxis: u.crossAxis || 0,
+    alignmentAxis: u.alignmentAxis
+  };
+  return l && typeof m == "number" && (d = l === "end" ? m * -1 : m), c ? {
+    x: d * f,
+    y: p * a
+  } : {
+    x: p * a,
+    y: d * f
+  };
+}
+const Re = function(t) {
+  return t === void 0 && (t = 0), {
+    name: "offset",
+    options: t,
+    async fn(e) {
+      var o, n;
+      const {
+        x: i,
+        y: r,
+        placement: s,
+        middlewareData: l
+      } = e, c = await Ae(e, t);
+      return s === ((o = l.offset) == null ? void 0 : o.placement) && (n = l.arrow) != null && n.alignmentOffset ? {} : {
+        x: i + c.x,
+        y: r + c.y,
+        data: {
+          ...c,
+          placement: s
+        }
+      };
+    }
+  };
+};
+function it() {
+  return typeof window < "u";
+}
+function I(t) {
+  return zt(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function R(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function E(t) {
+  var e;
+  return (e = (zt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function zt(t) {
+  return it() ? t instanceof Node || t instanceof R(t).Node : !1;
+}
+function O(t) {
+  return it() ? t instanceof Element || t instanceof R(t).Element : !1;
+}
+function k(t) {
+  return it() ? t instanceof HTMLElement || t instanceof R(t).HTMLElement : !1;
+}
+function Et(t) {
+  return !it() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof R(t).ShadowRoot;
+}
+function G(t) {
+  const {
+    overflow: e,
+    overflowX: o,
+    overflowY: n,
+    display: i
+  } = C(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + n + o) && !["inline", "contents"].includes(i);
+}
+function Oe(t) {
+  return ["table", "td", "th"].includes(I(t));
+}
+function st(t) {
+  return [":popover-open", ":modal"].some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
+  });
+}
+function mt(t) {
+  const e = ht(), o = O(t) ? C(t) : t;
+  return ["transform", "translate", "scale", "rotate", "perspective"].some((n) => o[n] ? o[n] !== "none" : !1) || (o.containerType ? o.containerType !== "normal" : !1) || !e && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !e && (o.filter ? o.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((n) => (o.willChange || "").includes(n)) || ["paint", "layout", "strict", "content"].some((n) => (o.contain || "").includes(n));
+}
+function Ce(t) {
+  let e = P(t);
+  for (; k(e) && !H(e); ) {
+    if (mt(e))
+      return e;
+    if (st(e))
+      return null;
+    e = P(e);
+  }
+  return null;
+}
+function ht() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+function H(t) {
+  return ["html", "body", "#document"].includes(I(t));
+}
+function C(t) {
+  return R(t).getComputedStyle(t);
+}
+function rt(t) {
+  return O(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function P(t) {
+  if (I(t) === "html")
+    return t;
+  const e = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    Et(t) && t.host || // Fallback.
+    E(t)
+  );
+  return Et(e) ? e.host : e;
+}
+function Wt(t) {
+  const e = P(t);
+  return H(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : k(e) && G(e) ? e : Wt(e);
+}
+function X(t, e, o) {
+  var n;
+  e === void 0 && (e = []), o === void 0 && (o = !0);
+  const i = Wt(t), r = i === ((n = t.ownerDocument) == null ? void 0 : n.body), s = R(i);
+  if (r) {
+    const l = dt(s);
+    return e.concat(s, s.visualViewport || [], G(i) ? i : [], l && o ? X(l) : []);
+  }
+  return e.concat(i, X(i, [], o));
+}
+function dt(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
+function Ht(t) {
+  const e = C(t);
+  let o = parseFloat(e.width) || 0, n = parseFloat(e.height) || 0;
+  const i = k(t), r = i ? t.offsetWidth : o, s = i ? t.offsetHeight : n, l = tt(o) !== r || tt(n) !== s;
+  return l && (o = r, n = s), {
+    width: o,
+    height: n,
+    $: l
+  };
+}
+function gt(t) {
+  return O(t) ? t : t.contextElement;
+}
+function z(t) {
+  const e = gt(t);
+  if (!k(e))
+    return _(1);
+  const o = e.getBoundingClientRect(), {
+    width: n,
+    height: i,
+    $: r
+  } = Ht(e);
+  let s = (r ? tt(o.width) : o.width) / n, l = (r ? tt(o.height) : o.height) / i;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!l || !Number.isFinite(l)) && (l = 1), {
+    x: s,
+    y: l
+  };
+}
+const _e = /* @__PURE__ */ _(0);
+function It(t) {
+  const e = R(t);
+  return !ht() || !e.visualViewport ? _e : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function ke(t, e, o) {
+  return e === void 0 && (e = !1), !o || e && o !== R(t) ? !1 : e;
+}
+function $(t, e, o, n) {
+  e === void 0 && (e = !1), o === void 0 && (o = !1);
+  const i = t.getBoundingClientRect(), r = gt(t);
+  let s = _(1);
+  e && (n ? O(n) && (s = z(n)) : s = z(t));
+  const l = ke(r, o, n) ? It(r) : _(0);
+  let c = (i.left + l.x) / s.x, a = (i.top + l.y) / s.y, f = i.width / s.x, u = i.height / s.y;
+  if (r) {
+    const p = R(r), d = n && O(n) ? R(n) : n;
+    let m = p, g = dt(m);
+    for (; g && n && d !== m; ) {
+      const w = z(g), h = g.getBoundingClientRect(), v = C(g), b = h.left + (g.clientLeft + parseFloat(v.paddingLeft)) * w.x, A = h.top + (g.clientTop + parseFloat(v.paddingTop)) * w.y;
+      c *= w.x, a *= w.y, f *= w.x, u *= w.y, c += b, a += A, m = R(g), g = dt(m);
+    }
+  }
+  return nt({
+    width: f,
+    height: u,
+    x: c,
+    y: a
+  });
+}
+function wt(t, e) {
+  const o = rt(t).scrollLeft;
+  return e ? e.left + o : $(E(t)).left + o;
+}
+function jt(t, e, o) {
+  o === void 0 && (o = !1);
+  const n = t.getBoundingClientRect(), i = n.left + e.scrollLeft - (o ? 0 : (
+    // RTL <body> scrollbar.
+    wt(t, n)
+  )), r = n.top + e.scrollTop;
+  return {
+    x: i,
+    y: r
+  };
+}
+function Ee(t) {
+  let {
+    elements: e,
+    rect: o,
+    offsetParent: n,
+    strategy: i
+  } = t;
+  const r = i === "fixed", s = E(n), l = e ? st(e.floating) : !1;
+  if (n === s || l && r)
+    return o;
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, a = _(1);
+  const f = _(0), u = k(n);
+  if ((u || !u && !r) && ((I(n) !== "body" || G(s)) && (c = rt(n)), k(n))) {
+    const d = $(n);
+    a = z(n), f.x = d.x + n.clientLeft, f.y = d.y + n.clientTop;
+  }
+  const p = s && !u && !r ? jt(s, c, !0) : _(0);
+  return {
+    width: o.width * a.x,
+    height: o.height * a.y,
+    x: o.x * a.x - c.scrollLeft * a.x + f.x + p.x,
+    y: o.y * a.y - c.scrollTop * a.y + f.y + p.y
+  };
+}
+function Le(t) {
+  return Array.from(t.getClientRects());
+}
+function Te(t) {
+  const e = E(t), o = rt(t), n = t.ownerDocument.body, i = V(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), r = V(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
+  let s = -o.scrollLeft + wt(t);
+  const l = -o.scrollTop;
+  return C(n).direction === "rtl" && (s += V(e.clientWidth, n.clientWidth) - i), {
+    width: i,
+    height: r,
+    x: s,
+    y: l
+  };
+}
+function De(t, e) {
+  const o = R(t), n = E(t), i = o.visualViewport;
+  let r = n.clientWidth, s = n.clientHeight, l = 0, c = 0;
+  if (i) {
+    r = i.width, s = i.height;
+    const a = ht();
+    (!a || a && e === "fixed") && (l = i.offsetLeft, c = i.offsetTop);
+  }
+  return {
+    width: r,
+    height: s,
+    x: l,
+    y: c
+  };
+}
+function Se(t, e) {
+  const o = $(t, !0, e === "fixed"), n = o.top + t.clientTop, i = o.left + t.clientLeft, r = k(t) ? z(t) : _(1), s = t.clientWidth * r.x, l = t.clientHeight * r.y, c = i * r.x, a = n * r.y;
+  return {
+    width: s,
+    height: l,
+    x: c,
+    y: a
+  };
+}
+function Lt(t, e, o) {
+  let n;
+  if (e === "viewport")
+    n = De(t, o);
+  else if (e === "document")
+    n = Te(E(t));
+  else if (O(e))
+    n = Se(e, o);
+  else {
+    const i = It(t);
+    n = {
+      x: e.x - i.x,
+      y: e.y - i.y,
+      width: e.width,
+      height: e.height
+    };
+  }
+  return nt(n);
+}
+function Ut(t, e) {
+  const o = P(t);
+  return o === e || !O(o) || H(o) ? !1 : C(o).position === "fixed" || Ut(o, e);
+}
+function Fe(t, e) {
+  const o = e.get(t);
+  if (o)
+    return o;
+  let n = X(t, [], !1).filter((l) => O(l) && I(l) !== "body"), i = null;
+  const r = C(t).position === "fixed";
+  let s = r ? P(t) : t;
+  for (; O(s) && !H(s); ) {
+    const l = C(s), c = mt(s);
+    !c && l.position === "fixed" && (i = null), (r ? !c && !i : !c && l.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || G(s) && !c && Ut(t, s)) ? n = n.filter((f) => f !== s) : i = l, s = P(s);
+  }
+  return e.set(t, n), n;
+}
+function Pe(t) {
+  let {
+    element: e,
+    boundary: o,
+    rootBoundary: n,
+    strategy: i
+  } = t;
+  const s = [...o === "clippingAncestors" ? st(e) ? [] : Fe(e, this._c) : [].concat(o), n], l = s[0], c = s.reduce((a, f) => {
+    const u = Lt(e, f, i);
+    return a.top = V(u.top, a.top), a.right = ft(u.right, a.right), a.bottom = ft(u.bottom, a.bottom), a.left = V(u.left, a.left), a;
+  }, Lt(e, l, i));
+  return {
+    width: c.right - c.left,
+    height: c.bottom - c.top,
+    x: c.left,
+    y: c.top
+  };
+}
+function Be(t) {
+  const {
+    width: e,
+    height: o
+  } = Ht(t);
+  return {
+    width: e,
+    height: o
+  };
+}
+function $e(t, e, o) {
+  const n = k(e), i = E(e), r = o === "fixed", s = $(t, !0, r, e);
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const c = _(0);
+  if (n || !n && !r)
+    if ((I(e) !== "body" || G(i)) && (l = rt(e)), n) {
+      const p = $(e, !0, r, e);
+      c.x = p.x + e.clientLeft, c.y = p.y + e.clientTop;
+    } else
+      i && (c.x = wt(i));
+  const a = i && !n && !r ? jt(i, l) : _(0), f = s.left + l.scrollLeft - c.x - a.x, u = s.top + l.scrollTop - c.y - a.y;
+  return {
+    x: f,
+    y: u,
+    width: s.width,
+    height: s.height
+  };
+}
+function at(t) {
+  return C(t).position === "static";
+}
+function Tt(t, e) {
+  if (!k(t) || C(t).position === "fixed")
+    return null;
+  if (e)
+    return e(t);
+  let o = t.offsetParent;
+  return E(t) === o && (o = o.ownerDocument.body), o;
+}
+function Yt(t, e) {
+  const o = R(t);
+  if (st(t))
+    return o;
+  if (!k(t)) {
+    let i = P(t);
+    for (; i && !H(i); ) {
+      if (O(i) && !at(i))
+        return i;
+      i = P(i);
+    }
+    return o;
+  }
+  let n = Tt(t, e);
+  for (; n && Oe(n) && at(n); )
+    n = Tt(n, e);
+  return n && H(n) && at(n) && !mt(n) ? o : n || Ce(t) || o;
+}
+const Me = async function(t) {
+  const e = this.getOffsetParent || Yt, o = this.getDimensions, n = await o(t.floating);
+  return {
+    reference: $e(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: n.width,
+      height: n.height
+    }
+  };
+};
+function Ne(t) {
+  return C(t).direction === "rtl";
+}
+const Ve = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Ee,
+  getDocumentElement: E,
+  getClippingRect: Pe,
+  getOffsetParent: Yt,
+  getElementRects: Me,
+  getClientRects: Le,
+  getDimensions: Be,
+  getScale: z,
+  isElement: O,
+  isRTL: Ne
+};
+function qt(t, e) {
+  return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
+}
+function ze(t, e) {
+  let o = null, n;
+  const i = E(t);
+  function r() {
+    var l;
+    clearTimeout(n), (l = o) == null || l.disconnect(), o = null;
+  }
+  function s(l, c) {
+    l === void 0 && (l = !1), c === void 0 && (c = 1), r();
+    const a = t.getBoundingClientRect(), {
+      left: f,
+      top: u,
+      width: p,
+      height: d
+    } = a;
+    if (l || e(), !p || !d)
+      return;
+    const m = J(u), g = J(i.clientWidth - (f + p)), w = J(i.clientHeight - (u + d)), h = J(f), b = {
+      rootMargin: -m + "px " + -g + "px " + -w + "px " + -h + "px",
+      threshold: V(0, ft(1, c)) || 1
+    };
+    let A = !0;
+    function y(j) {
+      const M = j[0].intersectionRatio;
+      if (M !== c) {
+        if (!A)
+          return s();
+        M ? s(!1, M) : n = setTimeout(() => {
+          s(!1, 1e-7);
+        }, 1e3);
+      }
+      M === 1 && !qt(a, t.getBoundingClientRect()) && s(), A = !1;
+    }
+    try {
+      o = new IntersectionObserver(y, {
+        ...b,
+        // Handle <iframe>s
+        root: i.ownerDocument
+      });
+    } catch {
+      o = new IntersectionObserver(y, b);
+    }
+    o.observe(t);
+  }
+  return s(!0), r;
+}
+function We(t, e, o, n) {
+  n === void 0 && (n = {});
+  const {
+    ancestorScroll: i = !0,
+    ancestorResize: r = !0,
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: l = typeof IntersectionObserver == "function",
+    animationFrame: c = !1
+  } = n, a = gt(t), f = i || r ? [...a ? X(a) : [], ...X(e)] : [];
+  f.forEach((h) => {
+    i && h.addEventListener("scroll", o, {
+      passive: !0
+    }), r && h.addEventListener("resize", o);
+  });
+  const u = a && l ? ze(a, o) : null;
+  let p = -1, d = null;
+  s && (d = new ResizeObserver((h) => {
+    let [v] = h;
+    v && v.target === a && d && (d.unobserve(e), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+      var b;
+      (b = d) == null || b.observe(e);
+    })), o();
+  }), a && !c && d.observe(a), d.observe(e));
+  let m, g = c ? $(t) : null;
+  c && w();
+  function w() {
+    const h = $(t);
+    g && !qt(g, h) && o(), g = h, m = requestAnimationFrame(w);
+  }
+  return o(), () => {
+    var h;
+    f.forEach((v) => {
+      i && v.removeEventListener("scroll", o), r && v.removeEventListener("resize", o);
+    }), u == null || u(), (h = d) == null || h.disconnect(), d = null, c && cancelAnimationFrame(m);
+  };
+}
+const Dt = Re, St = be, Ft = (t, e, o) => {
+  const n = /* @__PURE__ */ new Map(), i = {
+    platform: Ve,
+    ...o
+  }, r = {
+    ...i.platform,
+    _c: n
+  };
+  return ye(t, e, {
+    ...i,
+    platform: r
+  });
+}, He = ["data-opened"], Ie = {
+  key: 0,
+  class: "text-sm text-secondary-content px-3 py-2 text-left"
+}, hn = /* @__PURE__ */ Bt({
+  __name: "OneDropdownAuto",
+  props: Gt,
+  emits: ["open", "close"],
+  setup(t, { emit: e }) {
+    const o = t, n = Q(!1), i = Q(null), r = Q(null);
+    let s = null;
+    Zt(n, (f) => {
+      f && r.value && i.value ? (Ft(r.value, i.value, {
+        placement: o.stick ? o.stick : "bottom-start",
+        // Розташування меню нижче кнопки, вирівняне зліва
+        middleware: [Dt(5), St()]
+        // Відступ у 4px від кнопки
+      }).then(({ x: u, y: p }) => {
+        Object.assign(i.value.style, {
+          left: `${u}px`,
+          top: `${p}px`
+        });
+      }), s = We(r.value, i.value, () => {
+        Ft(r.value, i.value, {
+          placement: o.stick ? o.stick : "bottom-start",
+          middleware: [Dt(4), St()]
+        }).then(({ x: u, y: p }) => {
+          Object.assign(i.value.style, {
+            left: `${u}px`,
+            top: `${p}px`
+          });
+        });
+      })) : s && (s(), s = null);
+    }), te(() => {
+      s && s();
+    });
+    const l = e, c = () => {
+      n.value = !n.value, n.value ? l("open") : l("close");
+    };
+    ee("OneDropdown", {
+      onToggle: c
+    });
+    const a = $t(() => [
+      "absolute z-10 w-fit rounded-md bg-white",
+      "py-1 shadow-lg ring-black ring-opacity-5 focus:outline-none",
+      "overflow-auto max-h-[540px] min-w-[150px] max-w-[540px]"
+    ]);
+    return (f, u) => (L(), F("div", {
+      class: "relative inline-block",
+      "data-opened": n.value
+    }, [
+      x("div", {
+        ref_key: "buttonRef",
+        ref: r
+      }, [
+        At(f.$slots, "button", Rt(Ot({ onToggle: c, isExpanded: n.value })))
+      ], 512),
+      n.value ? (L(), F("div", {
+        key: 0,
+        class: "fixed top-0 left-0 w-screen h-screen z-10",
+        onClick: c
+      })) : Z("", !0),
+      ne(x("div", {
+        ref_key: "menuRef",
+        ref: i,
+        class: Mt(["menu", a.value]),
+        role: "menu",
+        "aria-orientation": "vertical",
+        tabindex: "-1",
+        style: { display: "none" }
+      }, [
+        f.title ? (L(), F("div", Ie, S(f.title), 1)) : Z("", !0),
+        At(f.$slots, "menu", Rt(Ot({ onToggle: c })))
+      ], 2), [
+        [oe, n.value]
+      ])
+    ], 8, He));
+  }
+}), je = {}, Ue = { class: "border-t border-secondary-stroke my-1" };
+function Ye(t, e) {
+  return L(), F("div", Ue);
 }
-const ie = /* @__PURE__ */ N(E, [["render", L]]), H = ["onClick"], I = { class: "grid" }, P = { class: "font-semibold px-3" }, T = { class: "rounded-lg m-3 border" }, U = {
+const gn = /* @__PURE__ */ ae(je, [["render", Ye]]), qe = ["onClick"], Xe = { class: "grid" }, Ge = { class: "font-semibold px-3" }, Ke = { class: "rounded-lg m-3 border" }, Je = {
   class: "space-x-2 flex items-center px-3 py-2",
   style: { width: "300px" }
-}, j = { class: "flex-shrink-0" }, q = { class: "w-full text-left" }, J = { class: "flex-shrink-0" }, K = { class: "px-3 py-2" }, Q = { class: "text-secondary-content text-left pb-1 text-sm uppercase" }, R = {
+}, Qe = { class: "flex-shrink-0" }, Ze = { class: "w-full text-left" }, tn = { class: "flex-shrink-0" }, en = { class: "px-3 py-2" }, nn = { class: "text-secondary-content text-left pb-1 text-sm uppercase" }, on = {
   key: 0,
   class: "space-y-2"
-}, W = ["onClick"], X = { class: "pl-2" }, Y = { class: "text-sm mt-1" }, Z = { class: "text-xs mt-1" }, v = 3, ce = /* @__PURE__ */ O({
+}, sn = ["onClick"], rn = { class: "pl-2" }, ln = { class: "text-sm mt-1" }, cn = { class: "text-xs mt-1" }, Pt = 3, wn = /* @__PURE__ */ Bt({
   __name: "OneBrowserMenuGrid",
-  props: w,
-  setup(u) {
-    const t = u, x = () => {
-      typeof t.onChange == "function" && t.onChange();
-    }, i = z(!1), b = F(() => t.apps ? i.value ? t.apps : t.apps.slice(0, v) : []), g = () => {
-      i.value = !i.value;
-    }, k = (s) => {
-      typeof t.onApp == "function" && t.onApp(s);
+  props: Kt,
+  setup(t) {
+    const e = t, o = () => {
+      typeof e.onChange == "function" && e.onChange();
+    }, n = Q(!1), i = $t(() => e.apps ? n.value ? e.apps : e.apps.slice(0, Pt) : []), r = () => {
+      n.value = !n.value;
+    }, s = (l) => {
+      typeof e.onApp == "function" && e.onApp(l);
     };
-    return (s, c) => (r(), $(A, { stick: "right" }, {
-      button: _(({ onToggle: a, isExpanded: d }) => [
-        e("button", {
+    return (l, c) => (L(), ie(Jt, { stick: "right" }, {
+      button: Ct(({ onToggle: a, isExpanded: f }) => [
+        x("button", {
           onClick: a,
-          class: B(["p-1 rounded-md hover:bg-secondary-10", [d ? "bg-secondary-25" : ""]])
+          class: Mt(["p-1 rounded-md hover:bg-secondary-10", [f ? "bg-secondary-25" : ""]])
         }, [
-          p(M(C), {
+          ct(se(Qt), {
             class: "text-secondary-base",
-            style: D(`width: ${s.iconSize}px; height: ${s.iconSize}px`)
+            style: re(`width: ${l.iconSize}px; height: ${l.iconSize}px`)
           }, null, 8, ["style"])
-        ], 10, H)
+        ], 10, qe)
       ]),
-      menu: _(() => {
-        var a, d, m, h;
+      menu: Ct(() => {
+        var a, f, u, p;
         return [
-          e("div", I, [
-            e("div", P, o((a = s.workspace) == null ? void 0 : a.title), 1),
-            e("div", T, [
-              e("div", U, [
-                e("div", j, [
-                  p(y, {
-                    text: ((d = s.workspace) == null ? void 0 : d.name) || "",
-                    src: (m = s.workspace) == null ? void 0 : m.photo_url,
+          x("div", Xe, [
+            x("div", Ge, S((a = l.workspace) == null ? void 0 : a.title), 1),
+            x("div", Ke, [
+              x("div", Je, [
+                x("div", Qe, [
+                  ct(_t, {
+                    text: ((f = l.workspace) == null ? void 0 : f.name) || "",
+                    src: (u = l.workspace) == null ? void 0 : u.photo_url,
                     size: 44,
                     rounded: !1,
                     class: "mx-auto"
                   }, null, 8, ["text", "src"])
                 ]),
-                e("div", q, o((h = s.workspace) == null ? void 0 : h.name), 1),
-                e("div", J, [
-                  e("button", {
+                x("div", Ze, S((p = l.workspace) == null ? void 0 : p.name), 1),
+                x("div", tn, [
+                  x("button", {
                     class: "text-sm border border-secondary-stroke rounded px-2 py-0.5 text-secondary-content hover:text-primary-content",
-                    onClick: x
-                  }, o(s.changeLabel), 1)
+                    onClick: o
+                  }, S(l.changeLabel), 1)
                 ])
               ]),
-              c[0] || (c[0] = e("hr", null, null, -1)),
-              c[1] || (c[1] = e("div", {
+              c[0] || (c[0] = x("hr", null, null, -1)),
+              c[1] || (c[1] = x("div", {
                 class: "text-center py-2",
                 style: { "font-size": "10px" }
               }, "Керувати робочими просторами", -1))
             ])
           ]),
-          e("div", K, [
-            e("div", Q, o(s.appsTitle), 1),
-            e("div", null, [
-              s.apps && s.apps.length ? (r(), l("div", R, [
-                (r(!0), l(S, null, V(b.value, (n) => (r(), l("div", {
-                  key: n.id,
-                  onClick: (ee) => k(n),
+          x("div", en, [
+            x("div", nn, S(l.appsTitle), 1),
+            x("div", null, [
+              l.apps && l.apps.length ? (L(), F("div", on, [
+                (L(!0), F(le, null, ce(i.value, (d) => (L(), F("div", {
+                  key: d.id,
+                  onClick: (m) => s(d),
                   class: "flex items-center rounded-lg hover:bg-secondary-10 border p-2 bg-[#FAFAFA] cursor-pointer"
                 }, [
-                  p(y, {
-                    text: n.name,
-                    src: n.photo_url,
+                  ct(_t, {
+                    text: d.name,
+                    src: d.photo_url,
                     size: 44,
                     rounded: !1
                   }, null, 8, ["text", "src"]),
-                  e("div", X, [
-                    e("p", Y, o(n.name), 1),
-                    e("p", Z, o(n.short), 1)
+                  x("div", rn, [
+                    x("p", ln, S(d.name), 1),
+                    x("p", cn, S(d.short), 1)
                   ])
-                ], 8, W))), 128))
-              ])) : f("", !0),
-              s.apps && s.apps.length > v ? (r(), l("button", {
+                ], 8, sn))), 128))
+              ])) : Z("", !0),
+              l.apps && l.apps.length > Pt ? (L(), F("button", {
                 key: 1,
-                onClick: g,
+                onClick: r,
                 class: "mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs"
-              }, o(i.value ? "Приховати" : "Дивитися всі"), 1)) : f("", !0)
+              }, S(n.value ? "Приховати" : "Дивитися всі"), 1)) : Z("", !0)
             ])
           ])
         ];
@@ -104,11 +1055,12 @@ const ie = /* @__PURE__ */ N(E, [["render", L]]), H = ["onClick"], I = { class:
   }
 });
 export {
-  pe as OneBrowserMenu,
-  ce as OneBrowserMenuGrid,
-  A as OneDropdown,
-  ie as OneDropdownDivider,
-  ue as OneDropdownItem,
-  me as OneHelpMenu,
-  he as OneUserMenu
+  vn as OneBrowserMenu,
+  wn as OneBrowserMenuGrid,
+  Jt as OneDropdown,
+  hn as OneDropdownAuto,
+  gn as OneDropdownDivider,
+  bn as OneDropdownItem,
+  An as OneHelpMenu,
+  Rn as OneUserMenu
 };