@quidgest/ui 0.8.2 → 0.8.4

package/dist/ui.esm.js

@@ -1,29 +1,29 @@
-import { getCurrentInstance as Be, computed as k, ref as q, provide as Se, inject as xe, watch as F, defineComponent as B, openBlock as u, createElementBlock as v, normalizeClass as x, normalizeStyle as se, createElementVNode as P, withModifiers as te, createVNode as M, unref as y, createCommentVNode as L, Fragment as J, createTextVNode as oe, toDisplayString as N, renderSlot as b, toRef as ge, createBlock as E, withCtx as $, renderList as ce, resolveDynamicComponent as Ve, h as _e, normalizeProps as re, mergeProps as Z, reactive as Fe, onBeforeUnmount as Re, onMounted as Ee, nextTick as j, Teleport as Oe, Transition as Ue, withKeys as Me, createSlots as pe, withDirectives as Ne, vModelDynamic as He, guardReactiveProps as ke } from "vue";
-function fe(t) {
+import { getCurrentInstance as Be, computed as k, ref as q, provide as Se, inject as Ve, watch as R, defineComponent as L, openBlock as u, createElementBlock as m, normalizeClass as S, normalizeStyle as ue, createElementVNode as j, withModifiers as se, createVNode as z, unref as b, createCommentVNode as I, Fragment as Y, createTextVNode as ie, toDisplayString as H, renderSlot as h, toRef as ke, createBlock as B, withCtx as _, renderList as pe, resolveDynamicComponent as Ee, h as we, normalizeProps as ee, mergeProps as le, reactive as Ue, onBeforeUnmount as Me, onMounted as De, nextTick as W, Teleport as Ne, Transition as He, withKeys as Ke, createSlots as ve, withDirectives as Ge, vModelDynamic as We, guardReactiveProps as oe } from "vue";
+function me(t) {
   return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
 }
-function we(t) {
+function $e(t) {
   return t !== null && typeof t == "object" && !Array.isArray(t);
 }
-function me(t = {}, n = {}) {
-  const o = {};
+function he(t = {}, n = {}) {
+  const a = {};
   for (const e in t)
-    o[e] = t[e];
+    a[e] = t[e];
   for (const e in n) {
     const l = t[e], r = n[e];
-    if (we(l) && we(r)) {
-      o[e] = me(
+    if ($e(l) && $e(r)) {
+      a[e] = he(
         l,
         r
       );
       continue;
     }
-    o[e] = r;
+    a[e] = r;
   }
-  return o;
+  return a;
 }
-const ve = "q-defaults";
-function Ke() {
+const be = "q-defaults";
+function je() {
   var r, s;
   const t = Be();
   if (!t)
@@ -31,36 +31,36 @@ function Ke() {
   const n = t.type.name ?? t.type.__name;
   if (!n)
     throw new Error("[Quidgest UI] Could not determine component name");
-  const o = Te(), e = (r = o.value) == null ? void 0 : r.Global, l = (s = o.value) == null ? void 0 : s[n];
-  return k(() => me(e, l));
+  const a = Ce(), e = (r = a.value) == null ? void 0 : r.Global, l = (s = a.value) == null ? void 0 : s[n];
+  return k(() => he(e, l));
 }
-function De(t) {
-  if (fe(t))
+function Te(t) {
+  if (me(t))
     return;
-  const n = Te(), o = q(t), e = k(() => fe(o.value) ? n.value : me(n.value, o.value));
-  Se(ve, e);
+  const n = Ce(), a = q(t), e = k(() => me(a.value) ? n.value : he(n.value, a.value));
+  Se(be, e);
 }
-function Te() {
-  const t = xe(ve, void 0);
+function Ce() {
+  const t = Ve(be, void 0);
   if (!t)
     throw new Error("[Quidgest UI] Could not find defaults instance");
   return t;
 }
-const ae = "q-theme";
-function Ge() {
-  const t = xe(ae);
+const re = "q-theme";
+function Pe() {
+  const t = Ve(re);
   if (!t)
     throw new Error("[Quidgest UI] Could not find theme instance");
   return t;
 }
-function $n(t) {
-  const n = Ge(), o = {
+function In(t) {
+  const n = Pe(), a = {
     activeTheme: q(t),
     themes: n.themes
   };
-  return Se(ae, o), o;
+  return Se(re, a), a;
 }
-const $e = {
+const qe = {
   primary: "#007dbe",
   primaryLight: "#cde5ff",
   primaryDark: "#006398",
@@ -91,7 +91,7 @@ const $e = {
   onWarning: "#fff",
   onDanger: "#fff",
   onInfo: "#fff"
-}, We = {
+}, Xe = {
   primary: "#018BD2",
   primaryLight: "#cce7f6",
   primaryDark: "#006fac",
@@ -123,26 +123,26 @@ const $e = {
   onDanger: "#fff",
   onInfo: "#fff"
 };
-function je(t) {
+function Ye(t) {
   return /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t);
 }
-function Pe(t) {
-  if (!je(t))
+function Ze(t) {
+  if (!Ye(t))
     throw new Error("Invalid color format");
   t.length === 4 && (t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
-  const n = parseInt(t.slice(1, 3), 16), o = parseInt(t.slice(3, 5), 16), e = parseInt(t.slice(5, 7), 16);
-  return { r: n, g: o, b: e };
+  const n = parseInt(t.slice(1, 3), 16), a = parseInt(t.slice(3, 5), 16), e = parseInt(t.slice(5, 7), 16);
+  return { r: n, g: a, b: e };
 }
 function ze(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 Xe() {
+function Je() {
   let t = document.getElementById(
-    ae
+    re
   );
-  return t || (t = document.createElement("style"), t.id = ae, document.head.appendChild(t)), t;
+  return t || (t = document.createElement("style"), t.id = re, document.head.appendChild(t)), t;
 }
-function Ye(t) {
+function et(t) {
   let n = "";
   for (const e of t) {
     n += `.q-theme--${e.name} {
@@ -152,44 +152,44 @@ function Ye(t) {
     for (r in l) {
       const s = l[r];
       if (s) {
-        n += `  ${qe(r)}: ${s};
+        n += `  ${Ie(r)}: ${s};
 `;
-        const d = Pe(s);
-        n += `  ${qe(r)}-rgb: ${d.r} ${d.g} ${d.b};
+        const d = Ze(s);
+        n += `  ${Ie(r)}-rgb: ${d.r} ${d.g} ${d.b};
 `;
       }
     }
     n += `}
 `;
   }
-  const o = Xe();
-  o.textContent = n;
+  const a = Je();
+  a.textContent = n;
 }
-function qe(t) {
+function Ie(t) {
   return t ? `--q-theme-${ze(t)}` : "";
 }
-function qn(t = {}) {
-  return { install: (o) => {
+function Ln(t = {}) {
+  return { install: (a) => {
     const e = t.components || {};
     for (const r in e)
-      o.component(r, e[r]);
+      a.component(r, e[r]);
     const l = t.defaults || {};
-    o.provide(ve, q(l)), Ze(o, t.themes);
+    a.provide(be, q(l)), tt(a, t.themes);
   } };
 }
-function Ze(t, n) {
-  const o = [];
+function tt(t, n) {
+  const a = [];
   let e;
   if (!n)
-    e = "default", o.push({
+    e = "default", a.push({
       name: e,
       mode: "light",
-      scheme: $e
+      scheme: qe
     });
   else
     for (const l of n.themes) {
-      const s = { ...l.mode === "light" ? $e : We, ...l.colors };
-      o.push({
+      const s = { ...l.mode === "light" ? qe : Xe, ...l.colors };
+      a.push({
         name: l.name,
         mode: l.mode,
         scheme: s
@@ -198,17 +198,17 @@ function Ze(t, n) {
   if (e) {
     const l = {
       activeTheme: q(e),
-      themes: o
+      themes: a
     };
-    Ye(o), F(l.activeTheme, Je, { immediate: !0 }), t.provide(ae, l);
+    et(a), R(l.activeTheme, nt, { immediate: !0 }), t.provide(re, l);
   }
 }
-function Je(t) {
+function nt(t) {
   const n = document.documentElement, e = Array.from(n.classList).filter((l) => !l.startsWith("q-theme"));
   n.className = e.join(" "), n.classList.add(`q-theme--${t}`);
 }
-const et = /* @__PURE__ */ P("svg", { viewBox: "25 25 50 50" }, [
-  /* @__PURE__ */ P("circle", {
+const lt = /* @__PURE__ */ j("svg", { viewBox: "25 25 50 50" }, [
+  /* @__PURE__ */ j("circle", {
     class: "path",
     cx: "50",
     cy: "50",
@@ -218,52 +218,52 @@ const et = /* @__PURE__ */ P("svg", { viewBox: "25 25 50 50" }, [
     "stroke-width": "5",
     "stroke-miterlimit": "10"
   })
-], -1), tt = [
-  et
-], nt = /* @__PURE__ */ B({
+], -1), ot = [
+  lt
+], at = /* @__PURE__ */ L({
   __name: "QSpinnerLoader",
   props: {
     size: { default: 48 },
     class: { default: void 0 }
   },
   setup(t) {
-    const n = t, o = k(() => ({
+    const n = t, a = k(() => ({
       "font-size": n.size !== 48 ? `${n.size}px` : void 0
     }));
-    return (e, l) => (u(), v("div", {
-      class: x(["q-spinner-loader", n.class]),
-      style: se(o.value)
-    }, tt, 6));
+    return (e, l) => (u(), m("div", {
+      class: S(["q-spinner-loader", n.class]),
+      style: ue(a.value)
+    }, ot, 6));
   }
 });
-function lt(t, n) {
+function st(t, n) {
   var e;
-  const o = ze(n);
-  return o ? typeof ((e = t.props) == null ? void 0 : e[o]) < "u" : !1;
+  const a = ze(n);
+  return a ? typeof ((e = t.props) == null ? void 0 : e[a]) < "u" : !1;
 }
-function S(t) {
+function x(t) {
   const n = t.setup;
-  return n && (t.setup = (o, e) => {
-    const l = Ke();
-    if (fe(l.value))
-      return n(o, e);
+  return n && (t.setup = (a, e) => {
+    const l = je();
+    if (me(l.value))
+      return n(a, e);
     const r = Be();
     if (r === null)
-      return n(o, e);
-    const s = new Proxy(o, {
-      get(d, m) {
-        var p;
-        const h = Reflect.get(d, m), _ = (p = l.value) == null ? void 0 : p[m];
-        return typeof m == "string" && !lt(r.vnode, m) ? _ ?? h : h;
+      return n(a, e);
+    const s = new Proxy(a, {
+      get(d, p) {
+        var f;
+        const v = Reflect.get(d, p), y = (f = l.value) == null ? void 0 : f[p];
+        return typeof p == "string" && !st(r.vnode, p) ? y ?? v : v;
       }
     });
     return n(s, e);
   }), t;
 }
-const he = S(nt), ot = ["disabled"], at = {
+const ye = x(at), it = ["disabled"], rt = {
   key: 0,
   class: "q-btn__spinner"
-}, st = { class: "q-btn__content" }, it = /* @__PURE__ */ B({
+}, dt = { class: "q-btn__content" }, ut = /* @__PURE__ */ L({
   __name: "QButton",
   props: {
     active: { type: Boolean },
@@ -280,9 +280,9 @@ const he = S(nt), ot = ["disabled"], at = {
   },
   emits: ["click"],
   setup(t, { emit: n }) {
-    const o = n, e = t, l = k(() => e.disabled || e.loading);
+    const a = n, e = t, l = k(() => e.disabled || e.loading);
     function r(d) {
-      l.value || o("click", d);
+      l.value || a("click", d);
     }
     const s = k(() => {
       const d = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
@@ -300,27 +300,27 @@ const he = S(nt), ot = ["disabled"], at = {
         e.class
       ];
     });
-    return (d, m) => (u(), v("button", {
+    return (d, p) => (u(), m("button", {
       type: "button",
-      class: x(s.value),
+      class: S(s.value),
       disabled: l.value,
-      onClick: te(r, ["stop", "prevent"])
+      onClick: se(r, ["stop", "prevent"])
     }, [
-      d.loading ? (u(), v("div", at, [
-        M(y(he), { size: 20 })
-      ])) : L("", !0),
-      P("span", st, [
-        d.iconOnRight ? (u(), v(J, { key: 0 }, [
-          oe(N(e.label), 1)
-        ], 64)) : L("", !0),
-        b(d.$slots, "default"),
-        d.iconOnRight ? L("", !0) : (u(), v(J, { key: 1 }, [
-          oe(N(e.label), 1)
+      d.loading ? (u(), m("div", rt, [
+        z(b(ye), { size: 20 })
+      ])) : I("", !0),
+      j("span", dt, [
+        d.iconOnRight ? (u(), m(Y, { key: 0 }, [
+          ie(H(e.label), 1)
+        ], 64)) : I("", !0),
+        h(d.$slots, "default"),
+        d.iconOnRight ? I("", !0) : (u(), m(Y, { key: 1 }, [
+          ie(H(e.label), 1)
         ], 64))
       ])
-    ], 10, ot));
+    ], 10, it));
   }
-}), rt = S(it), dt = /* @__PURE__ */ B({
+}), de = x(ut), ct = /* @__PURE__ */ L({
   __name: "QButtonGroup",
   props: {
     disabled: { type: Boolean },
@@ -330,15 +330,15 @@ const he = S(nt), ot = ["disabled"], at = {
   },
   setup(t) {
     const n = t;
-    return De({
+    return Te({
       QButton: {
         bStyle: "secondary",
-        disabled: ge(n, "disabled"),
-        borderless: ge(n, "borderless"),
+        disabled: ke(n, "disabled"),
+        borderless: ke(n, "borderless"),
         elevated: !1
       }
-    }), (o, e) => (u(), v("div", {
-      class: x([
+    }), (a, e) => (u(), m("div", {
+      class: S([
         "q-btn-group",
         {
           "q-btn-group--elevated": n.elevated
@@ -346,10 +346,10 @@ const he = S(nt), ot = ["disabled"], at = {
         n.class
       ])
     }, [
-      b(o.$slots, "default")
+      h(a.$slots, "default")
     ], 2));
   }
-}), ut = S(dt), ct = /* @__PURE__ */ B({
+}), ft = x(ct), pt = /* @__PURE__ */ L({
   __name: "QButtonToggle",
   props: {
     modelValue: {},
@@ -362,8 +362,8 @@ const he = S(nt), ot = ["disabled"], at = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
-    const o = n, e = t, l = q(e.modelValue);
-    F(
+    const a = n, e = t, l = q(e.modelValue);
+    R(
       () => e.modelValue,
       (d) => l.value = d
     );
@@ -372,29 +372,29 @@ const he = S(nt), ot = ["disabled"], at = {
         return l.value;
       },
       set(d) {
-        l.value = d, o("update:modelValue", d);
+        l.value = d, a("update:modelValue", d);
       }
     });
     function s(d) {
       r.value === d.key && !e.required ? r.value = void 0 : r.value = d.key;
     }
-    return (d, m) => (u(), E(y(ut), {
+    return (d, p) => (u(), B(b(ft), {
       "b-style": "secondary",
-      class: x(e.class),
+      class: S(e.class),
       disabled: e.disabled,
       borderless: e.borderless,
       elevated: e.elevated
     }, {
-      default: $(() => [
-        (u(!0), v(J, null, ce(e.options, (h) => (u(), E(y(rt), {
-          key: h.key,
-          title: h.title,
-          label: h.label,
-          active: r.value === h.key,
-          onClick: () => s(h)
+      default: _(() => [
+        (u(!0), m(Y, null, pe(e.options, (v) => (u(), B(b(de), {
+          key: v.key,
+          title: v.title,
+          label: v.label,
+          active: r.value === v.key,
+          onClick: () => s(v)
         }, {
-          default: $(() => [
-            b(d.$slots, h.key)
+          default: _(() => [
+            h(d.$slots, v.key)
           ]),
           _: 2
         }, 1032, ["title", "label", "active", "onClick"]))), 128))
@@ -402,7 +402,7 @@ const he = S(nt), ot = ["disabled"], at = {
       _: 3
     }, 8, ["class", "disabled", "borderless", "elevated"]));
   }
-}), In = S(ct), ft = /* @__PURE__ */ B({
+}), xn = x(pt), mt = /* @__PURE__ */ L({
   __name: "QIcon",
   props: {
     icon: {},
@@ -411,25 +411,25 @@ const he = S(nt), ot = ["disabled"], at = {
     class: { default: void 0 }
   },
   setup(t) {
-    const n = t, o = k(() => {
+    const n = t, a = k(() => {
       switch (n.type) {
         case "svg":
-          return wt;
+          return qt;
         case "font":
-          return _t;
+          return wt;
         case "img":
-          return kt;
+          return $t;
         default:
           return;
       }
     });
-    return (e, l) => (u(), E(Ve(o.value), {
-      class: x(n.class),
+    return (e, l) => (u(), B(Ee(a.value), {
+      class: S(n.class),
       icon: n.icon,
       size: n.size
     }, null, 8, ["class", "icon", "size"]));
   }
-}), pt = /* @__PURE__ */ B({
+}), vt = /* @__PURE__ */ L({
   __name: "QIconFont",
   props: {
     icon: {},
@@ -439,15 +439,15 @@ const he = S(nt), ot = ["disabled"], at = {
     class: { default: void 0 }
   },
   setup(t) {
-    const n = t, o = k(() => n.variant ? `${n.library}-${n.variant}` : n.library), e = k(() => n.library && n.icon ? `${n.library}-${n.icon}` : n.icon), l = k(() => ({
+    const n = t, a = k(() => n.variant ? `${n.library}-${n.variant}` : n.library), e = k(() => n.library && n.icon ? `${n.library}-${n.icon}` : n.icon), l = k(() => ({
       "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
-    return (r, s) => (u(), v("i", {
-      class: x(["q-icon", "q-icon__font", o.value, e.value, n.class]),
-      style: se(l.value)
+    return (r, s) => (u(), m("i", {
+      class: S(["q-icon", "q-icon__font", a.value, e.value, n.class]),
+      style: ue(l.value)
     }, null, 6));
   }
-}), mt = ["src"], vt = /* @__PURE__ */ B({
+}), ht = ["src"], bt = /* @__PURE__ */ L({
   __name: "QIconImg",
   props: {
     icon: {},
@@ -455,16 +455,16 @@ const he = S(nt), ot = ["disabled"], at = {
     class: {}
   },
   setup(t) {
-    const n = t, o = k(() => ({
+    const n = t, a = k(() => ({
       "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
-    return (e, l) => (u(), v("img", {
+    return (e, l) => (u(), m("img", {
       src: n.icon,
-      class: x(["q-icon", "q-icon__img", n.class]),
-      style: se(o.value)
-    }, null, 14, mt));
+      class: S(["q-icon", "q-icon__img", n.class]),
+      style: ue(a.value)
+    }, null, 14, ht));
   }
-}), le = {}, ht = B({
+}), ae = {}, yt = L({
   name: "InlineSvg",
   emits: ["loaded", "unloaded", "error"],
   inheritAttrs: !1,
@@ -473,9 +473,9 @@ const he = S(nt), ot = ["disabled"], at = {
       return null;
     const t = this.getSvgContent(this.svgElSource);
     if (!t)
-      return _e("div", this.$attrs);
+      return we("div", this.$attrs);
     const n = {};
-    return this.copySvgAttrs(n, this.svgElSource), this.copySvgAttrs(n, t), this.copyComponentAttrs(n, this.$attrs), n.innerHTML = t.innerHTML, _e("svg", n);
+    return this.copySvgAttrs(n, this.svgElSource), this.copySvgAttrs(n, t), this.copyComponentAttrs(n, this.$attrs), n.innerHTML = t.innerHTML, we("svg", n);
   },
   props: {
     src: {
@@ -510,17 +510,17 @@ const he = S(nt), ot = ["disabled"], at = {
   },
   methods: {
     copySvgAttrs(t, n) {
-      const o = n.attributes;
-      if (o)
-        for (const e of o)
+      const a = n.attributes;
+      if (a)
+        for (const e of a)
           t[e.name] = e.value;
     },
     copyComponentAttrs(t, n) {
-      for (const [o, e] of Object.entries(n))
-        e !== !1 && e !== null && e !== void 0 && (t[o] = e);
+      for (const [a, e] of Object.entries(n))
+        e !== !1 && e !== null && e !== void 0 && (t[a] = e);
     },
     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)), bt(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)), gt(t, this.title)), t);
     },
     /**
      * Get svgElSource
@@ -528,11 +528,11 @@ const he = S(nt), ot = ["disabled"], at = {
      */
     async getSource(t) {
       try {
-        le[t] || (le[t] = yt(this.download(t))), this.svgElSource && le[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
-        const n = await le[t];
+        ae[t] || (ae[t] = _t(this.download(t))), this.svgElSource && ae[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
+        const n = await ae[t];
         this.svgElSource = n, await this.$nextTick(), this.$emit("loaded", this.$el);
       } catch (n) {
-        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete le[t], this.$emit("error", n);
+        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete ae[t], this.$emit("error", n);
       }
     },
     /**
@@ -544,7 +544,7 @@ const he = S(nt), ot = ["disabled"], at = {
       const n = await fetch(t);
       if (!n.ok)
         throw new Error("Error loading SVG");
-      const o = await n.text(), r = new DOMParser().parseFromString(o, "text/xml").getElementsByTagName("svg")[0];
+      const a = await n.text(), r = new DOMParser().parseFromString(a, "text/xml").getElementsByTagName("svg")[0];
       if (!r)
         throw new Error("Loaded file is not a valid SVG");
       return r;
@@ -556,28 +556,28 @@ const he = S(nt), ot = ["disabled"], at = {
     }
   }
 });
-function bt(t, n) {
-  const o = t.getElementsByTagName("title");
-  if (o.length)
-    o[0].textContent = n;
+function gt(t, n) {
+  const a = t.getElementsByTagName("title");
+  if (a.length)
+    a[0].textContent = n;
   else {
     const e = document.createElementNS("http://www.w3.org/2000/svg", "title");
     e.textContent = n, t.insertBefore(e, t.firstChild);
   }
 }
-function yt(t) {
+function _t(t) {
   if (t.getIsPending)
     return t;
   let n = !0;
-  const o = t.then(
+  const a = t.then(
     (e) => (n = !1, e),
     (e) => {
       throw n = !1, e;
     }
   );
-  return o.getIsPending = () => n, o;
+  return a.getIsPending = () => n, a;
 }
-const gt = /* @__PURE__ */ B({
+const kt = /* @__PURE__ */ L({
   __name: "QIconSvg",
   props: {
     icon: {},
@@ -587,25 +587,25 @@ const gt = /* @__PURE__ */ B({
   },
   emits: ["loaded", "unloaded"],
   setup(t, { emit: n }) {
-    const o = n, e = t, l = k(() => ({
+    const a = n, e = t, l = k(() => ({
       "font-size": e.size !== void 0 ? `${e.size}px` : void 0
     }));
     function r(d) {
-      o("loaded", d);
+      a("loaded", d);
     }
     function s() {
-      o("unloaded");
+      a("unloaded");
     }
-    return (d, m) => (u(), E(y(ht), {
-      class: x(["q-icon", "q-icon__svg", e.class]),
+    return (d, p) => (u(), B(b(yt), {
+      class: S(["q-icon", "q-icon__svg", e.class]),
       src: e.bundle,
       symbol: e.icon,
-      style: se(l.value),
+      style: ue(l.value),
       onLoaded: r,
       onUnloaded: s
     }, null, 8, ["class", "src", "symbol", "style"]));
   }
-}), ee = S(ft), _t = S(pt), kt = S(vt), wt = S(gt), $t = /* @__PURE__ */ B({
+}), X = x(mt), wt = x(vt), $t = x(bt), qt = x(kt), It = /* @__PURE__ */ L({
   __name: "QList",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -618,28 +618,28 @@ const gt = /* @__PURE__ */ B({
     class: { default: void 0 }
   },
   emits: ["update:modelValue"],
-  setup(t, { expose: n, emit: o }) {
-    const e = o, l = t, r = q(l.modelValue), s = q(!1), d = k(() => m.value.length > 1 ? "div" : "ul"), m = k(() => l.groups.length ? l.groups : [{ id: "", title: "" }]), h = q(null);
-    function _(a) {
-      r.value = a, e("update:modelValue", a);
+  setup(t, { expose: n, emit: a }) {
+    const e = a, l = t, r = q(l.modelValue), s = q(!1), d = k(() => p.value.length > 1 ? "div" : "ul"), p = k(() => l.groups.length ? l.groups : [{ id: "", title: "" }]), v = q(null);
+    function y(o) {
+      r.value = o, e("update:modelValue", o);
     }
-    function p() {
+    function f() {
       s.value = !0;
     }
-    function z() {
+    function D() {
       s.value = !1;
     }
-    function T(a) {
-      var I;
-      if ((I = h.value) != null && I.contains(a.relatedTarget))
+    function T(o) {
+      var g;
+      if ((g = v.value) != null && g.contains(o.relatedTarget))
         return;
-      let f;
-      r.value ? f = l.items.findIndex((ue) => ue[l.itemValue] === r.value) : f = A();
-      const g = s.value;
-      O(f, g);
+      let c;
+      r.value ? c = l.items.findIndex((te) => te[l.itemValue] === r.value) : c = F();
+      const w = s.value;
+      U(c, w);
     }
-    function D(a) {
-      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(a.key) && a.preventDefault(), a.key) {
+    function E(o) {
+      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(o.key) && o.preventDefault(), o.key) {
         case "ArrowDown":
           Q("next");
           break;
@@ -654,109 +654,109 @@ const gt = /* @__PURE__ */ B({
           break;
       }
     }
-    function Q(a) {
-      switch (a) {
+    function Q(o) {
+      switch (o) {
         case "next":
         case "prev":
-          O(U(a));
+          U(P(o));
           break;
         case "first":
-          O(A());
+          U(F());
           break;
         case "last":
-          O(H());
+          U(O());
           break;
       }
     }
-    function O(a, f = !1) {
-      var I;
-      (I = R()[a]) == null || I.focus({ preventScroll: f });
+    function U(o, c = !1) {
+      var g;
+      (g = A()[o]) == null || g.focus({ preventScroll: c });
+    }
+    function A() {
+      var c;
+      const o = (c = v.value) == null ? void 0 : c.querySelectorAll("li");
+      return o ? Array.from(o) : [];
     }
-    function R() {
-      var f;
-      const a = (f = h.value) == null ? void 0 : f.querySelectorAll("li");
-      return a ? Array.from(a) : [];
+    function C(o) {
+      return A()[o];
     }
-    function C(a) {
-      return R()[a];
+    function Z() {
+      return A().indexOf(document.activeElement);
     }
-    function X() {
-      return R().indexOf(document.activeElement);
+    function F() {
+      const o = A(), c = o.find((w) => K(w));
+      return c ? o.indexOf(c) : -1;
     }
-    function A() {
-      const a = R(), f = a.find((g) => Y(g));
-      return f ? a.indexOf(f) : -1;
-    }
-    function H() {
-      const a = R(), f = [...a].reverse().find((g) => Y(g));
-      return f ? a.indexOf(f) : -1;
-    }
-    function K(a, f, g) {
-      return f === "prev" && a === 0 || f === "next" && a === g.length - 1;
-    }
-    function U(a) {
-      const f = X();
-      return G(f, a);
-    }
-    function G(a, f) {
-      const g = R();
-      if (K(a, f, g))
-        return a;
-      let I = a + (f === "next" ? 1 : -1);
-      for (; !Y(g[I]); ) {
-        if (K(I, f, g))
-          return a;
-        I += f === "next" ? 1 : -1;
+    function O() {
+      const o = A(), c = [...o].reverse().find((w) => K(w));
+      return c ? o.indexOf(c) : -1;
+    }
+    function M(o, c, w) {
+      return c === "prev" && o === 0 || c === "next" && o === w.length - 1;
+    }
+    function P(o) {
+      const c = Z();
+      return N(c, o);
+    }
+    function N(o, c) {
+      const w = A();
+      if (M(o, c, w))
+        return o;
+      let g = o + (c === "next" ? 1 : -1);
+      for (; !K(w[g]); ) {
+        if (M(g, c, w))
+          return o;
+        g += c === "next" ? 1 : -1;
       }
-      return I;
+      return g;
     }
-    function Y(a) {
-      return a.tabIndex === -2;
+    function K(o) {
+      return o.tabIndex === -2;
     }
-    function c(a) {
-      return a ? l.items.filter((f) => f.group === a) : l.items;
+    function J(o) {
+      return o ? l.items.filter((c) => c.group === o) : l.items;
     }
-    return F(
+    return R(
       () => l.modelValue,
-      (a) => {
-        r.value = a;
+      (o) => {
+        r.value = o;
       }
     ), n({
-      focusItem: O,
+      focusItem: U,
       getItem: C,
-      getAdjacentItemIndex: G,
-      getFirstFocusableItemIndex: A,
-      getLastFocusableItemIndex: H
-    }), (a, f) => (u(), E(Ve(d.value), {
+      getAdjacentItemIndex: N,
+      getFirstFocusableItemIndex: F,
+      getLastFocusableItemIndex: O
+    }), (o, c) => (u(), B(Ee(d.value), {
       ref_key: "listRef",
-      ref: h,
-      class: x(["q-list", { "q-list--disabled": l.disabled }, l.class]),
+      ref: v,
+      class: S(["q-list", { "q-list--disabled": l.disabled }, l.class]),
       role: "listbox",
       tabindex: l.disabled ? -1 : 0,
       onFocus: T,
-      onMousedown: p,
-      onMouseup: z,
-      onKeydown: D
+      onMousedown: f,
+      onMouseup: D,
+      onKeydown: E
     }, {
-      default: $(() => [
-        (u(!0), v(J, null, ce(m.value, (g) => (u(), E(y(Tt), {
-          key: g.id,
-          title: m.value.length === 1 ? void 0 : g.title,
-          disabled: g.disabled
+      default: _(() => [
+        (u(!0), m(Y, null, pe(p.value, (w) => (u(), B(b(zt), {
+          key: w.id,
+          title: p.value.length === 1 ? void 0 : w.title,
+          disabled: w.disabled
         }, {
-          default: $(() => [
-            (u(!0), v(J, null, ce(c(g.id), (I) => (u(), E(y(Dt), {
-              key: I[l.itemValue],
-              value: I[l.itemValue],
-              label: I[l.itemLabel],
-              icon: I.icon,
-              disabled: l.disabled || I.disabled,
-              highlighted: l.highlighted === I[l.itemValue],
-              selected: r.value === I[l.itemValue],
-              onSelect: _
+          default: _(() => [
+            (u(!0), m(Y, null, pe(J(w.id), (g) => (u(), B(b(Ct), {
+              key: g[l.itemValue],
+              value: g[l.itemValue],
+              label: g[l.itemLabel],
+              icon: g.icon,
+              disabled: l.disabled || g.disabled,
+              highlighted: l.highlighted === g[l.itemValue],
+              selected: r.value === g[l.itemValue],
+              onSelect: y
             }, {
-              default: $(() => [
-                b(a.$slots, "item", { item: I })
+              default: _(() => [
+                h(o.$slots, "item", { item: g })
               ]),
               _: 2
             }, 1032, ["value", "label", "icon", "disabled", "highlighted", "selected"]))), 128))
@@ -768,15 +768,15 @@ const gt = /* @__PURE__ */ B({
     }, 40, ["class", "tabindex"]));
   }
 });
-let qt = 0;
-function ie(t) {
-  return t || `uid-${++qt}`;
+let Lt = 0;
+function ce(t) {
+  return t || `uid-${++Lt}`;
 }
-const It = ["id", "tabindex", "aria-label", "aria-selected"], Lt = { class: "q-list-item__check-container" }, Bt = {
+const xt = ["id", "tabindex", "aria-label", "aria-selected"], Bt = { class: "q-list-item__check-container" }, St = {
   check: {
     icon: "check"
   }
-}, St = /* @__PURE__ */ B({
+}, Vt = /* @__PURE__ */ L({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
@@ -784,23 +784,23 @@ const It = ["id", "tabindex", "aria-label", "aria-selected"], Lt = { class: "q-l
     icon: { default: void 0 },
     selected: { type: Boolean },
     highlighted: { type: Boolean },
-    icons: { default: () => Bt },
+    icons: { default: () => St },
     disabled: { type: Boolean }
   },
   emits: ["select"],
   setup(t, { emit: n }) {
-    const o = n, e = t, l = ie();
+    const a = n, e = t, l = ce();
     function r() {
-      e.disabled || o("select", e.value);
+      e.disabled || a("select", e.value);
     }
     function s(d) {
       d.key === "Tab" && r(), (d.key === "Enter" || d.key === " ") && (d.preventDefault(), d.stopPropagation(), r());
     }
-    return (d, m) => (u(), v("li", {
-      id: y(l),
+    return (d, p) => (u(), m("li", {
+      id: b(l),
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
-      class: x([
+      class: S([
         "q-list-item",
         {
           "q-list-item--disabled": e.disabled,
@@ -811,105 +811,105 @@ const It = ["id", "tabindex", "aria-label", "aria-selected"], Lt = { class: "q-l
       "aria-label": e.label,
       "aria-selected": e.disabled ? void 0 : e.selected,
       onKeydown: s,
-      onClick: te(r, ["stop", "prevent"])
+      onClick: se(r, ["stop", "prevent"])
     }, [
-      b(d.$slots, "default", {}, () => [
-        e.icon ? (u(), E(y(ee), re(Z({ key: 0 }, e.icon)), null, 16)) : L("", !0),
-        oe(" " + N(e.label), 1)
+      h(d.$slots, "default", {}, () => [
+        e.icon ? (u(), B(b(X), ee(le({ key: 0 }, e.icon)), null, 16)) : I("", !0),
+        ie(" " + H(e.label), 1)
       ]),
-      P("div", Lt, [
-        e.selected ? (u(), E(y(ee), Z({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : L("", !0)
+      j("div", Bt, [
+        e.selected ? (u(), B(b(X), le({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : I("", !0)
       ])
-    ], 42, It));
+    ], 42, xt));
   }
-}), xt = ["aria-labelledby"], Vt = ["id"], Et = /* @__PURE__ */ B({
+}), Et = ["aria-labelledby"], Dt = ["id"], Tt = /* @__PURE__ */ L({
   __name: "QListItemGroup",
   props: {
     title: { default: "" },
     disabled: { type: Boolean }
   },
   setup(t) {
-    const n = t, o = ie();
-    return (e, l) => (u(), v("ul", {
+    const n = t, a = ce();
+    return (e, l) => (u(), m("ul", {
       class: "q-list-item-group",
       role: "group",
-      "aria-labelledby": n.title ? y(o) : void 0
+      "aria-labelledby": n.title ? b(a) : void 0
     }, [
-      n.title ? (u(), v("li", {
+      n.title ? (u(), m("li", {
         key: 0,
-        id: y(o),
+        id: b(a),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, N(n.title), 9, Vt)) : L("", !0),
-      b(e.$slots, "default")
-    ], 8, xt));
+      }, H(n.title), 9, Dt)) : I("", !0),
+      h(e.$slots, "default")
+    ], 8, Et));
   }
-}), Ce = S($t), Dt = S(St), Tt = S(Et);
-function zt(t, n, o = "right", e) {
-  const l = t.getBoundingClientRect(), r = l.x + window.scrollX, s = l.y + window.scrollY, d = n == null ? void 0 : n.getBoundingClientRect(), m = (d == null ? void 0 : d.width) ?? 0, h = (d == null ? void 0 : d.height) ?? 0;
-  let _ = o;
-  d && !Qe(l, d, _) && (_ = Ct(l, d, _));
-  const p = { x: 0, y: 0, placement: _ };
-  switch (_) {
+}), Qe = x(It), Ct = x(Vt), zt = x(Tt);
+function Qt(t, n, a = "right", e) {
+  const l = t.getBoundingClientRect(), r = l.x + window.scrollX, s = l.y + window.scrollY, d = n == null ? void 0 : n.getBoundingClientRect(), p = (d == null ? void 0 : d.width) ?? 0, v = (d == null ? void 0 : d.height) ?? 0;
+  let y = a;
+  d && !Ae(l, d, y) && (y = At(l, d, y));
+  const f = { x: 0, y: 0, placement: y };
+  switch (y) {
     case "top":
-      e === "anchor" ? p.x = r : p.x = r + (l.width - m) / 2, p.y = s - h;
+      e === "anchor" ? f.x = r : f.x = r + (l.width - p) / 2, f.y = s - v;
       break;
     case "bottom":
-      e === "anchor" ? p.x = r : p.x = r + (l.width - m) / 2, p.y = s + l.height;
+      e === "anchor" ? f.x = r : f.x = r + (l.width - p) / 2, f.y = s + l.height;
       break;
     case "left":
-      p.x = r - m, p.y = s + l.height / 2 - h / 2;
+      f.x = r - p, f.y = s + l.height / 2 - v / 2;
       break;
     case "right":
-      p.x = r + l.width, p.y = s + l.height / 2 - h / 2;
+      f.x = r + l.width, f.y = s + l.height / 2 - v / 2;
       break;
   }
-  return e === "anchor" && l.width >= m && (p.width = l.width), p;
+  return e === "anchor" && l.width >= p && (f.width = l.width), f;
 }
-function Qe(t, n, o) {
+function Ae(t, n, a) {
   let e = !1, l = !1;
-  switch (o) {
+  switch (a) {
     case "top":
-      e = Le(t, n), l = t.top > n.height;
+      e = xe(t, n), l = t.top > n.height;
       break;
     case "bottom":
-      e = Le(t, n), l = window.innerHeight - t.top - t.height > n.height;
+      e = xe(t, n), l = window.innerHeight - t.top - t.height > n.height;
       break;
     case "left":
-      e = t.left > n.width, l = Ie(t, n);
+      e = t.left > n.width, l = Le(t, n);
       break;
     case "right":
-      e = window.innerWidth - t.left - t.width > n.width, l = Ie(t, n);
+      e = window.innerWidth - t.left - t.width > n.width, l = Le(t, n);
       break;
   }
   return e && l;
 }
-function Ie(t, n) {
+function Le(t, n) {
   return window.innerHeight - t.top - t.height / 2 > n.height / 2 && t.top + t.height / 2 > n.height / 2;
 }
-function Le(t, n) {
+function xe(t, n) {
   return window.innerWidth - t.left - t.width / 2 > n.width / 2 && t.left + t.width / 2 > n.width / 2;
 }
-function Ct(t, n, o) {
+function At(t, n, a) {
   const e = {
     top: ["bottom", "left", "right"],
     bottom: ["top", "left", "right"],
     left: ["right", "top", "bottom"],
     right: ["left", "top", "bottom"]
   };
-  for (const l of e[o])
-    if (Qe(t, n, l))
+  for (const l of e[a])
+    if (Ae(t, n, l))
       return l;
-  return o;
+  return a;
 }
 function ne(t) {
   return typeof t == "string" ? document.querySelector(t) : t && "$el" in t ? t.$el : t;
 }
-const Qt = ["role"], At = {
+const Ft = ["role"], Rt = {
   key: 0,
   role: "presentation",
   class: "q-overlay__arrow"
-}, Ft = /* @__PURE__ */ B({
+}, Ot = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QOverlay",
   props: {
@@ -930,14 +930,14 @@ const Qt = ["role"], At = {
   },
   emits: ["enter", "leave"],
   setup(t, { emit: n }) {
-    const o = n, e = t, l = k(() => [
+    const a = n, e = t, l = k(() => [
       "q-overlay",
       `q-overlay--${s.placement}`,
       { "q-overlay--inverted": e.appearance === "inverted" },
       e.class
     ]), r = k(
       () => (s.visible || s.animating) && e.trigger === "click"
-    ), s = Fe({
+    ), s = Ue({
       visible: e.modelValue,
       animating: !1,
       top: 0,
@@ -945,206 +945,206 @@ const Qt = ["role"], At = {
       width: 0,
       placement: e.placement
     });
-    F(
+    R(
       () => e.modelValue,
       () => s.visible = e.modelValue
-    ), F(
+    ), R(
       () => s.visible,
       () => s.animating = !0
     );
     const d = k(() => {
-      let a = 0, f = 0;
+      let o = 0, c = 0;
       switch (s.placement) {
         case "top":
-          f = -(e.offset || 0);
+          c = -(e.offset || 0);
           break;
         case "bottom":
-          f = e.offset || 0;
+          c = e.offset || 0;
           break;
         case "left":
-          a = -(e.offset || 0);
+          o = -(e.offset || 0);
           break;
         case "right":
-          a = e.offset || 0;
+          o = e.offset || 0;
           break;
       }
-      const g = {
-        top: `${s.top + f}px`,
-        left: `${s.left + a}px`
+      const w = {
+        top: `${s.top + c}px`,
+        left: `${s.left + o}px`
       };
-      return s.width !== void 0 && ["top", "bottom"].includes(s.placement) && (g.width = `${s.width}px`), g;
-    }), m = q(null);
-    function h() {
+      return s.width !== void 0 && ["top", "bottom"].includes(s.placement) && (w.width = `${s.width}px`), w;
+    }), p = q(null);
+    function v() {
       if (e.anchor) {
-        const a = ne(e.anchor);
-        if (a) {
-          const f = zt(
-            a,
-            m.value,
+        const o = ne(e.anchor);
+        if (o) {
+          const c = Qt(
+            o,
+            p.value,
             e.placement,
             e.width
           );
-          s.left = f.x, s.top = f.y, s.width = f.width, s.placement = f.placement;
+          s.left = c.x, s.top = c.y, s.width = c.width, s.placement = c.placement;
         }
       }
     }
-    F([() => s.visible, () => e.placement], h);
-    let _;
-    function p() {
+    R([() => s.visible, () => e.placement], v);
+    let y;
+    function f() {
       T(0);
     }
-    function z() {
+    function D() {
       T(e.delay);
     }
-    function T(a) {
-      _ || (_ = window.setTimeout(() => {
-        s.visible = !0, j(() => {
-          var f;
-          e.trigger === "click" && ((f = m.value) == null || f.focus());
+    function T(o) {
+      y || (y = window.setTimeout(() => {
+        s.visible = !0, W(() => {
+          var c;
+          e.trigger === "click" && ((c = p.value) == null || c.focus());
         });
-      }, a));
+      }, o));
     }
-    function D() {
-      clearTimeout(_), _ = void 0, s.visible = !1, j(() => {
+    function E() {
+      clearTimeout(y), y = void 0, s.visible = !1, W(() => {
         if (e.anchor && e.trigger === "click") {
-          const a = ne(e.anchor);
-          a == null || a.focus();
+          const o = ne(e.anchor);
+          o == null || o.focus();
         }
       });
     }
     let Q;
-    function O() {
-      o("enter");
+    function U() {
+      a("enter");
     }
-    function R() {
-      window.clearTimeout(Q), Q = window.setTimeout(() => s.animating = !1, 200), o("leave");
+    function A() {
+      window.clearTimeout(Q), Q = window.setTimeout(() => s.animating = !1, 200), a("leave");
     }
     let C;
-    function X() {
-      j(() => {
+    function Z() {
+      W(() => {
         if (!e.anchor)
           return;
-        const a = ne(e.anchor);
-        if (a)
+        const o = ne(e.anchor);
+        if (o)
           switch (e.trigger) {
             case "click":
-              a.addEventListener("click", p);
+              o.addEventListener("click", f);
               break;
             case "hover":
-              a.addEventListener("mouseenter", z), a.addEventListener("mouseleave", D), a.addEventListener("focusin", p), a.addEventListener("focusout", D);
+              o.addEventListener("mouseenter", D), o.addEventListener("mouseleave", E), o.addEventListener("focusin", f), o.addEventListener("focusout", E);
               break;
           }
       });
     }
-    function A() {
-      j(() => {
+    function F() {
+      W(() => {
         if (!e.anchor)
           return;
-        const a = ne(e.anchor);
-        a && (window.addEventListener("scroll", h), window.addEventListener("resize", h), C = new MutationObserver(h), C.observe(a, {
+        const o = ne(e.anchor);
+        o && (window.addEventListener("scroll", v), window.addEventListener("resize", v), C = new MutationObserver(v), C.observe(o, {
           attributes: !1,
           childList: !0,
           characterData: !0,
           subtree: !0
-        }), h());
+        }), v());
       });
     }
-    function H() {
+    function O() {
       if (!e.anchor)
         return;
-      const a = ne(e.anchor);
-      if (a)
+      const o = ne(e.anchor);
+      if (o)
         switch (e.trigger) {
           case "click":
-            a.removeEventListener("click", p);
+            o.removeEventListener("click", f);
             break;
           case "hover":
-            a.removeEventListener("mouseenter", z), a.removeEventListener("mouseleave", D), a.removeEventListener("focusin", p), a.removeEventListener("focusout", D);
+            o.removeEventListener("mouseenter", D), o.removeEventListener("mouseleave", E), o.removeEventListener("focusin", f), o.removeEventListener("focusout", E);
             break;
         }
     }
-    function K() {
-      window.removeEventListener("scroll", h), window.removeEventListener("resize", h), C == null || C.disconnect();
+    function M() {
+      window.removeEventListener("scroll", v), window.removeEventListener("resize", v), C == null || C.disconnect();
     }
-    let U;
-    function G() {
+    let P;
+    function N() {
       if (!e.anchor)
         return;
-      ne(e.anchor) ? (h(), U = window.setTimeout(G, 100)) : D();
+      ne(e.anchor) ? (v(), P = window.setTimeout(N, 100)) : E();
     }
-    function Y() {
-      A(), e.spy && G();
+    function K() {
+      F(), e.spy && N();
     }
-    function c() {
-      K(), e.spy && (clearTimeout(U), U = void 0);
+    function J() {
+      M(), e.spy && (clearTimeout(P), P = void 0);
     }
-    return Re(() => {
-      H(), c();
-    }), Ee(() => {
-      j(() => {
-        X(), h();
+    return Me(() => {
+      O(), J();
+    }), De(() => {
+      W(() => {
+        Z(), v();
       });
-    }), F(
+    }), R(
       () => s.visible,
-      (a) => {
-        a ? Y() : c();
+      (o) => {
+        o ? K() : J();
       },
       { immediate: !0 }
-    ), (a, f) => (u(), E(Oe, {
+    ), (o, c) => (u(), B(Ne, {
       disabled: !s.visible && !s.animating || !e.attach,
       to: e.attach
     }, [
-      r.value ? (u(), v("div", {
+      r.value ? (u(), m("div", {
         key: 0,
-        class: x([
+        class: S([
           "q-overlay__underlay",
           { "q-overlay__underlay--blur": e.backdropBlur }
         ])
-      }, null, 2)) : L("", !0),
-      M(Ue, {
+      }, null, 2)) : I("", !0),
+      z(He, {
         name: e.transition,
         appear: "",
-        onEnter: O,
-        onLeave: R
+        onEnter: U,
+        onLeave: A
       }, {
-        default: $(() => [
-          s.visible ? (u(), v("div", {
+        default: _(() => [
+          s.visible ? (u(), m("div", {
             key: 0,
-            class: x(l.value),
-            style: se(d.value)
+            class: S(l.value),
+            style: ue(d.value)
           }, [
-            P("div", Z({
+            j("div", le({
               class: "q-overlay__content",
               ref_key: "overlayRef",
-              ref: m,
+              ref: p,
               tabindex: "-1",
               role: r.value ? "dialog" : void 0
-            }, a.$attrs, {
-              onKeydown: Me(D, ["escape"]),
-              onBlur: D
+            }, o.$attrs, {
+              onKeydown: Ke(E, ["escape"]),
+              onBlur: E
             }), [
-              e.arrow ? (u(), v("div", At)) : L("", !0),
-              b(a.$slots, "default")
-            ], 16, Qt)
-          ], 6)) : L("", !0)
+              e.arrow ? (u(), m("div", Rt)) : I("", !0),
+              h(o.$slots, "default")
+            ], 16, Ft)
+          ], 6)) : I("", !0)
         ]),
         _: 3
       }, 8, ["name"])
     ], 8, ["disabled", "to"]));
   }
-}), de = S(Ft), Rt = ["id"], Ot = {
+}), fe = x(Ot), Ut = ["id"], Mt = {
   key: 0,
   class: "q-field__label"
-}, Ut = ["for"], Mt = {
+}, Nt = ["for"], Ht = {
   key: 0,
   class: "q-field__prepend"
-}, Nt = {
+}, Kt = {
   key: 1,
   class: "q-field__append"
-}, Ht = {
+}, Gt = {
   key: 1,
   class: "q-field__extras"
-}, Kt = /* @__PURE__ */ B({
+}, Wt = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QField",
   props: {
@@ -1158,50 +1158,50 @@ const Qt = ["role"], At = {
     class: { default: void 0 }
   },
   setup(t, { expose: n }) {
-    const o = t, e = ie(o.id), l = q(null), r = k(() => o.required && !o.readonly && !o.disabled);
+    const a = t, e = ce(a.id), l = q(null), r = k(() => a.required && !a.readonly && !a.disabled);
     return n({
       fieldRef: l
-    }), (s, d) => (u(), v("div", {
-      id: y(e),
-      class: x([
+    }), (s, d) => (u(), m("div", {
+      id: b(e),
+      class: S([
         "q-field",
-        `q-field--${o.size}`,
+        `q-field--${a.size}`,
         {
-          "q-field--readonly": o.readonly,
-          "q-field--disabled": o.disabled,
+          "q-field--readonly": a.readonly,
+          "q-field--disabled": a.disabled,
           "q-field--required": r.value
         },
-        o.class
+        a.class
       ])
     }, [
-      o.label ? (u(), v("div", Ot, [
-        b(s.$slots, "label.prepend"),
-        P("label", {
-          for: o.for
-        }, N(o.label), 9, Ut),
-        b(s.$slots, "label.append")
-      ])) : L("", !0),
-      b(s.$slots, "control", {}, () => [
-        P("div", Z({
+      a.label ? (u(), m("div", Mt, [
+        h(s.$slots, "label.prepend"),
+        j("label", {
+          for: a.for
+        }, H(a.label), 9, Nt),
+        h(s.$slots, "label.append")
+      ])) : I("", !0),
+      h(s.$slots, "control", {}, () => [
+        j("div", le({
           class: "q-field__control",
           ref_key: "fieldRef",
           ref: l
         }, s.$attrs), [
-          s.$slots.prepend ? (u(), v("div", Mt, [
-            b(s.$slots, "prepend")
-          ])) : L("", !0),
-          b(s.$slots, "default"),
-          s.$slots.append ? (u(), v("div", Nt, [
-            b(s.$slots, "append")
-          ])) : L("", !0)
+          s.$slots.prepend ? (u(), m("div", Ht, [
+            h(s.$slots, "prepend")
+          ])) : I("", !0),
+          h(s.$slots, "default"),
+          s.$slots.append ? (u(), m("div", Kt, [
+            h(s.$slots, "append")
+          ])) : I("", !0)
         ], 16)
       ]),
-      s.$slots.extras ? (u(), v("div", Ht, [
-        b(s.$slots, "extras")
-      ])) : L("", !0)
-    ], 10, Rt));
+      s.$slots.extras ? (u(), m("div", Gt, [
+        h(s.$slots, "extras")
+      ])) : I("", !0)
+    ], 10, Ut));
   }
-}), be = S(Kt), Gt = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Wt = /* @__PURE__ */ B({
+}), ge = x(Wt), jt = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Pt = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QTextField",
   props: {
@@ -1219,99 +1219,102 @@ const Qt = ["role"], At = {
     class: { default: void 0 }
   },
   emits: ["update:modelValue"],
-  setup(t, { expose: n, emit: o }) {
-    const e = o, l = t, r = ie(l.id), s = q(l.modelValue), d = q(null), m = q(null), h = k({
+  setup(t, { expose: n, emit: a }) {
+    const e = a, l = t, r = ce(l.id), s = q(l.modelValue), d = q(null), p = q(null), v = k({
       get() {
         return s.value;
       },
-      set(p) {
-        s.value = p, e("update:modelValue", p);
+      set(f) {
+        s.value = f, e("update:modelValue", f);
       }
-    }), _ = k(
+    }), y = k(
       () => l.readonly || l.disabled ? "" : l.placeholder
     );
-    return F(
+    return R(
       () => l.modelValue,
-      (p) => s.value = p
+      (f) => s.value = f
     ), n({
       fieldRef: k(() => {
-        var p;
-        return (p = d.value) == null ? void 0 : p.fieldRef;
+        var f;
+        return (f = d.value) == null ? void 0 : f.fieldRef;
       }),
-      inputRef: m
-    }), (p, z) => (u(), E(y(be), {
+      inputRef: p
+    }), (f, D) => (u(), B(b(ge), {
       ref_key: "fieldRef",
       ref: d,
-      class: x(["q-text-field", l.class]),
-      for: y(r),
+      class: S(["q-text-field", l.class]),
+      for: b(r),
       label: l.label,
       size: l.size,
       readonly: l.readonly,
       disabled: l.disabled,
       required: l.required
-    }, pe({
-      "label.prepend": $(() => [
-        b(p.$slots, "label.prepend")
+    }, ve({
+      "label.prepend": _(() => [
+        h(f.$slots, "label.prepend")
       ]),
-      "label.append": $(() => [
-        b(p.$slots, "label.append")
+      "label.append": _(() => [
+        h(f.$slots, "label.append")
       ]),
-      default: $(() => [
-        Ne(P("input", Z({
-          "onUpdate:modelValue": z[0] || (z[0] = (T) => h.value = T),
+      default: _(() => [
+        Ge(j("input", le({
+          "onUpdate:modelValue": D[0] || (D[0] = (T) => v.value = T),
           ref_key: "inputRef",
-          ref: m,
-          id: y(r),
+          ref: p,
+          id: b(r),
           class: "q-text-field__input",
           type: l.type,
           role: l.role,
           required: l.required,
-          placeholder: _.value,
+          placeholder: y.value,
           readonly: l.readonly,
           disabled: l.disabled,
           maxlength: l.maxLength
-        }, p.$attrs), null, 16, Gt), [
-          [He, h.value]
+        }, f.$attrs), null, 16, jt), [
+          [We, v.value]
         ])
       ]),
       _: 2
     }, [
-      p.$slots.prepend ? {
+      f.$slots.prepend ? {
         name: "prepend",
-        fn: $(() => [
-          b(p.$slots, "prepend")
+        fn: _(() => [
+          h(f.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
-      p.$slots.append ? {
+      f.$slots.append ? {
         name: "append",
-        fn: $(() => [
-          b(p.$slots, "append")
+        fn: _(() => [
+          h(f.$slots, "append")
         ]),
         key: "1"
       } : void 0,
-      p.$slots.extras ? {
+      f.$slots.extras ? {
         name: "extras",
-        fn: $(() => [
-          b(p.$slots, "extras")
+        fn: _(() => [
+          h(f.$slots, "extras")
         ]),
         key: "2"
       } : void 0
     ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
   }
-}), jt = S(Wt), Pt = {
+}), Xt = x(Pt), Yt = {
   key: 0,
   class: "q-select__loader"
-}, Xt = {
+}, Zt = {
   key: 2,
   class: "q-select__loader"
-}, Yt = {
+}, Jt = {
   noData: "No data available"
-}, Zt = {
+}, en = {
+  chevron: {
+    icon: "chevron-down"
+  },
   clear: {
     icon: "close"
   }
-}, Jt = /* @__PURE__ */ B({
+}, tn = /* @__PURE__ */ L({
   __name: "QCombobox",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -1330,237 +1333,270 @@ const Qt = ["role"], At = {
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     size: { default: void 0 },
-    texts: { default: () => Yt },
-    icons: { default: () => Zt },
+    texts: { default: () => Jt },
+    icons: { default: () => en },
     class: { default: void 0 }
   },
   emits: ["update:modelValue", "update:inputValue", "before-show", "before-hide", "show", "hide"],
-  setup(t, { expose: n, emit: o }) {
-    const e = o, l = t, r = q(l.modelValue), s = q(!1), d = q(""), m = q(void 0), h = q(null), _ = q(null), p = q(null);
-    Ee(A);
-    const z = k(
+  setup(t, { expose: n, emit: a }) {
+    const e = a, l = t, r = q(l.modelValue), s = q(!1), d = q(""), p = q(void 0), v = q(null), y = q(null), f = q(null);
+    De(F);
+    const D = k(
       () => l.clearable && !l.readonly && !l.disabled && !l.loading
     ), T = k(() => {
       var i;
-      return l.filterMode === "manual" || !R.value ? l.items : (i = l.items) == null ? void 0 : i.filter(
-        (w) => w[l.itemLabel].toLowerCase().startsWith(d.value.toLowerCase())
+      return l.filterMode === "manual" || !A.value ? l.items : (i = l.items) == null ? void 0 : i.filter(
+        ($) => $[l.itemLabel].toLowerCase().startsWith(d.value.toLowerCase())
       );
-    }), D = k(() => {
+    }), E = k(() => {
       var i;
-      return (i = l.items) == null ? void 0 : i.find((w) => w[l.itemValue] === r.value);
+      return (i = l.items) == null ? void 0 : i.find(($) => $[l.itemValue] === r.value);
     }), Q = k(() => {
-      const i = m.value;
+      const i = p.value;
       if (i !== void 0 && T.value[i])
         return T.value[i];
-    }), O = k(() => {
-      var w;
-      if (m.value === void 0)
+    }), U = k(() => {
+      var $;
+      if (p.value === void 0)
         return;
-      const i = (w = _.value) == null ? void 0 : w.getItem(m.value);
+      const i = ($ = y.value) == null ? void 0 : $.getItem(p.value);
       return i == null ? void 0 : i.id;
-    }), R = k(() => {
+    }), A = k(() => {
       var i;
-      return d.value.length > 0 && d.value !== ((i = D.value) == null ? void 0 : i[l.itemLabel]);
+      return d.value.length > 0 && d.value !== ((i = E.value) == null ? void 0 : i[l.itemLabel]);
     });
     function C(i) {
-      r.value = i, A(), e("update:modelValue", i);
+      r.value = i, F(), e("update:modelValue", i);
     }
-    function X(i) {
-      C(i), K();
+    function Z(i) {
+      C(i), M();
     }
-    function A() {
+    function F() {
       var i;
-      d.value = ((i = D.value) == null ? void 0 : i[l.itemLabel]) || "";
+      d.value = ((i = E.value) == null ? void 0 : i[l.itemLabel]) || "";
     }
-    function H() {
-      s.value || l.readonly || l.disabled || (e("before-show"), s.value = !0);
+    function O() {
+      s.value || l.readonly || l.disabled || (e("before-show"), s.value = !0, te());
     }
-    function K() {
-      s.value && (e("before-hide"), s.value = !1, m.value = void 0);
+    function M() {
+      s.value && (e("before-hide"), s.value = !1, p.value = void 0);
     }
-    function U() {
-      C(void 0), m.value = void 0;
+    function P() {
+      s.value ? M() : O();
+    }
+    function N() {
+      D.value && (C(void 0), p.value = void 0);
     }
-    function G() {
-      if (H(), D.value !== void 0) {
-        const i = T.value.indexOf(D.value);
-        i !== -1 && j(() => ye(i));
+    function K() {
+      if (O(), E.value !== void 0) {
+        const i = T.value.indexOf(E.value);
+        i !== -1 && W(() => _e(i));
       }
     }
-    function Y(i) {
-      var w, V;
+    function J(i) {
+      var $, V;
       if (!(!i.key || l.readonly || l.disabled))
         if (["ArrowDown", "ArrowUp", "Home", "End"].includes(i.key) && (i.preventDefault(), i.stopPropagation()), i.key === "Escape")
-          s.value ? K() : U();
+          s.value ? M() : D.value && N();
         else if (["ArrowDown", "ArrowUp"].includes(i.key))
-          s.value ? j(() => {
-            if (m.value === void 0)
-              c();
+          s.value ? W(() => {
+            if (p.value === void 0)
+              o();
             else {
-              const W = i.key === "ArrowDown" ? "next" : "prev";
-              f(m.value, W);
+              const G = i.key === "ArrowDown" ? "next" : "prev";
+              w(p.value, G);
             }
-          }) : (H(), j(() => {
-            i.key === "ArrowDown" ? c() : a();
+          }) : (O(), W(() => {
+            i.key === "ArrowDown" ? o() : c();
           }));
         else if (i.key === "Enter") {
           if (Q.value === void 0)
             return;
-          X(Q.value[l.itemValue]);
+          Z(Q.value[l.itemValue]);
         } else
-          i.key === "Home" ? m.value = (w = _.value) == null ? void 0 : w.getFirstFocusableItemIndex() : i.key === "End" ? m.value = (V = _.value) == null ? void 0 : V.getLastFocusableItemIndex() : (/^[a-z]$/i.test(i.key) || i.key === "Backspace") && H();
+          i.key === "Home" ? p.value = ($ = y.value) == null ? void 0 : $.getFirstFocusableItemIndex() : i.key === "End" ? p.value = (V = y.value) == null ? void 0 : V.getLastFocusableItemIndex() : (/^[a-z]$/i.test(i.key) || i.key === "Backspace") && O();
     }
-    function c() {
-      var i, w;
+    function o() {
+      var i, $;
       if (r.value !== void 0) {
         const V = T.value.findIndex(
-          (W) => W[l.itemValue] === r.value
+          (G) => G[l.itemValue] === r.value
         );
-        V === -1 ? m.value = (i = _.value) == null ? void 0 : i.getFirstFocusableItemIndex() : m.value = V;
+        V === -1 ? p.value = (i = y.value) == null ? void 0 : i.getFirstFocusableItemIndex() : p.value = V;
       } else
-        m.value = (w = _.value) == null ? void 0 : w.getFirstFocusableItemIndex();
+        p.value = ($ = y.value) == null ? void 0 : $.getFirstFocusableItemIndex();
     }
-    function a() {
+    function c() {
       var i;
-      m.value = (i = _.value) == null ? void 0 : i.getLastFocusableItemIndex();
+      p.value = (i = y.value) == null ? void 0 : i.getLastFocusableItemIndex();
     }
-    function f(i, w) {
+    function w(i, $) {
       var V;
-      m.value = (V = _.value) == null ? void 0 : V.getAdjacentItemIndex(i, w);
+      p.value = (V = y.value) == null ? void 0 : V.getAdjacentItemIndex(i, $);
     }
     function g(i) {
-      var w, V, W;
-      !((w = p.value) != null && w.contains(i.relatedTarget)) && !((W = (V = h.value) == null ? void 0 : V.fieldRef) != null && W.contains(i.relatedTarget)) ? (K(), A()) : (i.preventDefault(), i.stopPropagation());
+      var $, V, G;
+      !(($ = f.value) != null && $.contains(i.relatedTarget)) && !((G = (V = v.value) == null ? void 0 : V.fieldRef) != null && G.contains(i.relatedTarget)) ? (M(), F()) : (i.preventDefault(), i.stopPropagation());
     }
-    function I() {
-      var i, w;
-      (w = (i = h.value) == null ? void 0 : i.inputRef) == null || w.focus();
+    function te() {
+      var i, $;
+      ($ = (i = v.value) == null ? void 0 : i.inputRef) == null || $.focus();
     }
-    function ue() {
+    function Fe() {
+      te();
+    }
+    function Re() {
       e("show");
     }
-    function Ae() {
+    function Oe() {
       e("hide");
     }
-    function ye(i) {
+    function _e(i) {
       var V;
-      const w = (V = _.value) == null ? void 0 : V.getItem(i);
-      w == null || w.scrollIntoView({ block: "nearest", inline: "start" });
+      const $ = (V = y.value) == null ? void 0 : V.getItem(i);
+      $ == null || $.scrollIntoView({ block: "nearest", inline: "start" });
     }
-    return F(
+    return R(
       () => l.modelValue,
       (i) => {
-        r.value = i, A();
+        r.value = i, F();
       }
-    ), F(m, (i) => {
-      i !== void 0 && ye(i);
-    }), F(d, (i) => {
-      !i && z.value ? U() : s.value && l.selectionMode === "automatic" && j(c), e("update:inputValue", i);
+    ), R(p, (i) => {
+      i !== void 0 && _e(i);
+    }), R(d, (i) => {
+      !i && D.value ? N() : s.value && l.selectionMode === "automatic" && W(o), e("update:inputValue", i);
     }), n({
-      triggerEl: h
-    }), (i, w) => (u(), v(J, null, [
-      M(y(jt), {
+      triggerEl: v
+    }), (i, $) => (u(), m(Y, null, [
+      z(b(Xt), {
         modelValue: d.value,
-        "onUpdate:modelValue": w[0] || (w[0] = (V) => d.value = V),
+        "onUpdate:modelValue": $[0] || ($[0] = (V) => d.value = V),
         id: l.id,
         label: l.label,
         required: l.required,
         ref_key: "triggerEl",
-        ref: h,
+        ref: v,
         role: "combobox",
         placeholder: l.placeholder,
-        class: x(["q-combobox", l.class]),
+        class: S([
+          "q-combobox",
+          {
+            "q-combobox--readonly": l.readonly,
+            "q-combobox--disabled": l.disabled,
+            "q-combobox--expanded": s.value
+          },
+          l.class
+        ]),
         readonly: l.readonly,
         disabled: l.disabled,
+        autocomplete: "off",
         "aria-expanded": s.value,
         "aria-haspopup": "listbox",
         "aria-autocomplete": "list",
-        "aria-activedescendant": O.value,
+        "aria-activedescendant": U.value,
         size: l.size,
-        onClick: G,
+        onClick: K,
         onFocusout: g,
-        onKeydown: te(Y, ["stop"])
-      }, pe({
-        "label.prepend": $(() => [
-          b(i.$slots, "label.prepend")
+        onKeydown: se(J, ["stop"])
+      }, ve({
+        "label.prepend": _(() => [
+          h(i.$slots, "label.prepend")
         ]),
-        "label.append": $(() => [
-          b(i.$slots, "label.append")
+        "label.append": _(() => [
+          h(i.$slots, "label.append")
+        ]),
+        append: _(() => [
+          h(i.$slots, "append"),
+          D.value && d.value ? (u(), B(b(de), {
+            key: 0,
+            class: "q-combobox__clear",
+            "b-style": "plain",
+            borderless: "",
+            tabindex: "-1",
+            onClick: N
+          }, {
+            default: _(() => [
+              z(b(X), ee(oe(l.icons.clear)), null, 16)
+            ]),
+            _: 1
+          })) : l.readonly ? I("", !0) : (u(), B(b(de), {
+            key: 1,
+            class: "q-combobox__chevron",
+            "b-style": "plain",
+            borderless: "",
+            tabindex: "-1",
+            disabled: l.disabled,
+            onClick: P
+          }, {
+            default: _(() => [
+              z(b(X), ee(oe(l.icons.chevron)), null, 16)
+            ]),
+            _: 1
+          }, 8, ["disabled"]))
         ]),
         _: 2
       }, [
         i.$slots.prepend ? {
           name: "prepend",
-          fn: $(() => [
-            b(i.$slots, "prepend")
+          fn: _(() => [
+            h(i.$slots, "prepend")
           ]),
           key: "0"
         } : void 0,
-        z.value && d.value || i.$slots.append ? {
-          name: "append",
-          fn: $(() => [
-            z.value && d.value ? (u(), E(y(ee), Z({ key: 0 }, l.icons.clear, {
-              class: "q-combobox__clear",
-              onClick: te(U, ["stop", "prevent"])
-            }), null, 16)) : L("", !0),
-            b(i.$slots, "append")
-          ]),
-          key: "1"
-        } : void 0,
         i.$slots.extras ? {
           name: "extras",
-          fn: $(() => [
-            b(i.$slots, "extras")
+          fn: _(() => [
+            h(i.$slots, "extras")
           ]),
-          key: "2"
+          key: "1"
         } : void 0
       ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "aria-expanded", "aria-activedescendant", "size"]),
-      M(y(de), {
+      z(b(fe), {
         "model-value": s.value,
         spy: "",
         trigger: "manual",
         placement: "bottom",
         width: "anchor",
         offset: 4,
-        anchor: h.value,
-        onEnter: ue,
-        onLeave: Ae
+        anchor: v.value,
+        onEnter: Re,
+        onLeave: Oe
       }, {
-        default: $(() => {
+        default: _(() => {
           var V;
           return [
-            P("div", {
+            j("div", {
               ref_key: "contentRef",
-              ref: p,
+              ref: f,
               class: "q-select__body",
               onFocusout: g
             }, [
-              b(i.$slots, "body.prepend"),
-              l.loading ? (u(), v("div", Pt, [
-                M(y(he), { size: 24 })
-              ])) : T.value.length ? (u(), E(y(Ce), {
+              h(i.$slots, "body.prepend"),
+              l.loading ? (u(), m("div", Yt, [
+                z(b(ye), { size: 24 })
+              ])) : T.value.length ? (u(), B(b(Qe), {
                 key: 1,
                 ref_key: "listRef",
-                ref: _,
+                ref: y,
                 class: "q-select__items",
                 modelValue: r.value,
                 "onUpdate:modelValue": [
-                  w[1] || (w[1] = (W) => r.value = W),
-                  X
+                  $[1] || ($[1] = (G) => r.value = G),
+                  Z
                 ],
                 highlighted: (V = Q.value) == null ? void 0 : V[l.itemValue],
                 items: T.value,
                 groups: i.groups,
                 "item-label": l.itemLabel,
                 "item-value": l.itemValue,
-                onMouseup: I
+                onMouseup: Fe
               }, {
-                item: $(({ item: W }) => [
-                  b(i.$slots, "item", { item: W })
+                item: _(({ item: G }) => [
+                  h(i.$slots, "item", { item: G })
                 ]),
                 _: 3
-              }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), v("div", Xt, N(i.texts.noData), 1)),
-              b(i.$slots, "body.append")
+              }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), m("div", Zt, H(i.texts.noData), 1)),
+              h(i.$slots, "body.append")
             ], 544)
           ];
         }),
@@ -1568,13 +1604,13 @@ const Qt = ["role"], At = {
       }, 8, ["model-value", "anchor"])
     ], 64));
   }
-}), Ln = S(Jt), en = {
+}), Bn = x(tn), nn = {
   key: 0,
   class: "q-input-group__prepend"
-}, tn = { key: 0 }, nn = {
+}, ln = { key: 0 }, on = {
   key: 1,
   class: "q-input-group__append"
-}, ln = { key: 0 }, on = /* @__PURE__ */ B({
+}, an = { key: 0 }, sn = /* @__PURE__ */ L({
   __name: "QInputGroup",
   props: {
     id: { default: void 0 },
@@ -1587,53 +1623,53 @@ const Qt = ["role"], At = {
   },
   setup(t) {
     const n = t;
-    return De({
+    return Te({
       QField: {
         size: "block"
       }
-    }), (o, e) => (u(), E(y(be), {
+    }), (a, e) => (u(), B(b(ge), {
       id: n.id,
-      class: x(["q-input-group", n.class]),
+      class: S(["q-input-group", n.class]),
       label: n.label,
       required: n.required,
       size: n.size
     }, {
-      default: $(() => [
-        o.$slots.prepend || n.prependIcon ? (u(), v("div", en, [
-          n.prependIcon ? (u(), v("span", tn, [
-            M(y(ee), re(ke(n.prependIcon)), null, 16)
-          ])) : L("", !0),
-          b(o.$slots, "prepend")
-        ])) : L("", !0),
-        b(o.$slots, "default"),
-        o.$slots.append || n.appendIcon ? (u(), v("div", nn, [
-          n.appendIcon ? (u(), v("span", ln, [
-            M(y(ee), re(ke(n.appendIcon)), null, 16)
-          ])) : L("", !0),
-          b(o.$slots, "append")
-        ])) : L("", !0)
+      default: _(() => [
+        a.$slots.prepend || n.prependIcon ? (u(), m("div", nn, [
+          n.prependIcon ? (u(), m("span", ln, [
+            z(b(X), ee(oe(n.prependIcon)), null, 16)
+          ])) : I("", !0),
+          h(a.$slots, "prepend")
+        ])) : I("", !0),
+        h(a.$slots, "default"),
+        a.$slots.append || n.appendIcon ? (u(), m("div", on, [
+          n.appendIcon ? (u(), m("span", an, [
+            z(b(X), ee(oe(n.appendIcon)), null, 16)
+          ])) : I("", !0),
+          h(a.$slots, "append")
+        ])) : I("", !0)
       ]),
       _: 3
     }, 8, ["id", "class", "label", "required", "size"]));
   }
-}), Bn = S(on), an = /* @__PURE__ */ B({
+}), Sn = x(sn), rn = /* @__PURE__ */ L({
   __name: "QLineLoader",
   props: {
     class: { default: void 0 }
   },
   setup(t) {
     const n = t;
-    return (o, e) => (u(), v("div", {
-      class: x(["q-line-loader", n.class])
+    return (a, e) => (u(), m("div", {
+      class: S(["q-line-loader", n.class])
     }, null, 2));
   }
-}), Sn = S(an), sn = {
+}), Vn = x(rn), dn = {
   key: 0,
   class: "q-popover__header"
-}, rn = {
+}, un = {
   key: 1,
   class: "q-popover__body"
-}, dn = ["innerHTML"], un = { key: 1 }, cn = /* @__PURE__ */ B({
+}, cn = ["innerHTML"], fn = { key: 1 }, pn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QPopover",
   props: {
@@ -1649,7 +1685,7 @@ const Qt = ["role"], At = {
   },
   setup(t) {
     const n = t;
-    return (o, e) => (u(), E(y(de), {
+    return (a, e) => (u(), B(b(fe), {
       "model-value": n.modelValue,
       class: "q-popover",
       trigger: "click",
@@ -1659,41 +1695,41 @@ const Qt = ["role"], At = {
       disabled: n.disabled,
       placement: n.placement
     }, {
-      default: $(() => [
-        n.title || o.$slots.header ? (u(), v("h3", sn, [
-          oe(N(n.title) + " ", 1),
-          b(o.$slots, "header")
-        ])) : L("", !0),
-        n.text || o.$slots.body ? (u(), v("div", rn, [
-          n.html ? (u(), v("span", {
+      default: _(() => [
+        n.title || a.$slots.header ? (u(), m("h3", dn, [
+          ie(H(n.title) + " ", 1),
+          h(a.$slots, "header")
+        ])) : I("", !0),
+        n.text || a.$slots.body ? (u(), m("div", un, [
+          n.html ? (u(), m("span", {
             key: 0,
             innerHTML: n.text
-          }, null, 8, dn)) : (u(), v("span", un, N(n.text), 1)),
-          b(o.$slots, "body")
-        ])) : L("", !0)
+          }, null, 8, cn)) : (u(), m("span", fn, H(n.text), 1)),
+          h(a.$slots, "body")
+        ])) : I("", !0)
       ]),
       _: 3
     }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement"]));
   }
-}), xn = S(cn), fn = {
+}), En = x(pn), mn = {
   key: 0,
   class: "q-select__value"
-}, pn = {
+}, vn = {
   key: 1,
   class: "q-select__placeholder"
-}, mn = {
+}, hn = {
   key: 0,
   class: "q-select__loader"
-}, vn = {
+}, bn = {
   placeholder: "Choose..."
-}, hn = {
+}, yn = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, bn = /* @__PURE__ */ B({
+}, gn = /* @__PURE__ */ L({
   __name: "QSelect",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -1704,95 +1740,98 @@ const Qt = ["role"], At = {
     disabled: { type: Boolean },
     required: { type: Boolean },
     loading: { type: Boolean },
-    icons: { default: () => hn },
+    icons: { default: () => yn },
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     size: { default: void 0 },
-    texts: { default: () => vn },
+    texts: { default: () => bn },
     class: { default: "" }
   },
   emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
   setup(t, { emit: n }) {
-    const o = n, e = t, l = q(e.modelValue), r = q(!1), s = q(""), d = q(null), m = q(null), h = q(null), _ = k(
+    const a = n, e = t, l = q(e.modelValue), r = q(!1), s = q(""), d = q(null), p = q(null), v = q(null), y = k(
       () => {
-        var c;
-        return (c = e.items) == null ? void 0 : c.find((a) => a[e.itemValue] === l.value);
+        var o;
+        return (o = e.items) == null ? void 0 : o.find((c) => c[e.itemValue] === l.value);
       }
-    ), p = k(
-      () => _.value ? _.value[e.itemLabel] : ""
-    ), z = k(
+    ), f = k(
+      () => y.value ? y.value[e.itemLabel] : ""
+    ), D = k(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
-    function T(c) {
-      l.value = c, o("update:modelValue", c), C();
+    function T(o) {
+      l.value = o, a("update:modelValue", o), C();
     }
-    function D() {
-      z.value && T(void 0);
+    function E() {
+      D.value && T(void 0);
     }
     function Q() {
-      e.readonly || e.disabled || (r.value ? C() : R());
+      e.readonly || e.disabled || (r.value ? C() : A());
     }
-    function O(c) {
-      var a, f, g;
-      !((a = h.value) != null && a.contains(c.relatedTarget)) && !((g = (f = d.value) == null ? void 0 : f.fieldRef) != null && g.contains(c.relatedTarget)) && C();
+    function U(o) {
+      var c, w, g;
+      !((c = v.value) != null && c.contains(o.relatedTarget)) && !((g = (w = d.value) == null ? void 0 : w.fieldRef) != null && g.contains(o.relatedTarget)) && C();
     }
-    function R() {
-      r.value || (o("before-show"), r.value = !0);
+    function A() {
+      r.value || (a("before-show"), r.value = !0);
     }
     function C() {
-      r.value && (o("before-hide"), r.value = !1);
-    }
-    let X;
-    function A(c) {
-      if (!(!c.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(X), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(c.key) && (c.preventDefault(), c.stopPropagation()), ["Enter", " "].includes(c.key) && (r.value = !0), ["Escape", "Tab"].includes(c.key) && (r.value ? r.value = !1 : e.clearable && c.key === "Escape" && D()), c.key === "Delete" && e.clearable && D(), /^[a-z]$/i.test(c.key)) {
-          s.value += c.key.toLowerCase();
-          for (let a = 0; a < e.items.length; a++)
-            if (e.items[a][e.itemLabel].toLowerCase().startsWith(s.value)) {
-              Y(a);
+      r.value && (a("before-hide"), r.value = !1);
+    }
+    function Z() {
+      r.value ? C() : A();
+    }
+    let F;
+    function O(o) {
+      if (!(!o.key || e.readonly || e.disabled)) {
+        if (window.clearTimeout(F), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(o.key) && (o.preventDefault(), o.stopPropagation()), ["Enter", " "].includes(o.key) && (r.value = !0), ["Escape", "Tab"].includes(o.key) && (r.value ? r.value = !1 : D.value && o.key === "Escape" && E()), o.key === "Delete" && e.clearable && E(), /^[a-z]$/i.test(o.key)) {
+          s.value += o.key.toLowerCase();
+          for (let c = 0; c < e.items.length; c++)
+            if (e.items[c][e.itemLabel].toLowerCase().startsWith(s.value)) {
+              J(c);
               break;
             }
         }
-        X = window.setTimeout(function() {
+        F = window.setTimeout(function() {
           s.value = "";
         }, 500);
       }
     }
-    function H() {
-      var c;
-      e.loading ? (c = h.value) == null || c.focus() : G(), o("show");
+    function M() {
+      var o;
+      e.loading ? (o = v.value) == null || o.focus() : K(), a("show");
     }
-    function K() {
-      U(), o("hide");
+    function P() {
+      N(), a("hide");
     }
-    function U() {
-      var c, a;
-      (a = (c = d.value) == null ? void 0 : c.fieldRef) == null || a.focus();
+    function N() {
+      var o, c;
+      (c = (o = d.value) == null ? void 0 : o.fieldRef) == null || c.focus();
     }
-    function G() {
-      var c;
-      (c = m.value) == null || c.$el.focus();
+    function K() {
+      var o;
+      (o = p.value) == null || o.$el.focus();
     }
-    function Y(c) {
-      var a;
-      (a = m.value) == null || a.focusItem(c);
+    function J(o) {
+      var c;
+      (c = p.value) == null || c.focusItem(o);
     }
-    return F(
+    return R(
       () => e.modelValue,
-      (c) => {
-        l.value = c;
+      (o) => {
+        l.value = o;
       }
-    ), F(
+    ), R(
       () => e.loading,
-      (c) => {
-        !c && r.value && j(G);
+      (o) => {
+        !o && r.value && W(K);
       }
-    ), (c, a) => {
-      var f;
-      return u(), v(J, null, [
-        M(y(be), {
+    ), (o, c) => {
+      var w;
+      return u(), m(Y, null, [
+        z(b(ge), {
           id: e.id,
           label: e.label,
           required: e.required,
@@ -1800,7 +1839,7 @@ const Qt = ["role"], At = {
           ref: d,
           role: "combobox",
           tabindex: e.disabled ? -1 : 0,
-          class: x([
+          class: S([
             "q-select",
             {
               "q-select--readonly": e.readonly,
@@ -1815,45 +1854,66 @@ const Qt = ["role"], At = {
           "aria-haspopup": "listbox",
           size: e.size,
           onClick: Q,
-          onKeydown: te(A, ["stop"])
-        }, pe({
-          append: $(() => [
-            b(c.$slots, "append"),
-            z.value && l.value ? (u(), E(y(ee), Z({ key: 0 }, e.icons.clear, {
+          onKeydown: se(O, ["stop"])
+        }, ve({
+          append: _(() => [
+            h(o.$slots, "append"),
+            D.value && l.value ? (u(), B(b(de), {
+              key: 0,
               class: "q-select__clear",
-              onClick: te(D, ["stop", "prevent"])
-            }), null, 16)) : L("", !0),
-            e.readonly ? L("", !0) : (u(), E(y(ee), Z({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16))
+              "b-style": "plain",
+              borderless: "",
+              tabindex: "-1",
+              onClick: E
+            }, {
+              default: _(() => [
+                z(b(X), ee(oe(e.icons.clear)), null, 16)
+              ]),
+              _: 1
+            })) : e.readonly ? I("", !0) : (u(), B(b(de), {
+              key: 1,
+              class: "q-select__chevron",
+              "b-style": "plain",
+              borderless: "",
+              tabindex: "-1",
+              disabled: e.disabled,
+              onClick: Z
+            }, {
+              default: _(() => [
+                z(b(X), ee(oe(e.icons.chevron)), null, 16)
+              ]),
+              _: 1
+            }, 8, ["disabled"]))
           ]),
-          default: $(() => [
-            l.value !== void 0 ? (u(), v("span", fn, N(p.value), 1)) : (u(), v("span", pn, [
-              !e.readonly && !e.disabled ? (u(), v(J, { key: 0 }, [
-                oe(N(c.texts.placeholder), 1)
-              ], 64)) : L("", !0)
+          default: _(() => [
+            l.value !== void 0 ? (u(), m("span", mn, H(f.value), 1)) : (u(), m("span", vn, [
+              !e.readonly && !e.disabled ? (u(), m(Y, { key: 0 }, [
+                ie(H(o.texts.placeholder), 1)
+              ], 64)) : I("", !0)
             ]))
           ]),
           _: 2
         }, [
-          (f = _.value) != null && f.icon || c.$slots.prepend ? {
+          (w = y.value) != null && w.icon || o.$slots.prepend ? {
             name: "prepend",
-            fn: $(() => {
-              var g, I;
+            fn: _(() => {
+              var g, te;
               return [
-                b(c.$slots, "prepend"),
-                (g = _.value) != null && g.icon ? (u(), E(y(ee), re(Z({ key: 0 }, (I = _.value) == null ? void 0 : I.icon)), null, 16)) : L("", !0)
+                h(o.$slots, "prepend"),
+                (g = y.value) != null && g.icon ? (u(), B(b(X), ee(le({ key: 0 }, (te = y.value) == null ? void 0 : te.icon)), null, 16)) : I("", !0)
               ];
             }),
             key: "0"
           } : void 0,
-          c.$slots.extras ? {
+          o.$slots.extras ? {
             name: "extras",
-            fn: $(() => [
-              b(c.$slots, "extras")
+            fn: _(() => [
+              h(o.$slots, "extras")
             ]),
             key: "1"
           } : void 0
         ]), 1032, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "aria-expanded", "size"]),
-        M(y(de), {
+        z(b(fe), {
           "model-value": r.value,
           spy: "",
           trigger: "manual",
@@ -1861,42 +1921,42 @@ const Qt = ["role"], At = {
           width: "anchor",
           anchor: d.value,
           offset: 2,
-          onEnter: H,
-          onLeave: K
+          onEnter: M,
+          onLeave: P
         }, {
-          default: $(() => [
-            P("div", {
+          default: _(() => [
+            j("div", {
               ref_key: "contentRef",
-              ref: h,
+              ref: v,
               class: "q-select__body",
               tabindex: "-1",
-              onFocusout: O,
-              onKeydown: te(A, ["stop"])
+              onFocusout: U,
+              onKeydown: se(O, ["stop"])
             }, [
-              b(c.$slots, "body.prepend"),
-              e.loading ? (u(), v("div", mn, [
-                M(y(he), { size: 24 })
-              ])) : (u(), E(y(Ce), {
+              h(o.$slots, "body.prepend"),
+              e.loading ? (u(), m("div", hn, [
+                z(b(ye), { size: 24 })
+              ])) : (u(), B(b(Qe), {
                 key: 1,
                 ref_key: "listRef",
-                ref: m,
+                ref: p,
                 class: "q-select__items",
                 modelValue: l.value,
                 "onUpdate:modelValue": [
-                  a[0] || (a[0] = (g) => l.value = g),
+                  c[0] || (c[0] = (g) => l.value = g),
                   T
                 ],
                 items: e.items,
-                groups: c.groups,
+                groups: o.groups,
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue
               }, {
-                item: $(({ item: g }) => [
-                  b(c.$slots, "item", { item: g })
+                item: _(({ item: g }) => [
+                  h(o.$slots, "item", { item: g })
                 ]),
                 _: 3
               }, 8, ["modelValue", "items", "groups", "item-label", "item-value"])),
-              b(c.$slots, "body.append")
+              h(o.$slots, "body.append")
             ], 544)
           ]),
           _: 3
@@ -1904,20 +1964,20 @@ const Qt = ["role"], At = {
       ], 64);
     };
   }
-}), Vn = S(bn), yn = /* @__PURE__ */ B({
+}), Dn = x(gn), _n = /* @__PURE__ */ L({
   __name: "QThemeProvider",
   props: {
     theme: {}
   },
   setup(t) {
     const n = t;
-    return (o, e) => (u(), v("div", {
-      class: x(["q-theme-provider", `q-theme--${n.theme}`])
+    return (a, e) => (u(), m("div", {
+      class: S(["q-theme-provider", `q-theme--${n.theme}`])
     }, [
-      b(o.$slots, "default")
+      h(a.$slots, "default")
     ], 2));
   }
-}), En = S(yn), gn = ["innerHTML"], _n = { key: 1 }, kn = /* @__PURE__ */ B({
+}), Tn = x(_n), kn = ["innerHTML"], wn = { key: 1 }, $n = /* @__PURE__ */ L({
   __name: "QTooltip",
   props: {
     modelValue: { type: Boolean },
@@ -1935,62 +1995,62 @@ const Qt = ["role"], At = {
     class: { default: void 0 }
   },
   setup(t) {
-    const n = t, o = ie(n.id);
-    return (e, l) => (u(), v(J, null, [
-      b(e.$slots, "anchor", {
-        props: { "aria-describedby": y(o) }
+    const n = t, a = ce(n.id);
+    return (e, l) => (u(), m(Y, null, [
+      h(e.$slots, "anchor", {
+        props: { "aria-describedby": b(a) }
       }),
-      M(y(de), {
+      z(b(fe), {
         "model-value": n.modelValue,
         anchor: n.anchor,
         role: "tooltip",
-        id: y(o),
+        id: b(a),
         appearance: n.appearance,
         arrow: n.arrow,
         attach: n.attach,
-        class: x(["q-tooltip", n.class]),
+        class: S(["q-tooltip", n.class]),
         delay: n.delay,
         disabled: n.disabled,
         placement: n.placement,
         trigger: n.trigger
       }, {
-        default: $(() => [
-          n.html ? (u(), v("span", {
+        default: _(() => [
+          n.html ? (u(), m("span", {
             key: 0,
             innerHTML: n.text
-          }, null, 8, gn)) : (u(), v("span", _n, N(n.text), 1))
+          }, null, 8, kn)) : (u(), m("span", wn, H(n.text), 1))
         ]),
         _: 1
       }, 8, ["model-value", "anchor", "id", "appearance", "arrow", "attach", "class", "delay", "disabled", "placement", "trigger"])
     ], 64));
   }
-}), Dn = S(kn);
+}), Cn = x($n);
 export {
-  rt as QButton,
-  ut as QButtonGroup,
-  In as QButtonToggle,
-  Ln as QCombobox,
-  be as QField,
-  ee as QIcon,
-  _t as QIconFont,
-  kt as QIconImg,
-  wt as QIconSvg,
-  Bn as QInputGroup,
-  Sn as QLineLoader,
-  Ce as QList,
-  Dt as QListItem,
-  Tt as QListItemGroup,
-  de as QOverlay,
-  xn as QPopover,
-  Vn as QSelect,
-  he as QSpinnerLoader,
-  jt as QTextField,
-  En as QThemeProvider,
-  Dn as QTooltip,
-  qn as createFramework,
-  We as defaultDarkColorScheme,
-  $e as defaultLightColorScheme,
-  $n as provideTheme,
-  Ge as useTheme
+  de as QButton,
+  ft as QButtonGroup,
+  xn as QButtonToggle,
+  Bn as QCombobox,
+  ge as QField,
+  X as QIcon,
+  wt as QIconFont,
+  $t as QIconImg,
+  qt as QIconSvg,
+  Sn as QInputGroup,
+  Vn as QLineLoader,
+  Qe as QList,
+  Ct as QListItem,
+  zt as QListItemGroup,
+  fe as QOverlay,
+  En as QPopover,
+  Dn as QSelect,
+  ye as QSpinnerLoader,
+  Xt as QTextField,
+  Tn as QThemeProvider,
+  Cn as QTooltip,
+  Ln as createFramework,
+  Xe as defaultDarkColorScheme,
+  qe as defaultLightColorScheme,
+  In as provideTheme,
+  Pe as useTheme
 };
 //# sourceMappingURL=ui.esm.js.map