@quidgest/ui 0.7.15 → 0.7.16

package/dist/ui.esm.js

@@ -1,18 +1,18 @@
-import { getCurrentInstance as Ve, computed as g, ref as q, provide as Ne, inject as De, watch as C, defineComponent as x, openBlock as d, createElementBlock as v, normalizeClass as D, normalizeStyle as ae, createElementVNode as G, withModifiers as ee, createVNode as te, unref as k, createCommentVNode as S, Fragment as Z, createTextVNode as re, toDisplayString as N, renderSlot as y, toRef as pe, createBlock as B, withCtx as $, renderList as ve, resolveDynamicComponent as Te, h as $e, normalizeProps as de, mergeProps as ne, reactive as He, onBeforeUnmount as Ke, onMounted as Ee, Teleport as We, Transition as Ge, nextTick as J, createSlots as be, withDirectives as je, vModelDynamic as Xe, guardReactiveProps as he } from "vue";
-function ye(n) {
+import { getCurrentInstance as Le, computed as g, ref as q, provide as Oe, inject as xe, watch as F, defineComponent as L, openBlock as c, createElementBlock as v, normalizeClass as T, normalizeStyle as ae, createElementVNode as j, withModifiers as ne, createVNode as G, unref as $, createCommentVNode as S, Fragment as J, createTextVNode as se, toDisplayString as N, renderSlot as b, toRef as ce, createBlock as x, withCtx as I, renderList as pe, resolveDynamicComponent as Ve, h as ke, normalizeProps as ie, mergeProps as ee, reactive as Ue, onBeforeUnmount as Ne, onMounted as De, Teleport as He, Transition as Ke, withKeys as We, nextTick as P, createSlots as he, withDirectives as Ge, vModelDynamic as je, guardReactiveProps as me } from "vue";
+function ve(n) {
   return n == null ? !0 : typeof n == "string" || Array.isArray(n) ? n.length === 0 : typeof n == "object" ? Object.keys(n).length === 0 : !1;
 }
-function Ie(n) {
+function we(n) {
   return n !== null && typeof n == "object" && !Array.isArray(n);
 }
-function ze(n = {}, t = {}) {
+function Te(n = {}, t = {}) {
   const o = {};
   for (const e in n)
     o[e] = n[e];
   for (const e in t) {
     const l = n[e], a = t[e];
-    if (Ie(l) && Ie(a)) {
-      o[e] = ze(
+    if (we(l) && we(a)) {
+      o[e] = Te(
         l,
         a
       );
@@ -22,33 +22,33 @@ function ze(n = {}, t = {}) {
   }
   return o;
 }
-const ge = "q-defaults";
-function Ye() {
-  const n = Ve();
+const ye = "q-defaults";
+function Xe() {
+  const n = Le();
   if (!n)
     throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
   const t = n.type.name ?? n.type.__name;
   if (!t)
     throw new Error("[Quidgest UI] Could not determine component name");
-  const o = Fe();
+  const o = ze();
   return g(() => {
     var e;
     return (e = o.value) == null ? void 0 : e[t];
   });
 }
-function Ce(n) {
-  if (ye(n))
+function Ee(n) {
+  if (ve(n))
     return;
-  const t = Fe(), o = q(n), e = g(() => ye(o.value) ? t.value : ze(t.value, o.value));
-  Ne(ge, e);
+  const t = ze(), o = q(n), e = g(() => ve(o.value) ? t.value : Te(t.value, o.value));
+  Oe(ye, e);
 }
-function Fe() {
-  const n = De(ge, void 0);
+function ze() {
+  const n = xe(ye, void 0);
   if (!n)
     throw new Error("[Quidgest UI] Could not find defaults instance");
   return n;
 }
-const qe = {
+const $e = {
   primary: "#00a1f8",
   primaryLight: "#e5f6ff",
   primaryDark: "#0079ba",
@@ -78,7 +78,7 @@ const qe = {
   onWarning: "#fff",
   onDanger: "#fff",
   onInfo: "#fff"
-}, Pe = {
+}, Ye = {
   primary: "#018BD2",
   primaryLight: "#cce7f6",
   primaryDark: "#006fac",
@@ -109,108 +109,108 @@ const qe = {
   onDanger: "#fff",
   onInfo: "#fff"
 };
-function Ae(n) {
+function Ce(n) {
   if (!/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(n))
     throw new Error("Invalid color format");
   n.length === 4 && (n = "#" + n[1] + n[1] + n[2] + n[2] + n[3] + n[3]);
   const t = parseInt(n.slice(1, 3), 16), o = parseInt(n.slice(3, 5), 16), e = parseInt(n.slice(5, 7), 16);
   return { r: t, g: o, b: e };
 }
-function Ze(n, t) {
+function Pe(n, t) {
   if (t < 0 || t > 100)
     throw new Error("Amount must be in the range [0, 100]");
   if (t === 0)
     return n;
-  const o = Qe(n), e = t / 100;
-  return o.l = o.l + e * (100 - o.l), Re(o);
+  const o = Fe(n), e = t / 100;
+  return o.l = o.l + e * (100 - o.l), Ae(o);
 }
-function Je(n, t) {
+function Ze(n, t) {
   if (t < 0 || t > 100)
     throw new Error("Amount must be in the range [0, 100]");
   if (t === 0)
     return n;
-  const o = Qe(n), e = t / 100;
-  return o.l = o.l - e * o.l, Re(o);
+  const o = Fe(n), e = t / 100;
+  return o.l = o.l - e * o.l, Ae(o);
 }
-function Se(n) {
+function Ie(n) {
   const t = n.r.toString(16).padStart(2, "0"), o = n.g.toString(16).padStart(2, "0"), e = n.b.toString(16).padStart(2, "0");
   return `#${t}${o}${e}`;
 }
-function Qe(n) {
+function Fe(n) {
   const t = n.r / 255, o = n.g / 255, e = n.b / 255, l = Math.max(t, o, e), a = Math.min(t, o, e);
-  let u = 0, i;
-  const f = (l + a) / 2;
+  let r = 0, i;
+  const p = (l + a) / 2;
   if (l === a)
-    u = i = 0;
+    r = i = 0;
   else {
-    const p = l - a;
-    switch (i = f > 0.5 ? p / (2 - l - a) : p / (l + a), l) {
+    const m = l - a;
+    switch (i = p > 0.5 ? m / (2 - l - a) : m / (l + a), l) {
       case t:
-        u = (o - e) / p + (o < e ? 6 : 0);
+        r = (o - e) / m + (o < e ? 6 : 0);
         break;
       case o:
-        u = (e - t) / p + 2;
+        r = (e - t) / m + 2;
         break;
       case e:
-        u = (t - o) / p + 4;
+        r = (t - o) / m + 4;
         break;
     }
-    u /= 6;
+    r /= 6;
   }
   return {
-    h: Math.round(u * 360),
+    h: Math.round(r * 360),
     s: Math.round(i * 100),
-    l: Math.round(f * 100)
+    l: Math.round(p * 100)
   };
 }
-function Re(n) {
+function Ae(n) {
   const t = n.h / 360, o = n.s / 100, e = n.l / 100;
-  let l, a, u;
+  let l, a, r;
   if (o === 0)
-    l = a = u = e;
+    l = a = r = e;
   else {
-    const i = e < 0.5 ? e * (1 + o) : e + o - e * o, f = 2 * e - i;
-    l = me(f, i, t + 1 / 3), a = me(f, i, t), u = me(f, i, t - 1 / 3);
+    const i = e < 0.5 ? e * (1 + o) : e + o - e * o, p = 2 * e - i;
+    l = fe(p, i, t + 1 / 3), a = fe(p, i, t), r = fe(p, i, t - 1 / 3);
   }
   return {
     r: Math.round(l * 255),
     g: Math.round(a * 255),
-    b: Math.round(u * 255)
+    b: Math.round(r * 255)
   };
 }
-function me(n, t, o) {
+function fe(n, t, o) {
   return o < 0 && (o += 1), o > 1 && (o -= 1), o < 1 / 6 ? n + (t - n) * 6 * o : o < 1 / 2 ? t : o < 2 / 3 ? n + (t - n) * (2 / 3 - o) * 6 : n;
 }
-const ue = "q-theme";
+const re = "q-theme";
 function wn() {
-  const n = De(ue);
+  const n = xe(re);
   if (!n)
     throw new Error("[Quidgest UI] Could not find theme instance");
   return n;
 }
-function et(n, t) {
+function Je(n, t) {
   let o = null;
   if (t)
     for (const e of t.themes) {
-      const l = e.mode === "light" ? qe : Pe;
+      const l = e.mode === "light" ? $e : Ye;
       if (e.colors) {
         let a;
         for (a in e.colors) {
-          const u = e.colors[a];
-          if (u && !a.startsWith("on") && !a.endsWith("Light") && !a.endsWith("Dark")) {
-            const i = Ae(u), f = `${a}Light`, p = `${a}Dark`;
-            f in e.colors || (e.colors[f] = Se(Ze(i, 85))), p in e.colors || (e.colors[p] = Se(Je(i, 25)));
+          const r = e.colors[a];
+          if (r && !a.startsWith("on") && !a.endsWith("Light") && !a.endsWith("Dark")) {
+            const i = Ce(r), p = `${a}Light`, m = `${a}Dark`;
+            p in e.colors || (e.colors[p] = Ie(Pe(i, 85))), m in e.colors || (e.colors[m] = Ie(Ze(i, 25)));
           }
         }
       }
-      e.colors = tt(l, e.colors), e.name === t.defaultTheme && (o = e);
+      e.colors = et(l, e.colors), e.name === t.defaultTheme && (o = e);
     }
   else {
     const e = "default";
     o = {
       name: e,
       mode: "light",
-      colors: qe
+      colors: $e
     }, t = {
       defaultTheme: e,
       themes: [o]
@@ -221,39 +221,39 @@ function et(n, t) {
       activeTheme: o.name,
       themes: t.themes
     });
-    C(
+    F(
       () => e.value.activeTheme,
       (l) => {
-        const a = e.value.themes.find((u) => u.name === l);
-        a && nt(a.colors);
+        const a = e.value.themes.find((r) => r.name === l);
+        a && tt(a.colors);
       },
       { immediate: !0 }
-    ), n.provide(ue, e);
+    ), n.provide(re, e);
   }
 }
-function tt(n, t = {}) {
+function et(n, t = {}) {
   return { ...n, ...t };
 }
-function nt(n) {
+function tt(n) {
   let t = document.getElementById(
-    ue
+    re
   );
-  t || (t = document.createElement("style"), t.type = "text/css", t.id = ue, document.head.appendChild(t));
+  t || (t = document.createElement("style"), t.type = "text/css", t.id = re, document.head.appendChild(t));
   let o = `:root {
 `, e;
   for (e in n) {
     const l = n[e];
     if (l) {
-      o += `  ${Le(e)}: ${l};
+      o += `  ${qe(e)}: ${l};
 `;
-      const a = Ae(l);
-      o += `  ${Le(e)}-rgb: ${a.r} ${a.g} ${a.b};
+      const a = Ce(l);
+      o += `  ${qe(e)}-rgb: ${a.r} ${a.g} ${a.b};
 `;
     }
   }
   o += "}", t.textContent = o;
 }
-function Le(n) {
+function qe(n) {
   return n ? `--q-theme-${n.replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase()}` : "";
 }
 function $n(n = {}) {
@@ -262,11 +262,11 @@ function $n(n = {}) {
     for (const a in e)
       o.component(a, e[a]);
     const l = n.defaults || {};
-    o.provide(ge, q(l)), et(o, n.themes);
+    o.provide(ye, q(l)), Je(o, n.themes);
   } };
 }
-const lt = /* @__PURE__ */ G("svg", { viewBox: "25 25 50 50" }, [
-  /* @__PURE__ */ G("circle", {
+const nt = /* @__PURE__ */ j("svg", { viewBox: "25 25 50 50" }, [
+  /* @__PURE__ */ j("circle", {
     class: "path",
     cx: "50",
     cy: "50",
@@ -276,9 +276,9 @@ const lt = /* @__PURE__ */ G("svg", { viewBox: "25 25 50 50" }, [
     "stroke-width": "5",
     "stroke-miterlimit": "10"
   })
-], -1), ot = [
-  lt
-], at = /* @__PURE__ */ x({
+], -1), lt = [
+  nt
+], ot = /* @__PURE__ */ L({
   __name: "QSpinnerLoader",
   props: {
     size: { default: 48 },
@@ -288,39 +288,39 @@ const lt = /* @__PURE__ */ G("svg", { viewBox: "25 25 50 50" }, [
     const t = n, o = g(() => ({
       "font-size": t.size !== 48 ? `${t.size}px` : void 0
     }));
-    return (e, l) => (d(), v("div", {
-      class: D(["q-spinner-loader", t.class]),
+    return (e, l) => (c(), v("div", {
+      class: T(["q-spinner-loader", t.class]),
       style: ae(o.value)
-    }, ot, 6));
+    }, lt, 6));
   }
 });
-function st(n, t) {
+function at(n, t) {
   var o;
   return typeof ((o = n.props) == null ? void 0 : o[t]) < "u";
 }
 function V(n) {
   const t = n.setup;
   return t && (n.setup = (o, e) => {
-    const l = Ye();
-    if (ye(l.value))
+    const l = Xe();
+    if (ve(l.value))
       return t(o, e);
-    const a = Ve();
+    const a = Le();
     if (a === null)
       return t(o, e);
-    const u = new Proxy(o, {
-      get(i, f) {
-        var w;
-        const p = Reflect.get(i, f), m = (w = l.value) == null ? void 0 : w[f];
-        return typeof f == "string" && !st(a.vnode, f) ? m ?? p : p;
+    const r = new Proxy(o, {
+      get(i, p) {
+        var _;
+        const m = Reflect.get(i, p), f = (_ = l.value) == null ? void 0 : _[p];
+        return typeof p == "string" && !at(a.vnode, p) ? f ?? m : m;
       }
     });
-    return t(u, e);
+    return t(r, e);
   }), n;
 }
-const _e = V(at), it = ["disabled"], rt = {
+const be = V(ot), st = ["disabled"], it = {
   key: 0,
   class: "q-btn__spinner"
-}, dt = { class: "q-btn__content" }, ut = /* @__PURE__ */ x({
+}, rt = { class: "q-btn__content" }, dt = /* @__PURE__ */ L({
   __name: "QButton",
   props: {
     active: { type: Boolean },
@@ -341,7 +341,7 @@ const _e = V(at), it = ["disabled"], rt = {
     function a(i) {
       l.value || o("click", i);
     }
-    const u = g(() => {
+    const r = g(() => {
       const i = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
       return [
         "q-btn",
@@ -357,27 +357,27 @@ const _e = V(at), it = ["disabled"], rt = {
         e.class
       ];
     });
-    return (i, f) => (d(), v("button", {
+    return (i, p) => (c(), v("button", {
       type: "button",
-      class: D(u.value),
+      class: T(r.value),
       disabled: l.value,
-      onClick: ee(a, ["stop", "prevent"])
+      onClick: ne(a, ["stop", "prevent"])
     }, [
-      i.loading ? (d(), v("div", rt, [
-        te(k(_e), { size: 23 })
+      i.loading ? (c(), v("div", it, [
+        G($(be), { size: 23 })
       ])) : S("", !0),
-      G("span", dt, [
-        i.iconOnRight ? (d(), v(Z, { key: 0 }, [
-          re(N(e.label), 1)
+      j("span", rt, [
+        i.iconOnRight ? (c(), v(J, { key: 0 }, [
+          se(N(e.label), 1)
         ], 64)) : S("", !0),
-        y(i.$slots, "default"),
-        i.iconOnRight ? S("", !0) : (d(), v(Z, { key: 1 }, [
-          re(N(e.label), 1)
+        b(i.$slots, "default"),
+        i.iconOnRight ? S("", !0) : (c(), v(J, { key: 1 }, [
+          se(N(e.label), 1)
         ], 64))
       ])
-    ], 10, it));
+    ], 10, st));
   }
-}), ct = V(ut), ft = /* @__PURE__ */ x({
+}), ut = V(dt), ct = /* @__PURE__ */ L({
   __name: "QButtonGroup",
   props: {
     bStyle: { default: void 0 },
@@ -388,15 +388,15 @@ const _e = V(at), it = ["disabled"], rt = {
   },
   setup(n) {
     const t = n;
-    return Ce({
+    return Ee({
       QButton: {
-        bStyle: pe(t, "bStyle"),
-        disabled: pe(t, "disabled"),
-        borderless: pe(t, "borderless"),
+        bStyle: ce(t, "bStyle"),
+        disabled: ce(t, "disabled"),
+        borderless: ce(t, "borderless"),
         elevated: !1
       }
-    }), (o, e) => (d(), v("div", {
-      class: D([
+    }), (o, e) => (c(), v("div", {
+      class: T([
         "q-btn-group",
         {
           "q-btn-group--elevated": t.elevated
@@ -404,10 +404,10 @@ const _e = V(at), it = ["disabled"], rt = {
         t.class
       ])
     }, [
-      y(o.$slots, "default")
+      b(o.$slots, "default")
     ], 2));
   }
-}), pt = V(ft), mt = /* @__PURE__ */ x({
+}), ft = V(ct), pt = /* @__PURE__ */ L({
   __name: "QButtonToggle",
   props: {
     modelValue: {},
@@ -421,7 +421,7 @@ const _e = V(at), it = ["disabled"], rt = {
   emits: ["update:modelValue"],
   setup(n, { emit: t }) {
     const o = t, e = n, l = q(e.modelValue);
-    C(
+    F(
       () => e.modelValue,
       (i) => l.value = i
     );
@@ -433,26 +433,26 @@ const _e = V(at), it = ["disabled"], rt = {
         l.value = i, o("update:modelValue", i);
       }
     });
-    function u(i) {
+    function r(i) {
       a.value === i.key && !e.mandatory ? a.value = void 0 : a.value = i.key;
     }
-    return (i, f) => (d(), B(k(pt), {
+    return (i, p) => (c(), x($(ft), {
       "b-style": "secondary",
-      class: D(e.class),
+      class: T(e.class),
       disabled: e.disabled,
       borderless: e.borderless,
       elevated: e.elevated
     }, {
-      default: $(() => [
-        (d(!0), v(Z, null, ve(e.options, (p) => (d(), B(k(ct), {
-          key: p.key,
-          title: p.title,
-          label: p.label,
-          active: a.value === p.key,
-          onClick: () => u(p)
+      default: I(() => [
+        (c(!0), v(J, null, pe(e.options, (m) => (c(), x($(ut), {
+          key: m.key,
+          title: m.title,
+          label: m.label,
+          active: a.value === m.key,
+          onClick: () => r(m)
         }, {
-          default: $(() => [
-            y(i.$slots, p.key)
+          default: I(() => [
+            b(i.$slots, m.key)
           ]),
           _: 2
         }, 1032, ["title", "label", "active", "onClick"]))), 128))
@@ -460,7 +460,7 @@ const _e = V(at), it = ["disabled"], rt = {
       _: 3
     }, 8, ["class", "disabled", "borderless", "elevated"]));
   }
-}), In = V(mt), vt = /* @__PURE__ */ x({
+}), In = V(pt), mt = /* @__PURE__ */ L({
   __name: "QIcon",
   props: {
     icon: {},
@@ -472,22 +472,22 @@ const _e = V(at), it = ["disabled"], rt = {
     const t = n, o = g(() => {
       switch (t.type) {
         case "svg":
-          return qt;
+          return It;
         case "font":
-          return $t;
+          return wt;
         case "img":
-          return It;
+          return $t;
         default:
           return;
       }
     });
-    return (e, l) => (d(), B(Te(o.value), {
-      class: D(t.class),
+    return (e, l) => (c(), x(Ve(o.value), {
+      class: T(t.class),
       icon: t.icon,
       size: t.size
     }, null, 8, ["class", "icon", "size"]));
   }
-}), ht = /* @__PURE__ */ x({
+}), vt = /* @__PURE__ */ L({
   __name: "QIconFont",
   props: {
     icon: {},
@@ -500,12 +500,12 @@ const _e = V(at), it = ["disabled"], rt = {
     const t = n, o = g(() => t.variant ? `${t.library}-${t.variant}` : t.library), e = g(() => t.library && t.icon ? `${t.library}-${t.icon}` : t.icon), l = g(() => ({
       "font-size": t.size !== void 0 ? `${t.size}px` : void 0
     }));
-    return (a, u) => (d(), v("i", {
-      class: D(["q-icon", "q-icon__font", o.value, e.value, t.class]),
+    return (a, r) => (c(), v("i", {
+      class: T(["q-icon", "q-icon__font", o.value, e.value, t.class]),
       style: ae(l.value)
     }, null, 6));
   }
-}), yt = ["src"], bt = /* @__PURE__ */ x({
+}), ht = ["src"], yt = /* @__PURE__ */ L({
   __name: "QIconImg",
   props: {
     icon: {},
@@ -516,13 +516,13 @@ const _e = V(at), it = ["disabled"], rt = {
     const t = n, o = g(() => ({
       "font-size": t.size !== void 0 ? `${t.size}px` : void 0
     }));
-    return (e, l) => (d(), v("img", {
+    return (e, l) => (c(), v("img", {
       src: t.icon,
-      class: D(["q-icon", "q-icon__img", t.class]),
+      class: T(["q-icon", "q-icon__img", t.class]),
       style: ae(o.value)
-    }, null, 14, yt));
+    }, null, 14, ht));
   }
-}), oe = {}, gt = x({
+}), le = {}, bt = L({
   name: "InlineSvg",
   emits: ["loaded", "unloaded", "error"],
   inheritAttrs: !1,
@@ -531,9 +531,9 @@ const _e = V(at), it = ["disabled"], rt = {
       return null;
     const n = this.getSvgContent(this.svgElSource);
     if (!n)
-      return $e("div", this.$attrs);
+      return ke("div", this.$attrs);
     const t = {};
-    return this.copySvgAttrs(t, this.svgElSource), this.copySvgAttrs(t, n), this.copyComponentAttrs(t, this.$attrs), t.innerHTML = n.innerHTML, $e("svg", t);
+    return this.copySvgAttrs(t, this.svgElSource), this.copySvgAttrs(t, n), this.copyComponentAttrs(t, this.$attrs), t.innerHTML = n.innerHTML, ke("svg", t);
   },
   props: {
     src: {
@@ -578,7 +578,7 @@ const _e = V(at), it = ["disabled"], rt = {
         e !== !1 && e !== null && e !== void 0 && (n[o] = e);
     },
     getSvgContent(n) {
-      return this.symbol && (n = n.getElementById(this.symbol), !n) ? null : (this.transformSource && (n = n.cloneNode(!0), n = this.transformSource(n)), this.title && (this.transformSource || (n = n.cloneNode(!0)), _t(n, this.title)), n);
+      return this.symbol && (n = n.getElementById(this.symbol), !n) ? null : (this.transformSource && (n = n.cloneNode(!0), n = this.transformSource(n)), this.title && (this.transformSource || (n = n.cloneNode(!0)), gt(n, this.title)), n);
     },
     /**
      * Get svgElSource
@@ -586,11 +586,11 @@ const _e = V(at), it = ["disabled"], rt = {
      */
     async getSource(n) {
       try {
-        oe[n] || (oe[n] = kt(this.download(n))), this.svgElSource && oe[n].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
-        const t = await oe[n];
+        le[n] || (le[n] = _t(this.download(n))), this.svgElSource && le[n].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
+        const t = await le[n];
         this.svgElSource = t, await this.$nextTick(), this.$emit("loaded", this.$el);
       } catch (t) {
-        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete oe[n], this.$emit("error", t);
+        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete le[n], this.$emit("error", t);
       }
     },
     /**
@@ -614,7 +614,7 @@ const _e = V(at), it = ["disabled"], rt = {
     }
   }
 });
-function _t(n, t) {
+function gt(n, t) {
   const o = n.getElementsByTagName("title");
   if (o.length)
     o[0].textContent = t;
@@ -623,7 +623,7 @@ function _t(n, t) {
     e.textContent = t, n.insertBefore(e, n.firstChild);
   }
 }
-function kt(n) {
+function _t(n) {
   if (n.getIsPending)
     return n;
   let t = !0;
@@ -635,7 +635,7 @@ function kt(n) {
   );
   return o.getIsPending = () => t, o;
 }
-const wt = /* @__PURE__ */ x({
+const kt = /* @__PURE__ */ L({
   __name: "QIconSvg",
   props: {
     icon: {},
@@ -651,19 +651,19 @@ const wt = /* @__PURE__ */ x({
     function a(i) {
       o("loaded", i);
     }
-    function u() {
+    function r() {
       o("unloaded");
     }
-    return (i, f) => (d(), B(k(gt), {
-      class: D(["q-icon", "q-icon__svg", e.class]),
+    return (i, p) => (c(), x($(bt), {
+      class: T(["q-icon", "q-icon__svg", e.class]),
       src: e.bundle,
       symbol: e.icon,
       style: ae(l.value),
       onLoaded: a,
-      onUnloaded: u
+      onUnloaded: r
     }, null, 8, ["class", "src", "symbol", "style"]));
   }
-}), P = V(vt), $t = V(ht), It = V(bt), qt = V(wt), St = /* @__PURE__ */ x({
+}), Z = V(mt), wt = V(vt), $t = V(yt), It = V(kt), qt = /* @__PURE__ */ L({
   __name: "QList",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -677,27 +677,27 @@ const wt = /* @__PURE__ */ x({
   },
   emits: ["update:modelValue"],
   setup(n, { expose: t, emit: o }) {
-    const e = o, l = n, a = q(l.modelValue), u = q(!1), i = g(() => f.value.length > 1 ? "div" : "ul"), f = g(() => l.groups.length ? l.groups : [{ id: "", title: "" }]), p = q(null);
-    function m(r) {
-      a.value = r, e("update:modelValue", r);
+    const e = o, l = n, a = q(l.modelValue), r = q(!1), i = g(() => p.value.length > 1 ? "div" : "ul"), p = g(() => l.groups.length ? l.groups : [{ id: "", title: "" }]), m = q(null);
+    function f(d) {
+      a.value = d, e("update:modelValue", d);
     }
-    function w() {
-      u.value = !0;
+    function _() {
+      r.value = !0;
     }
-    function z() {
-      u.value = !1;
+    function C() {
+      r.value = !1;
     }
-    function F(r) {
-      var L;
-      if ((L = p.value) != null && L.contains(r.relatedTarget))
+    function E(d) {
+      var B;
+      if ((B = m.value) != null && B.contains(d.relatedTarget))
         return;
-      let h;
-      a.value ? h = l.items.findIndex((W) => W[l.itemValue] === a.value) : h = Q();
-      const I = u.value;
-      O(h, I);
+      let y;
+      a.value ? y = l.items.findIndex((ue) => ue[l.itemValue] === a.value) : y = Q();
+      const k = r.value;
+      O(y, k);
     }
-    function A(r) {
-      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(r.key) && r.preventDefault(), r.key) {
+    function A(d) {
+      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(d.key) && d.preventDefault(), d.key) {
         case "ArrowDown":
           R("next");
           break;
@@ -712,11 +712,11 @@ const wt = /* @__PURE__ */ x({
           break;
       }
     }
-    function R(r) {
-      switch (r) {
+    function R(d) {
+      switch (d) {
         case "next":
         case "prev":
-          O(X(r));
+          O(Y(d));
           break;
         case "first":
           O(Q());
@@ -726,58 +726,58 @@ const wt = /* @__PURE__ */ x({
           break;
       }
     }
-    function O(r, h = !1) {
-      var L;
-      (L = E()[r]) == null || L.focus({ preventScroll: h });
+    function O(d, y = !1) {
+      var B;
+      (B = z()[d]) == null || B.focus({ preventScroll: y });
     }
-    function E() {
-      var h;
-      const r = (h = p.value) == null ? void 0 : h.querySelectorAll("li");
-      return r ? Array.from(r) : [];
+    function z() {
+      var y;
+      const d = (y = m.value) == null ? void 0 : y.querySelectorAll("li");
+      return d ? Array.from(d) : [];
     }
-    function H(r) {
-      return E()[r];
+    function H(d) {
+      return z()[d];
     }
-    function j() {
-      return E().indexOf(document.activeElement);
+    function X() {
+      return z().indexOf(document.activeElement);
     }
     function Q() {
-      const r = E(), h = r.find((I) => b(I));
-      return h ? r.indexOf(h) : -1;
+      const d = z(), y = d.find((k) => h(k));
+      return y ? d.indexOf(y) : -1;
     }
     function M() {
-      const r = E(), h = [...r].reverse().find((I) => b(I));
-      return h ? r.indexOf(h) : -1;
-    }
-    function U(r, h, I) {
-      return h === "prev" && r === 0 || h === "next" && r === I.length - 1;
-    }
-    function X(r) {
-      const h = j();
-      return K(h, r);
-    }
-    function K(r, h) {
-      const I = E();
-      if (U(r, h, I))
-        return r;
-      let L = r + (h === "next" ? 1 : -1);
-      for (; !b(I[L]); ) {
-        if (U(L, h, I))
-          return r;
-        L += h === "next" ? 1 : -1;
+      const d = z(), y = [...d].reverse().find((k) => h(k));
+      return y ? d.indexOf(y) : -1;
+    }
+    function U(d, y, k) {
+      return y === "prev" && d === 0 || y === "next" && d === k.length - 1;
+    }
+    function Y(d) {
+      const y = X();
+      return K(y, d);
+    }
+    function K(d, y) {
+      const k = z();
+      if (U(d, y, k))
+        return d;
+      let B = d + (y === "next" ? 1 : -1);
+      for (; !h(k[B]); ) {
+        if (U(B, y, k))
+          return d;
+        B += y === "next" ? 1 : -1;
       }
-      return L;
+      return B;
     }
-    function b(r) {
-      return r.tabIndex === -2;
+    function h(d) {
+      return d.tabIndex === -2;
     }
-    function c(r) {
-      return r ? l.items.filter((h) => h.group === r) : l.items;
+    function u(d) {
+      return d ? l.items.filter((y) => y.group === d) : l.items;
     }
-    return C(
+    return F(
       () => l.modelValue,
-      (r) => {
-        a.value = r;
+      (d) => {
+        a.value = d;
       }
     ), t({
       focusItem: O,
@@ -785,36 +785,36 @@ const wt = /* @__PURE__ */ x({
       getAdjacentItemIndex: K,
       getFirstFocusableItemIndex: Q,
       getLastFocusableItemIndex: M
-    }), (r, h) => (d(), B(Te(i.value), {
+    }), (d, y) => (c(), x(Ve(i.value), {
       ref_key: "listRef",
-      ref: p,
-      class: D(["q-list", { "q-list--disabled": l.disabled }, l.class]),
+      ref: m,
+      class: T(["q-list", { "q-list--disabled": l.disabled }, l.class]),
       role: "listbox",
       tabindex: l.disabled ? -1 : 0,
-      onFocus: F,
-      onMousedown: w,
-      onMouseup: z,
+      onFocus: E,
+      onMousedown: _,
+      onMouseup: C,
       onKeydown: A
     }, {
-      default: $(() => [
-        (d(!0), v(Z, null, ve(f.value, (I) => (d(), B(k(Ft), {
-          key: I.id,
-          title: I.title,
-          disabled: I.disabled
+      default: I(() => [
+        (c(!0), v(J, null, pe(p.value, (k) => (c(), x($(Ct), {
+          key: k.id,
+          title: k.title,
+          disabled: k.disabled
         }, {
-          default: $(() => [
-            (d(!0), v(Z, null, ve(c(I.id), (L) => (d(), B(k(Ct), {
-              key: L[l.itemValue],
-              value: L[l.itemValue],
-              label: L[l.itemLabel],
-              icon: L.icon,
-              disabled: l.disabled || L.disabled,
-              highlighted: l.highlighted === L[l.itemValue],
-              selected: a.value === L[l.itemValue],
-              onSelect: m
+          default: I(() => [
+            (c(!0), v(J, null, pe(u(k.id), (B) => (c(), x($(zt), {
+              key: B[l.itemValue],
+              value: B[l.itemValue],
+              label: B[l.itemLabel],
+              icon: B.icon,
+              disabled: l.disabled || B.disabled,
+              highlighted: l.highlighted === B[l.itemValue],
+              selected: a.value === B[l.itemValue],
+              onSelect: f
             }, {
-              default: $(() => [
-                y(r.$slots, "item", { item: L })
+              default: I(() => [
+                b(d.$slots, "item", { item: B })
               ]),
               _: 2
             }, 1032, ["value", "label", "icon", "disabled", "highlighted", "selected"]))), 128))
@@ -826,15 +826,15 @@ const wt = /* @__PURE__ */ x({
     }, 40, ["class", "tabindex"]));
   }
 });
-let Lt = 0;
-function le() {
-  return `uid-${++Lt}`;
+let St = 0;
+function te() {
+  return `uid-${++St}`;
 }
-const Bt = ["id", "tabindex", "aria-label", "aria-selected"], xt = { class: "q-list-item__check-container" }, Vt = {
+const Bt = ["id", "tabindex", "aria-label", "aria-selected"], Lt = { class: "q-list-item__check-container" }, xt = {
   check: {
     icon: "check"
   }
-}, Dt = /* @__PURE__ */ x({
+}, Vt = /* @__PURE__ */ L({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
@@ -842,23 +842,23 @@ const Bt = ["id", "tabindex", "aria-label", "aria-selected"], xt = { class: "q-l
     icon: { default: void 0 },
     selected: { type: Boolean },
     highlighted: { type: Boolean },
-    icons: { default: () => Vt },
+    icons: { default: () => xt },
     disabled: { type: Boolean }
   },
   emits: ["select"],
   setup(n, { emit: t }) {
-    const o = t, e = n, l = le();
+    const o = t, e = n, l = te();
     function a() {
       e.disabled || o("select", e.value);
     }
-    function u(i) {
+    function r(i) {
       i.key === "Tab" && a(), (i.key === "Enter" || i.key === " ") && (i.preventDefault(), i.stopPropagation(), a());
     }
-    return (i, f) => (d(), v("li", {
-      id: k(l),
+    return (i, p) => (c(), v("li", {
+      id: $(l),
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
-      class: D([
+      class: T([
         "q-list-item",
         {
           "q-list-item--disabled": e.disabled,
@@ -868,87 +868,87 @@ const Bt = ["id", "tabindex", "aria-label", "aria-selected"], xt = { class: "q-l
       ]),
       "aria-label": e.label,
       "aria-selected": e.disabled ? void 0 : e.selected,
-      onKeydown: u,
-      onClick: ee(a, ["stop", "prevent"])
+      onKeydown: r,
+      onClick: ne(a, ["stop", "prevent"])
     }, [
-      y(i.$slots, "default", {}, () => [
-        e.icon ? (d(), B(k(P), de(ne({ key: 0 }, e.icon)), null, 16)) : S("", !0),
-        re(" " + N(e.label), 1)
+      b(i.$slots, "default", {}, () => [
+        e.icon ? (c(), x($(Z), ie(ee({ key: 0 }, e.icon)), null, 16)) : S("", !0),
+        se(" " + N(e.label), 1)
       ]),
-      G("div", xt, [
-        e.selected ? (d(), B(k(P), ne({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : S("", !0)
+      j("div", Lt, [
+        e.selected ? (c(), x($(Z), ee({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : S("", !0)
       ])
     ], 42, Bt));
   }
-}), Tt = ["aria-labelledby"], Et = ["id"], zt = /* @__PURE__ */ x({
+}), Dt = ["aria-labelledby"], Tt = ["id"], Et = /* @__PURE__ */ L({
   __name: "QListItemGroup",
   props: {
     title: { default: "" },
     disabled: { type: Boolean }
   },
   setup(n) {
-    const t = n, o = le();
-    return (e, l) => (d(), v("ul", {
+    const t = n, o = te();
+    return (e, l) => (c(), v("ul", {
       class: "q-list-item-group",
       role: "group",
-      "aria-labelledby": t.title ? k(o) : void 0
+      "aria-labelledby": t.title ? $(o) : void 0
     }, [
-      t.title ? (d(), v("li", {
+      t.title ? (c(), v("li", {
         key: 0,
-        id: k(o),
+        id: $(o),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, N(t.title), 9, Et)) : S("", !0),
-      y(e.$slots, "default")
-    ], 8, Tt));
+      }, N(t.title), 9, Tt)) : S("", !0),
+      b(e.$slots, "default")
+    ], 8, Dt));
   }
-}), Me = V(St), Ct = V(Dt), Ft = V(zt);
-function At(n, t, o = "right", e) {
-  const l = n.getBoundingClientRect(), a = l.x + window.scrollX, u = l.y + window.scrollY, i = t == null ? void 0 : t.getBoundingClientRect(), f = (i == null ? void 0 : i.width) ?? 0, p = (i == null ? void 0 : i.height) ?? 0;
-  let m = o;
-  i && !Oe(l, i, m) && (m = Qt(l, i, m));
-  const w = { x: 0, y: 0, placement: m };
-  switch (m) {
+}), Qe = V(qt), zt = V(Vt), Ct = V(Et);
+function Ft(n, t, o = "right", e) {
+  const l = n.getBoundingClientRect(), a = l.x + window.scrollX, r = l.y + window.scrollY, i = t == null ? void 0 : t.getBoundingClientRect(), p = (i == null ? void 0 : i.width) ?? 0, m = (i == null ? void 0 : i.height) ?? 0;
+  let f = o;
+  i && !Re(l, i, f) && (f = At(l, i, f));
+  const _ = { x: 0, y: 0, placement: f };
+  switch (f) {
     case "top":
-      e === "anchor" ? w.x = a : w.x = a + (l.width - f) / 2, w.y = u - p;
+      e === "anchor" ? _.x = a : _.x = a + (l.width - p) / 2, _.y = r - m;
       break;
     case "bottom":
-      e === "anchor" ? w.x = a : w.x = a + (l.width - f) / 2, w.y = u + l.height;
+      e === "anchor" ? _.x = a : _.x = a + (l.width - p) / 2, _.y = r + l.height;
       break;
     case "left":
-      w.x = a - f, w.y = u + l.height / 2 - p / 2;
+      _.x = a - p, _.y = r + l.height / 2 - m / 2;
       break;
     case "right":
-      w.x = a + l.width, w.y = u + l.height / 2 - p / 2;
+      _.x = a + l.width, _.y = r + l.height / 2 - m / 2;
       break;
   }
-  return e === "anchor" && l.width >= f && (w.width = l.width), w;
+  return e === "anchor" && l.width >= p && (_.width = l.width), _;
 }
-function Oe(n, t, o) {
+function Re(n, t, o) {
   let e = !1, l = !1;
   switch (o) {
     case "top":
-      e = xe(n, t), l = n.top > t.height;
+      e = Be(n, t), l = n.top > t.height;
       break;
     case "bottom":
-      e = xe(n, t), l = window.innerHeight - n.top - n.height > t.height;
+      e = Be(n, t), l = window.innerHeight - n.top - n.height > t.height;
       break;
     case "left":
-      e = n.left > t.width, l = Be(n, t);
+      e = n.left > t.width, l = Se(n, t);
       break;
     case "right":
-      e = window.innerWidth - n.left - n.width > t.width, l = Be(n, t);
+      e = window.innerWidth - n.left - n.width > t.width, l = Se(n, t);
       break;
   }
   return e && l;
 }
-function Be(n, t) {
+function Se(n, t) {
   return window.innerHeight - n.top - n.height / 2 > t.height / 2 && n.top + n.height / 2 > t.height / 2;
 }
-function xe(n, t) {
+function Be(n, t) {
   return window.innerWidth - n.left - n.width / 2 > t.width / 2 && n.left + n.width / 2 > t.width / 2;
 }
-function Qt(n, t, o) {
+function At(n, t, o) {
   const e = {
     top: ["bottom", "left", "right"],
     bottom: ["top", "left", "right"],
@@ -956,25 +956,27 @@ function Qt(n, t, o) {
     right: ["left", "top", "bottom"]
   };
   for (const l of e[o])
-    if (Oe(n, t, l))
+    if (Re(n, t, l))
       return l;
   return o;
 }
-function ie(n) {
+function oe(n) {
   return typeof n == "string" ? document.querySelector(n) : n && "$el" in n ? n.$el : n;
 }
-const Rt = {
+const Qt = ["role"], Rt = {
   key: 0,
+  role: "presentation",
   class: "q-overlay__arrow"
-}, Mt = /* @__PURE__ */ x({
+}, Mt = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QOverlay",
   props: {
     modelValue: { type: Boolean },
-    anchor: {},
+    anchor: { default: void 0 },
     appearance: { default: "regular" },
     arrow: { type: Boolean },
     attach: { default: "body" },
+    backdropBlur: { type: Boolean },
     delay: { default: 500 },
     disabled: { type: Boolean },
     offset: { default: 8 },
@@ -989,158 +991,187 @@ const Rt = {
   setup(n, { emit: t }) {
     const o = t, e = n, l = g(() => [
       "q-overlay",
-      `q-overlay--${a.placement}`,
+      `q-overlay--${r.placement}`,
       { "q-overlay--inverted": e.appearance === "inverted" },
       e.class
-    ]), a = He({
+    ]), a = g(
+      () => (i.value || r.animating) && e.trigger === "click"
+    ), r = Ue({
       visible: e.modelValue,
       animating: !1,
       top: 0,
       left: 0,
       width: 0,
       placement: e.placement
-    }), u = g(() => a.visible && !e.disabled);
-    C(
+    }), i = g(() => r.visible && !e.disabled);
+    F(
       () => e.modelValue,
-      () => a.visible = e.modelValue
-    ), C(
-      () => a.visible,
-      () => a.animating = !0
+      () => r.visible = e.modelValue
+    ), F(
+      () => r.visible,
+      () => r.animating = !0
     );
-    const i = g(() => {
-      let b = 0, c = 0;
-      switch (a.placement) {
+    const p = g(() => {
+      let h = 0, u = 0;
+      switch (r.placement) {
         case "top":
-          c = -(e.offset || 0);
+          u = -(e.offset || 0);
           break;
         case "bottom":
-          c = e.offset || 0;
+          u = e.offset || 0;
           break;
         case "left":
-          b = -(e.offset || 0);
+          h = -(e.offset || 0);
           break;
         case "right":
-          b = e.offset || 0;
+          h = e.offset || 0;
           break;
       }
-      const r = {
-        top: `${a.top + c}px`,
-        left: `${a.left + b}px`
+      const d = {
+        top: `${r.top + u}px`,
+        left: `${r.left + h}px`
       };
-      return a.width !== void 0 && ["top", "bottom"].includes(a.placement) && (r.width = `${a.width}px`), r;
-    }), f = q(null);
-    function p() {
-      const b = ie(e.anchor);
-      if (b) {
-        const c = At(b, f.value, e.placement, e.width);
-        a.left = c.x, a.top = c.y, a.width = c.width, a.placement = c.placement;
+      return r.width !== void 0 && ["top", "bottom"].includes(r.placement) && (d.width = `${r.width}px`), d;
+    }), m = q(null);
+    function f() {
+      if (e.anchor) {
+        const h = oe(e.anchor);
+        if (h) {
+          const u = Ft(
+            h,
+            m.value,
+            e.placement,
+            e.width
+          );
+          r.left = u.x, r.top = u.y, r.width = u.width, r.placement = u.placement;
+        }
       }
     }
-    C([() => u.value, () => e.placement], p);
-    let m;
-    function w() {
-      const b = e.trigger === "hover" ? e.delay : 0;
-      m || (m = window.setTimeout(() => a.visible = !0, b));
+    F([() => i.value, () => e.placement], f);
+    let _;
+    function C(h) {
+      _ || (_ = window.setTimeout(() => {
+        r.visible = !0, P(() => {
+          var u;
+          e.trigger === "click" && ((u = m.value) == null || u.focus());
+        });
+      }, h));
     }
-    function z() {
-      clearTimeout(m), m = void 0, a.visible = !1;
-    }
-    function F() {
-      u.value ? z() : w();
+    function E() {
+      clearTimeout(_), _ = void 0, r.visible = !1, P(() => {
+        if (e.anchor && e.trigger === "click") {
+          const h = oe(e.anchor);
+          h == null || h.focus();
+        }
+      });
     }
     let A;
     function R() {
       o("enter");
     }
     function O() {
-      window.clearTimeout(A), A = window.setTimeout(() => a.animating = !1, 200), o("leave");
+      window.clearTimeout(A), A = window.setTimeout(() => r.animating = !1, 200), o("leave");
     }
-    let E;
+    let z;
     function H() {
-      J(() => {
-        const b = ie(e.anchor);
-        if (b)
+      P(() => {
+        if (!e.anchor)
+          return;
+        const h = oe(e.anchor);
+        if (h)
           switch (e.trigger) {
             case "click":
-              b.addEventListener("click", F);
+              h.addEventListener("click", () => C(0));
               break;
             case "hover":
-              b.addEventListener("mouseenter", w), b.addEventListener("mouseleave", z);
+              h.addEventListener("mouseenter", () => C(e.delay)), h.addEventListener("mouseleave", E), h.addEventListener("focusin", () => C(0)), h.addEventListener("focusout", E);
               break;
           }
       });
     }
-    function j() {
-      J(() => {
-        const b = ie(e.anchor);
-        b && (window.addEventListener("scroll", p), window.addEventListener("resize", p), E = new MutationObserver(p), E.observe(b, {
+    function X() {
+      P(() => {
+        if (!e.anchor)
+          return;
+        const h = oe(e.anchor);
+        h && (window.addEventListener("scroll", f), window.addEventListener("resize", f), z = new MutationObserver(f), z.observe(h, {
           attributes: !1,
           childList: !0,
           characterData: !0,
           subtree: !0
-        }), p());
+        }), f());
       });
     }
     function Q() {
-      window.removeEventListener("scroll", p), window.removeEventListener("resize", p), E == null || E.disconnect();
+      window.removeEventListener("scroll", f), window.removeEventListener("resize", f), z == null || z.disconnect();
     }
     let M;
     function U() {
-      ie(e.anchor) ? (p(), M = window.setTimeout(U, 100)) : z();
+      if (!e.anchor)
+        return;
+      oe(e.anchor) ? (f(), M = window.setTimeout(U, 100)) : E();
     }
-    function X() {
-      j(), e.spy && U();
+    function Y() {
+      X(), e.spy && U();
     }
     function K() {
       Q(), e.spy && (clearTimeout(M), M = void 0);
     }
-    return Ke(K), Ee(p), C(
+    return Ne(K), De(f), F(
       () => e.disabled,
-      (b) => {
-        b || H();
+      (h) => {
+        h || H();
       },
       { immediate: !0 }
-    ), C(
-      () => u.value,
-      (b) => {
-        b ? X() : K();
+    ), F(
+      () => i.value,
+      (h) => {
+        h ? Y() : K();
       },
       { immediate: !0 }
-    ), (b, c) => (d(), v(Z, null, [
-      y(b.$slots, "trigger", { open: u.value }),
-      u.value || a.animating ? (d(), B(We, {
+    ), (h, u) => (c(), x(He, {
+      disabled: !i.value && !r.animating || !e.attach,
+      to: e.attach
+    }, [
+      a.value ? (c(), v("div", {
         key: 0,
-        disabled: !e.attach,
-        to: e.attach
-      }, [
-        te(Ge, {
-          name: e.transition,
-          appear: "",
-          onEnter: R,
-          onLeave: O
-        }, {
-          default: $(() => [
-            u.value ? (d(), v("div", {
-              key: 0,
-              class: D(l.value),
-              style: ae(i.value)
-            }, [
-              G("div", {
-                class: "q-overlay__content",
-                ref_key: "overlay",
-                ref: f
-              }, [
-                e.arrow ? (d(), v("div", Rt)) : S("", !0),
-                y(b.$slots, "default")
-              ], 512)
-            ], 6)) : S("", !0)
-          ]),
-          _: 3
-        }, 8, ["name"])
-      ], 8, ["disabled", "to"])) : S("", !0)
-    ], 64));
+        class: T([
+          "q-overlay__underlay",
+          { "q-overlay__underlay--blur": e.backdropBlur }
+        ])
+      }, null, 2)) : S("", !0),
+      G(Ke, {
+        name: e.transition,
+        appear: "",
+        onEnter: R,
+        onLeave: O
+      }, {
+        default: I(() => [
+          i.value ? (c(), v("div", {
+            key: 0,
+            class: T(l.value),
+            style: ae(p.value)
+          }, [
+            j("div", ee({
+              class: "q-overlay__content",
+              ref_key: "overlayRef",
+              ref: m,
+              tabindex: "-1",
+              role: a.value ? "dialog" : void 0
+            }, h.$attrs, {
+              onKeydown: We(E, ["escape"]),
+              onBlur: E
+            }), [
+              e.arrow ? (c(), v("div", Rt)) : S("", !0),
+              b(h.$slots, "default")
+            ], 16, Qt)
+          ], 6)) : S("", !0)
+        ]),
+        _: 3
+      }, 8, ["name"])
+    ], 8, ["disabled", "to"]));
   }
-}), ce = V(Mt), Ot = ["id"], Ut = {
+}), de = V(Mt), Ot = ["id"], Ut = {
   key: 0,
   class: "q-field__label"
 }, Nt = ["for"], Ht = {
@@ -1152,11 +1183,11 @@ const Rt = {
 }, Wt = {
   key: 1,
   class: "q-field__extras"
-}, Gt = /* @__PURE__ */ x({
+}, Gt = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QField",
   props: {
-    id: { default: () => le() },
+    id: { default: () => te() },
     label: { default: "" },
     size: { default: "medium" },
     readonly: { type: Boolean },
@@ -1168,9 +1199,9 @@ const Rt = {
     const o = n, e = q(null), l = g(() => o.required && !o.readonly && !o.disabled);
     return t({
       fieldRef: e
-    }), (a, u) => (d(), v("div", {
+    }), (a, r) => (c(), v("div", {
       id: o.id,
-      class: D([
+      class: T([
         "q-field",
         `q-field--${o.size}`,
         {
@@ -1181,39 +1212,39 @@ const Rt = {
         o.class
       ])
     }, [
-      o.label ? (d(), v("div", Ut, [
-        y(a.$slots, "label.prepend"),
-        G("label", {
+      o.label ? (c(), v("div", Ut, [
+        b(a.$slots, "label.prepend"),
+        j("label", {
           for: o.id
         }, N(o.label), 9, Nt),
-        y(a.$slots, "label.append")
+        b(a.$slots, "label.append")
       ])) : S("", !0),
-      y(a.$slots, "control", {}, () => [
-        G("div", ne({
+      b(a.$slots, "control", {}, () => [
+        j("div", ee({
           class: "q-field__control",
           ref_key: "fieldRef",
           ref: e
         }, a.$attrs), [
-          a.$slots.prepend ? (d(), v("div", Ht, [
-            y(a.$slots, "prepend")
+          a.$slots.prepend ? (c(), v("div", Ht, [
+            b(a.$slots, "prepend")
           ])) : S("", !0),
-          y(a.$slots, "default"),
-          a.$slots.append ? (d(), v("div", Kt, [
-            y(a.$slots, "append")
+          b(a.$slots, "default"),
+          a.$slots.append ? (c(), v("div", Kt, [
+            b(a.$slots, "append")
           ])) : S("", !0)
         ], 16)
       ]),
-      a.$slots.extras ? (d(), v("div", Wt, [
-        y(a.$slots, "extras")
+      a.$slots.extras ? (c(), v("div", Wt, [
+        b(a.$slots, "extras")
       ])) : S("", !0)
     ], 10, Ot));
   }
-}), ke = V(Gt), jt = ["type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Xt = /* @__PURE__ */ x({
+}), ge = V(Gt), jt = ["type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Xt = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QTextField",
   props: {
     modelValue: { default: "" },
-    id: { default: () => le() },
+    id: { default: () => te() },
     placeholder: { default: "" },
     label: { default: "" },
     size: { default: void 0 },
@@ -1227,79 +1258,79 @@ const Rt = {
   },
   emits: ["update:modelValue"],
   setup(n, { expose: t, emit: o }) {
-    const e = o, l = n, a = q(l.modelValue), u = q(null), i = q(null), f = g({
+    const e = o, l = n, a = q(l.modelValue), r = q(null), i = q(null), p = g({
       get() {
         return a.value;
       },
-      set(m) {
-        a.value = m, e("update:modelValue", m);
+      set(f) {
+        a.value = f, e("update:modelValue", f);
       }
-    }), p = g(
+    }), m = g(
       () => l.readonly || l.disabled ? "" : l.placeholder
     );
-    return C(
+    return F(
       () => l.modelValue,
-      (m) => a.value = m
+      (f) => a.value = f
     ), t({
       fieldRef: g(() => {
-        var m;
-        return (m = u.value) == null ? void 0 : m.fieldRef;
+        var f;
+        return (f = r.value) == null ? void 0 : f.fieldRef;
       }),
       inputRef: i
-    }), (m, w) => (d(), B(k(ke), {
+    }), (f, _) => (c(), x($(ge), {
       ref_key: "fieldRef",
-      ref: u,
-      class: D(["q-text-field", l.class]),
+      ref: r,
+      class: T(["q-text-field", l.class]),
       id: l.id,
       label: l.label,
       size: l.size,
       readonly: l.readonly,
       disabled: l.disabled,
       required: l.required
-    }, be({
-      "label.prepend": $(() => [
-        y(m.$slots, "label.prepend")
+    }, he({
+      "label.prepend": I(() => [
+        b(f.$slots, "label.prepend")
       ]),
-      "label.append": $(() => [
-        y(m.$slots, "label.append")
+      "label.append": I(() => [
+        b(f.$slots, "label.append")
       ]),
-      default: $(() => [
-        je(G("input", ne({
-          "onUpdate:modelValue": w[0] || (w[0] = (z) => f.value = z),
+      default: I(() => [
+        Ge(j("input", ee({
+          "onUpdate:modelValue": _[0] || (_[0] = (C) => p.value = C),
           ref_key: "inputRef",
           ref: i,
           class: "q-text-field__input",
           type: l.type,
           role: l.role,
           required: l.required,
-          placeholder: p.value,
+          placeholder: m.value,
           readonly: l.readonly,
           disabled: l.disabled,
           maxlength: l.maxLength
-        }, m.$attrs), null, 16, jt), [
-          [Xe, f.value]
+        }, f.$attrs), null, 16, jt), [
+          [je, p.value]
         ])
       ]),
       _: 2
     }, [
-      m.$slots.prepend ? {
+      f.$slots.prepend ? {
         name: "prepend",
-        fn: $(() => [
-          y(m.$slots, "prepend")
+        fn: I(() => [
+          b(f.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
-      m.$slots.append ? {
+      f.$slots.append ? {
         name: "append",
-        fn: $(() => [
-          y(m.$slots, "append")
+        fn: I(() => [
+          b(f.$slots, "append")
         ]),
         key: "1"
       } : void 0,
-      m.$slots.extras ? {
+      f.$slots.extras ? {
         name: "extras",
-        fn: $(() => [
-          y(m.$slots, "extras")
+        fn: I(() => [
+          b(f.$slots, "extras")
         ]),
         key: "2"
       } : void 0
@@ -1314,11 +1345,11 @@ const Rt = {
   clear: {
     icon: "close"
   }
-}, en = /* @__PURE__ */ x({
+}, en = /* @__PURE__ */ L({
   __name: "QCombobox",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
-    id: { default: () => le() },
+    id: { default: () => te() },
     placeholder: { default: "" },
     selectionMode: { default: "automatic" },
     filterMode: { default: "builtin" },
@@ -1339,36 +1370,36 @@ const Rt = {
   },
   emits: ["update:modelValue", "update:inputValue", "before-show", "before-hide", "show", "hide"],
   setup(n, { expose: t, emit: o }) {
-    const e = o, l = n, a = q(l.modelValue), u = q(!1), i = q(""), f = q(void 0), p = q(null), m = q(null), w = q(null);
-    Ee(Q);
-    const z = g(
+    const e = o, l = n, a = q(l.modelValue), r = q(!1), i = q(""), p = q(void 0), m = q(null), f = q(null), _ = q(null);
+    De(Q);
+    const C = g(
       () => l.clearable && !l.readonly && !l.disabled && !l.loading
-    ), F = g(() => {
+    ), E = g(() => {
       var s;
-      return l.filterMode === "manual" || !E.value ? l.items : (s = l.items) == null ? void 0 : s.filter(
-        (_) => _[l.itemLabel].toLowerCase().startsWith(i.value.toLowerCase())
+      return l.filterMode === "manual" || !z.value ? l.items : (s = l.items) == null ? void 0 : s.filter(
+        (w) => w[l.itemLabel].toLowerCase().startsWith(i.value.toLowerCase())
       );
     }), A = g(() => {
       var s;
-      return (s = l.items) == null ? void 0 : s.find((_) => _[l.itemValue] === a.value);
+      return (s = l.items) == null ? void 0 : s.find((w) => w[l.itemValue] === a.value);
     }), R = g(() => {
-      const s = f.value;
-      if (s !== void 0 && F.value[s])
-        return F.value[s];
+      const s = p.value;
+      if (s !== void 0 && E.value[s])
+        return E.value[s];
     }), O = g(() => {
-      var _;
-      if (f.value === void 0)
+      var w;
+      if (p.value === void 0)
         return;
-      const s = (_ = m.value) == null ? void 0 : _.getItem(f.value);
+      const s = (w = f.value) == null ? void 0 : w.getItem(p.value);
       return s == null ? void 0 : s.id;
-    }), E = g(() => {
+    }), z = g(() => {
       var s;
       return i.value.length > 0 && i.value !== ((s = A.value) == null ? void 0 : s[l.itemLabel]);
     });
     function H(s) {
       a.value = s, Q(), e("update:modelValue", s);
     }
-    function j(s) {
+    function X(s) {
       H(s), U();
     }
     function Q() {
@@ -1376,206 +1407,202 @@ const Rt = {
       i.value = ((s = A.value) == null ? void 0 : s[l.itemLabel]) || "";
     }
     function M() {
-      u.value || l.readonly || l.disabled || (e("before-show"), u.value = !0);
+      r.value || l.readonly || l.disabled || (e("before-show"), r.value = !0);
     }
     function U() {
-      u.value && (e("before-hide"), u.value = !1, f.value = void 0);
+      r.value && (e("before-hide"), r.value = !1, p.value = void 0);
     }
-    function X() {
-      H(void 0), f.value = void 0;
+    function Y() {
+      H(void 0), p.value = void 0;
     }
     function K() {
       if (M(), A.value !== void 0) {
-        const s = F.value.indexOf(A.value);
-        s !== -1 && J(() => we(s));
+        const s = E.value.indexOf(A.value);
+        s !== -1 && P(() => _e(s));
       }
     }
-    function b(s) {
-      var _, T;
+    function h(s) {
+      var w, D;
       if (!(!s.key || l.readonly || l.disabled))
         if (["ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && (s.preventDefault(), s.stopPropagation()), s.key === "Escape")
-          u.value ? U() : X();
+          r.value ? U() : Y();
         else if (["ArrowDown", "ArrowUp"].includes(s.key))
-          u.value ? J(() => {
-            if (f.value === void 0)
-              c();
+          r.value ? P(() => {
+            if (p.value === void 0)
+              u();
             else {
-              const Y = s.key === "ArrowDown" ? "next" : "prev";
-              h(f.value, Y);
+              const W = s.key === "ArrowDown" ? "next" : "prev";
+              y(p.value, W);
             }
-          }) : (M(), J(() => {
-            s.key === "ArrowDown" ? c() : r();
+          }) : (M(), P(() => {
+            s.key === "ArrowDown" ? u() : d();
           }));
         else if (s.key === "Enter") {
           if (R.value === void 0)
             return;
-          j(R.value[l.itemValue]);
+          X(R.value[l.itemValue]);
         } else
-          s.key === "Home" ? f.value = (_ = m.value) == null ? void 0 : _.getFirstFocusableItemIndex() : s.key === "End" ? f.value = (T = m.value) == null ? void 0 : T.getLastFocusableItemIndex() : (/^[a-z]$/i.test(s.key) || s.key === "Backspace") && M();
+          s.key === "Home" ? p.value = (w = f.value) == null ? void 0 : w.getFirstFocusableItemIndex() : s.key === "End" ? p.value = (D = f.value) == null ? void 0 : D.getLastFocusableItemIndex() : (/^[a-z]$/i.test(s.key) || s.key === "Backspace") && M();
     }
-    function c() {
-      var s, _;
+    function u() {
+      var s, w;
       if (a.value !== void 0) {
-        const T = F.value.findIndex(
-          (Y) => Y[l.itemValue] === a.value
+        const D = E.value.findIndex(
+          (W) => W[l.itemValue] === a.value
         );
-        T === -1 ? f.value = (s = m.value) == null ? void 0 : s.getFirstFocusableItemIndex() : f.value = T;
+        D === -1 ? p.value = (s = f.value) == null ? void 0 : s.getFirstFocusableItemIndex() : p.value = D;
       } else
-        f.value = (_ = m.value) == null ? void 0 : _.getFirstFocusableItemIndex();
+        p.value = (w = f.value) == null ? void 0 : w.getFirstFocusableItemIndex();
     }
-    function r() {
+    function d() {
       var s;
-      f.value = (s = m.value) == null ? void 0 : s.getLastFocusableItemIndex();
+      p.value = (s = f.value) == null ? void 0 : s.getLastFocusableItemIndex();
     }
-    function h(s, _) {
-      var T;
-      f.value = (T = m.value) == null ? void 0 : T.getAdjacentItemIndex(s, _);
+    function y(s, w) {
+      var D;
+      p.value = (D = f.value) == null ? void 0 : D.getAdjacentItemIndex(s, w);
     }
-    function I(s) {
-      var _, T, Y;
-      !((_ = w.value) != null && _.contains(s.relatedTarget)) && !((Y = (T = p.value) == null ? void 0 : T.fieldRef) != null && Y.contains(s.relatedTarget)) ? (U(), Q()) : (s.preventDefault(), s.stopPropagation());
+    function k(s) {
+      var w, D, W;
+      !((w = _.value) != null && w.contains(s.relatedTarget)) && !((W = (D = m.value) == null ? void 0 : D.fieldRef) != null && W.contains(s.relatedTarget)) ? (U(), Q()) : (s.preventDefault(), s.stopPropagation());
     }
-    function L() {
-      var s, _;
-      (_ = (s = p.value) == null ? void 0 : s.inputRef) == null || _.focus();
+    function B() {
+      var s, w;
+      (w = (s = m.value) == null ? void 0 : s.inputRef) == null || w.focus();
     }
-    function W() {
+    function ue() {
       e("show");
     }
-    function Ue() {
+    function Me() {
       e("hide");
     }
-    function we(s) {
-      var T;
-      const _ = (T = m.value) == null ? void 0 : T.getItem(s);
-      _ == null || _.scrollIntoView({ block: "nearest", inline: "start" });
+    function _e(s) {
+      var D;
+      const w = (D = f.value) == null ? void 0 : D.getItem(s);
+      w == null || w.scrollIntoView({ block: "nearest", inline: "start" });
     }
-    return C(
+    return F(
       () => l.modelValue,
       (s) => {
         a.value = s, Q();
       }
-    ), C(f, (s) => {
-      s !== void 0 && we(s);
-    }), C(i, (s) => {
-      !s && z.value ? X() : u.value && l.selectionMode === "automatic" && J(c), e("update:inputValue", s);
+    ), F(p, (s) => {
+      s !== void 0 && _e(s);
+    }), F(i, (s) => {
+      !s && C.value ? Y() : r.value && l.selectionMode === "automatic" && P(u), e("update:inputValue", s);
     }), t({
-      triggerEl: p
-    }), (s, _) => {
-      var T, Y;
-      return d(), v(Z, null, [
-        te(k(Yt), {
-          modelValue: i.value,
-          "onUpdate:modelValue": _[0] || (_[0] = (se) => i.value = se),
-          id: l.id,
-          label: l.label,
-          required: l.required,
-          ref_key: "triggerEl",
-          ref: p,
-          role: "combobox",
-          placeholder: l.placeholder,
-          class: D(["q-combobox", l.class]),
-          readonly: l.readonly,
-          disabled: l.disabled,
-          "aria-expanded": u.value,
-          "aria-haspopup": "listbox",
-          "aria-autocomplete": "list",
-          "aria-activedescendant": O.value,
-          size: l.size,
-          onClick: K,
-          onFocusout: I,
-          onKeydown: ee(b, ["stop"])
-        }, be({
-          "label.prepend": $(() => [
-            y(s.$slots, "label.prepend")
+      triggerEl: m
+    }), (s, w) => (c(), v(J, null, [
+      G($(Yt), {
+        modelValue: i.value,
+        "onUpdate:modelValue": w[0] || (w[0] = (D) => i.value = D),
+        id: l.id,
+        label: l.label,
+        required: l.required,
+        ref_key: "triggerEl",
+        ref: m,
+        role: "combobox",
+        placeholder: l.placeholder,
+        class: T(["q-combobox", l.class]),
+        readonly: l.readonly,
+        disabled: l.disabled,
+        "aria-expanded": r.value,
+        "aria-haspopup": "listbox",
+        "aria-autocomplete": "list",
+        "aria-activedescendant": O.value,
+        size: l.size,
+        onClick: K,
+        onFocusout: k,
+        onKeydown: ne(h, ["stop"])
+      }, he({
+        "label.prepend": I(() => [
+          b(s.$slots, "label.prepend")
+        ]),
+        "label.append": I(() => [
+          b(s.$slots, "label.append")
+        ]),
+        _: 2
+      }, [
+        s.$slots.prepend ? {
+          name: "prepend",
+          fn: I(() => [
+            b(s.$slots, "prepend")
           ]),
-          "label.append": $(() => [
-            y(s.$slots, "label.append")
+          key: "0"
+        } : void 0,
+        C.value && i.value || s.$slots.append ? {
+          name: "append",
+          fn: I(() => [
+            C.value && i.value ? (c(), x($(Z), ee({ key: 0 }, l.icons.clear, {
+              class: "q-combobox__clear",
+              onClick: ne(Y, ["stop", "prevent"])
+            }), null, 16)) : S("", !0),
+            b(s.$slots, "append")
           ]),
-          _: 2
-        }, [
-          s.$slots.prepend ? {
-            name: "prepend",
-            fn: $(() => [
-              y(s.$slots, "prepend")
-            ]),
-            key: "0"
-          } : void 0,
-          z.value && i.value || s.$slots.append ? {
-            name: "append",
-            fn: $(() => [
-              z.value && i.value ? (d(), B(k(P), ne({ key: 0 }, l.icons.clear, {
-                class: "q-combobox__clear",
-                onClick: ee(X, ["stop", "prevent"])
-              }), null, 16)) : S("", !0),
-              y(s.$slots, "append")
-            ]),
-            key: "1"
-          } : void 0,
-          s.$slots.extras ? {
-            name: "extras",
-            fn: $(() => [
-              y(s.$slots, "extras")
-            ]),
-            key: "2"
-          } : void 0
-        ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "aria-expanded", "aria-activedescendant", "size"]),
-        (T = p.value) != null && T.fieldRef ? (d(), B(k(ce), {
-          key: 0,
-          "model-value": u.value,
-          spy: "",
-          trigger: "manual",
-          placement: "bottom",
-          width: "anchor",
-          offset: 4,
-          anchor: (Y = p.value) == null ? void 0 : Y.fieldRef,
-          onEnter: W,
-          onLeave: Ue
-        }, {
-          default: $(() => {
-            var se;
-            return [
-              G("div", {
-                ref_key: "contentRef",
-                ref: w,
-                class: "q-select__body",
-                onFocusout: I
-              }, [
-                y(s.$slots, "body.prepend"),
-                l.loading ? (d(), B(k(_e), {
-                  key: 0,
-                  class: "q-select__loader",
-                  size: 24
-                })) : F.value.length ? (d(), B(k(Me), {
-                  key: 1,
-                  ref_key: "listRef",
-                  ref: m,
-                  class: "q-select__items",
-                  modelValue: a.value,
-                  "onUpdate:modelValue": [
-                    _[1] || (_[1] = (fe) => a.value = fe),
-                    j
-                  ],
-                  highlighted: (se = R.value) == null ? void 0 : se[l.itemValue],
-                  items: F.value,
-                  groups: s.groups,
-                  "item-label": l.itemLabel,
-                  "item-value": l.itemValue,
-                  onMouseup: L
-                }, {
-                  item: $(({ item: fe }) => [
-                    y(s.$slots, "item", { item: fe })
-                  ]),
-                  _: 3
-                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (d(), v("div", Pt, N(s.texts.noData), 1)),
-                y(s.$slots, "body.append")
-              ], 544)
-            ];
-          }),
-          _: 3
-        }, 8, ["model-value", "anchor"])) : S("", !0)
-      ], 64);
-    };
+          key: "1"
+        } : void 0,
+        s.$slots.extras ? {
+          name: "extras",
+          fn: I(() => [
+            b(s.$slots, "extras")
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "aria-expanded", "aria-activedescendant", "size"]),
+      G($(de), {
+        "model-value": r.value,
+        spy: "",
+        trigger: "manual",
+        placement: "bottom",
+        width: "anchor",
+        offset: 4,
+        anchor: m.value,
+        onEnter: ue,
+        onLeave: Me
+      }, {
+        default: I(() => {
+          var D;
+          return [
+            j("div", {
+              ref_key: "contentRef",
+              ref: _,
+              class: "q-select__body",
+              onFocusout: k
+            }, [
+              b(s.$slots, "body.prepend"),
+              l.loading ? (c(), x($(be), {
+                key: 0,
+                class: "q-select__loader",
+                size: 24
+              })) : E.value.length ? (c(), x($(Qe), {
+                key: 1,
+                ref_key: "listRef",
+                ref: f,
+                class: "q-select__items",
+                modelValue: a.value,
+                "onUpdate:modelValue": [
+                  w[1] || (w[1] = (W) => a.value = W),
+                  X
+                ],
+                highlighted: (D = R.value) == null ? void 0 : D[l.itemValue],
+                items: E.value,
+                groups: s.groups,
+                "item-label": l.itemLabel,
+                "item-value": l.itemValue,
+                onMouseup: B
+              }, {
+                item: I(({ item: W }) => [
+                  b(s.$slots, "item", { item: W })
+                ]),
+                _: 3
+              }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (c(), v("div", Pt, N(s.texts.noData), 1)),
+              b(s.$slots, "body.append")
+            ], 544)
+          ];
+        }),
+        _: 3
+      }, 8, ["model-value", "anchor"])
+    ], 64));
   }
 }), qn = V(en), tn = {
   key: 0,
@@ -1583,10 +1610,10 @@ const Rt = {
 }, nn = { key: 0 }, ln = {
   key: 1,
   class: "q-input-group__append"
-}, on = { key: 0 }, an = /* @__PURE__ */ x({
+}, on = { key: 0 }, an = /* @__PURE__ */ L({
   __name: "QInputGroup",
   props: {
-    id: { default: () => le() },
+    id: { default: () => te() },
     label: { default: "" },
     readonly: { type: Boolean },
     disabled: { type: Boolean },
@@ -1598,55 +1625,55 @@ const Rt = {
   },
   setup(n) {
     const t = n;
-    return Ce({
+    return Ee({
       QField: {
         size: "block"
       }
-    }), (o, e) => (d(), B(k(ke), {
+    }), (o, e) => (c(), x($(ge), {
       id: t.id,
-      class: D(["q-input-group", t.class]),
+      class: T(["q-input-group", t.class]),
       label: t.label,
       readonly: t.readonly,
       disabled: t.disabled,
       required: t.required,
       size: t.size
     }, {
-      default: $(() => [
-        o.$slots.prepend || t.prependIcon ? (d(), v("div", tn, [
-          t.prependIcon ? (d(), v("span", nn, [
-            te(k(P), de(he(t.prependIcon)), null, 16)
+      default: I(() => [
+        o.$slots.prepend || t.prependIcon ? (c(), v("div", tn, [
+          t.prependIcon ? (c(), v("span", nn, [
+            G($(Z), ie(me(t.prependIcon)), null, 16)
           ])) : S("", !0),
-          y(o.$slots, "prepend")
+          b(o.$slots, "prepend")
         ])) : S("", !0),
-        y(o.$slots, "default"),
-        o.$slots.append || t.appendIcon ? (d(), v("div", ln, [
-          t.appendIcon ? (d(), v("span", on, [
-            te(k(P), de(he(t.appendIcon)), null, 16)
+        b(o.$slots, "default"),
+        o.$slots.append || t.appendIcon ? (c(), v("div", ln, [
+          t.appendIcon ? (c(), v("span", on, [
+            G($(Z), ie(me(t.appendIcon)), null, 16)
           ])) : S("", !0),
-          y(o.$slots, "append")
+          b(o.$slots, "append")
         ])) : S("", !0)
       ]),
       _: 3
     }, 8, ["id", "class", "label", "readonly", "disabled", "required", "size"]));
   }
-}), Sn = V(an), sn = /* @__PURE__ */ x({
+}), Sn = V(an), sn = /* @__PURE__ */ L({
   __name: "QLineLoader",
   props: {
     class: { default: void 0 }
   },
   setup(n) {
     const t = n;
-    return (o, e) => (d(), v("div", {
-      class: D(["q-line-loader", t.class])
+    return (o, e) => (c(), v("div", {
+      class: T(["q-line-loader", t.class])
     }, null, 2));
   }
-}), Ln = V(sn), rn = {
+}), Bn = V(sn), rn = {
   key: 0,
   class: "q-popover__header"
 }, dn = {
   key: 1,
   class: "q-popover__body"
-}, un = ["innerHTML"], cn = { key: 1 }, fn = /* @__PURE__ */ x({
+}, un = ["innerHTML"], cn = { key: 1 }, fn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QPopover",
   props: {
@@ -1663,7 +1690,7 @@ const Rt = {
   },
   setup(n) {
     const t = n;
-    return (o, e) => (d(), B(k(ce), {
+    return (o, e) => (c(), x($(de), {
       "model-value": t.modelValue,
       class: "q-popover",
       trigger: "click",
@@ -1674,23 +1701,23 @@ const Rt = {
       placement: t.placement,
       spy: t.spy
     }, {
-      default: $(() => [
-        t.title || o.$slots.header ? (d(), v("h3", rn, [
-          re(N(t.title) + " ", 1),
-          y(o.$slots, "header")
+      default: I(() => [
+        t.title || o.$slots.header ? (c(), v("h3", rn, [
+          se(N(t.title) + " ", 1),
+          b(o.$slots, "header")
         ])) : S("", !0),
-        t.text || o.$slots.body ? (d(), v("div", dn, [
-          t.html ? (d(), v("span", {
+        t.text || o.$slots.body ? (c(), v("div", dn, [
+          t.html ? (c(), v("span", {
             key: 0,
             innerHTML: t.text
-          }, null, 8, un)) : (d(), v("span", cn, N(t.text), 1)),
-          y(o.$slots, "body")
+          }, null, 8, un)) : (c(), v("span", cn, N(t.text), 1)),
+          b(o.$slots, "body")
         ])) : S("", !0)
       ]),
       _: 3
     }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement", "spy"]));
   }
-}), Bn = V(fn), pn = {
+}), Ln = V(fn), pn = {
   key: 0,
   class: "q-select__value"
 }, mn = {
@@ -1705,11 +1732,11 @@ const Rt = {
   clear: {
     icon: "close"
   }
-}, yn = /* @__PURE__ */ x({
+}, yn = /* @__PURE__ */ L({
   __name: "QSelect",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
-    id: { default: () => le() },
+    id: { default: () => te() },
     label: { default: "" },
     clearable: { type: Boolean },
     readonly: { type: Boolean },
@@ -1727,84 +1754,84 @@ const Rt = {
   },
   emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
   setup(n, { emit: t }) {
-    const o = t, e = n, l = q(e.modelValue), a = q(!1), u = q(""), i = q(null), f = q(null), p = q(null), m = g(
+    const o = t, e = n, l = q(e.modelValue), a = q(!1), r = q(""), i = q(null), p = q(null), m = q(null), f = g(
       () => {
-        var c;
-        return (c = e.items) == null ? void 0 : c.find((r) => r[e.itemValue] === l.value);
+        var u;
+        return (u = e.items) == null ? void 0 : u.find((d) => d[e.itemValue] === l.value);
       }
-    ), w = g(
-      () => m.value ? m.value[e.itemLabel] : ""
-    ), z = g(
+    ), _ = g(
+      () => f.value ? f.value[e.itemLabel] : ""
+    ), C = g(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
-    function F(c) {
-      l.value = c, o("update:modelValue", c), H();
+    function E(u) {
+      l.value = u, o("update:modelValue", u), H();
     }
     function A() {
-      z.value && F(void 0);
+      C.value && E(void 0);
     }
     function R() {
-      e.readonly || e.disabled || (a.value ? H() : E());
+      e.readonly || e.disabled || (a.value ? H() : z());
     }
-    function O(c) {
-      var r, h, I;
-      !((r = p.value) != null && r.contains(c.relatedTarget)) && !((I = (h = i.value) == null ? void 0 : h.fieldRef) != null && I.contains(c.relatedTarget)) && H();
+    function O(u) {
+      var d, y, k;
+      !((d = m.value) != null && d.contains(u.relatedTarget)) && !((k = (y = i.value) == null ? void 0 : y.fieldRef) != null && k.contains(u.relatedTarget)) && H();
     }
-    function E() {
+    function z() {
       a.value || (o("before-show"), a.value = !0);
     }
     function H() {
       a.value && (o("before-hide"), a.value = !1);
     }
-    let j;
-    function Q(c) {
-      if (!(!c.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(j), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(c.key) && (c.preventDefault(), c.stopPropagation()), ["Enter", " "].includes(c.key) && (a.value = !0), ["Escape", "Tab"].includes(c.key) && (a.value ? a.value = !1 : e.clearable && c.key === "Escape" && A()), c.key === "Delete" && e.clearable && A(), /^[a-z]$/i.test(c.key)) {
-          u.value += c.key.toLowerCase();
-          for (let r = 0; r < e.items.length; r++)
-            if (e.items[r][e.itemLabel].toLowerCase().startsWith(u.value)) {
-              b(r);
+    let X;
+    function Q(u) {
+      if (!(!u.key || e.readonly || e.disabled)) {
+        if (window.clearTimeout(X), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(u.key) && (u.preventDefault(), u.stopPropagation()), ["Enter", " "].includes(u.key) && (a.value = !0), ["Escape", "Tab"].includes(u.key) && (a.value ? a.value = !1 : e.clearable && u.key === "Escape" && A()), u.key === "Delete" && e.clearable && A(), /^[a-z]$/i.test(u.key)) {
+          r.value += u.key.toLowerCase();
+          for (let d = 0; d < e.items.length; d++)
+            if (e.items[d][e.itemLabel].toLowerCase().startsWith(r.value)) {
+              h(d);
               break;
             }
         }
-        j = window.setTimeout(function() {
-          u.value = "";
+        X = window.setTimeout(function() {
+          r.value = "";
         }, 500);
       }
     }
     function M() {
-      var c;
-      e.loading ? (c = p.value) == null || c.focus() : K(), o("show");
+      var u;
+      e.loading ? (u = m.value) == null || u.focus() : K(), o("show");
     }
     function U() {
-      X(), o("hide");
+      Y(), o("hide");
     }
-    function X() {
-      var c, r;
-      (r = (c = i.value) == null ? void 0 : c.fieldRef) == null || r.focus();
+    function Y() {
+      var u, d;
+      (d = (u = i.value) == null ? void 0 : u.fieldRef) == null || d.focus();
     }
     function K() {
-      var c;
-      (c = f.value) == null || c.$el.focus();
+      var u;
+      (u = p.value) == null || u.$el.focus();
     }
-    function b(c) {
-      var r;
-      (r = f.value) == null || r.focusItem(c);
+    function h(u) {
+      var d;
+      (d = p.value) == null || d.focusItem(u);
     }
-    return C(
+    return F(
       () => e.modelValue,
-      (c) => {
-        l.value = c;
+      (u) => {
+        l.value = u;
       }
-    ), C(
+    ), F(
       () => e.loading,
-      (c) => {
-        !c && a.value && J(K);
+      (u) => {
+        !u && a.value && P(K);
       }
-    ), (c, r) => {
-      var h, I, L;
-      return d(), v(Z, null, [
-        te(k(ke), {
+    ), (u, d) => {
+      var y;
+      return c(), v(J, null, [
+        G($(ge), {
           id: e.id,
           label: e.label,
           required: e.required,
@@ -1812,7 +1839,7 @@ const Rt = {
           ref: i,
           role: "combobox",
           tabindex: "0",
-          class: D([
+          class: T([
             "q-select",
             {
               "q-select--readonly": e.readonly,
@@ -1827,89 +1854,89 @@ const Rt = {
           "aria-haspopup": "listbox",
           size: e.size,
           onClick: R,
-          onKeydown: ee(Q, ["stop"])
-        }, be({
-          append: $(() => [
-            z.value && l.value ? (d(), B(k(P), ne({ key: 0 }, e.icons.clear, {
+          onKeydown: ne(Q, ["stop"])
+        }, he({
+          append: I(() => [
+            C.value && l.value ? (c(), x($(Z), ee({ key: 0 }, e.icons.clear, {
               class: "q-select__clear",
-              onClick: ee(A, ["stop", "prevent"])
+              onClick: ne(A, ["stop", "prevent"])
             }), null, 16)) : S("", !0),
-            e.readonly ? S("", !0) : (d(), B(k(P), ne({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16))
+            e.readonly ? S("", !0) : (c(), x($(Z), ee({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16))
           ]),
-          default: $(() => [
-            l.value ? (d(), v("span", pn, N(w.value), 1)) : !e.readonly && !e.disabled ? (d(), v("span", mn, N(c.texts.placeholder), 1)) : S("", !0)
+          default: I(() => [
+            l.value !== void 0 ? (c(), v("span", pn, N(_.value), 1)) : !e.readonly && !e.disabled ? (c(), v("span", mn, N(u.texts.placeholder), 1)) : S("", !0)
           ]),
           _: 2
         }, [
-          (h = m.value) != null && h.icon ? {
+          (y = f.value) != null && y.icon ? {
             name: "prepend",
-            fn: $(() => {
-              var W;
+            fn: I(() => {
+              var k;
               return [
-                te(k(P), de(he((W = m.value) == null ? void 0 : W.icon)), null, 16)
+                G($(Z), ie(me((k = f.value) == null ? void 0 : k.icon)), null, 16)
               ];
             }),
             key: "0"
           } : void 0
         ]), 1032, ["id", "label", "required", "class", "readonly", "disabled", "aria-expanded", "size"]),
-        (I = i.value) != null && I.fieldRef ? (d(), B(k(ce), {
-          key: 0,
+        G($(de), {
           "model-value": a.value,
           spy: "",
           trigger: "manual",
           placement: "bottom",
           width: "anchor",
+          anchor: i.value,
           offset: 2,
-          anchor: (L = i.value) == null ? void 0 : L.fieldRef,
           onEnter: M,
           onLeave: U
         }, {
-          default: $(() => [
-            G("div", {
+          default: I(() => [
+            j("div", {
               ref_key: "contentRef",
-              ref: p,
+              ref: m,
               class: "q-select__body",
               tabindex: "-1",
               onFocusout: O,
-              onKeydown: ee(Q, ["stop"])
+              onKeydown: ne(Q, ["stop"])
             }, [
-              y(c.$slots, "body.prepend"),
-              e.loading ? (d(), B(k(_e), {
+              b(u.$slots, "body.prepend"),
+              e.loading ? (c(), x($(be), {
                 key: 0,
                 class: "q-select__loader",
                 size: 24
-              })) : (d(), B(k(Me), {
+              })) : (c(), x($(Qe), {
                 key: 1,
                 ref_key: "listRef",
-                ref: f,
+                ref: p,
                 class: "q-select__items",
                 modelValue: l.value,
                 "onUpdate:modelValue": [
-                  r[0] || (r[0] = (W) => l.value = W),
-                  F
+                  d[0] || (d[0] = (k) => l.value = k),
+                  E
                 ],
                 items: e.items,
-                groups: c.groups,
+                groups: u.groups,
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue
               }, {
-                item: $(({ item: W }) => [
-                  y(c.$slots, "item", { item: W })
+                item: I(({ item: k }) => [
+                  b(u.$slots, "item", { item: k })
                 ]),
                 _: 3
               }, 8, ["modelValue", "items", "groups", "item-label", "item-value"])),
-              y(c.$slots, "body.append")
+              b(u.$slots, "body.append")
             ], 544)
           ]),
           _: 3
-        }, 8, ["model-value", "anchor"])) : S("", !0)
+        }, 8, ["model-value", "anchor"])
       ], 64);
     };
   }
-}), xn = V(yn), bn = ["innerHTML"], gn = { key: 1 }, _n = /* @__PURE__ */ x({
+}), xn = V(yn), bn = ["innerHTML"], gn = { key: 1 }, _n = /* @__PURE__ */ L({
   __name: "QTooltip",
   props: {
     modelValue: { type: Boolean },
+    id: { default: () => te() },
     anchor: {},
     appearance: { default: "inverted" },
     arrow: { type: Boolean, default: !0 },
@@ -1924,52 +1951,59 @@ const Rt = {
   },
   setup(n) {
     const t = n;
-    return (o, e) => (d(), B(k(ce), {
-      "model-value": t.modelValue,
-      anchor: t.anchor,
-      appearance: t.appearance,
-      arrow: t.arrow,
-      attach: t.attach,
-      class: D(["q-tooltip", t.class]),
-      delay: t.delay,
-      disabled: t.disabled,
-      placement: t.placement,
-      trigger: t.trigger
-    }, {
-      default: $(() => [
-        t.html ? (d(), v("span", {
-          key: 0,
-          innerHTML: t.text
-        }, null, 8, bn)) : (d(), v("span", gn, N(t.text), 1))
-      ]),
-      _: 1
-    }, 8, ["model-value", "anchor", "appearance", "arrow", "attach", "class", "delay", "disabled", "placement", "trigger"]));
+    return (o, e) => (c(), v(J, null, [
+      b(o.$slots, "anchor", {
+        props: { "aria-describedby": t.id }
+      }),
+      G($(de), {
+        "model-value": t.modelValue,
+        anchor: t.anchor,
+        role: "tooltip",
+        id: t.id,
+        appearance: t.appearance,
+        arrow: t.arrow,
+        attach: t.attach,
+        class: T(["q-tooltip", t.class]),
+        delay: t.delay,
+        disabled: t.disabled,
+        placement: t.placement,
+        trigger: t.trigger
+      }, {
+        default: I(() => [
+          t.html ? (c(), v("span", {
+            key: 0,
+            innerHTML: t.text
+          }, null, 8, bn)) : (c(), v("span", gn, N(t.text), 1))
+        ]),
+        _: 1
+      }, 8, ["model-value", "anchor", "id", "appearance", "arrow", "attach", "class", "delay", "disabled", "placement", "trigger"])
+    ], 64));
   }
 }), Vn = V(_n);
 export {
-  ct as QButton,
-  pt as QButtonGroup,
+  ut as QButton,
+  ft as QButtonGroup,
   In as QButtonToggle,
   qn as QCombobox,
-  ke as QField,
-  P as QIcon,
-  $t as QIconFont,
-  It as QIconImg,
-  qt as QIconSvg,
+  ge as QField,
+  Z as QIcon,
+  wt as QIconFont,
+  $t as QIconImg,
+  It as QIconSvg,
   Sn as QInputGroup,
-  Ln as QLineLoader,
-  Me as QList,
-  Ct as QListItem,
-  Ft as QListItemGroup,
-  ce as QOverlay,
-  Bn as QPopover,
+  Bn as QLineLoader,
+  Qe as QList,
+  zt as QListItem,
+  Ct as QListItemGroup,
+  de as QOverlay,
+  Ln as QPopover,
   xn as QSelect,
-  _e as QSpinnerLoader,
+  be as QSpinnerLoader,
   Yt as QTextField,
   Vn as QTooltip,
   $n as createFramework,
-  Pe as defaultDarkColorScheme,
-  qe as defaultLightColorScheme,
+  Ye as defaultDarkColorScheme,
+  $e as defaultLightColorScheme,
   wn as useTheme
 };
 //# sourceMappingURL=ui.esm.js.map