@validol4ik/uikit 0.3.43 → 0.4.0

package/dist/QMenu-DinYr5s_.js

@@ -0,0 +1,837 @@
+import { computed as x, ref as T, onMounted as ne, watch as S, getCurrentInstance as R, nextTick as Q, onBeforeUnmount as z, onUnmounted as Qe, h as _, Teleport as _e, onDeactivated as Se, Transition as Ie } from "vue";
+import { i as Ne, P as Ke, b as je, c as Ce, r as Ue, a as Ge } from "./focusout-DjvPXP_b.js";
+import { x as ce, p as de, i as Pe, y as Xe, l as J, z as Ye, B as X, c as ke, D as He, E as Ze, F as fe, h as Je, G as et, n as tt, s as nt } from "./index-Ddt1_zHz.js";
+const ot = {
+  dark: {
+    type: Boolean,
+    default: null
+  }
+};
+function lt(e, t) {
+  return x(() => e.dark === null ? t.dark.isActive : e.dark);
+}
+let Y, V = 0;
+const y = new Array(256);
+for (let e = 0; e < 256; e++)
+  y[e] = (e + 256).toString(16).substring(1);
+const it = (() => {
+  const e = typeof crypto < "u" ? crypto : typeof window < "u" ? window.crypto || window.msCrypto : void 0;
+  if (e !== void 0) {
+    if (e.randomBytes !== void 0)
+      return e.randomBytes;
+    if (e.getRandomValues !== void 0)
+      return (t) => {
+        const n = new Uint8Array(t);
+        return e.getRandomValues(n), n;
+      };
+  }
+  return (t) => {
+    const n = [];
+    for (let o = t; o > 0; o--)
+      n.push(Math.floor(Math.random() * 256));
+    return n;
+  };
+})(), me = 4096;
+function ee() {
+  (Y === void 0 || V + 16 > me) && (V = 0, Y = it(me));
+  const e = Array.prototype.slice.call(Y, V, V += 16);
+  return e[6] = e[6] & 15 | 64, e[8] = e[8] & 63 | 128, y[e[0]] + y[e[1]] + y[e[2]] + y[e[3]] + "-" + y[e[4]] + y[e[5]] + "-" + y[e[6]] + y[e[7]] + "-" + y[e[8]] + y[e[9]] + "-" + y[e[10]] + y[e[11]] + y[e[12]] + y[e[13]] + y[e[14]] + y[e[15]];
+}
+function ut(e) {
+  return e ?? null;
+}
+function he(e, t) {
+  return e ?? (t === !0 ? `f_${ee()}` : null);
+}
+function Nt({ getValue: e, required: t = !0 } = {}) {
+  if (Ne.value === !0) {
+    const n = e !== void 0 ? T(ut(e())) : T(null);
+    return t === !0 && n.value === null && ne(() => {
+      n.value = `f_${ee()}`;
+    }), e !== void 0 && S(e, (o) => {
+      n.value = he(o, t);
+    }), n;
+  }
+  return e !== void 0 ? x(() => he(e(), t)) : T(`f_${ee()}`);
+}
+let W = [], D = [];
+function Me(e) {
+  D = D.filter((t) => t !== e);
+}
+function at(e) {
+  Me(e), D.push(e);
+}
+function ve(e) {
+  Me(e), D.length === 0 && W.length !== 0 && (W[W.length - 1](), W = []);
+}
+function rt(e) {
+  D.length === 0 ? e() : W.push(e);
+}
+function Kt(e) {
+  W = W.filter((t) => t !== e);
+}
+function st() {
+  if (window.getSelection !== void 0) {
+    const e = window.getSelection();
+    e.empty !== void 0 ? e.empty() : e.removeAllRanges !== void 0 && (e.removeAllRanges(), Ke.is.mobile !== !0 && e.addRange(document.createRange()));
+  } else document.selection !== void 0 && document.selection.empty();
+}
+const ct = {
+  /* SSR does not know about Element */
+  target: {
+    type: [Boolean, String, Element],
+    default: !0
+  },
+  noParentEvent: Boolean
+}, dt = {
+  ...ct,
+  contextMenu: Boolean
+};
+function ft({
+  showing: e,
+  avoidEmit: t,
+  // required for QPopupProxy (true)
+  configureAnchorEl: n
+  // optional
+}) {
+  const { props: o, proxy: l, emit: f } = R(), i = T(null);
+  let a = null;
+  function m(u) {
+    return i.value === null ? !1 : u === void 0 || u.touches === void 0 || u.touches.length <= 1;
+  }
+  const c = {};
+  n === void 0 && (Object.assign(c, {
+    hide(u) {
+      l.hide(u);
+    },
+    toggle(u) {
+      l.toggle(u), u.qAnchorHandled = !0;
+    },
+    toggleKey(u) {
+      Pe(u, 13) === !0 && c.toggle(u);
+    },
+    contextClick(u) {
+      l.hide(u), de(u), Q(() => {
+        l.show(u), u.qAnchorHandled = !0;
+      });
+    },
+    prevent: de,
+    mobileTouch(u) {
+      if (c.mobileCleanup(u), m(u) !== !0)
+        return;
+      l.hide(u), i.value.classList.add("non-selectable");
+      const d = u.target;
+      ce(c, "anchor", [
+        [d, "touchmove", "mobileCleanup", "passive"],
+        [d, "touchend", "mobileCleanup", "passive"],
+        [d, "touchcancel", "mobileCleanup", "passive"],
+        [i.value, "contextmenu", "prevent", "notPassive"]
+      ]), a = setTimeout(() => {
+        a = null, l.show(u), u.qAnchorHandled = !0;
+      }, 300);
+    },
+    mobileCleanup(u) {
+      i.value.classList.remove("non-selectable"), a !== null && (clearTimeout(a), a = null), e.value === !0 && u !== void 0 && st();
+    }
+  }), n = function(u = o.contextMenu) {
+    if (o.noParentEvent === !0 || i.value === null) return;
+    let d;
+    u === !0 ? l.$q.platform.is.mobile === !0 ? d = [
+      [i.value, "touchstart", "mobileTouch", "passive"]
+    ] : d = [
+      [i.value, "mousedown", "hide", "passive"],
+      [i.value, "contextmenu", "contextClick", "notPassive"]
+    ] : d = [
+      [i.value, "click", "toggle", "passive"],
+      [i.value, "keyup", "toggleKey", "passive"]
+    ], ce(c, "anchor", d);
+  });
+  function r() {
+    Xe(c, "anchor");
+  }
+  function g(u) {
+    for (i.value = u; i.value.classList.contains("q-anchor--skip"); )
+      i.value = i.value.parentNode;
+    n();
+  }
+  function p() {
+    if (o.target === !1 || o.target === "" || l.$el.parentNode === null)
+      i.value = null;
+    else if (o.target === !0)
+      g(l.$el.parentNode);
+    else {
+      let u = o.target;
+      if (typeof o.target == "string")
+        try {
+          u = document.querySelector(o.target);
+        } catch {
+          u = void 0;
+        }
+      u != null ? (i.value = u.$el || u, n()) : (i.value = null, console.error(`Anchor: target "${o.target}" not found`));
+    }
+  }
+  return S(() => o.contextMenu, (u) => {
+    i.value !== null && (r(), n(u));
+  }), S(() => o.target, () => {
+    i.value !== null && r(), p();
+  }), S(() => o.noParentEvent, (u) => {
+    i.value !== null && (u === !0 ? r() : n());
+  }), ne(() => {
+    p(), t !== !0 && o.modelValue === !0 && i.value === null && f("update:modelValue", !1);
+  }), z(() => {
+    a !== null && clearTimeout(a), r();
+  }), {
+    anchorEl: i,
+    canShow: m,
+    anchorEvents: c
+  };
+}
+function mt(e, t) {
+  const n = T(null);
+  let o;
+  function l(a, m) {
+    const c = `${m !== void 0 ? "add" : "remove"}EventListener`, r = m !== void 0 ? m : o;
+    a !== window && a[c]("scroll", r, J.passive), window[c]("scroll", r, J.passive), o = m;
+  }
+  function f() {
+    n.value !== null && (l(n.value), n.value = null);
+  }
+  const i = S(() => e.noParentEvent, () => {
+    n.value !== null && (f(), t());
+  });
+  return z(i), {
+    localScrollTarget: n,
+    unconfigureScrollTarget: f,
+    changeScrollEvent: l
+  };
+}
+const ht = {
+  modelValue: {
+    type: Boolean,
+    default: null
+  },
+  "onUpdate:modelValue": [Function, Array]
+}, vt = [
+  "beforeShow",
+  "show",
+  "beforeHide",
+  "hide"
+];
+function gt({
+  showing: e,
+  canShow: t,
+  // optional
+  hideOnRouteChange: n,
+  // optional
+  handleShow: o,
+  // optional
+  handleHide: l,
+  // optional
+  processOnMount: f
+  // optional
+}) {
+  const i = R(), { props: a, emit: m, proxy: c } = i;
+  let r;
+  function g(h) {
+    e.value === !0 ? d(h) : p(h);
+  }
+  function p(h) {
+    if (a.disable === !0 || h !== void 0 && h.qAnchorHandled === !0 || t !== void 0 && t(h) !== !0)
+      return;
+    const v = a["onUpdate:modelValue"] !== void 0;
+    v === !0 && (m("update:modelValue", !0), r = h, Q(() => {
+      r === h && (r = void 0);
+    })), (a.modelValue === null || v === !1) && u(h);
+  }
+  function u(h) {
+    e.value !== !0 && (e.value = !0, m("beforeShow", h), o !== void 0 ? o(h) : m("show", h));
+  }
+  function d(h) {
+    if (a.disable === !0)
+      return;
+    const v = a["onUpdate:modelValue"] !== void 0;
+    v === !0 && (m("update:modelValue", !1), r = h, Q(() => {
+      r === h && (r = void 0);
+    })), (a.modelValue === null || v === !1) && H(h);
+  }
+  function H(h) {
+    e.value !== !1 && (e.value = !1, m("beforeHide", h), l !== void 0 ? l(h) : m("hide", h));
+  }
+  function C(h) {
+    a.disable === !0 && h === !0 ? a["onUpdate:modelValue"] !== void 0 && m("update:modelValue", !1) : h === !0 !== e.value && (h === !0 ? u : H)(r);
+  }
+  S(() => a.modelValue, C), n !== void 0 && Ye(i) === !0 && S(() => c.$route.fullPath, () => {
+    n.value === !0 && e.value === !0 && d();
+  }), ne(() => {
+    C(a.modelValue);
+  });
+  const M = { show: p, hide: d, toggle: g };
+  return Object.assign(c, M), M;
+}
+const ge = {};
+let pt = 1, wt = document.body;
+function yt(e, t) {
+  const n = document.createElement("div");
+  if (n.id = t !== void 0 ? `q-portal--${t}--${pt++}` : e, ge.globalNodes !== void 0) {
+    const o = ge.globalNodes.class;
+    o !== void 0 && (n.className = o);
+  }
+  return wt.appendChild(n), n;
+}
+function bt(e) {
+  e.remove();
+}
+const L = [];
+function xt(e, t) {
+  do {
+    if (e.$options.name === "QMenu") {
+      if (e.hide(t), e.$props.separateClosePopup === !0)
+        return X(e);
+    } else if (e.__qPortal === !0) {
+      const n = X(e);
+      return n !== void 0 && n.$options.name === "QPopupProxy" ? (e.hide(t), n) : e;
+    }
+    e = X(e);
+  } while (e != null);
+}
+const Et = ke({
+  name: "QPortal",
+  setup(e, { slots: t }) {
+    return () => t.default();
+  }
+});
+function Tt(e) {
+  for (e = e.parent; e != null; ) {
+    if (e.type.name === "QGlobalDialog")
+      return !0;
+    if (e.type.name === "QDialog" || e.type.name === "QMenu")
+      return !1;
+    e = e.parent;
+  }
+  return !1;
+}
+function St(e, t, n, o) {
+  const l = T(!1), f = T(!1);
+  let i = null;
+  const a = {}, m = o === "dialog" && Tt(e);
+  function c(g) {
+    if (g === !0) {
+      ve(a), f.value = !0;
+      return;
+    }
+    f.value = !1, l.value === !1 && (m === !1 && i === null && (i = yt(!1, o)), l.value = !0, L.push(e.proxy), at(a));
+  }
+  function r(g) {
+    if (f.value = !1, g !== !0) return;
+    ve(a), l.value = !1;
+    const p = L.indexOf(e.proxy);
+    p !== -1 && L.splice(p, 1), i !== null && (bt(i), i = null);
+  }
+  return Qe(() => {
+    r(!0);
+  }), e.proxy.__qPortal = !0, je(e.proxy, "contentEl", () => t.value), {
+    showPortal: c,
+    hidePortal: r,
+    portalIsActive: l,
+    portalIsAccessible: f,
+    renderPortal: () => m === !0 ? n() : l.value === !0 ? [_(_e, { to: i }, _(Et, n))] : void 0
+  };
+}
+const Ct = {
+  transitionShow: {
+    type: String,
+    default: "fade"
+  },
+  transitionHide: {
+    type: String,
+    default: "fade"
+  },
+  transitionDuration: {
+    type: [String, Number],
+    default: 300
+  }
+};
+function Pt(e, t = () => {
+}, n = () => {
+}) {
+  return {
+    transitionProps: x(() => {
+      const o = `q-transition--${e.transitionShow || t()}`, l = `q-transition--${e.transitionHide || n()}`;
+      return {
+        appear: !0,
+        enterFromClass: `${o}-enter-from`,
+        enterActiveClass: `${o}-enter-active`,
+        enterToClass: `${o}-enter-to`,
+        leaveFromClass: `${l}-leave-from`,
+        leaveActiveClass: `${l}-leave-active`,
+        leaveToClass: `${l}-leave-to`
+      };
+    }),
+    transitionStyle: x(() => `--q-transition-duration: ${e.transitionDuration}ms`)
+  };
+}
+function kt() {
+  let e;
+  const t = R();
+  function n() {
+    e = void 0;
+  }
+  return Se(n), z(n), {
+    removeTick: n,
+    registerTick(o) {
+      e = o, Q(() => {
+        e === o && (He(t) === !1 && e(), e = void 0);
+      });
+    }
+  };
+}
+function Ht() {
+  let e = null;
+  const t = R();
+  function n() {
+    e !== null && (clearTimeout(e), e = null);
+  }
+  return Se(n), z(n), {
+    removeTimeout: n,
+    registerTimeout(o, l) {
+      n(), He(t) === !1 && (e = setTimeout(() => {
+        e = null, o();
+      }, l));
+    }
+  };
+}
+const Mt = [Element, String], Wt = [null, document, document.body, document.scrollingElement, document.documentElement];
+function $t(e, t) {
+  let n = Ze(t);
+  if (n === void 0) {
+    if (e == null)
+      return window;
+    n = e.closest(".scroll,.scroll-y,.overflow-auto");
+  }
+  return Wt.includes(n) ? window : n;
+}
+function jt(e) {
+  return e === window ? window.pageYOffset || window.scrollY || document.body.scrollTop || 0 : e.scrollTop;
+}
+function Ut(e) {
+  return e === window ? window.pageXOffset || window.scrollX || document.body.scrollLeft || 0 : e.scrollLeft;
+}
+let O;
+function qt() {
+  if (O !== void 0)
+    return O;
+  const e = document.createElement("p"), t = document.createElement("div");
+  fe(e, {
+    width: "100%",
+    height: "200px"
+  }), fe(t, {
+    position: "absolute",
+    top: "0px",
+    left: "0px",
+    visibility: "hidden",
+    width: "200px",
+    height: "150px",
+    overflow: "hidden"
+  }), t.appendChild(e), document.body.appendChild(t);
+  const n = e.offsetWidth;
+  t.style.overflow = "scroll";
+  let o = e.offsetWidth;
+  return n === o && (o = t.clientWidth), t.remove(), O = n - o, O;
+}
+function Gt(e, t = !0) {
+  return !e || e.nodeType !== Node.ELEMENT_NODE ? !1 : t ? e.scrollHeight > e.clientHeight && (e.classList.contains("scroll") || e.classList.contains("overflow-auto") || ["auto", "scroll"].includes(window.getComputedStyle(e)["overflow-y"])) : e.scrollWidth > e.clientWidth && (e.classList.contains("scroll") || e.classList.contains("overflow-auto") || ["auto", "scroll"].includes(window.getComputedStyle(e)["overflow-x"]));
+}
+const $ = [];
+let B;
+function At(e) {
+  B = e.keyCode === 27;
+}
+function Bt() {
+  B === !0 && (B = !1);
+}
+function Ft(e) {
+  B === !0 && (B = !1, Pe(e, 27) === !0 && $[$.length - 1](e));
+}
+function We(e) {
+  window[e]("keydown", At), window[e]("blur", Bt), window[e]("keyup", Ft), B = !1;
+}
+function Lt(e) {
+  Ce.is.desktop === !0 && ($.push(e), $.length === 1 && We("addEventListener"));
+}
+function pe(e) {
+  const t = $.indexOf(e);
+  t !== -1 && ($.splice(t, 1), $.length === 0 && We("removeEventListener"));
+}
+const { notPassiveCapture: I } = J, q = [];
+function N(e) {
+  const t = e.target;
+  if (t === void 0 || t.nodeType === 8 || t.classList.contains("no-pointer-events") === !0)
+    return;
+  let n = L.length - 1;
+  for (; n >= 0; ) {
+    const o = L[n].$;
+    if (o.type.name === "QTooltip") {
+      n--;
+      continue;
+    }
+    if (o.type.name !== "QDialog")
+      break;
+    if (o.props.seamless !== !0)
+      return;
+    n--;
+  }
+  for (let o = q.length - 1; o >= 0; o--) {
+    const l = q[o];
+    if ((l.anchorEl.value === null || l.anchorEl.value.contains(t) === !1) && (t === document.body || l.innerRef.value !== null && l.innerRef.value.contains(t) === !1))
+      e.qClickOutside = !0, l.onClickOutside(e);
+    else
+      return;
+  }
+}
+function Dt(e) {
+  q.push(e), q.length === 1 && (document.addEventListener("mousedown", N, I), document.addEventListener("touchstart", N, I));
+}
+function we(e) {
+  const t = q.findIndex((n) => n === e);
+  t !== -1 && (q.splice(t, 1), q.length === 0 && (document.removeEventListener("mousedown", N, I), document.removeEventListener("touchstart", N, I)));
+}
+let ye, be;
+function xe(e) {
+  const t = e.split(" ");
+  return t.length !== 2 ? !1 : ["top", "center", "bottom"].includes(t[0]) !== !0 ? (console.error("Anchor/Self position must start with one of top/center/bottom"), !1) : ["left", "middle", "right", "start", "end"].includes(t[1]) !== !0 ? (console.error("Anchor/Self position must end with one of left/middle/right/start/end"), !1) : !0;
+}
+function Rt(e) {
+  return e ? !(e.length !== 2 || typeof e[0] != "number" || typeof e[1] != "number") : !0;
+}
+const te = {
+  "start#ltr": "left",
+  "start#rtl": "right",
+  "end#ltr": "right",
+  "end#rtl": "left"
+};
+["left", "middle", "right"].forEach((e) => {
+  te[`${e}#ltr`] = e, te[`${e}#rtl`] = e;
+});
+function Ee(e, t) {
+  const n = e.split(" ");
+  return {
+    vertical: n[0],
+    horizontal: te[`${n[1]}#${t === !0 ? "rtl" : "ltr"}`]
+  };
+}
+function zt(e, t) {
+  let { top: n, left: o, right: l, bottom: f, width: i, height: a } = e.getBoundingClientRect();
+  return t !== void 0 && (n -= t[1], o -= t[0], f += t[1], l += t[0], i += t[0], a += t[1]), {
+    top: n,
+    bottom: f,
+    height: a,
+    left: o,
+    right: l,
+    width: i,
+    middle: o + (l - o) / 2,
+    center: n + (f - n) / 2
+  };
+}
+function Vt(e, t, n) {
+  let { top: o, left: l } = e.getBoundingClientRect();
+  return o += t.top, l += t.left, n !== void 0 && (o += n[1], l += n[0]), {
+    top: o,
+    bottom: o + 1,
+    height: 1,
+    left: l,
+    right: l + 1,
+    width: 1,
+    middle: l,
+    center: o
+  };
+}
+function Ot(e, t) {
+  return {
+    top: 0,
+    center: t / 2,
+    bottom: t,
+    left: 0,
+    middle: e / 2,
+    right: e
+  };
+}
+function Te(e, t, n, o) {
+  return {
+    top: e[n.vertical] - t[o.vertical],
+    left: e[n.horizontal] - t[o.horizontal]
+  };
+}
+function $e(e, t = 0) {
+  if (e.targetEl === null || e.anchorEl === null || t > 5)
+    return;
+  if (e.targetEl.offsetHeight === 0 || e.targetEl.offsetWidth === 0) {
+    setTimeout(() => {
+      $e(e, t + 1);
+    }, 10);
+    return;
+  }
+  const {
+    targetEl: n,
+    offset: o,
+    anchorEl: l,
+    anchorOrigin: f,
+    selfOrigin: i,
+    absoluteOffset: a,
+    fit: m,
+    cover: c,
+    maxHeight: r,
+    maxWidth: g
+  } = e;
+  if (Ce.is.ios === !0 && window.visualViewport !== void 0) {
+    const A = document.body.style, { offsetLeft: b, offsetTop: E } = window.visualViewport;
+    b !== ye && (A.setProperty("--q-pe-left", b + "px"), ye = b), E !== be && (A.setProperty("--q-pe-top", E + "px"), be = E);
+  }
+  const { scrollLeft: p, scrollTop: u } = n, d = a === void 0 ? zt(l, c === !0 ? [0, 0] : o) : Vt(l, a, o);
+  Object.assign(n.style, {
+    top: 0,
+    left: 0,
+    minWidth: null,
+    minHeight: null,
+    maxWidth: g,
+    maxHeight: r,
+    visibility: "visible"
+  });
+  const { offsetWidth: H, offsetHeight: C } = n, { elWidth: M, elHeight: h } = m === !0 || c === !0 ? { elWidth: Math.max(d.width, H), elHeight: c === !0 ? Math.max(d.height, C) : C } : { elWidth: H, elHeight: C };
+  let v = { maxWidth: g, maxHeight: r };
+  (m === !0 || c === !0) && (v.minWidth = d.width + "px", c === !0 && (v.minHeight = d.height + "px")), Object.assign(n.style, v);
+  const P = Ot(M, h);
+  let w = Te(d, P, f, i);
+  if (a === void 0 || o === void 0)
+    Z(w, d, P, f, i);
+  else {
+    const { top: A, left: b } = w;
+    Z(w, d, P, f, i);
+    let E = !1;
+    if (w.top !== A) {
+      E = !0;
+      const k = 2 * o[1];
+      d.center = d.top -= k, d.bottom -= k + 2;
+    }
+    if (w.left !== b) {
+      E = !0;
+      const k = 2 * o[0];
+      d.middle = d.left -= k, d.right -= k + 2;
+    }
+    E === !0 && (w = Te(d, P, f, i), Z(w, d, P, f, i));
+  }
+  v = {
+    top: w.top + "px",
+    left: w.left + "px"
+  }, w.maxHeight !== void 0 && (v.maxHeight = w.maxHeight + "px", d.height > w.maxHeight && (v.minHeight = v.maxHeight)), w.maxWidth !== void 0 && (v.maxWidth = w.maxWidth + "px", d.width > w.maxWidth && (v.minWidth = v.maxWidth)), Object.assign(n.style, v), n.scrollTop !== u && (n.scrollTop = u), n.scrollLeft !== p && (n.scrollLeft = p);
+}
+function Z(e, t, n, o, l) {
+  const f = n.bottom, i = n.right, a = qt(), m = window.innerHeight - a, c = document.body.clientWidth;
+  if (e.top < 0 || e.top + f > m)
+    if (l.vertical === "center")
+      e.top = t[o.vertical] > m / 2 ? Math.max(0, m - f) : 0, e.maxHeight = Math.min(f, m);
+    else if (t[o.vertical] > m / 2) {
+      const r = Math.min(
+        m,
+        o.vertical === "center" ? t.center : o.vertical === l.vertical ? t.bottom : t.top
+      );
+      e.maxHeight = Math.min(f, r), e.top = Math.max(0, r - f);
+    } else
+      e.top = Math.max(
+        0,
+        o.vertical === "center" ? t.center : o.vertical === l.vertical ? t.top : t.bottom
+      ), e.maxHeight = Math.min(f, m - e.top);
+  if (e.left < 0 || e.left + i > c)
+    if (e.maxWidth = Math.min(i, c), l.horizontal === "middle")
+      e.left = t[o.horizontal] > c / 2 ? Math.max(0, c - i) : 0;
+    else if (t[o.horizontal] > c / 2) {
+      const r = Math.min(
+        c,
+        o.horizontal === "middle" ? t.middle : o.horizontal === l.horizontal ? t.right : t.left
+      );
+      e.maxWidth = Math.min(i, r), e.left = Math.max(0, r - e.maxWidth);
+    } else
+      e.left = Math.max(
+        0,
+        o.horizontal === "middle" ? t.middle : o.horizontal === l.horizontal ? t.left : t.right
+      ), e.maxWidth = Math.min(i, c - e.left);
+}
+const Xt = ke({
+  name: "QMenu",
+  inheritAttrs: !1,
+  props: {
+    ...dt,
+    ...ht,
+    ...ot,
+    ...Ct,
+    persistent: Boolean,
+    autoClose: Boolean,
+    separateClosePopup: Boolean,
+    noRouteDismiss: Boolean,
+    noRefocus: Boolean,
+    noFocus: Boolean,
+    fit: Boolean,
+    cover: Boolean,
+    square: Boolean,
+    anchor: {
+      type: String,
+      validator: xe
+    },
+    self: {
+      type: String,
+      validator: xe
+    },
+    offset: {
+      type: Array,
+      validator: Rt
+    },
+    scrollTarget: Mt,
+    touchPosition: Boolean,
+    maxHeight: {
+      type: String,
+      default: null
+    },
+    maxWidth: {
+      type: String,
+      default: null
+    }
+  },
+  emits: [
+    ...vt,
+    "click",
+    "escapeKey"
+  ],
+  setup(e, { slots: t, emit: n, attrs: o }) {
+    let l = null, f, i, a;
+    const m = R(), { proxy: c } = m, { $q: r } = c, g = T(null), p = T(!1), u = x(
+      () => e.persistent !== !0 && e.noRouteDismiss !== !0
+    ), d = lt(e, r), { registerTick: H, removeTick: C } = kt(), { registerTimeout: M } = Ht(), { transitionProps: h, transitionStyle: v } = Pt(e), { localScrollTarget: P, changeScrollEvent: w, unconfigureScrollTarget: A } = mt(e, re), { anchorEl: b, canShow: E } = ft({ showing: p }), { hide: k } = gt({
+      showing: p,
+      canShow: E,
+      handleShow: Le,
+      handleHide: De,
+      hideOnRouteChange: u,
+      processOnMount: !0
+    }), { showPortal: oe, hidePortal: le, renderPortal: qe } = St(m, g, ze, "menu"), K = {
+      anchorEl: b,
+      innerRef: g,
+      onClickOutside(s) {
+        if (e.persistent !== !0 && p.value === !0)
+          return k(s), // always prevent touch event
+          (s.type === "touchstart" || s.target.classList.contains("q-dialog__backdrop")) && nt(s), !0;
+      }
+    }, ie = x(
+      () => Ee(
+        e.anchor || (e.cover === !0 ? "center middle" : "bottom start"),
+        r.lang.rtl
+      )
+    ), Ae = x(() => e.cover === !0 ? ie.value : Ee(e.self || "top start", r.lang.rtl)), Be = x(
+      () => (e.square === !0 ? " q-menu--square" : "") + (d.value === !0 ? " q-menu--dark q-dark" : "")
+    ), Fe = x(() => e.autoClose === !0 ? { onClick: Re } : {}), ue = x(
+      () => p.value === !0 && e.persistent !== !0
+    );
+    S(ue, (s) => {
+      s === !0 ? (Lt(U), Dt(K)) : (pe(U), we(K));
+    });
+    function j() {
+      rt(() => {
+        let s = g.value;
+        s && s.contains(document.activeElement) !== !0 && (s = s.querySelector("[autofocus][tabindex], [data-autofocus][tabindex]") || s.querySelector("[autofocus] [tabindex], [data-autofocus] [tabindex]") || s.querySelector("[autofocus], [data-autofocus]") || s, s.focus({ preventScroll: !0 }));
+      });
+    }
+    function Le(s) {
+      if (l = e.noRefocus === !1 ? document.activeElement : null, Ge(se), oe(), re(), f = void 0, s !== void 0 && (e.touchPosition || e.contextMenu)) {
+        const G = et(s);
+        if (G.left !== void 0) {
+          const { top: Ve, left: Oe } = b.value.getBoundingClientRect();
+          f = { left: G.left - Oe, top: G.top - Ve };
+        }
+      }
+      i === void 0 && (i = S(
+        () => r.screen.width + "|" + r.screen.height + "|" + e.self + "|" + e.anchor + "|" + r.lang.rtl,
+        F
+      )), e.noFocus !== !0 && document.activeElement.blur(), H(() => {
+        F(), e.noFocus !== !0 && j();
+      }), M(() => {
+        r.platform.is.ios === !0 && (a = e.autoClose, g.value.click()), F(), oe(!0), n("show", s);
+      }, e.transitionDuration);
+    }
+    function De(s) {
+      C(), le(), ae(!0), l !== null && // menu was hidden from code or ESC plugin
+      (s === void 0 || s.qClickOutside !== !0) && (((s && s.type.indexOf("key") === 0 ? l.closest('[tabindex]:not([tabindex^="-"])') : void 0) || l).focus(), l = null), M(() => {
+        le(!0), n("hide", s);
+      }, e.transitionDuration);
+    }
+    function ae(s) {
+      f = void 0, i !== void 0 && (i(), i = void 0), (s === !0 || p.value === !0) && (Ue(se), A(), we(K), pe(U)), s !== !0 && (l = null);
+    }
+    function re() {
+      (b.value !== null || e.scrollTarget !== void 0) && (P.value = $t(b.value, e.scrollTarget), w(P.value, F));
+    }
+    function Re(s) {
+      a !== !0 ? (xt(c, s), n("click", s)) : a = !1;
+    }
+    function se(s) {
+      ue.value === !0 && e.noFocus !== !0 && tt(g.value, s.target) !== !0 && j();
+    }
+    function U(s) {
+      n("escapeKey"), k(s);
+    }
+    function F() {
+      $e({
+        targetEl: g.value,
+        offset: e.offset,
+        anchorEl: b.value,
+        anchorOrigin: ie.value,
+        selfOrigin: Ae.value,
+        absoluteOffset: f,
+        fit: e.fit,
+        cover: e.cover,
+        maxHeight: e.maxHeight,
+        maxWidth: e.maxWidth
+      });
+    }
+    function ze() {
+      return _(
+        Ie,
+        h.value,
+        () => p.value === !0 ? _("div", {
+          role: "menu",
+          ...o,
+          ref: g,
+          tabindex: -1,
+          class: [
+            "q-menu q-position-engine scroll" + Be.value,
+            o.class
+          ],
+          style: [
+            o.style,
+            v.value
+          ],
+          ...Fe.value
+        }, Je(t.default)) : null
+      );
+    }
+    return z(ae), Object.assign(c, { focus: j, updatePosition: F }), qe;
+  }
+});
+export {
+  Xt as Q,
+  ot as a,
+  Nt as b,
+  rt as c,
+  jt as d,
+  Ht as e,
+  kt as f,
+  Ut as g,
+  Gt as h,
+  Pt as i,
+  St as j,
+  gt as k,
+  pe as l,
+  vt as m,
+  Ct as n,
+  ht as o,
+  Lt as p,
+  Kt as r,
+  lt as u
+};