@quidgest/ui 0.9.5 → 0.9.6

package/dist/ui.esm.js

@@ -1,8 +1,8 @@
-import { getCurrentInstance as De, computed as w, ref as T, provide as ze, inject as Ce, watch as P, defineComponent as S, openBlock as u, createElementBlock as p, normalizeClass as E, normalizeStyle as pe, createElementVNode as Y, withModifiers as de, createVNode as A, unref as v, createCommentVNode as I, Fragment as oe, createTextVNode as ue, toDisplayString as N, renderSlot as m, toRef as Le, mergeModels as H, useModel as X, createBlock as V, withCtx as k, renderList as ye, resolveDynamicComponent as Qe, h as Se, normalizeProps as ne, mergeProps as se, reactive as He, onBeforeUnmount as Ke, onMounted as Ae, nextTick as U, Teleport as Ge, Transition as We, withKeys as je, createSlots as _e, withDirectives as Pe, vModelDynamic as Xe, guardReactiveProps as ie } from "vue";
-function ge(t) {
+import { getCurrentInstance as De, computed as w, ref as D, provide as ze, inject as Ce, watch as Y, defineComponent as x, openBlock as u, createElementBlock as m, normalizeClass as T, normalizeStyle as pe, createElementVNode as J, withModifiers as de, createVNode as F, unref as h, createCommentVNode as I, Fragment as te, createTextVNode as ue, toDisplayString as K, renderSlot as v, toRef as Ie, mergeModels as G, useModel as Z, createBlock as E, withCtx as k, renderList as be, resolveDynamicComponent as Ae, h as xe, normalizeProps as ne, mergeProps as se, reactive as Ne, onBeforeUnmount as He, onMounted as Qe, nextTick as H, Teleport as Ke, Transition as Ge, withKeys as We, createSlots as _e, withDirectives as je, vModelDynamic as Xe, guardReactiveProps as ie } from "vue";
+function ye(t) {
   return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
 }
-function xe(t) {
+function Be(t) {
   return t !== null && typeof t == "object" && !Array.isArray(t);
 }
 function ke(t = {}, o = {}) {
@@ -10,37 +10,37 @@ function ke(t = {}, o = {}) {
   for (const n in t)
     e[n] = t[n];
   for (const n in o) {
-    const a = t[n], r = o[n];
-    if (xe(a) && xe(r)) {
+    const l = t[n], s = o[n];
+    if (Be(l) && Be(s)) {
       e[n] = ke(
-        a,
-        r
+        l,
+        s
       );
       continue;
     }
-    e[n] = r;
+    e[n] = s;
   }
   return e;
 }
 const we = "q-defaults";
 function Ye() {
-  var r, d;
+  var s, r;
   const t = De();
   if (!t)
     throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
   const o = t.type.name ?? t.type.__name;
   if (!o)
     throw new Error("[Quidgest UI] Could not determine component name");
-  const e = Me(), n = (r = e.value) == null ? void 0 : r.Global, a = (d = e.value) == null ? void 0 : d[o];
-  return w(() => ke(n, a));
+  const e = Oe(), n = (s = e.value) == null ? void 0 : s.Global, l = (r = e.value) == null ? void 0 : r[o];
+  return w(() => ke(n, l));
 }
-function Fe(t) {
-  if (ge(t))
+function Me(t) {
+  if (ye(t))
     return;
-  const o = Me(), e = T(t), n = w(() => ge(e.value) ? o.value : ke(o.value, e.value));
+  const o = Oe(), e = D(t), n = w(() => ye(e.value) ? o.value : ke(o.value, e.value));
   ze(we, n);
 }
-function Me() {
+function Oe() {
   const t = Ce(we, void 0);
   if (!t)
     throw new Error("[Quidgest UI] Could not find defaults instance");
@@ -55,12 +55,12 @@ function Ze() {
 }
 function Vo(t) {
   const o = Ze(), e = {
-    activeTheme: T(t),
+    activeTheme: D(t),
     themes: o.themes
   };
   return ze(ce, e), e;
 }
-const Be = {
+const Se = {
   primary: "#008ad2",
   primaryLight: "#cde5ff",
   primaryDark: "#006398",
@@ -123,92 +123,92 @@ const Be = {
   onDanger: "#fff",
   onInfo: "#fff"
 };
-function et(t) {
+function Pe(t) {
   return /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t);
 }
-function tt(t) {
-  if (!et(t))
+function et(t) {
+  if (!Pe(t))
     throw new Error("Invalid color format");
   t.length === 4 && (t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
   const o = parseInt(t.slice(1, 3), 16), e = parseInt(t.slice(3, 5), 16), n = parseInt(t.slice(5, 7), 16);
   return { r: o, g: e, b: n };
 }
-function Re(t) {
+function Fe(t) {
   return t.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([0-9])([A-Za-z])/g, "$1-$2").replace(/([A-Za-z])([0-9])/g, "$1-$2").toLowerCase();
 }
-function ot() {
+function tt() {
   let t = document.getElementById(
     ce
   );
   return t || (t = document.createElement("style"), t.id = ce, document.head.appendChild(t)), t;
 }
-function nt(t) {
+function ot(t) {
   let o = "";
   for (const n of t) {
     o += `.q-theme--${n.name} {
 `;
-    const a = n.scheme;
-    let r;
-    for (r in a) {
-      const d = a[r];
-      if (d) {
-        o += `  ${Ve(r)}: ${d};
+    const l = n.scheme;
+    let s;
+    for (s in l) {
+      const r = l[s];
+      if (r) {
+        o += `  ${Ve(s)}: ${r};
 `;
-        const i = tt(d);
-        o += `  ${Ve(r)}-rgb: ${i.r} ${i.g} ${i.b};
+        const i = et(r);
+        o += `  ${Ve(s)}-rgb: ${i.r} ${i.g} ${i.b};
 `;
       }
     }
     o += `}
 `;
   }
-  const e = ot();
+  const e = tt();
   e.textContent = o;
 }
 function Ve(t) {
-  return t ? `--q-theme-${Re(t)}` : "";
+  return t ? `--q-theme-${Fe(t)}` : "";
 }
 function Eo(t = {}) {
   return { install: (e) => {
     const n = t.components || {};
-    for (const r in n)
-      e.component(r, n[r]);
-    const a = t.defaults || {};
-    e.provide(we, T(a)), lt(e, t.themes);
+    for (const s in n)
+      e.component(s, n[s]);
+    const l = t.defaults || {};
+    e.provide(we, D(l)), nt(e, t.themes);
   } };
 }
-function lt(t, o) {
+function nt(t, o) {
   const e = [];
   let n;
   if (!o)
     n = "default", e.push({
       name: n,
       mode: "light",
-      scheme: Be
+      scheme: Se
     });
   else
-    for (const a of o.themes) {
-      const d = { ...a.mode === "light" ? Be : Je, ...a.colors };
+    for (const l of o.themes) {
+      const r = { ...l.mode === "light" ? Se : Je, ...l.colors };
       e.push({
-        name: a.name,
-        mode: a.mode,
-        scheme: d
-      }), a.name === o.defaultTheme && (n = a.name);
+        name: l.name,
+        mode: l.mode,
+        scheme: r
+      }), l.name === o.defaultTheme && (n = l.name);
     }
   if (n) {
-    const a = {
-      activeTheme: T(n),
+    const l = {
+      activeTheme: D(n),
       themes: e
     };
-    nt(e), P(a.activeTheme, at, { immediate: !0 }), t.provide(ce, a);
+    ot(e), Y(l.activeTheme, lt, { immediate: !0 }), t.provide(ce, l);
   }
 }
-function at(t) {
-  const o = document.documentElement, n = Array.from(o.classList).filter((a) => !a.startsWith("q-theme"));
+function lt(t) {
+  const o = document.documentElement, n = Array.from(o.classList).filter((l) => !l.startsWith("q-theme"));
   o.className = n.join(" "), o.classList.add(`q-theme--${t}`);
 }
-const st = /* @__PURE__ */ Y("svg", { viewBox: "25 25 50 50" }, [
-  /* @__PURE__ */ Y("circle", {
+const at = /* @__PURE__ */ J("svg", { viewBox: "25 25 50 50" }, [
+  /* @__PURE__ */ J("circle", {
     class: "path",
     cx: "50",
     cy: "50",
@@ -218,9 +218,9 @@ const st = /* @__PURE__ */ Y("svg", { viewBox: "25 25 50 50" }, [
     "stroke-width": "5",
     "stroke-miterlimit": "10"
   })
-], -1), it = [
-  st
-], rt = /* @__PURE__ */ S({
+], -1), st = [
+  at
+], it = /* @__PURE__ */ x({
   __name: "QSpinnerLoader",
   props: {
     size: { default: 48 },
@@ -230,40 +230,40 @@ const st = /* @__PURE__ */ Y("svg", { viewBox: "25 25 50 50" }, [
     const o = t, e = w(() => ({
       "font-size": o.size !== 48 ? `${o.size}px` : void 0
     }));
-    return (n, a) => (u(), p("div", {
-      class: E(["q-spinner-loader", o.class]),
+    return (n, l) => (u(), m("div", {
+      class: T(["q-spinner-loader", o.class]),
       style: pe(e.value)
-    }, it, 6));
+    }, st, 6));
   }
 });
-function dt(t, o) {
+function rt(t, o) {
   var n;
-  const e = Re(o);
+  const e = Fe(o);
   return e ? typeof ((n = t.props) == null ? void 0 : n[e]) < "u" : !1;
 }
-function B(t) {
+function S(t) {
   const o = t.setup;
   return o && (t.setup = (e, n) => {
-    const a = Ye();
-    if (ge(a.value))
+    const l = Ye();
+    if (ye(l.value))
       return o(e, n);
-    const r = De();
-    if (r === null)
+    const s = De();
+    if (s === null)
       return o(e, n);
-    const d = new Proxy(e, {
-      get(i, c) {
-        var _;
-        const q = Reflect.get(i, c), g = (_ = a.value) == null ? void 0 : _[c];
-        return typeof c == "string" && !dt(r.vnode, c) ? g ?? q : q;
+    const r = new Proxy(e, {
+      get(i, f) {
+        var y;
+        const L = Reflect.get(i, f), _ = (y = l.value) == null ? void 0 : y[f];
+        return typeof f == "string" && !rt(s.vnode, f) ? _ ?? L : L;
       }
     });
-    return o(d, n);
+    return o(r, n);
   }), t;
 }
-const $e = B(rt), ut = ["disabled"], ct = {
+const $e = S(it), dt = ["disabled"], ut = {
   key: 0,
   class: "q-btn__spinner"
-}, ft = { class: "q-btn__content" }, pt = /* @__PURE__ */ S({
+}, ct = { class: "q-btn__content" }, ft = /* @__PURE__ */ x({
   __name: "QButton",
   props: {
     active: { type: Boolean },
@@ -280,11 +280,11 @@ const $e = B(rt), ut = ["disabled"], ct = {
   },
   emits: ["click"],
   setup(t, { emit: o }) {
-    const e = t, n = o, a = w(() => e.disabled || e.loading);
-    function r(i) {
-      a.value || n("click", i);
+    const e = t, n = o, l = w(() => e.disabled || e.loading);
+    function s(i) {
+      l.value || n("click", i);
     }
-    const d = w(() => {
+    const r = w(() => {
       const i = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
       return [
         "q-btn",
@@ -300,27 +300,27 @@ const $e = B(rt), ut = ["disabled"], ct = {
         e.class
       ];
     });
-    return (i, c) => (u(), p("button", {
+    return (i, f) => (u(), m("button", {
       type: "button",
-      class: E(d.value),
-      disabled: a.value,
-      onClick: de(r, ["stop", "prevent"])
+      class: T(r.value),
+      disabled: l.value,
+      onClick: de(s, ["stop", "prevent"])
     }, [
-      i.loading ? (u(), p("div", ct, [
-        A(v($e), { size: 20 })
+      i.loading ? (u(), m("div", ut, [
+        F(h($e), { size: 20 })
       ])) : I("", !0),
-      Y("span", ft, [
-        i.iconOnRight ? (u(), p(oe, { key: 0 }, [
-          ue(N(e.label), 1)
+      J("span", ct, [
+        i.iconOnRight ? (u(), m(te, { key: 0 }, [
+          ue(K(e.label), 1)
         ], 64)) : I("", !0),
-        m(i.$slots, "default"),
-        i.iconOnRight ? I("", !0) : (u(), p(oe, { key: 1 }, [
-          ue(N(e.label), 1)
+        v(i.$slots, "default"),
+        i.iconOnRight ? I("", !0) : (u(), m(te, { key: 1 }, [
+          ue(K(e.label), 1)
         ], 64))
       ])
-    ], 10, ut));
+    ], 10, dt));
   }
-}), fe = B(pt), mt = /* @__PURE__ */ S({
+}), fe = S(ft), pt = /* @__PURE__ */ x({
   __name: "QButtonGroup",
   props: {
     disabled: { type: Boolean },
@@ -330,15 +330,15 @@ const $e = B(rt), ut = ["disabled"], ct = {
   },
   setup(t) {
     const o = t;
-    return Fe({
+    return Me({
       QButton: {
         bStyle: "secondary",
-        disabled: Le(o, "disabled"),
-        borderless: Le(o, "borderless"),
+        disabled: Ie(o, "disabled"),
+        borderless: Ie(o, "borderless"),
         elevated: !1
       }
-    }), (e, n) => (u(), p("div", {
-      class: E([
+    }), (e, n) => (u(), m("div", {
+      class: T([
         "q-btn-group",
         {
           "q-btn-group--elevated": o.elevated
@@ -346,12 +346,12 @@ const $e = B(rt), ut = ["disabled"], ct = {
         o.class
       ])
     }, [
-      m(e.$slots, "default")
+      v(e.$slots, "default")
     ], 2));
   }
-}), vt = B(mt), ht = /* @__PURE__ */ S({
+}), mt = S(pt), vt = /* @__PURE__ */ x({
   __name: "QButtonToggle",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ G({
     options: {},
     disabled: { type: Boolean },
     borderless: { type: Boolean },
@@ -364,27 +364,27 @@ const $e = B(rt), ut = ["disabled"], ct = {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const o = t, e = X(t, "modelValue");
-    function n(a) {
-      e.value === a.key && !o.required ? e.value = void 0 : e.value = a.key;
+    const o = t, e = Z(t, "modelValue");
+    function n(l) {
+      e.value === l.key && !o.required ? e.value = void 0 : e.value = l.key;
     }
-    return (a, r) => (u(), V(v(vt), {
+    return (l, s) => (u(), E(h(mt), {
       "b-style": "secondary",
-      class: E(o.class),
+      class: T(o.class),
       disabled: o.disabled,
       borderless: o.borderless,
       elevated: o.elevated
     }, {
       default: k(() => [
-        (u(!0), p(oe, null, ye(o.options, (d) => (u(), V(v(fe), {
-          key: d.key,
-          title: d.title,
-          label: d.label,
-          active: e.value === d.key,
-          onClick: () => n(d)
+        (u(!0), m(te, null, be(o.options, (r) => (u(), E(h(fe), {
+          key: r.key,
+          title: r.title,
+          label: r.label,
+          active: e.value === r.key,
+          onClick: () => n(r)
         }, {
           default: k(() => [
-            m(a.$slots, d.key)
+            v(l.$slots, r.key)
           ]),
           _: 2
         }, 1032, ["title", "label", "active", "onClick"]))), 128))
@@ -392,7 +392,7 @@ const $e = B(rt), ut = ["disabled"], ct = {
       _: 3
     }, 8, ["class", "disabled", "borderless", "elevated"]));
   }
-}), To = B(ht), bt = /* @__PURE__ */ S({
+}), To = S(vt), ht = /* @__PURE__ */ x({
   __name: "QIcon",
   props: {
     icon: {},
@@ -404,22 +404,22 @@ const $e = B(rt), ut = ["disabled"], ct = {
     const o = t, e = w(() => {
       switch (o.type) {
         case "svg":
-          return St;
-        case "font":
           return It;
+        case "font":
+          return qt;
         case "img":
           return Lt;
         default:
           return;
       }
     });
-    return (n, a) => (u(), V(Qe(e.value), {
-      class: E(o.class),
+    return (n, l) => (u(), E(Ae(e.value), {
+      class: T(o.class),
       icon: o.icon,
       size: o.size
     }, null, 8, ["class", "icon", "size"]));
   }
-}), yt = /* @__PURE__ */ S({
+}), bt = /* @__PURE__ */ x({
   __name: "QIconFont",
   props: {
     icon: {},
@@ -429,15 +429,15 @@ const $e = B(rt), ut = ["disabled"], ct = {
     class: { default: void 0 }
   },
   setup(t) {
-    const o = t, e = w(() => o.variant ? `${o.library}-${o.variant}` : o.library), n = w(() => o.library && o.icon ? `${o.library}-${o.icon}` : o.icon), a = w(() => ({
+    const o = t, e = w(() => o.variant ? `${o.library}-${o.variant}` : o.library), n = w(() => o.library && o.icon ? `${o.library}-${o.icon}` : o.icon), l = w(() => ({
       "font-size": o.size !== void 0 ? `${o.size}px` : void 0
     }));
-    return (r, d) => (u(), p("i", {
-      class: E(["q-icon", "q-icon__font", e.value, n.value, o.class]),
-      style: pe(a.value)
+    return (s, r) => (u(), m("i", {
+      class: T(["q-icon", "q-icon__font", e.value, n.value, o.class]),
+      style: pe(l.value)
     }, null, 6));
   }
-}), gt = ["src"], _t = /* @__PURE__ */ S({
+}), yt = ["src"], gt = /* @__PURE__ */ x({
   __name: "QIconImg",
   props: {
     icon: {},
@@ -448,13 +448,13 @@ const $e = B(rt), ut = ["disabled"], ct = {
     const o = t, e = w(() => ({
       "font-size": o.size !== void 0 ? `${o.size}px` : void 0
     }));
-    return (n, a) => (u(), p("img", {
+    return (n, l) => (u(), m("img", {
       src: o.icon,
-      class: E(["q-icon", "q-icon__img", o.class]),
+      class: T(["q-icon", "q-icon__img", o.class]),
       style: pe(e.value)
-    }, null, 14, gt));
+    }, null, 14, yt));
   }
-}), re = {}, kt = S({
+}), re = {}, _t = x({
   name: "InlineSvg",
   emits: {
     loaded: (t) => typeof t == "object",
@@ -467,9 +467,9 @@ const $e = B(rt), ut = ["disabled"], ct = {
       return null;
     const t = this.getSvgContent(this.svgElSource);
     if (!t)
-      return Se("div", this.$attrs);
+      return xe("div", this.$attrs);
     const o = {};
-    return this.copySvgAttrs(o, this.svgElSource), this.copySvgAttrs(o, t), this.copyComponentAttrs(o, this.$attrs), o.innerHTML = t.innerHTML, Se("svg", o);
+    return this.copySvgAttrs(o, this.svgElSource), this.copySvgAttrs(o, t), this.copyComponentAttrs(o, this.$attrs), o.innerHTML = t.innerHTML, xe("svg", o);
   },
   props: {
     /**
@@ -531,7 +531,7 @@ const $e = B(rt), ut = ["disabled"], ct = {
         n !== !1 && n !== null && n !== void 0 && (t[e] = n);
     },
     getSvgContent(t) {
-      return this.symbol && (t = t.getElementById(this.symbol), !t) ? null : (this.transformSource && (t = t.cloneNode(!0), t = this.transformSource(t)), this.title && (this.transformSource || (t = t.cloneNode(!0)), wt(t, this.title)), t);
+      return this.symbol && (t = t.getElementById(this.symbol), !t) ? null : (this.transformSource && (t = t.cloneNode(!0), t = this.transformSource(t)), this.title && (this.transformSource || (t = t.cloneNode(!0)), kt(t, this.title)), t);
     },
     /**
      * Get svgElSource
@@ -539,7 +539,7 @@ const $e = B(rt), ut = ["disabled"], ct = {
      */
     async getSource(t) {
       try {
-        re[t] || (re[t] = $t(this.download(t))), this.svgElSource && re[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
+        re[t] || (re[t] = wt(this.download(t))), this.svgElSource && re[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
         const o = await re[t];
         this.svgElSource = o, await this.$nextTick(), this.$emit("loaded", this.$el);
       } catch (o) {
@@ -555,10 +555,10 @@ const $e = B(rt), ut = ["disabled"], ct = {
       const o = await fetch(t);
       if (!o.ok)
         throw new Error("Error loading SVG");
-      const e = await o.text(), r = new DOMParser().parseFromString(e, "text/xml").getElementsByTagName("svg")[0];
-      if (!r)
+      const e = await o.text(), s = new DOMParser().parseFromString(e, "text/xml").getElementsByTagName("svg")[0];
+      if (!s)
         throw new Error("Loaded file is not a valid SVG");
-      return r;
+      return s;
     }
   },
   watch: {
@@ -568,7 +568,7 @@ const $e = B(rt), ut = ["disabled"], ct = {
   },
   expose: []
 });
-function wt(t, o) {
+function kt(t, o) {
   const e = t.getElementsByTagName("title");
   if (e.length)
     e[0].textContent = o;
@@ -577,7 +577,7 @@ function wt(t, o) {
     n.textContent = o, t.insertBefore(n, t.firstChild);
   }
 }
-function $t(t) {
+function wt(t) {
   if (t.getIsPending)
     return t;
   let o = !0;
@@ -589,7 +589,7 @@ function $t(t) {
   );
   return e.getIsPending = () => o, e;
 }
-const qt = /* @__PURE__ */ S({
+const $t = /* @__PURE__ */ x({
   __name: "QIconSvg",
   props: {
     icon: {},
@@ -599,27 +599,27 @@ const qt = /* @__PURE__ */ S({
   },
   emits: ["loaded", "unloaded"],
   setup(t, { emit: o }) {
-    const e = t, n = o, a = w(() => ({
+    const e = t, n = o, l = w(() => ({
       "font-size": e.size !== void 0 ? `${e.size}px` : void 0
     }));
-    function r(i) {
+    function s(i) {
       n("loaded", i);
     }
-    function d() {
+    function r() {
       n("unloaded");
     }
-    return (i, c) => (u(), V(v(kt), {
-      class: E(["q-icon", "q-icon__svg", e.class]),
+    return (i, f) => (u(), E(h(_t), {
+      class: T(["q-icon", "q-icon__svg", e.class]),
       src: e.bundle,
       symbol: e.icon,
-      style: pe(a.value),
-      onLoaded: r,
-      onUnloaded: d
+      style: pe(l.value),
+      onLoaded: s,
+      onUnloaded: r
     }, null, 8, ["class", "src", "symbol", "style"]));
   }
-}), te = B(bt), It = B(yt), Lt = B(_t), St = B(qt), xt = /* @__PURE__ */ S({
+}), ee = S(ht), qt = S(bt), Lt = S(gt), It = S($t), xt = /* @__PURE__ */ x({
   __name: "QList",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ G({
     highlighted: { type: [String, Number, Boolean, Symbol], default: void 0 },
     items: {},
     groups: { default: () => [] },
@@ -635,139 +635,141 @@ const qt = /* @__PURE__ */ S({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const e = t, n = X(t, "modelValue"), a = T(!1), r = w(() => d.value.length > 1 ? "div" : "ul"), d = w(() => e.groups.length ? e.groups : [{ id: "", title: "" }]), i = T(null);
-    function c(f) {
-      n.value = f;
+    const e = t, n = Z(t, "modelValue"), l = D(!1), s = w(() => r.value.length > 1 ? "div" : "ul"), r = w(() => e.groups.length ? e.groups.filter(
+      (c) => e.items.some((b) => b.group === c.id)
+    ) : [{ id: "", title: "" }]), i = D(null);
+    function f(c) {
+      n.value = c;
     }
-    function q() {
-      a.value = !0;
+    function L() {
+      l.value = !0;
     }
-    function g() {
-      a.value = !1;
+    function _() {
+      l.value = !1;
     }
-    function _(f) {
-      var l;
-      if ((l = i.value) != null && l.contains(f.relatedTarget))
+    function y(c) {
+      var d;
+      if ((d = i.value) != null && d.contains(c.relatedTarget))
         return;
-      let y;
-      n.value ? y = e.items.findIndex((h) => h[e.itemValue] === n.value) : y = G();
-      const $ = a.value;
-      z(y, $);
+      let b;
+      n.value ? b = e.items.findIndex(($) => $[e.itemValue] === n.value) : b = j();
+      const q = l.value;
+      C(b, q);
     }
-    function F(f) {
-      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(f.key) && f.preventDefault(), f.key) {
+    function U(c) {
+      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(c.key) && c.preventDefault(), c.key) {
         case "ArrowDown":
-          D("next");
+          z("next");
           break;
         case "ArrowUp":
-          D("prev");
+          z("prev");
           break;
         case "Home":
-          D("first");
+          z("first");
           break;
         case "End":
-          D("last");
+          z("last");
           break;
       }
     }
-    function D(f) {
-      switch (f) {
+    function z(c) {
+      switch (c) {
         case "next":
         case "prev":
-          z(W(f));
+          C(X(c));
           break;
         case "first":
-          z(G());
+          C(j());
           break;
         case "last":
-          z(C());
+          C(A());
           break;
       }
     }
-    function z(f, y = !1) {
-      var l;
-      (l = L()[f]) == null || l.focus({ preventScroll: y });
+    function C(c, b = !1) {
+      var d;
+      (d = V()[c]) == null || d.focus({ preventScroll: b });
     }
-    function L() {
-      var y;
-      const f = (y = i.value) == null ? void 0 : y.querySelectorAll("li");
-      return f ? Array.from(f) : [];
+    function V() {
+      var b;
+      const c = (b = i.value) == null ? void 0 : b.querySelectorAll("li");
+      return c ? Array.from(c) : [];
     }
-    function K(f) {
-      return L()[f];
+    function W(c) {
+      return V()[c];
     }
     function le() {
-      return L().indexOf(document.activeElement);
-    }
-    function G() {
-      const f = L(), y = f.find(($) => Z($));
-      return y ? f.indexOf(y) : -1;
-    }
-    function C() {
-      const f = L(), y = [...f].reverse().find(($) => Z($));
-      return y ? f.indexOf(y) : -1;
-    }
-    function M(f, y, $) {
-      return y === "prev" && f === 0 || y === "next" && f === $.length - 1;
-    }
-    function W(f) {
-      const y = le();
-      return R(y, f);
-    }
-    function R(f, y) {
-      const $ = L();
-      if (M(f, y, $))
-        return f;
-      let l = f + (y === "next" ? 1 : -1);
-      for (; !Z($[l]); ) {
-        if (M(l, y, $))
-          return f;
-        l += y === "next" ? 1 : -1;
+      return V().indexOf(document.activeElement);
+    }
+    function j() {
+      const c = V(), b = c.find((q) => P(q));
+      return b ? c.indexOf(b) : -1;
+    }
+    function A() {
+      const c = V(), b = [...c].reverse().find((q) => P(q));
+      return b ? c.indexOf(b) : -1;
+    }
+    function Q(c, b, q) {
+      return b === "prev" && c === 0 || b === "next" && c === q.length - 1;
+    }
+    function X(c) {
+      const b = le();
+      return N(b, c);
+    }
+    function N(c, b) {
+      const q = V();
+      if (Q(c, b, q))
+        return c;
+      let d = c + (b === "next" ? 1 : -1);
+      for (; !P(q[d]); ) {
+        if (Q(d, b, q))
+          return c;
+        d += b === "next" ? 1 : -1;
       }
-      return l;
+      return d;
     }
-    function Z(f) {
-      return f.tabIndex === -2;
+    function P(c) {
+      return c.tabIndex === -2;
     }
-    function J(f) {
-      return f ? e.items.filter((y) => y.group === f) : e.items;
+    function ae(c) {
+      return c ? e.items.filter((b) => b.group === c) : e.items;
     }
     return o({
-      focusItem: z,
-      getItem: K,
-      getAdjacentItemIndex: R,
-      getFirstFocusableItemIndex: G,
-      getLastFocusableItemIndex: C
-    }), (f, y) => (u(), V(Qe(r.value), {
+      focusItem: C,
+      getItem: W,
+      getAdjacentItemIndex: N,
+      getFirstFocusableItemIndex: j,
+      getLastFocusableItemIndex: A
+    }), (c, b) => (u(), E(Ae(s.value), {
       ref_key: "listRef",
       ref: i,
-      class: E(["q-list", { "q-list--disabled": e.disabled }, e.class]),
+      class: T(["q-list", { "q-list--disabled": e.disabled }, e.class]),
       role: "listbox",
       tabindex: e.disabled ? -1 : 0,
-      onFocus: _,
-      onMousedown: q,
-      onMouseup: g,
-      onKeydown: F
+      onFocus: y,
+      onMousedown: L,
+      onMouseup: _,
+      onKeydown: U
     }, {
       default: k(() => [
-        (u(!0), p(oe, null, ye(d.value, ($) => (u(), V(v(Ft), {
-          key: $.id,
-          title: d.value.length === 1 ? void 0 : $.title,
-          disabled: $.disabled
+        (u(!0), m(te, null, be(r.value, (q) => (u(), E(h(Qt), {
+          key: q.id,
+          title: r.value.length === 1 ? void 0 : q.title,
+          disabled: q.disabled
         }, {
           default: k(() => [
-            (u(!0), p(oe, null, ye(J($.id), (l) => (u(), V(v(At), {
-              key: l[e.itemValue],
-              value: l[e.itemValue],
-              label: l[e.itemLabel],
-              icon: l.icon,
-              disabled: e.disabled || l.disabled,
-              highlighted: e.highlighted === l[e.itemValue],
-              selected: n.value === l[e.itemValue],
-              onSelect: c
+            (u(!0), m(te, null, be(ae(q.id), (d) => (u(), E(h(At), {
+              key: d[e.itemValue],
+              value: d[e.itemValue],
+              label: d[e.itemLabel],
+              icon: d.icon,
+              disabled: e.disabled || d.disabled,
+              highlighted: e.highlighted === d[e.itemValue],
+              selected: n.value === d[e.itemValue],
+              onSelect: f
             }, {
               default: k(() => [
-                m(f.$slots, "item", { item: l })
+                v(c.$slots, "item", { item: d })
               ]),
               _: 2
             }, 1032, ["value", "label", "icon", "disabled", "highlighted", "selected"]))), 128))
@@ -783,11 +785,11 @@ let Bt = 0;
 function me(t) {
   return t || `uid-${++Bt}`;
 }
-const Vt = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Et = { class: "q-list-item__check-container" }, Tt = {
+const St = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Vt = { class: "q-list-item__check-container" }, Et = {
   check: {
     icon: "check"
   }
-}, Dt = /* @__PURE__ */ S({
+}, Tt = /* @__PURE__ */ x({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
@@ -795,24 +797,24 @@ const Vt = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Et = {
     icon: { default: void 0 },
     selected: { type: Boolean },
     highlighted: { type: Boolean },
-    icons: { default: () => Tt },
+    icons: { default: () => Et },
     disabled: { type: Boolean }
   },
   emits: ["select"],
   setup(t, { emit: o }) {
-    const e = t, n = o, a = me();
-    function r() {
+    const e = t, n = o, l = me();
+    function s() {
       e.disabled || n("select", e.value);
     }
-    function d(i) {
-      i.key === "Tab" && r(), (i.key === "Enter" || i.key === " ") && (i.preventDefault(), i.stopPropagation(), r());
+    function r(i) {
+      i.key === "Tab" && s(), (i.key === "Enter" || i.key === " ") && (i.preventDefault(), i.stopPropagation(), s());
     }
-    return (i, c) => (u(), p("li", {
-      id: v(a),
+    return (i, f) => (u(), m("li", {
+      id: h(l),
       "data-key": e.value,
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
-      class: E([
+      class: T([
         "q-list-item",
         {
           "q-list-item--disabled": e.disabled,
@@ -822,19 +824,19 @@ const Vt = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Et = {
       ]),
       "aria-label": e.label,
       "aria-selected": e.disabled ? void 0 : e.selected,
-      onKeydown: d,
-      onClick: de(r, ["stop", "prevent"])
+      onKeydown: r,
+      onClick: de(s, ["stop", "prevent"])
     }, [
-      m(i.$slots, "default", {}, () => [
-        e.icon ? (u(), V(v(te), ne(se({ key: 0 }, e.icon)), null, 16)) : I("", !0),
-        ue(" " + N(e.label), 1)
+      v(i.$slots, "default", {}, () => [
+        e.icon ? (u(), E(h(ee), ne(se({ key: 0 }, e.icon)), null, 16)) : I("", !0),
+        ue(" " + K(e.label), 1)
       ]),
-      Y("div", Et, [
-        e.selected ? (u(), V(v(te), se({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : I("", !0)
+      J("div", Vt, [
+        e.selected ? (u(), E(h(ee), se({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : I("", !0)
       ])
-    ], 42, Vt));
+    ], 42, St));
   }
-}), zt = ["aria-labelledby"], Ct = ["id"], Qt = /* @__PURE__ */ S({
+}), Dt = ["aria-labelledby"], zt = ["id"], Ct = /* @__PURE__ */ x({
   __name: "QListItemGroup",
   props: {
     title: { default: "" },
@@ -842,96 +844,106 @@ const Vt = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Et = {
   },
   setup(t) {
     const o = t, e = me();
-    return (n, a) => (u(), p("ul", {
+    return (n, l) => (u(), m("ul", {
       class: "q-list-item-group",
       role: "group",
-      "aria-labelledby": o.title ? v(e) : void 0
+      "aria-labelledby": o.title ? h(e) : void 0
     }, [
-      o.title ? (u(), p("li", {
+      o.title ? (u(), m("li", {
         key: 0,
-        id: v(e),
+        id: h(e),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, N(o.title), 9, Ct)) : I("", !0),
-      m(n.$slots, "default")
-    ], 8, zt));
+      }, K(o.title), 9, zt)) : I("", !0),
+      v(n.$slots, "default")
+    ], 8, Dt));
   }
-}), Oe = B(xt), At = B(Dt), Ft = B(Qt);
+}), Re = S(xt), At = S(Tt), Qt = S(Ct);
 function Mt(t, o, e = "right", n) {
-  const a = t.getBoundingClientRect(), r = a.x + window.scrollX, d = a.y + window.scrollY, i = o == null ? void 0 : o.getBoundingClientRect(), c = (i == null ? void 0 : i.width) ?? 0, q = (i == null ? void 0 : i.height) ?? 0;
-  let g = e;
-  i && !Ue(a, i, g) && (g = Rt(a, i, g));
-  const _ = { x: 0, y: 0, placement: g };
-  switch (g) {
+  const l = t.getBoundingClientRect(), s = l.x + window.scrollX, r = l.y + window.scrollY, i = o == null ? void 0 : o.getBoundingClientRect(), f = (i == null ? void 0 : i.width) ?? 0, L = (i == null ? void 0 : i.height) ?? 0;
+  let _ = e;
+  i && ge(l, i, _) !== 0 && (_ = Ot(l, i, _));
+  const y = { x: 0, y: 0, placement: _ };
+  switch (_) {
     case "top":
-      n === "anchor" ? _.x = r : _.x = r + (a.width - c) / 2, _.y = d - q;
+      n === "anchor" ? y.x = s : y.x = s + (l.width - f) / 2, y.y = r - L;
       break;
     case "bottom":
-      n === "anchor" ? _.x = r : _.x = r + (a.width - c) / 2, _.y = d + a.height;
+      n === "anchor" ? y.x = s : y.x = s + (l.width - f) / 2, y.y = r + l.height;
       break;
     case "left":
-      _.x = r - c, _.y = d + a.height / 2 - q / 2;
+      y.x = s - f, y.y = r + l.height / 2 - L / 2;
       break;
     case "right":
-      _.x = r + a.width, _.y = d + a.height / 2 - q / 2;
+      y.x = s + l.width, y.y = r + l.height / 2 - L / 2;
       break;
   }
-  return n === "anchor" && a.width >= c && (_.width = a.width), _;
+  return y.x = Math.max(0, y.x), y.y = Math.max(0, y.y), n === "anchor" && l.width >= f && (y.width = l.width), y;
 }
-function Ue(t, o, e) {
-  let n = !1, a = !1;
+function ge(t, o, e) {
+  let n = 0, l = 0;
   switch (e) {
     case "top":
-      n = Te(t, o), a = t.top > o.height;
+      n = Te(t, o), l = t.top - o.height;
       break;
     case "bottom":
-      n = Te(t, o), a = window.innerHeight - t.top - t.height > o.height;
+      n = Te(t, o), l = window.innerHeight - t.top - t.height - o.height;
       break;
     case "left":
-      n = t.left > o.width, a = Ee(t, o);
+      n = t.left - o.width, l = Ee(t, o);
       break;
     case "right":
-      n = window.innerWidth - t.left - t.width > o.width, a = Ee(t, o);
+      n = window.innerWidth - t.left - t.width - o.width, l = Ee(t, o);
       break;
   }
-  return n && a;
+  return Math.min(0, Math.min(n, l));
 }
 function Ee(t, o) {
-  return window.innerHeight - t.top - t.height / 2 > o.height / 2 && t.top + t.height / 2 > o.height / 2;
+  return Math.min(
+    window.innerHeight - t.top - t.height / 2 - o.height / 2,
+    t.top + t.height / 2 - o.height / 2
+  );
 }
 function Te(t, o) {
-  return window.innerWidth - t.left - t.width / 2 > o.width / 2 && t.left + t.width / 2 > o.width / 2;
+  return Math.min(
+    window.innerWidth - t.left - t.width / 2 - o.width / 2,
+    t.left + t.width / 2 - o.width / 2
+  );
 }
-function Rt(t, o, e) {
+function Ot(t, o, e) {
   const n = {
     top: ["bottom", "left", "right"],
     bottom: ["top", "left", "right"],
     left: ["right", "top", "bottom"],
     right: ["left", "top", "bottom"]
   };
-  for (const a of n[e])
-    if (Ue(t, o, a))
-      return a;
-  return e;
+  let l = e, s = ge(t, o, e);
+  for (const r of n[e]) {
+    const i = ge(t, o, r);
+    i > s && (s = i, l = r);
+  }
+  return l;
 }
-function ae(t) {
+function Ft(t) {
   return typeof t == "string" ? document.querySelector(t) : t;
 }
-const Ot = ["role"], Ut = {
+const Rt = ["role"], Ut = {
   key: 0,
   role: "presentation",
   class: "q-overlay__arrow"
-}, Nt = /* @__PURE__ */ S({
+}, Nt = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QOverlay",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ G({
     anchor: { default: void 0 },
     appearance: { default: "regular" },
     arrow: { type: Boolean },
     attach: { default: "body" },
     backdropBlur: { type: Boolean },
     delay: { default: 500 },
+    scrollLock: { type: Boolean },
     offset: { default: 8 },
+    persistent: { type: Boolean },
     placement: { default: "right" },
     spy: { type: Boolean },
     transition: { default: "fade" },
@@ -942,204 +954,200 @@ const Ot = ["role"], Ut = {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["enter", "leave"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ G(["enter", "leave"], ["update:modelValue"]),
   setup(t, { emit: o }) {
-    const e = t, n = o, a = X(t, "modelValue"), r = w(() => [
+    const e = t, n = o, l = Z(t, "modelValue"), s = w(() => [
       "q-overlay",
       `q-overlay--${i.placement}`,
-      { "q-overlay--inverted": e.appearance === "inverted" },
+      {
+        "q-overlay--independent": e.anchor === void 0,
+        "q-overlay--inverted": e.appearance === "inverted"
+      },
       e.class
-    ]), d = w(
-      () => (a.value || i.animating) && e.trigger === "click"
-    ), i = He({
+    ]), r = w(
+      () => (l.value || i.animating) && (e.anchor === void 0 || e.trigger === "click")
+    ), i = Ne({
       animating: !1,
       top: 0,
       left: 0,
       width: 0,
       placement: e.placement
     });
-    P(a, () => i.animating = !0);
-    const c = w(() => {
-      let l = 0, h = 0;
-      switch (i.placement) {
+    Y(l, () => i.animating = !0);
+    const f = w(() => {
+      if (e.anchor === void 0)
+        return;
+      const p = ["top", "bottom"].includes(i.placement) ? i.width : void 0;
+      return {
+        top: `${i.top}px`,
+        left: `${i.left}px`,
+        width: p !== void 0 ? `${p}px` : void 0
+      };
+    }), L = D(null);
+    function _() {
+      const p = A();
+      if (!p)
+        return;
+      const M = Mt(p, L.value, e.placement, e.width);
+      let R = 0, oe = 0;
+      switch (M.placement) {
         case "top":
-          h = -(e.offset || 0);
+          oe = -(e.offset || 0);
           break;
         case "bottom":
-          h = e.offset || 0;
+          oe = e.offset || 0;
           break;
         case "left":
-          l = -(e.offset || 0);
+          R = -(e.offset || 0);
           break;
         case "right":
-          l = e.offset || 0;
+          R = e.offset || 0;
           break;
       }
-      const O = {
-        top: `${i.top + h}px`,
-        left: `${i.left + l}px`
-      };
-      return i.width !== void 0 && ["top", "bottom"].includes(i.placement) && (O.width = `${i.width}px`), O;
-    }), q = T(null);
-    function g() {
-      if (e.anchor) {
-        const l = ae(e.anchor);
-        if (l) {
-          const h = Mt(
-            l,
-            q.value,
-            e.placement,
-            e.width
-          );
-          i.left = h.x, i.top = h.y, i.width = h.width, i.placement = h.placement;
-        }
-      }
+      i.left = M.x + R, i.top = M.y + oe, i.width = M.width, i.placement = M.placement;
     }
-    P([a, () => e.placement], g);
-    let _;
-    function F() {
-      z(0);
+    Y([l, () => e.placement], _);
+    let y;
+    function U() {
+      C(0);
     }
-    function D() {
-      z(e.delay);
+    function z() {
+      C(e.delay);
     }
-    function z(l) {
-      _ || (_ = window.setTimeout(() => {
-        a.value = !0, U(() => {
-          var h;
-          e.trigger === "click" && ((h = q.value) == null || h.focus());
-        });
-      }, l));
+    function C(p) {
+      y || (y = window.setTimeout(() => {
+        l.value = !0;
+      }, p));
     }
-    function L() {
-      clearTimeout(_), _ = void 0, a.value = !1, U(() => {
+    function V() {
+      clearTimeout(y), y = void 0, l.value = !1, H(() => {
         if (e.anchor && e.trigger === "click") {
-          const l = ae(e.anchor);
-          l == null || l.focus();
+          const p = A();
+          p == null || p.focus();
         }
       });
     }
-    let K;
+    let W;
     function le() {
       n("enter");
     }
-    function G() {
-      window.clearTimeout(K), K = window.setTimeout(() => i.animating = !1, 200), n("leave");
-    }
-    let C;
-    function M() {
-      U(() => {
-        if (!e.anchor)
-          return;
-        const l = ae(e.anchor);
-        if (l)
-          switch (e.trigger) {
+    function j() {
+      window.clearTimeout(W), W = window.setTimeout(() => i.animating = !1, 200), n("leave");
+    }
+    function A() {
+      return e.anchor ? Ft(e.anchor) : null;
+    }
+    let Q;
+    function X() {
+      H(() => {
+        const p = A();
+        if (p)
+          switch (Q = new MutationObserver(_), Q.observe(p, {
+            attributes: !1,
+            childList: !0,
+            characterData: !0,
+            subtree: !0
+          }), e.trigger) {
             case "click":
-              l.addEventListener("click", F);
+              p.addEventListener("click", U);
               break;
             case "hover":
-              l.addEventListener("mouseenter", D), l.addEventListener("mouseleave", L), l.addEventListener("focusin", F), l.addEventListener("focusout", L);
+              p.addEventListener("mouseenter", z), p.addEventListener("mouseleave", V), p.addEventListener("focusin", U), p.addEventListener("focusout", V);
               break;
           }
       });
     }
-    function W() {
-      U(() => {
-        if (!e.anchor)
-          return;
-        const l = ae(e.anchor);
-        l && (window.addEventListener("resize", g), C = new MutationObserver(g), C.observe(l, {
-          attributes: !1,
-          childList: !0,
-          characterData: !0,
-          subtree: !0
-        }), g());
-      });
-    }
-    function R() {
-      if (!e.anchor)
-        return;
-      const l = ae(e.anchor);
-      if (l)
-        switch (e.trigger) {
+    function N() {
+      const p = A();
+      if (p)
+        switch (Q == null || Q.disconnect(), e.trigger) {
           case "click":
-            l.removeEventListener("click", F);
+            p.removeEventListener("click", U);
             break;
           case "hover":
-            l.removeEventListener("mouseenter", D), l.removeEventListener("mouseleave", L), l.removeEventListener("focusin", F), l.removeEventListener("focusout", L);
+            p.removeEventListener("mouseenter", z), p.removeEventListener("mouseleave", V), p.removeEventListener("focusin", U), p.removeEventListener("focusout", V);
             break;
         }
     }
-    function Z() {
-      window.removeEventListener("resize", g), C == null || C.disconnect();
+    function P() {
+      H(() => {
+        window.addEventListener("resize", _), e.scrollLock || window.addEventListener("scroll", _), _();
+      });
     }
-    let J;
-    function f() {
-      if (!e.anchor)
-        return;
-      ae(e.anchor) ? (g(), J = window.setTimeout(f, 100)) : L();
+    function ae() {
+      window.removeEventListener("resize", _), e.scrollLock || window.removeEventListener("scroll", _);
+    }
+    let c;
+    function b() {
+      A() ? (_(), c = window.setTimeout(b, 100)) : V();
+    }
+    function q() {
+      P(), e.spy && b(), e.scrollLock && document.body.classList.add("no-scroll"), H(() => {
+        var p;
+        (e.anchor === void 0 || e.trigger === "click") && ((p = L.value) == null || p.focus());
+      });
     }
-    function y() {
-      W(), e.spy && f(), e.anchor && document.addEventListener("scroll", L);
+    function d() {
+      ae(), e.spy && (clearTimeout(c), c = void 0), e.scrollLock && document.body.classList.remove("no-scroll");
     }
     function $() {
-      Z(), e.spy && (clearTimeout(J), J = void 0), document.removeEventListener("scroll", L);
+      e.persistent || V();
     }
-    return Ke(() => {
-      R(), $();
-    }), Ae(() => {
-      U(() => {
-        M(), g();
+    return He(() => {
+      N(), d();
+    }), Qe(() => {
+      H(() => {
+        X(), _();
       });
-    }), P(
-      a,
-      (l) => {
-        l ? y() : $();
+    }), Y(
+      l,
+      (p) => {
+        p ? q() : d();
       },
       { immediate: !0 }
-    ), (l, h) => (u(), V(Ge, {
-      disabled: !a.value && !i.animating || !e.attach,
+    ), (p, M) => (u(), E(Ke, {
+      disabled: !l.value && !i.animating || !e.attach,
       to: e.attach
     }, [
-      d.value ? (u(), p("div", {
+      r.value ? (u(), m("div", {
         key: 0,
-        class: E([
+        class: T([
           "q-overlay__underlay",
           { "q-overlay__underlay--blur": e.backdropBlur }
         ])
       }, null, 2)) : I("", !0),
-      A(We, {
+      F(Ge, {
         name: e.transition,
         appear: "",
         onEnter: le,
-        onLeave: G
+        onLeave: j
       }, {
         default: k(() => [
-          a.value ? (u(), p("div", {
+          l.value ? (u(), m("div", {
             key: 0,
-            class: E(r.value),
-            style: pe(c.value)
+            class: T(s.value),
+            style: pe(f.value)
           }, [
-            Y("div", se({
+            J("div", se({
               class: "q-overlay__content",
               ref_key: "overlayRef",
-              ref: q,
+              ref: L,
               tabindex: "-1",
-              role: d.value ? "dialog" : void 0
-            }, l.$attrs, {
-              onKeydown: je(L, ["escape"]),
-              onBlur: L
+              role: r.value ? "dialog" : void 0
+            }, p.$attrs, {
+              onKeydown: We($, ["escape"]),
+              onBlur: $
             }), [
-              e.arrow ? (u(), p("div", Ut)) : I("", !0),
-              m(l.$slots, "default")
-            ], 16, Ot)
+              e.arrow ? (u(), m("div", Ut)) : I("", !0),
+              v(p.$slots, "default")
+            ], 16, Rt)
           ], 6)) : I("", !0)
         ]),
         _: 3
       }, 8, ["name"])
     ], 8, ["disabled", "to"]));
   }
-}), he = B(Nt), Ht = ["id"], Kt = {
+}), ve = S(Nt), Ht = ["id"], Kt = {
   key: 0,
   class: "q-field__label"
 }, Gt = ["for"], Wt = {
@@ -1148,10 +1156,10 @@ const Ot = ["role"], Ut = {
 }, jt = {
   key: 1,
   class: "q-field__append"
-}, Pt = {
+}, Xt = {
   key: 1,
   class: "q-field__extras"
-}, Xt = /* @__PURE__ */ S({
+}, Yt = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QField",
   props: {
@@ -1165,53 +1173,53 @@ const Ot = ["role"], Ut = {
     class: { default: void 0 }
   },
   setup(t, { expose: o }) {
-    const e = t, n = me(e.id), a = T(null), r = w(() => e.required && !e.readonly && !e.disabled);
+    const e = t, n = me(e.id), l = D(null), s = w(() => e.required && !e.readonly && !e.disabled);
     return o({
-      fieldRef: a
-    }), (d, i) => (u(), p("div", {
-      id: v(n),
-      class: E([
+      fieldRef: l
+    }), (r, i) => (u(), m("div", {
+      id: h(n),
+      class: T([
         "q-field",
         `q-field--${e.size}`,
         {
           "q-field--readonly": e.readonly,
           "q-field--disabled": e.disabled,
-          "q-field--required": r.value
+          "q-field--required": s.value
         },
         e.class
       ])
     }, [
-      e.label ? (u(), p("div", Kt, [
-        m(d.$slots, "label.prepend"),
-        Y("label", {
+      e.label ? (u(), m("div", Kt, [
+        v(r.$slots, "label.prepend"),
+        J("label", {
           for: e.for
-        }, N(e.label), 9, Gt),
-        m(d.$slots, "label.append")
+        }, K(e.label), 9, Gt),
+        v(r.$slots, "label.append")
       ])) : I("", !0),
-      m(d.$slots, "control", {}, () => [
-        Y("div", se({
+      v(r.$slots, "control", {}, () => [
+        J("div", se({
           class: "q-field__control",
           ref_key: "fieldRef",
-          ref: a
-        }, d.$attrs), [
-          d.$slots.prepend ? (u(), p("div", Wt, [
-            m(d.$slots, "prepend")
+          ref: l
+        }, r.$attrs), [
+          r.$slots.prepend ? (u(), m("div", Wt, [
+            v(r.$slots, "prepend")
           ])) : I("", !0),
-          m(d.$slots, "default"),
-          d.$slots.append ? (u(), p("div", jt, [
-            m(d.$slots, "append")
+          v(r.$slots, "default"),
+          r.$slots.append ? (u(), m("div", jt, [
+            v(r.$slots, "append")
           ])) : I("", !0)
         ], 16)
       ]),
-      d.$slots.extras ? (u(), p("div", Pt, [
-        m(d.$slots, "extras")
+      r.$slots.extras ? (u(), m("div", Xt, [
+        v(r.$slots, "extras")
       ])) : I("", !0)
     ], 10, Ht));
   }
-}), qe = B(Xt), Yt = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Zt = /* @__PURE__ */ S({
+}), qe = S(Yt), Zt = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Jt = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QTextField",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ G({
     id: { default: void 0 },
     placeholder: { default: "" },
     label: { default: "" },
@@ -1229,20 +1237,20 @@ const Ot = ["role"], Ut = {
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const e = t, n = X(t, "modelValue"), a = me(e.id), r = T(null), d = T(null), i = w(
+    const e = t, n = Z(t, "modelValue"), l = me(e.id), s = D(null), r = D(null), i = w(
       () => e.readonly || e.disabled ? "" : e.placeholder
     );
     return o({
       fieldRef: w(() => {
-        var c;
-        return (c = r.value) == null ? void 0 : c.fieldRef;
+        var f;
+        return (f = s.value) == null ? void 0 : f.fieldRef;
       }),
-      inputRef: d
-    }), (c, q) => (u(), V(v(qe), {
+      inputRef: r
+    }), (f, L) => (u(), E(h(qe), {
       ref_key: "fieldRef",
-      ref: r,
-      class: E(["q-text-field", e.class]),
-      for: v(a),
+      ref: s,
+      class: T(["q-text-field", e.class]),
+      for: h(l),
       label: e.label,
       size: e.size,
       readonly: e.readonly,
@@ -1250,17 +1258,17 @@ const Ot = ["role"], Ut = {
       required: e.required
     }, _e({
       "label.prepend": k(() => [
-        m(c.$slots, "label.prepend")
+        v(f.$slots, "label.prepend")
       ]),
       "label.append": k(() => [
-        m(c.$slots, "label.append")
+        v(f.$slots, "label.append")
       ]),
       default: k(() => [
-        Pe(Y("input", se({
-          "onUpdate:modelValue": q[0] || (q[0] = (g) => n.value = g),
+        je(J("input", se({
+          "onUpdate:modelValue": L[0] || (L[0] = (_) => n.value = _),
           ref_key: "inputRef",
-          ref: d,
-          id: v(a),
+          ref: r,
+          id: h(l),
           class: "q-text-field__input",
           type: e.type,
           role: e.role,
@@ -1269,36 +1277,36 @@ const Ot = ["role"], Ut = {
           readonly: e.readonly,
           disabled: e.disabled,
           maxlength: e.maxLength
-        }, c.$attrs), null, 16, Yt), [
+        }, f.$attrs), null, 16, Zt), [
           [Xe, n.value]
         ])
       ]),
       _: 2
     }, [
-      c.$slots.prepend ? {
+      f.$slots.prepend ? {
         name: "prepend",
         fn: k(() => [
-          m(c.$slots, "prepend")
+          v(f.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
-      c.$slots.append ? {
+      f.$slots.append ? {
         name: "append",
         fn: k(() => [
-          m(c.$slots, "append")
+          v(f.$slots, "append")
         ]),
         key: "1"
       } : void 0,
-      c.$slots.extras ? {
+      f.$slots.extras ? {
         name: "extras",
         fn: k(() => [
-          m(c.$slots, "extras")
+          v(f.$slots, "extras")
         ]),
         key: "2"
       } : void 0
     ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
   }
-}), Jt = B(Zt), eo = ["data-key"], to = {
+}), Pt = S(Jt), eo = ["data-key"], to = {
   key: 0,
   class: "q-select__loader"
 }, oo = {
@@ -1313,9 +1321,9 @@ const Ot = ["role"], Ut = {
   clear: {
     icon: "close"
   }
-}, ao = /* @__PURE__ */ S({
+}, ao = /* @__PURE__ */ x({
   __name: "QCombobox",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ G({
     id: { default: void 0 },
     placeholder: { default: "" },
     selectionMode: { default: "automatic" },
@@ -1345,161 +1353,161 @@ const Ot = ["role"], Ut = {
     search: { default: "" },
     searchModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
+  emits: /* @__PURE__ */ G(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
   setup(t, { expose: o, emit: e }) {
-    const n = t, a = e, r = X(t, "modelValue"), d = X(t, "open"), i = X(t, "search"), c = T(void 0), q = T(null), g = T(null), _ = T(null);
-    Ae(M);
-    const F = w(() => n.clearable && !n.readonly && !n.disabled), D = w(() => {
-      var s;
-      return n.filterMode === "manual" || !G.value ? n.items : (s = n.items) == null ? void 0 : s.filter(
-        (b) => b[n.itemLabel].toLowerCase().startsWith(i.value.toLowerCase())
+    const n = t, l = e, s = Z(t, "modelValue"), r = Z(t, "open"), i = Z(t, "search"), f = D(void 0), L = D(null), _ = D(null), y = D(null);
+    Qe(Q);
+    const U = w(() => n.clearable && !n.readonly && !n.disabled), z = w(() => {
+      var a;
+      return n.filterMode === "manual" || !j.value ? n.items : (a = n.items) == null ? void 0 : a.filter(
+        (g) => g[n.itemLabel].toLowerCase().startsWith(i.value.toLowerCase())
       );
-    }), z = w(() => {
-      var s;
-      return (s = n.items) == null ? void 0 : s.find((b) => b[n.itemValue] === r.value);
-    }), L = w(() => z.value === void 0), K = w(() => {
-      const s = c.value;
-      if (s !== void 0 && D.value[s])
-        return D.value[s];
+    }), C = w(() => {
+      var a;
+      return (a = n.items) == null ? void 0 : a.find((g) => g[n.itemValue] === s.value);
+    }), V = w(() => C.value === void 0), W = w(() => {
+      const a = f.value;
+      if (a !== void 0 && z.value[a])
+        return z.value[a];
     }), le = w(() => {
-      var b;
-      if (c.value === void 0)
+      var g;
+      if (f.value === void 0)
         return;
-      const s = (b = g.value) == null ? void 0 : b.getItem(c.value);
-      return s == null ? void 0 : s.id;
-    }), G = w(() => {
-      var s;
-      return i.value.length > 0 && i.value !== ((s = z.value) == null ? void 0 : s[n.itemLabel]);
+      const a = (g = _.value) == null ? void 0 : g.getItem(f.value);
+      return a == null ? void 0 : a.id;
+    }), j = w(() => {
+      var a;
+      return i.value.length > 0 && i.value !== ((a = C.value) == null ? void 0 : a[n.itemLabel]);
     });
-    function C(s) {
-      r.value = s, R();
+    function A(a) {
+      s.value = a, N();
     }
-    function M() {
-      var b;
-      const s = ((b = z.value) == null ? void 0 : b[n.itemLabel]) || "";
-      i.value !== s && (i.value = s);
+    function Q() {
+      var g;
+      const a = ((g = C.value) == null ? void 0 : g[n.itemLabel]) || "";
+      i.value !== a && (i.value = a);
     }
-    function W() {
-      d.value || n.readonly || n.disabled || (a("before-show"), d.value = !0, ee());
+    function X() {
+      r.value || n.readonly || n.disabled || (l("before-show"), r.value = !0, M());
     }
-    function R() {
-      d.value && (a("before-hide"), d.value = !1, c.value = void 0);
+    function N() {
+      r.value && (l("before-hide"), r.value = !1, f.value = void 0);
     }
-    function Z() {
-      d.value ? R() : f();
+    function P() {
+      r.value ? N() : c();
     }
-    function J() {
-      F.value && (r.value = n.emptyValue, c.value = void 0, ee());
+    function ae() {
+      U.value && (s.value = n.emptyValue, f.value = void 0, M());
     }
-    function f() {
-      if (W(), z.value !== void 0) {
-        const s = D.value.indexOf(z.value);
-        s !== -1 && U(() => Ie(s));
+    function c() {
+      if (X(), C.value !== void 0) {
+        const a = z.value.indexOf(C.value);
+        a !== -1 && H(() => Le(a));
       }
     }
-    function y(s) {
-      var b, x;
-      if (!(!s.key || n.readonly || n.disabled))
-        if (["ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && (s.preventDefault(), s.stopPropagation()), s.key === "Escape")
-          M(), d.value && R();
-        else if (["ArrowDown", "ArrowUp"].includes(s.key))
-          d.value ? U(() => {
-            if (c.value === void 0)
-              $();
+    function b(a) {
+      var g, B;
+      if (!(!a.key || n.readonly || n.disabled))
+        if (["ArrowDown", "ArrowUp", "Home", "End"].includes(a.key) && (a.preventDefault(), a.stopPropagation()), a.key === "Escape")
+          Q(), r.value && N();
+        else if (["ArrowDown", "ArrowUp"].includes(a.key))
+          r.value ? H(() => {
+            if (f.value === void 0)
+              q();
             else {
-              const Q = s.key === "ArrowDown" ? "next" : "prev";
-              h(c.value, Q);
+              const O = a.key === "ArrowDown" ? "next" : "prev";
+              $(f.value, O);
             }
-          }) : (W(), U(() => {
-            s.key === "ArrowDown" ? $() : l();
+          }) : (X(), H(() => {
+            a.key === "ArrowDown" ? q() : d();
           }));
-        else if (s.key === "Enter") {
-          if (K.value === void 0)
+        else if (a.key === "Enter") {
+          if (W.value === void 0)
             return;
-          C(K.value[n.itemValue]);
+          A(W.value[n.itemValue]);
         } else
-          s.key === "Home" ? c.value = (b = g.value) == null ? void 0 : b.getFirstFocusableItemIndex() : s.key === "End" ? c.value = (x = g.value) == null ? void 0 : x.getLastFocusableItemIndex() : (/^[a-z]$/i.test(s.key) || s.key === "Backspace") && W();
+          a.key === "Home" ? f.value = (g = _.value) == null ? void 0 : g.getFirstFocusableItemIndex() : a.key === "End" ? f.value = (B = _.value) == null ? void 0 : B.getLastFocusableItemIndex() : (/^[a-z]$/i.test(a.key) || a.key === "Backspace") && X();
     }
-    function $() {
-      var s, b;
-      if (L.value)
-        c.value = (b = g.value) == null ? void 0 : b.getFirstFocusableItemIndex();
+    function q() {
+      var a, g;
+      if (V.value)
+        f.value = (g = _.value) == null ? void 0 : g.getFirstFocusableItemIndex();
       else {
-        const x = D.value.findIndex(
-          (Q) => Q[n.itemValue] === r.value
+        const B = z.value.findIndex(
+          (O) => O[n.itemValue] === s.value
         );
-        x === -1 ? c.value = (s = g.value) == null ? void 0 : s.getFirstFocusableItemIndex() : c.value = x;
+        B === -1 ? f.value = (a = _.value) == null ? void 0 : a.getFirstFocusableItemIndex() : f.value = B;
       }
     }
-    function l() {
-      var s;
-      c.value = (s = g.value) == null ? void 0 : s.getLastFocusableItemIndex();
+    function d() {
+      var a;
+      f.value = (a = _.value) == null ? void 0 : a.getLastFocusableItemIndex();
     }
-    function h(s, b) {
-      var x;
-      c.value = (x = g.value) == null ? void 0 : x.getAdjacentItemIndex(s, b);
+    function $(a, g) {
+      var B;
+      f.value = (B = _.value) == null ? void 0 : B.getAdjacentItemIndex(a, g);
     }
-    function O(s) {
-      var b, x, Q;
-      !((b = _.value) != null && b.contains(s.relatedTarget)) && !((Q = (x = q.value) == null ? void 0 : x.fieldRef) != null && Q.contains(s.relatedTarget)) ? (R(), F.value && !i.value && (r.value = n.emptyValue), M()) : (s.preventDefault(), s.stopPropagation());
+    function p(a) {
+      var g, B, O;
+      !((g = y.value) != null && g.contains(a.relatedTarget)) && !((O = (B = L.value) == null ? void 0 : B.fieldRef) != null && O.contains(a.relatedTarget)) ? (N(), U.value && !i.value && (s.value = n.emptyValue), Q()) : (a.preventDefault(), a.stopPropagation());
     }
-    function ee() {
-      var s, b;
-      (b = (s = q.value) == null ? void 0 : s.inputRef) == null || b.focus();
+    function M() {
+      var a, g;
+      (g = (a = L.value) == null ? void 0 : a.inputRef) == null || g.focus();
     }
-    function j() {
-      ee();
+    function R() {
+      M();
     }
-    function ve() {
-      a("show");
+    function oe() {
+      l("show");
     }
-    function Ne() {
-      a("hide");
+    function Ue() {
+      l("hide");
     }
-    function Ie(s) {
-      var x;
-      const b = (x = g.value) == null ? void 0 : x.getItem(s);
-      g.value && (g.value.$el.scrollTop = b == null ? void 0 : b.offsetTop);
+    function Le(a) {
+      var B;
+      const g = (B = _.value) == null ? void 0 : B.getItem(a);
+      _.value && (_.value.$el.scrollTop = g == null ? void 0 : g.offsetTop);
     }
-    return P(r, M), P(
+    return Y(s, Q), Y(
       () => n.items,
-      (s, b) => {
-        if (!L.value) {
-          const x = b.find((Q) => Q[n.itemValue] === r.value);
-          i.value === (x == null ? void 0 : x[n.itemLabel]) && M();
+      (a, g) => {
+        if (!V.value) {
+          const B = g.find((O) => O[n.itemValue] === s.value);
+          i.value === (B == null ? void 0 : B[n.itemLabel]) && Q();
         }
       },
       { deep: !0 }
-    ), P(c, (s) => {
-      s !== void 0 && Ie(s);
-    }), P(i, (s) => {
-      s && d.value && n.selectionMode === "automatic" && U($);
-    }), P(
+    ), Y(f, (a) => {
+      a !== void 0 && Le(a);
+    }), Y(i, (a) => {
+      a && r.value && n.selectionMode === "automatic" && H(q);
+    }), Y(
       () => n.loading,
-      (s) => {
-        !s && d.value && U($);
+      (a) => {
+        !a && r.value && H(q);
       }
     ), o({
-      triggerEl: q
-    }), (s, b) => {
-      var x;
-      return u(), p(oe, null, [
-        A(v(Jt), {
+      triggerEl: L
+    }), (a, g) => {
+      var B;
+      return u(), m(te, null, [
+        F(h(Pt), {
           modelValue: i.value,
-          "onUpdate:modelValue": b[0] || (b[0] = (Q) => i.value = Q),
+          "onUpdate:modelValue": g[0] || (g[0] = (O) => i.value = O),
           id: n.id,
           label: n.label,
           required: n.required,
           ref_key: "triggerEl",
-          ref: q,
+          ref: L,
           role: "combobox",
           placeholder: n.placeholder,
-          class: E([
+          class: T([
             "q-combobox",
             {
               "q-combobox--readonly": n.readonly,
               "q-combobox--disabled": n.disabled,
-              "q-combobox--expanded": d.value
+              "q-combobox--expanded": r.value
             },
             n.class
           ]),
@@ -1507,117 +1515,117 @@ const Ot = ["role"], Ut = {
           disabled: n.disabled,
           "data-loading": n.loading,
           autocomplete: "off",
-          "aria-expanded": d.value,
+          "aria-expanded": r.value,
           "aria-haspopup": "listbox",
           "aria-autocomplete": "list",
           "aria-activedescendant": le.value,
           size: n.size,
-          onClick: f,
-          onFocusout: O,
-          onKeydown: de(y, ["stop"])
+          onClick: c,
+          onFocusout: p,
+          onKeydown: de(b, ["stop"])
         }, _e({
           "label.prepend": k(() => [
-            m(s.$slots, "label.prepend")
+            v(a.$slots, "label.prepend")
           ]),
           "label.append": k(() => [
-            m(s.$slots, "label.append")
+            v(a.$slots, "label.append")
           ]),
           append: k(() => [
-            m(s.$slots, "append"),
-            F.value && i.value ? (u(), V(v(fe), {
+            v(a.$slots, "append"),
+            U.value && i.value ? (u(), E(h(fe), {
               key: 0,
               class: "q-combobox__clear",
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
-              onClick: J
+              onClick: ae
             }, {
               default: k(() => [
-                A(v(te), ne(ie(n.icons.clear)), null, 16)
+                F(h(ee), ne(ie(n.icons.clear)), null, 16)
               ]),
               _: 1
             })) : I("", !0),
-            n.readonly ? I("", !0) : (u(), V(v(fe), {
+            n.readonly ? I("", !0) : (u(), E(h(fe), {
               key: 1,
               class: "q-combobox__chevron",
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
               disabled: n.disabled,
-              onClick: Z
+              onClick: P
             }, {
               default: k(() => [
-                A(v(te), ne(ie(n.icons.chevron)), null, 16)
+                F(h(ee), ne(ie(n.icons.chevron)), null, 16)
               ]),
               _: 1
             }, 8, ["disabled"]))
           ]),
           _: 2
         }, [
-          s.$slots.prepend ? {
+          a.$slots.prepend ? {
             name: "prepend",
             fn: k(() => [
-              m(s.$slots, "prepend")
+              v(a.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
-          s.$slots.extras ? {
+          a.$slots.extras ? {
             name: "extras",
             fn: k(() => [
-              m(s.$slots, "extras")
+              v(a.$slots, "extras")
             ]),
             key: "1"
           } : void 0
         ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "data-loading", "aria-expanded", "aria-activedescendant", "size"]),
-        A(v(he), {
-          modelValue: d.value,
-          "onUpdate:modelValue": b[2] || (b[2] = (Q) => d.value = Q),
+        F(h(ve), {
+          modelValue: r.value,
+          "onUpdate:modelValue": g[2] || (g[2] = (O) => r.value = O),
           spy: "",
           trigger: "manual",
           placement: "bottom",
           width: "anchor",
           offset: 4,
-          anchor: (x = q.value) == null ? void 0 : x.$el,
-          onEnter: ve,
-          onLeave: Ne
+          anchor: (B = L.value) == null ? void 0 : B.$el,
+          onEnter: oe,
+          onLeave: Ue
         }, {
           default: k(() => {
-            var Q;
+            var O;
             return [
-              Y("div", {
+              J("div", {
                 ref_key: "contentRef",
-                ref: _,
+                ref: y,
                 "data-testid": "combobox-dropdown",
                 "data-key": n.id,
                 class: "q-select__body",
-                onFocusout: O
+                onFocusout: p
               }, [
-                m(s.$slots, "body.prepend"),
-                n.loading ? (u(), p("div", to, [
-                  A(v($e), { size: 24 })
-                ])) : D.value.length ? (u(), V(v(Oe), {
+                v(a.$slots, "body.prepend"),
+                n.loading ? (u(), m("div", to, [
+                  F(h($e), { size: 24 })
+                ])) : z.value.length ? (u(), E(h(Re), {
                   key: 1,
                   ref_key: "listRef",
-                  ref: g,
+                  ref: _,
                   class: "q-select__items",
-                  modelValue: r.value,
+                  modelValue: s.value,
                   "onUpdate:modelValue": [
-                    b[1] || (b[1] = (be) => r.value = be),
-                    C
+                    g[1] || (g[1] = (he) => s.value = he),
+                    A
                   ],
-                  highlighted: (Q = K.value) == null ? void 0 : Q[n.itemValue],
-                  items: D.value,
-                  groups: s.groups,
+                  highlighted: (O = W.value) == null ? void 0 : O[n.itemValue],
+                  items: z.value,
+                  groups: a.groups,
                   "item-label": n.itemLabel,
                   "item-value": n.itemValue,
-                  onMouseup: j
+                  onMouseup: R
                 }, {
-                  item: k(({ item: be }) => [
-                    m(s.$slots, "item", { item: be })
+                  item: k(({ item: he }) => [
+                    v(a.$slots, "item", { item: he })
                   ]),
                   _: 3
-                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), p("div", oo, N(s.texts.noData), 1)),
-                m(s.$slots, "body.append")
+                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), m("div", oo, K(a.texts.noData), 1)),
+                v(a.$slots, "body.append")
               ], 40, eo)
             ];
           }),
@@ -1626,13 +1634,13 @@ const Ot = ["role"], Ut = {
       ], 64);
     };
   }
-}), Do = B(ao), so = {
+}), Do = S(ao), so = {
   key: 0,
   class: "q-input-group__prepend"
 }, io = { key: 0 }, ro = {
   key: 1,
   class: "q-input-group__append"
-}, uo = { key: 0 }, co = /* @__PURE__ */ S({
+}, uo = { key: 0 }, co = /* @__PURE__ */ x({
   __name: "QInputGroup",
   props: {
     id: { default: void 0 },
@@ -1645,56 +1653,56 @@ const Ot = ["role"], Ut = {
   },
   setup(t) {
     const o = t;
-    return Fe({
+    return Me({
       QField: {
         size: "block"
       }
-    }), (e, n) => (u(), V(v(qe), {
+    }), (e, n) => (u(), E(h(qe), {
       id: o.id,
-      class: E(["q-input-group", o.class]),
+      class: T(["q-input-group", o.class]),
       label: o.label,
       required: o.required,
       size: o.size
     }, {
       default: k(() => [
-        e.$slots.prepend || o.prependIcon ? (u(), p("div", so, [
-          o.prependIcon ? (u(), p("span", io, [
-            A(v(te), ne(ie(o.prependIcon)), null, 16)
+        e.$slots.prepend || o.prependIcon ? (u(), m("div", so, [
+          o.prependIcon ? (u(), m("span", io, [
+            F(h(ee), ne(ie(o.prependIcon)), null, 16)
           ])) : I("", !0),
-          m(e.$slots, "prepend")
+          v(e.$slots, "prepend")
         ])) : I("", !0),
-        m(e.$slots, "default"),
-        e.$slots.append || o.appendIcon ? (u(), p("div", ro, [
-          o.appendIcon ? (u(), p("span", uo, [
-            A(v(te), ne(ie(o.appendIcon)), null, 16)
+        v(e.$slots, "default"),
+        e.$slots.append || o.appendIcon ? (u(), m("div", ro, [
+          o.appendIcon ? (u(), m("span", uo, [
+            F(h(ee), ne(ie(o.appendIcon)), null, 16)
           ])) : I("", !0),
-          m(e.$slots, "append")
+          v(e.$slots, "append")
         ])) : I("", !0)
       ]),
       _: 3
     }, 8, ["id", "class", "label", "required", "size"]));
   }
-}), zo = B(co), fo = /* @__PURE__ */ S({
+}), zo = S(co), fo = /* @__PURE__ */ x({
   __name: "QLineLoader",
   props: {
     class: { default: void 0 }
   },
   setup(t) {
     const o = t;
-    return (e, n) => (u(), p("div", {
-      class: E(["q-line-loader", o.class])
+    return (e, n) => (u(), m("div", {
+      class: T(["q-line-loader", o.class])
     }, null, 2));
   }
-}), Co = B(fo), po = {
+}), Co = S(fo), po = {
   key: 0,
   class: "q-popover__header"
 }, mo = {
   key: 1,
   class: "q-popover__body"
-}, vo = ["innerHTML"], ho = { key: 1 }, bo = /* @__PURE__ */ S({
+}, vo = ["innerHTML"], ho = { key: 1 }, bo = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QPopover",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ G({
     anchor: {},
     arrow: { type: Boolean, default: !0 },
     attach: { default: "body" },
@@ -1709,8 +1717,8 @@ const Ot = ["role"], Ut = {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const o = t, e = X(t, "modelValue");
-    return (n, a) => (u(), V(v(he), {
+    const o = t, e = Z(t, "modelValue");
+    return (n, l) => (u(), E(h(ve), {
       "model-value": e.value,
       class: "q-popover",
       trigger: "click",
@@ -1721,22 +1729,22 @@ const Ot = ["role"], Ut = {
       placement: o.placement
     }, {
       default: k(() => [
-        o.title || n.$slots.header ? (u(), p("h3", po, [
-          ue(N(o.title) + " ", 1),
-          m(n.$slots, "header")
+        o.title || n.$slots.header ? (u(), m("h3", po, [
+          ue(K(o.title) + " ", 1),
+          v(n.$slots, "header")
         ])) : I("", !0),
-        o.text || n.$slots.body ? (u(), p("div", mo, [
-          o.html ? (u(), p("span", {
+        o.text || n.$slots.body ? (u(), m("div", mo, [
+          o.html ? (u(), m("span", {
             key: 0,
             innerHTML: o.text
-          }, null, 8, vo)) : (u(), p("span", ho, N(o.text), 1)),
-          m(n.$slots, "body")
+          }, null, 8, vo)) : (u(), m("span", ho, K(o.text), 1)),
+          v(n.$slots, "body")
         ])) : I("", !0)
       ]),
       _: 3
     }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement"]));
   }
-}), Qo = B(bo), yo = {
+}), Ao = S(bo), yo = {
   key: 0,
   class: "q-select__value"
 }, go = {
@@ -1754,9 +1762,9 @@ const Ot = ["role"], Ut = {
   clear: {
     icon: "close"
   }
-}, qo = /* @__PURE__ */ S({
+}, qo = /* @__PURE__ */ x({
   __name: "QSelect",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ G({
     id: { default: void 0 },
     label: { default: "" },
     clearable: { type: Boolean },
@@ -1779,84 +1787,84 @@ const Ot = ["role"], Ut = {
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ G(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
   setup(t, { emit: o }) {
-    const e = t, n = o, a = X(t, "modelValue"), r = T(!1), d = T(""), i = T(null), c = T(null), q = T(null), g = w(() => _.value === void 0), _ = w(
+    const e = t, n = o, l = Z(t, "modelValue"), s = D(!1), r = D(""), i = D(null), f = D(null), L = D(null), _ = w(() => y.value === void 0), y = w(
       () => {
-        var l;
-        return (l = e.items) == null ? void 0 : l.find((h) => h[e.itemValue] === a.value);
+        var d;
+        return (d = e.items) == null ? void 0 : d.find(($) => $[e.itemValue] === l.value);
       }
-    ), F = w(
-      () => _.value ? _.value[e.itemLabel] : ""
-    ), D = w(
+    ), U = w(
+      () => y.value ? y.value[e.itemLabel] : ""
+    ), z = w(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
-    function z(l) {
-      a.value = l, C();
-    }
-    function L() {
-      D.value && z(e.emptyValue);
+    function C(d) {
+      l.value = d, A();
     }
-    function K() {
-      e.readonly || e.disabled || (r.value ? C() : G());
+    function V() {
+      z.value && C(e.emptyValue);
     }
-    function le(l) {
-      var h, O, ee;
-      !((h = q.value) != null && h.contains(l.relatedTarget)) && !((ee = (O = i.value) == null ? void 0 : O.fieldRef) != null && ee.contains(l.relatedTarget)) && C();
-    }
-    function G() {
-      r.value || (n("before-show"), r.value = !0);
-    }
-    function C() {
-      r.value && (n("before-hide"), r.value = !1);
+    function W() {
+      e.readonly || e.disabled || (s.value ? A() : j());
     }
-    function M() {
-      r.value ? C() : G();
+    function le(d) {
+      var $, p, M;
+      !(($ = L.value) != null && $.contains(d.relatedTarget)) && !((M = (p = i.value) == null ? void 0 : p.fieldRef) != null && M.contains(d.relatedTarget)) && A();
     }
-    let W;
-    function R(l) {
-      if (!(!l.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(W), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(l.key) && (l.preventDefault(), l.stopPropagation()), ["Enter", " "].includes(l.key) && (r.value = !0), ["Escape", "Tab"].includes(l.key) && (r.value ? r.value = !1 : D.value && l.key === "Escape" && L()), l.key === "Delete" && e.clearable && L(), /^[a-z]$/i.test(l.key)) {
-          d.value += l.key.toLowerCase();
-          for (let h = 0; h < e.items.length; h++)
-            if (e.items[h][e.itemLabel].toLowerCase().startsWith(d.value)) {
-              $(h);
+    function j() {
+      s.value || (n("before-show"), s.value = !0);
+    }
+    function A() {
+      s.value && (n("before-hide"), s.value = !1);
+    }
+    function Q() {
+      s.value ? A() : j();
+    }
+    let X;
+    function N(d) {
+      if (!(!d.key || e.readonly || e.disabled)) {
+        if (window.clearTimeout(X), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(d.key) && (d.preventDefault(), d.stopPropagation()), ["Enter", " "].includes(d.key) && (s.value = !0), ["Escape", "Tab"].includes(d.key) && (s.value ? s.value = !1 : z.value && d.key === "Escape" && V()), d.key === "Delete" && e.clearable && V(), /^[a-z]$/i.test(d.key)) {
+          r.value += d.key.toLowerCase();
+          for (let $ = 0; $ < e.items.length; $++)
+            if (e.items[$][e.itemLabel].toLowerCase().startsWith(r.value)) {
+              q($);
               break;
             }
         }
-        W = window.setTimeout(function() {
-          d.value = "";
+        X = window.setTimeout(function() {
+          r.value = "";
         }, 500);
       }
     }
-    function Z() {
-      var l;
-      e.loading ? (l = q.value) == null || l.focus() : y(), n("show");
+    function P() {
+      var d;
+      e.loading ? (d = L.value) == null || d.focus() : b(), n("show");
     }
-    function J() {
-      f(), n("hide");
+    function ae() {
+      c(), n("hide");
     }
-    function f() {
-      var l, h;
-      (h = (l = i.value) == null ? void 0 : l.fieldRef) == null || h.focus();
+    function c() {
+      var d, $;
+      ($ = (d = i.value) == null ? void 0 : d.fieldRef) == null || $.focus();
     }
-    function y() {
-      var l;
-      (l = c.value) == null || l.$el.focus();
+    function b() {
+      var d;
+      (d = f.value) == null || d.$el.focus();
     }
-    function $(l) {
-      var h;
-      (h = c.value) == null || h.focusItem(l);
+    function q(d) {
+      var $;
+      ($ = f.value) == null || $.focusItem(d);
     }
-    return P(
+    return Y(
       () => e.loading,
-      (l) => {
-        !l && r.value && U(y);
+      (d) => {
+        !d && s.value && H(b);
       }
-    ), (l, h) => {
-      var O, ee;
-      return u(), p(oe, null, [
-        A(v(qe), {
+    ), (d, $) => {
+      var p, M;
+      return u(), m(te, null, [
+        F(h(qe), {
           id: e.id,
           label: e.label,
           required: e.required,
@@ -1864,129 +1872,130 @@ const Ot = ["role"], Ut = {
           ref: i,
           role: "combobox",
           tabindex: e.disabled ? -1 : 0,
-          class: E([
+          class: T([
             "q-select",
             {
               "q-select--readonly": e.readonly,
               "q-select--disabled": e.disabled,
-              "q-select--expanded": r.value
+              "q-select--expanded": s.value
             },
             e.class
           ]),
           readonly: e.readonly,
           disabled: e.disabled,
           "data-loading": e.loading,
-          "aria-expanded": r.value,
+          "aria-expanded": s.value,
           "aria-haspopup": "listbox",
           size: e.size,
-          onClick: K,
-          onKeydown: de(R, ["stop"])
+          onClick: W,
+          onKeydown: de(N, ["stop"])
         }, _e({
           append: k(() => [
-            m(l.$slots, "append"),
-            D.value && a.value ? (u(), V(v(fe), {
+            v(d.$slots, "append"),
+            z.value && l.value ? (u(), E(h(fe), {
               key: 0,
               class: "q-select__clear",
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
-              onClick: L
+              onClick: V
             }, {
               default: k(() => [
-                A(v(te), ne(ie(e.icons.clear)), null, 16)
+                F(h(ee), ne(ie(e.icons.clear)), null, 16)
               ]),
               _: 1
             })) : I("", !0),
-            e.readonly ? I("", !0) : (u(), V(v(fe), {
+            e.readonly ? I("", !0) : (u(), E(h(fe), {
               key: 1,
               class: "q-select__chevron",
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
               disabled: e.disabled,
-              onClick: M
+              onClick: Q
             }, {
               default: k(() => [
-                A(v(te), ne(ie(e.icons.chevron)), null, 16)
+                F(h(ee), ne(ie(e.icons.chevron)), null, 16)
               ]),
               _: 1
             }, 8, ["disabled"]))
           ]),
           default: k(() => [
-            g.value ? (u(), p("span", go, [
-              !e.readonly && !e.disabled ? (u(), p(oe, { key: 0 }, [
-                ue(N(l.texts.placeholder), 1)
+            _.value ? (u(), m("span", go, [
+              !e.readonly && !e.disabled ? (u(), m(te, { key: 0 }, [
+                ue(K(d.texts.placeholder), 1)
               ], 64)) : I("", !0)
-            ])) : (u(), p("span", yo, N(F.value), 1))
+            ])) : (u(), m("span", yo, K(U.value), 1))
           ]),
           _: 2
         }, [
-          (O = _.value) != null && O.icon || l.$slots.prepend ? {
+          (p = y.value) != null && p.icon || d.$slots.prepend ? {
             name: "prepend",
             fn: k(() => {
-              var j, ve;
+              var R, oe;
               return [
-                m(l.$slots, "prepend"),
-                (j = _.value) != null && j.icon ? (u(), V(v(te), ne(se({ key: 0 }, (ve = _.value) == null ? void 0 : ve.icon)), null, 16)) : I("", !0)
+                v(d.$slots, "prepend"),
+                (R = y.value) != null && R.icon ? (u(), E(h(ee), ne(se({ key: 0 }, (oe = y.value) == null ? void 0 : oe.icon)), null, 16)) : I("", !0)
               ];
             }),
             key: "0"
           } : void 0,
-          l.$slots.extras ? {
+          d.$slots.extras ? {
             name: "extras",
             fn: k(() => [
-              m(l.$slots, "extras")
+              v(d.$slots, "extras")
             ]),
             key: "1"
           } : void 0
         ]), 1032, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size"]),
-        A(v(he), {
-          modelValue: r.value,
-          "onUpdate:modelValue": h[1] || (h[1] = (j) => r.value = j),
+        F(h(ve), {
+          modelValue: s.value,
+          "onUpdate:modelValue": $[1] || ($[1] = (R) => s.value = R),
           spy: "",
           trigger: "manual",
           placement: "bottom",
           width: "anchor",
-          anchor: (ee = i.value) == null ? void 0 : ee.$el,
+          "scroll-lock": "",
+          anchor: (M = i.value) == null ? void 0 : M.$el,
           offset: 2,
-          onEnter: Z,
-          onLeave: J
+          onEnter: P,
+          onLeave: ae
         }, {
           default: k(() => [
-            Y("div", {
+            J("div", {
               ref_key: "contentRef",
-              ref: q,
+              ref: L,
               "data-testid": "combobox-dropdown",
               "data-key": e.id,
               class: "q-select__body",
               tabindex: "-1",
               onFocusout: le,
-              onKeydown: de(R, ["stop"])
+              onKeydown: de(N, ["stop"])
             }, [
-              m(l.$slots, "body.prepend"),
-              e.loading ? (u(), p("div", ko, [
-                A(v($e), { size: 24 })
-              ])) : (u(), V(v(Oe), {
+              v(d.$slots, "body.prepend"),
+              e.loading ? (u(), m("div", ko, [
+                F(h($e), { size: 24 })
+              ])) : (u(), E(h(Re), {
                 key: 1,
                 ref_key: "listRef",
-                ref: c,
+                ref: f,
                 class: "q-select__items",
-                modelValue: a.value,
+                modelValue: l.value,
                 "onUpdate:modelValue": [
-                  h[0] || (h[0] = (j) => a.value = j),
-                  z
+                  $[0] || ($[0] = (R) => l.value = R),
+                  C
                 ],
                 items: e.items,
-                groups: l.groups,
+                groups: d.groups,
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue
               }, {
-                item: k(({ item: j }) => [
-                  m(l.$slots, "item", { item: j })
+                item: k(({ item: R }) => [
+                  v(d.$slots, "item", { item: R })
                 ]),
                 _: 3
               }, 8, ["modelValue", "items", "groups", "item-label", "item-value"])),
-              m(l.$slots, "body.append")
+              v(d.$slots, "body.append")
             ], 40, _o)
           ]),
           _: 3
@@ -1994,22 +2003,22 @@ const Ot = ["role"], Ut = {
       ], 64);
     };
   }
-}), Ao = B(qo), Io = /* @__PURE__ */ S({
+}), Qo = S(qo), Lo = /* @__PURE__ */ x({
   __name: "QThemeProvider",
   props: {
     theme: {}
   },
   setup(t) {
     const o = t;
-    return (e, n) => (u(), p("div", {
-      class: E(["q-theme-provider", `q-theme--${o.theme}`])
+    return (e, n) => (u(), m("div", {
+      class: T(["q-theme-provider", `q-theme--${o.theme}`])
     }, [
-      m(e.$slots, "default")
+      v(e.$slots, "default")
     ], 2));
   }
-}), Fo = B(Io), Lo = ["innerHTML"], So = { key: 1 }, xo = /* @__PURE__ */ S({
+}), Mo = S(Lo), Io = ["innerHTML"], xo = { key: 1 }, Bo = /* @__PURE__ */ x({
   __name: "QTooltip",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ G({
     id: { default: void 0 },
     anchor: {},
     appearance: { default: "inverted" },
@@ -2028,61 +2037,61 @@ const Ot = ["role"], Ut = {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const o = t, e = X(t, "modelValue"), n = me(o.id);
-    return (a, r) => (u(), p(oe, null, [
-      m(a.$slots, "anchor", {
-        props: { "aria-describedby": v(n) }
+    const o = t, e = Z(t, "modelValue"), n = me(o.id);
+    return (l, s) => (u(), m(te, null, [
+      v(l.$slots, "anchor", {
+        props: { "aria-describedby": h(n) }
       }),
-      A(v(he), {
+      F(h(ve), {
         "model-value": e.value,
         anchor: o.anchor,
         role: "tooltip",
-        id: v(n),
+        id: h(n),
         appearance: o.appearance,
         arrow: o.arrow,
         attach: o.attach,
-        class: E(["q-tooltip", o.class]),
+        class: T(["q-tooltip", o.class]),
         delay: o.delay,
         disabled: o.disabled,
         placement: o.placement,
         trigger: o.trigger
       }, {
         default: k(() => [
-          o.html ? (u(), p("span", {
+          o.html ? (u(), m("span", {
             key: 0,
             innerHTML: o.text
-          }, null, 8, Lo)) : (u(), p("span", So, N(o.text), 1))
+          }, null, 8, Io)) : (u(), m("span", xo, K(o.text), 1))
         ]),
         _: 1
       }, 8, ["model-value", "anchor", "id", "appearance", "arrow", "attach", "class", "delay", "disabled", "placement", "trigger"])
     ], 64));
   }
-}), Mo = B(xo);
+}), Oo = S(Bo);
 export {
   fe as QButton,
-  vt as QButtonGroup,
+  mt as QButtonGroup,
   To as QButtonToggle,
   Do as QCombobox,
   qe as QField,
-  te as QIcon,
-  It as QIconFont,
+  ee as QIcon,
+  qt as QIconFont,
   Lt as QIconImg,
-  St as QIconSvg,
+  It as QIconSvg,
   zo as QInputGroup,
   Co as QLineLoader,
-  Oe as QList,
+  Re as QList,
   At as QListItem,
-  Ft as QListItemGroup,
-  he as QOverlay,
-  Qo as QPopover,
-  Ao as QSelect,
+  Qt as QListItemGroup,
+  ve as QOverlay,
+  Ao as QPopover,
+  Qo as QSelect,
   $e as QSpinnerLoader,
-  Jt as QTextField,
-  Fo as QThemeProvider,
-  Mo as QTooltip,
+  Pt as QTextField,
+  Mo as QThemeProvider,
+  Oo as QTooltip,
   Eo as createFramework,
   Je as defaultDarkColorScheme,
-  Be as defaultLightColorScheme,
+  Se as defaultLightColorScheme,
   Vo as provideTheme,
   Ze as useTheme
 };