@quidgest/ui 0.9.2 → 0.9.4

package/dist/ui.esm.js

@@ -1,24 +1,24 @@
-import { getCurrentInstance as De, computed as w, ref as T, provide as ze, inject as Ce, watch as P, defineComponent as S, openBlock as u, createElementBlock as p, normalizeClass as E, normalizeStyle as pe, createElementVNode as Y, withModifiers as de, createVNode as A, unref as v, createCommentVNode as I, Fragment as ne, createTextVNode as ue, toDisplayString as N, renderSlot as m, toRef as Le, mergeModels as H, useModel as X, createBlock as V, withCtx as _, renderList as ye, resolveDynamicComponent as Qe, h as Se, normalizeProps as oe, mergeProps as se, reactive as He, onBeforeUnmount as Ke, onMounted as Ae, nextTick as U, Teleport as Ge, Transition as We, withKeys as je, createSlots as _e, withDirectives as Pe, vModelDynamic as Xe, guardReactiveProps as ie } from "vue";
+import { getCurrentInstance as De, computed as w, ref as T, provide as ze, inject as Ce, watch as P, defineComponent as S, openBlock as u, createElementBlock as p, normalizeClass as E, normalizeStyle as pe, createElementVNode as Y, withModifiers as de, createVNode as A, unref as v, createCommentVNode as I, Fragment as oe, createTextVNode as ue, toDisplayString as N, renderSlot as m, toRef as Le, mergeModels as H, useModel as X, createBlock as V, withCtx as _, renderList as ye, resolveDynamicComponent as Qe, h as Se, normalizeProps as ne, mergeProps as se, reactive as He, onBeforeUnmount as Ke, onMounted as Ae, nextTick as U, Teleport as Ge, Transition as We, withKeys as je, createSlots as _e, withDirectives as Pe, vModelDynamic as Xe, guardReactiveProps as ie } from "vue";
 function ge(t) {
   return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
 }
 function xe(t) {
   return t !== null && typeof t == "object" && !Array.isArray(t);
 }
-function ke(t = {}, n = {}) {
+function ke(t = {}, o = {}) {
   const e = {};
-  for (const o in t)
-    e[o] = t[o];
-  for (const o in n) {
-    const a = t[o], r = n[o];
+  for (const n in t)
+    e[n] = t[n];
+  for (const n in o) {
+    const a = t[n], r = o[n];
     if (xe(a) && xe(r)) {
-      e[o] = ke(
+      e[n] = ke(
         a,
         r
       );
       continue;
     }
-    e[o] = r;
+    e[n] = r;
   }
   return e;
 }
@@ -28,17 +28,17 @@ function Ye() {
   const t = De();
   if (!t)
     throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
-  const n = t.type.name ?? t.type.__name;
-  if (!n)
+  const o = t.type.name ?? t.type.__name;
+  if (!o)
     throw new Error("[Quidgest UI] Could not determine component name");
-  const e = Me(), o = (r = e.value) == null ? void 0 : r.Global, a = (d = e.value) == null ? void 0 : d[n];
-  return w(() => ke(o, a));
+  const e = Me(), n = (r = e.value) == null ? void 0 : r.Global, a = (d = e.value) == null ? void 0 : d[o];
+  return w(() => ke(n, a));
 }
 function Fe(t) {
   if (ge(t))
     return;
-  const n = Me(), e = T(t), o = w(() => ge(e.value) ? n.value : ke(n.value, e.value));
-  ze(we, o);
+  const o = Me(), e = T(t), n = w(() => ge(e.value) ? o.value : ke(o.value, e.value));
+  ze(we, n);
 }
 function Me() {
   const t = Ce(we, void 0);
@@ -53,10 +53,10 @@ function Ze() {
     throw new Error("[Quidgest UI] Could not find theme instance");
   return t;
 }
-function xn(t) {
-  const n = Ze(), e = {
+function Vo(t) {
+  const o = Ze(), e = {
     activeTheme: T(t),
-    themes: n.themes
+    themes: o.themes
   };
   return ze(ce, e), e;
 }
@@ -130,82 +130,82 @@ function tt(t) {
   if (!et(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), e = parseInt(t.slice(3, 5), 16), o = parseInt(t.slice(5, 7), 16);
-  return { r: n, g: e, b: o };
+  const o = parseInt(t.slice(1, 3), 16), e = parseInt(t.slice(3, 5), 16), n = parseInt(t.slice(5, 7), 16);
+  return { r: o, g: e, b: n };
 }
 function Re(t) {
   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 nt() {
+function ot() {
   let t = document.getElementById(
     ce
   );
   return t || (t = document.createElement("style"), t.id = ce, document.head.appendChild(t)), t;
 }
-function ot(t) {
-  let n = "";
-  for (const o of t) {
-    n += `.q-theme--${o.name} {
+function nt(t) {
+  let o = "";
+  for (const n of t) {
+    o += `.q-theme--${n.name} {
 `;
-    const a = o.scheme;
+    const a = n.scheme;
     let r;
     for (r in a) {
       const d = a[r];
       if (d) {
-        n += `  ${Ve(r)}: ${d};
+        o += `  ${Ve(r)}: ${d};
 `;
         const i = tt(d);
-        n += `  ${Ve(r)}-rgb: ${i.r} ${i.g} ${i.b};
+        o += `  ${Ve(r)}-rgb: ${i.r} ${i.g} ${i.b};
 `;
       }
     }
-    n += `}
+    o += `}
 `;
   }
-  const e = nt();
-  e.textContent = n;
+  const e = ot();
+  e.textContent = o;
 }
 function Ve(t) {
   return t ? `--q-theme-${Re(t)}` : "";
 }
-function Bn(t = {}) {
+function Eo(t = {}) {
   return { install: (e) => {
-    const o = t.components || {};
-    for (const r in o)
-      e.component(r, o[r]);
+    const n = t.components || {};
+    for (const r in n)
+      e.component(r, n[r]);
     const a = t.defaults || {};
     e.provide(we, T(a)), lt(e, t.themes);
   } };
 }
-function lt(t, n) {
+function lt(t, o) {
   const e = [];
-  let o;
-  if (!n)
-    o = "default", e.push({
-      name: o,
+  let n;
+  if (!o)
+    n = "default", e.push({
+      name: n,
       mode: "light",
       scheme: Be
     });
   else
-    for (const a of n.themes) {
+    for (const a of o.themes) {
       const d = { ...a.mode === "light" ? Be : Je, ...a.colors };
       e.push({
         name: a.name,
         mode: a.mode,
         scheme: d
-      }), a.name === n.defaultTheme && (o = a.name);
+      }), a.name === o.defaultTheme && (n = a.name);
     }
-  if (o) {
+  if (n) {
     const a = {
-      activeTheme: T(o),
+      activeTheme: T(n),
       themes: e
     };
-    ot(e), P(a.activeTheme, at, { immediate: !0 }), t.provide(ce, a);
+    nt(e), P(a.activeTheme, at, { immediate: !0 }), t.provide(ce, a);
   }
 }
 function at(t) {
-  const n = document.documentElement, o = Array.from(n.classList).filter((a) => !a.startsWith("q-theme"));
-  n.className = o.join(" "), n.classList.add(`q-theme--${t}`);
+  const o = document.documentElement, n = Array.from(o.classList).filter((a) => !a.startsWith("q-theme"));
+  o.className = n.join(" "), o.classList.add(`q-theme--${t}`);
 }
 const st = /* @__PURE__ */ Y("svg", { viewBox: "25 25 50 50" }, [
   /* @__PURE__ */ Y("circle", {
@@ -227,29 +227,29 @@ const st = /* @__PURE__ */ Y("svg", { viewBox: "25 25 50 50" }, [
     class: { default: void 0 }
   },
   setup(t) {
-    const n = t, e = w(() => ({
-      "font-size": n.size !== 48 ? `${n.size}px` : void 0
+    const o = t, e = w(() => ({
+      "font-size": o.size !== 48 ? `${o.size}px` : void 0
     }));
-    return (o, a) => (u(), p("div", {
-      class: E(["q-spinner-loader", n.class]),
+    return (n, a) => (u(), p("div", {
+      class: E(["q-spinner-loader", o.class]),
       style: pe(e.value)
     }, it, 6));
   }
 });
-function dt(t, n) {
-  var o;
-  const e = Re(n);
-  return e ? typeof ((o = t.props) == null ? void 0 : o[e]) < "u" : !1;
+function dt(t, o) {
+  var n;
+  const e = Re(o);
+  return e ? typeof ((n = t.props) == null ? void 0 : n[e]) < "u" : !1;
 }
 function B(t) {
-  const n = t.setup;
-  return n && (t.setup = (e, o) => {
+  const o = t.setup;
+  return o && (t.setup = (e, n) => {
     const a = Ye();
     if (ge(a.value))
-      return n(e, o);
+      return o(e, n);
     const r = De();
     if (r === null)
-      return n(e, o);
+      return o(e, n);
     const d = new Proxy(e, {
       get(i, c) {
         var g;
@@ -257,7 +257,7 @@ function B(t) {
         return typeof c == "string" && !dt(r.vnode, c) ? k ?? q : q;
       }
     });
-    return n(d, o);
+    return o(d, n);
   }), t;
 }
 const $e = B(rt), ut = ["disabled"], ct = {
@@ -279,10 +279,10 @@ const $e = B(rt), ut = ["disabled"], ct = {
     class: { default: void 0 }
   },
   emits: ["click"],
-  setup(t, { emit: n }) {
-    const e = t, o = n, a = w(() => e.disabled || e.loading);
+  setup(t, { emit: o }) {
+    const e = t, n = o, a = w(() => e.disabled || e.loading);
     function r(i) {
-      a.value || o("click", i);
+      a.value || n("click", i);
     }
     const d = w(() => {
       const i = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
@@ -310,11 +310,11 @@ const $e = B(rt), ut = ["disabled"], ct = {
         A(v($e), { size: 20 })
       ])) : I("", !0),
       Y("span", ft, [
-        i.iconOnRight ? (u(), p(ne, { key: 0 }, [
+        i.iconOnRight ? (u(), p(oe, { key: 0 }, [
           ue(N(e.label), 1)
         ], 64)) : I("", !0),
         m(i.$slots, "default"),
-        i.iconOnRight ? I("", !0) : (u(), p(ne, { key: 1 }, [
+        i.iconOnRight ? I("", !0) : (u(), p(oe, { key: 1 }, [
           ue(N(e.label), 1)
         ], 64))
       ])
@@ -329,21 +329,21 @@ const $e = B(rt), ut = ["disabled"], ct = {
     class: { default: void 0 }
   },
   setup(t) {
-    const n = t;
+    const o = t;
     return Fe({
       QButton: {
         bStyle: "secondary",
-        disabled: Le(n, "disabled"),
-        borderless: Le(n, "borderless"),
+        disabled: Le(o, "disabled"),
+        borderless: Le(o, "borderless"),
         elevated: !1
       }
-    }), (e, o) => (u(), p("div", {
+    }), (e, n) => (u(), p("div", {
       class: E([
         "q-btn-group",
         {
-          "q-btn-group--elevated": n.elevated
+          "q-btn-group--elevated": o.elevated
         },
-        n.class
+        o.class
       ])
     }, [
       m(e.$slots, "default")
@@ -364,24 +364,24 @@ const $e = B(rt), ut = ["disabled"], ct = {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const n = t, e = X(t, "modelValue");
-    function o(a) {
-      e.value === a.key && !n.required ? e.value = void 0 : e.value = a.key;
+    const o = t, e = X(t, "modelValue");
+    function n(a) {
+      e.value === a.key && !o.required ? e.value = void 0 : e.value = a.key;
     }
     return (a, r) => (u(), V(v(vt), {
       "b-style": "secondary",
-      class: E(n.class),
-      disabled: n.disabled,
-      borderless: n.borderless,
-      elevated: n.elevated
+      class: E(o.class),
+      disabled: o.disabled,
+      borderless: o.borderless,
+      elevated: o.elevated
     }, {
       default: _(() => [
-        (u(!0), p(ne, null, ye(n.options, (d) => (u(), V(v(fe), {
+        (u(!0), p(oe, null, ye(o.options, (d) => (u(), V(v(fe), {
           key: d.key,
           title: d.title,
           label: d.label,
           active: e.value === d.key,
-          onClick: () => o(d)
+          onClick: () => n(d)
         }, {
           default: _(() => [
             m(a.$slots, d.key)
@@ -392,7 +392,7 @@ const $e = B(rt), ut = ["disabled"], ct = {
       _: 3
     }, 8, ["class", "disabled", "borderless", "elevated"]));
   }
-}), Vn = B(ht), bt = /* @__PURE__ */ S({
+}), To = B(ht), bt = /* @__PURE__ */ S({
   __name: "QIcon",
   props: {
     icon: {},
@@ -401,8 +401,8 @@ const $e = B(rt), ut = ["disabled"], ct = {
     class: { default: void 0 }
   },
   setup(t) {
-    const n = t, e = w(() => {
-      switch (n.type) {
+    const o = t, e = w(() => {
+      switch (o.type) {
         case "svg":
           return St;
         case "font":
@@ -413,10 +413,10 @@ const $e = B(rt), ut = ["disabled"], ct = {
           return;
       }
     });
-    return (o, a) => (u(), V(Qe(e.value), {
-      class: E(n.class),
-      icon: n.icon,
-      size: n.size
+    return (n, a) => (u(), V(Qe(e.value), {
+      class: E(o.class),
+      icon: o.icon,
+      size: o.size
     }, null, 8, ["class", "icon", "size"]));
   }
 }), yt = /* @__PURE__ */ S({
@@ -429,11 +429,11 @@ const $e = B(rt), ut = ["disabled"], ct = {
     class: { default: void 0 }
   },
   setup(t) {
-    const n = t, e = w(() => n.variant ? `${n.library}-${n.variant}` : n.library), o = w(() => n.library && n.icon ? `${n.library}-${n.icon}` : n.icon), a = w(() => ({
-      "font-size": n.size !== void 0 ? `${n.size}px` : void 0
+    const o = t, e = w(() => o.variant ? `${o.library}-${o.variant}` : o.library), n = w(() => o.library && o.icon ? `${o.library}-${o.icon}` : o.icon), a = w(() => ({
+      "font-size": o.size !== void 0 ? `${o.size}px` : void 0
     }));
     return (r, d) => (u(), p("i", {
-      class: E(["q-icon", "q-icon__font", e.value, o.value, n.class]),
+      class: E(["q-icon", "q-icon__font", e.value, n.value, o.class]),
       style: pe(a.value)
     }, null, 6));
   }
@@ -445,12 +445,12 @@ const $e = B(rt), ut = ["disabled"], ct = {
     class: {}
   },
   setup(t) {
-    const n = t, e = w(() => ({
-      "font-size": n.size !== void 0 ? `${n.size}px` : void 0
+    const o = t, e = w(() => ({
+      "font-size": o.size !== void 0 ? `${o.size}px` : void 0
     }));
-    return (o, a) => (u(), p("img", {
-      src: n.icon,
-      class: E(["q-icon", "q-icon__img", n.class]),
+    return (n, a) => (u(), p("img", {
+      src: o.icon,
+      class: E(["q-icon", "q-icon__img", o.class]),
       style: pe(e.value)
     }, null, 14, gt));
   }
@@ -468,8 +468,8 @@ const $e = B(rt), ut = ["disabled"], ct = {
     const t = this.getSvgContent(this.svgElSource);
     if (!t)
       return Se("div", this.$attrs);
-    const n = {};
-    return this.copySvgAttrs(n, this.svgElSource), this.copySvgAttrs(n, t), this.copyComponentAttrs(n, this.$attrs), n.innerHTML = t.innerHTML, Se("svg", n);
+    const o = {};
+    return this.copySvgAttrs(o, this.svgElSource), this.copySvgAttrs(o, t), this.copyComponentAttrs(o, this.$attrs), o.innerHTML = t.innerHTML, Se("svg", o);
   },
   props: {
     /**
@@ -520,15 +520,15 @@ const $e = B(rt), ut = ["disabled"], ct = {
     await this.getSource(this.src);
   },
   methods: {
-    copySvgAttrs(t, n) {
-      const e = n.attributes;
+    copySvgAttrs(t, o) {
+      const e = o.attributes;
       if (e)
-        for (const o of e)
-          t[o.name] = o.value;
+        for (const n of e)
+          t[n.name] = n.value;
     },
-    copyComponentAttrs(t, n) {
-      for (const [e, o] of Object.entries(n))
-        o !== !1 && o !== null && o !== void 0 && (t[e] = o);
+    copyComponentAttrs(t, o) {
+      for (const [e, n] of Object.entries(o))
+        n !== !1 && n !== null && n !== void 0 && (t[e] = n);
     },
     getSvgContent(t) {
       return this.symbol && (t = t.getElementById(this.symbol), !t) ? null : (this.transformSource && (t = t.cloneNode(!0), t = this.transformSource(t)), this.title && (this.transformSource || (t = t.cloneNode(!0)), wt(t, this.title)), t);
@@ -540,10 +540,10 @@ const $e = B(rt), ut = ["disabled"], ct = {
     async getSource(t) {
       try {
         re[t] || (re[t] = $t(this.download(t))), this.svgElSource && re[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
-        const n = await re[t];
-        this.svgElSource = n, await this.$nextTick(), this.$emit("loaded", this.$el);
-      } catch (n) {
-        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete re[t], this.$emit("error", n);
+        const o = await re[t];
+        this.svgElSource = o, await this.$nextTick(), this.$emit("loaded", this.$el);
+      } catch (o) {
+        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete re[t], this.$emit("error", o);
       }
     },
     /**
@@ -552,10 +552,10 @@ const $e = B(rt), ut = ["disabled"], ct = {
      * @returns {PromiseWithState<Element>}
      */
     async download(t) {
-      const n = await fetch(t);
-      if (!n.ok)
+      const o = await fetch(t);
+      if (!o.ok)
         throw new Error("Error loading SVG");
-      const e = await n.text(), r = new DOMParser().parseFromString(e, "text/xml").getElementsByTagName("svg")[0];
+      const e = await o.text(), r = new DOMParser().parseFromString(e, "text/xml").getElementsByTagName("svg")[0];
       if (!r)
         throw new Error("Loaded file is not a valid SVG");
       return r;
@@ -568,26 +568,26 @@ const $e = B(rt), ut = ["disabled"], ct = {
   },
   expose: []
 });
-function wt(t, n) {
+function wt(t, o) {
   const e = t.getElementsByTagName("title");
   if (e.length)
-    e[0].textContent = n;
+    e[0].textContent = o;
   else {
-    const o = document.createElementNS("http://www.w3.org/2000/svg", "title");
-    o.textContent = n, t.insertBefore(o, t.firstChild);
+    const n = document.createElementNS("http://www.w3.org/2000/svg", "title");
+    n.textContent = o, t.insertBefore(n, t.firstChild);
   }
 }
 function $t(t) {
   if (t.getIsPending)
     return t;
-  let n = !0;
+  let o = !0;
   const e = t.then(
-    (o) => (n = !1, o),
-    (o) => {
-      throw n = !1, o;
+    (n) => (o = !1, n),
+    (n) => {
+      throw o = !1, n;
     }
   );
-  return e.getIsPending = () => n, e;
+  return e.getIsPending = () => o, e;
 }
 const qt = /* @__PURE__ */ S({
   __name: "QIconSvg",
@@ -598,15 +598,15 @@ const qt = /* @__PURE__ */ S({
     class: { default: void 0 }
   },
   emits: ["loaded", "unloaded"],
-  setup(t, { emit: n }) {
-    const e = t, o = n, a = w(() => ({
+  setup(t, { emit: o }) {
+    const e = t, n = o, a = w(() => ({
       "font-size": e.size !== void 0 ? `${e.size}px` : void 0
     }));
     function r(i) {
-      o("loaded", i);
+      n("loaded", i);
     }
     function d() {
-      o("unloaded");
+      n("unloaded");
     }
     return (i, c) => (u(), V(v(kt), {
       class: E(["q-icon", "q-icon__svg", e.class]),
@@ -634,10 +634,10 @@ const qt = /* @__PURE__ */ S({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: n }) {
-    const e = t, o = X(t, "modelValue"), a = T(!1), r = w(() => d.value.length > 1 ? "div" : "ul"), d = w(() => e.groups.length ? e.groups : [{ id: "", title: "" }]), i = T(null);
+  setup(t, { expose: o }) {
+    const e = t, n = X(t, "modelValue"), a = T(!1), r = w(() => d.value.length > 1 ? "div" : "ul"), d = w(() => e.groups.length ? e.groups : [{ id: "", title: "" }]), i = T(null);
     function c(f) {
-      o.value = f;
+      n.value = f;
     }
     function q() {
       a.value = !0;
@@ -649,10 +649,10 @@ const qt = /* @__PURE__ */ S({
       var l;
       if ((l = i.value) != null && l.contains(f.relatedTarget))
         return;
-      let b;
-      o.value ? b = e.items.findIndex((h) => h[e.itemValue] === o.value) : b = G();
+      let y;
+      n.value ? y = e.items.findIndex((h) => h[e.itemValue] === n.value) : y = G();
       const $ = a.value;
-      z(b, $);
+      z(y, $);
     }
     function F(f) {
       switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(f.key) && f.preventDefault(), f.key) {
@@ -684,13 +684,13 @@ const qt = /* @__PURE__ */ S({
           break;
       }
     }
-    function z(f, b = !1) {
+    function z(f, y = !1) {
       var l;
-      (l = L()[f]) == null || l.focus({ preventScroll: b });
+      (l = L()[f]) == null || l.focus({ preventScroll: y });
     }
     function L() {
-      var b;
-      const f = (b = i.value) == null ? void 0 : b.querySelectorAll("li");
+      var y;
+      const f = (y = i.value) == null ? void 0 : y.querySelectorAll("li");
       return f ? Array.from(f) : [];
     }
     function K(f) {
@@ -700,29 +700,29 @@ const qt = /* @__PURE__ */ S({
       return L().indexOf(document.activeElement);
     }
     function G() {
-      const f = L(), b = f.find(($) => Z($));
-      return b ? f.indexOf(b) : -1;
+      const f = L(), y = f.find(($) => Z($));
+      return y ? f.indexOf(y) : -1;
     }
     function C() {
-      const f = L(), b = [...f].reverse().find(($) => Z($));
-      return b ? f.indexOf(b) : -1;
+      const f = L(), y = [...f].reverse().find(($) => Z($));
+      return y ? f.indexOf(y) : -1;
     }
-    function M(f, b, $) {
-      return b === "prev" && f === 0 || b === "next" && f === $.length - 1;
+    function M(f, y, $) {
+      return y === "prev" && f === 0 || y === "next" && f === $.length - 1;
     }
     function W(f) {
-      const b = le();
-      return R(b, f);
+      const y = le();
+      return R(y, f);
     }
-    function R(f, b) {
+    function R(f, y) {
       const $ = L();
-      if (M(f, b, $))
+      if (M(f, y, $))
         return f;
-      let l = f + (b === "next" ? 1 : -1);
+      let l = f + (y === "next" ? 1 : -1);
       for (; !Z($[l]); ) {
-        if (M(l, b, $))
+        if (M(l, y, $))
           return f;
-        l += b === "next" ? 1 : -1;
+        l += y === "next" ? 1 : -1;
       }
       return l;
     }
@@ -730,15 +730,15 @@ const qt = /* @__PURE__ */ S({
       return f.tabIndex === -2;
     }
     function J(f) {
-      return f ? e.items.filter((b) => b.group === f) : e.items;
+      return f ? e.items.filter((y) => y.group === f) : e.items;
     }
-    return n({
+    return o({
       focusItem: z,
       getItem: K,
       getAdjacentItemIndex: R,
       getFirstFocusableItemIndex: G,
       getLastFocusableItemIndex: C
-    }), (f, b) => (u(), V(Qe(r.value), {
+    }), (f, y) => (u(), V(Qe(r.value), {
       ref_key: "listRef",
       ref: i,
       class: E(["q-list", { "q-list--disabled": e.disabled }, e.class]),
@@ -750,20 +750,20 @@ const qt = /* @__PURE__ */ S({
       onKeydown: F
     }, {
       default: _(() => [
-        (u(!0), p(ne, null, ye(d.value, ($) => (u(), V(v(Ft), {
+        (u(!0), p(oe, null, ye(d.value, ($) => (u(), V(v(Ft), {
           key: $.id,
           title: d.value.length === 1 ? void 0 : $.title,
           disabled: $.disabled
         }, {
           default: _(() => [
-            (u(!0), p(ne, null, ye(J($.id), (l) => (u(), V(v(At), {
+            (u(!0), p(oe, null, ye(J($.id), (l) => (u(), V(v(At), {
               key: l[e.itemValue],
               value: l[e.itemValue],
               label: l[e.itemLabel],
               icon: l.icon,
               disabled: e.disabled || l.disabled,
               highlighted: e.highlighted === l[e.itemValue],
-              selected: o.value === l[e.itemValue],
+              selected: n.value === l[e.itemValue],
               onSelect: c
             }, {
               default: _(() => [
@@ -783,7 +783,7 @@ let Bt = 0;
 function me(t) {
   return t || `uid-${++Bt}`;
 }
-const Vt = ["id", "tabindex", "aria-label", "aria-selected"], Et = { class: "q-list-item__check-container" }, Tt = {
+const Vt = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Et = { class: "q-list-item__check-container" }, Tt = {
   check: {
     icon: "check"
   }
@@ -799,16 +799,17 @@ const Vt = ["id", "tabindex", "aria-label", "aria-selected"], Et = { class: "q-l
     disabled: { type: Boolean }
   },
   emits: ["select"],
-  setup(t, { emit: n }) {
-    const e = t, o = n, a = me();
+  setup(t, { emit: o }) {
+    const e = t, n = o, a = me();
     function r() {
-      e.disabled || o("select", e.value);
+      e.disabled || n("select", e.value);
     }
     function d(i) {
       i.key === "Tab" && r(), (i.key === "Enter" || i.key === " ") && (i.preventDefault(), i.stopPropagation(), r());
     }
     return (i, c) => (u(), p("li", {
       id: v(a),
+      "data-key": e.value,
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
       class: E([
@@ -825,7 +826,7 @@ const Vt = ["id", "tabindex", "aria-label", "aria-selected"], Et = { class: "q-l
       onClick: de(r, ["stop", "prevent"])
     }, [
       m(i.$slots, "default", {}, () => [
-        e.icon ? (u(), V(v(te), oe(se({ key: 0 }, e.icon)), null, 16)) : I("", !0),
+        e.icon ? (u(), V(v(te), ne(se({ key: 0 }, e.icon)), null, 16)) : I("", !0),
         ue(" " + N(e.label), 1)
       ]),
       Y("div", Et, [
@@ -840,33 +841,33 @@ const Vt = ["id", "tabindex", "aria-label", "aria-selected"], Et = { class: "q-l
     disabled: { type: Boolean }
   },
   setup(t) {
-    const n = t, e = me();
-    return (o, a) => (u(), p("ul", {
+    const o = t, e = me();
+    return (n, a) => (u(), p("ul", {
       class: "q-list-item-group",
       role: "group",
-      "aria-labelledby": n.title ? v(e) : void 0
+      "aria-labelledby": o.title ? v(e) : void 0
     }, [
-      n.title ? (u(), p("li", {
+      o.title ? (u(), p("li", {
         key: 0,
         id: v(e),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, N(n.title), 9, Ct)) : I("", !0),
-      m(o.$slots, "default")
+      }, N(o.title), 9, Ct)) : I("", !0),
+      m(n.$slots, "default")
     ], 8, zt));
   }
 }), Oe = B(xt), At = B(Dt), Ft = B(Qt);
-function Mt(t, n, e = "right", o) {
-  const a = t.getBoundingClientRect(), r = a.x + window.scrollX, d = a.y + window.scrollY, i = n == null ? void 0 : n.getBoundingClientRect(), c = (i == null ? void 0 : i.width) ?? 0, q = (i == null ? void 0 : i.height) ?? 0;
+function Mt(t, o, e = "right", n) {
+  const a = t.getBoundingClientRect(), r = a.x + window.scrollX, d = a.y + window.scrollY, i = o == null ? void 0 : o.getBoundingClientRect(), c = (i == null ? void 0 : i.width) ?? 0, q = (i == null ? void 0 : i.height) ?? 0;
   let k = e;
   i && !Ue(a, i, k) && (k = Rt(a, i, k));
   const g = { x: 0, y: 0, placement: k };
   switch (k) {
     case "top":
-      o === "anchor" ? g.x = r : g.x = r + (a.width - c) / 2, g.y = d - q;
+      n === "anchor" ? g.x = r : g.x = r + (a.width - c) / 2, g.y = d - q;
       break;
     case "bottom":
-      o === "anchor" ? g.x = r : g.x = r + (a.width - c) / 2, g.y = d + a.height;
+      n === "anchor" ? g.x = r : g.x = r + (a.width - c) / 2, g.y = d + a.height;
       break;
     case "left":
       g.x = r - c, g.y = d + a.height / 2 - q / 2;
@@ -875,41 +876,41 @@ function Mt(t, n, e = "right", o) {
       g.x = r + a.width, g.y = d + a.height / 2 - q / 2;
       break;
   }
-  return o === "anchor" && a.width >= c && (g.width = a.width), g;
+  return n === "anchor" && a.width >= c && (g.width = a.width), g;
 }
-function Ue(t, n, e) {
-  let o = !1, a = !1;
+function Ue(t, o, e) {
+  let n = !1, a = !1;
   switch (e) {
     case "top":
-      o = Te(t, n), a = t.top > n.height;
+      n = Te(t, o), a = t.top > o.height;
       break;
     case "bottom":
-      o = Te(t, n), a = window.innerHeight - t.top - t.height > n.height;
+      n = Te(t, o), a = window.innerHeight - t.top - t.height > o.height;
       break;
     case "left":
-      o = t.left > n.width, a = Ee(t, n);
+      n = t.left > o.width, a = Ee(t, o);
       break;
     case "right":
-      o = window.innerWidth - t.left - t.width > n.width, a = Ee(t, n);
+      n = window.innerWidth - t.left - t.width > o.width, a = Ee(t, o);
       break;
   }
-  return o && a;
+  return n && a;
 }
-function Ee(t, n) {
-  return window.innerHeight - t.top - t.height / 2 > n.height / 2 && t.top + t.height / 2 > n.height / 2;
+function Ee(t, o) {
+  return window.innerHeight - t.top - t.height / 2 > o.height / 2 && t.top + t.height / 2 > o.height / 2;
 }
-function Te(t, n) {
-  return window.innerWidth - t.left - t.width / 2 > n.width / 2 && t.left + t.width / 2 > n.width / 2;
+function Te(t, o) {
+  return window.innerWidth - t.left - t.width / 2 > o.width / 2 && t.left + t.width / 2 > o.width / 2;
 }
-function Rt(t, n, e) {
-  const o = {
+function Rt(t, o, e) {
+  const n = {
     top: ["bottom", "left", "right"],
     bottom: ["top", "left", "right"],
     left: ["right", "top", "bottom"],
     right: ["left", "top", "bottom"]
   };
-  for (const a of o[e])
-    if (Ue(t, n, a))
+  for (const a of n[e])
+    if (Ue(t, o, a))
       return a;
   return e;
 }
@@ -942,8 +943,8 @@ const Ot = ["role"], Ut = {
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ H(["enter", "leave"], ["update:modelValue"]),
-  setup(t, { emit: n }) {
-    const e = t, o = n, a = X(t, "modelValue"), r = w(() => [
+  setup(t, { emit: o }) {
+    const e = t, n = o, a = X(t, "modelValue"), r = w(() => [
       "q-overlay",
       `q-overlay--${i.placement}`,
       { "q-overlay--inverted": e.appearance === "inverted" },
@@ -1020,10 +1021,10 @@ const Ot = ["role"], Ut = {
     }
     let K;
     function le() {
-      o("enter");
+      n("enter");
     }
     function G() {
-      window.clearTimeout(K), K = window.setTimeout(() => i.animating = !1, 200), o("leave");
+      window.clearTimeout(K), K = window.setTimeout(() => i.animating = !1, 200), n("leave");
     }
     let C;
     function M() {
@@ -1078,7 +1079,7 @@ const Ot = ["role"], Ut = {
         return;
       ae(e.anchor) ? (k(), J = window.setTimeout(f, 100)) : L();
     }
-    function b() {
+    function y() {
       W(), e.spy && f(), e.anchor && document.addEventListener("scroll", L);
     }
     function $() {
@@ -1093,7 +1094,7 @@ const Ot = ["role"], Ut = {
     }), P(
       a,
       (l) => {
-        l ? b() : $();
+        l ? y() : $();
       },
       { immediate: !0 }
     ), (l, h) => (u(), V(Ge, {
@@ -1163,12 +1164,12 @@ const Ot = ["role"], Ut = {
     required: { type: Boolean },
     class: { default: void 0 }
   },
-  setup(t, { expose: n }) {
-    const e = t, o = me(e.id), a = T(null), r = w(() => e.required && !e.readonly && !e.disabled);
-    return n({
+  setup(t, { expose: o }) {
+    const e = t, n = me(e.id), a = T(null), r = w(() => e.required && !e.readonly && !e.disabled);
+    return o({
       fieldRef: a
     }), (d, i) => (u(), p("div", {
-      id: v(o),
+      id: v(n),
       class: E([
         "q-field",
         `q-field--${e.size}`,
@@ -1227,11 +1228,11 @@ const Ot = ["role"], Ut = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: n }) {
-    const e = t, o = X(t, "modelValue"), a = me(e.id), r = T(null), d = T(null), i = w(
+  setup(t, { expose: o }) {
+    const e = t, n = X(t, "modelValue"), a = me(e.id), r = T(null), d = T(null), i = w(
       () => e.readonly || e.disabled ? "" : e.placeholder
     );
-    return n({
+    return o({
       fieldRef: w(() => {
         var c;
         return (c = r.value) == null ? void 0 : c.fieldRef;
@@ -1256,7 +1257,7 @@ const Ot = ["role"], Ut = {
       ]),
       default: _(() => [
         Pe(Y("input", se({
-          "onUpdate:modelValue": q[0] || (q[0] = (k) => o.value = k),
+          "onUpdate:modelValue": q[0] || (q[0] = (k) => n.value = k),
           ref_key: "inputRef",
           ref: d,
           id: v(a),
@@ -1269,7 +1270,7 @@ const Ot = ["role"], Ut = {
           disabled: e.disabled,
           maxlength: e.maxLength
         }, c.$attrs), null, 16, Yt), [
-          [Xe, o.value]
+          [Xe, n.value]
         ])
       ]),
       _: 2
@@ -1297,22 +1298,22 @@ const Ot = ["role"], Ut = {
       } : void 0
     ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
   }
-}), Jt = B(Zt), en = {
+}), Jt = B(Zt), eo = ["data-key"], to = {
   key: 0,
   class: "q-select__loader"
-}, tn = {
+}, oo = {
   key: 2,
   class: "q-select__loader"
-}, nn = {
+}, no = {
   noData: "No data available"
-}, on = {
+}, lo = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, ln = /* @__PURE__ */ S({
+}, ao = /* @__PURE__ */ S({
   __name: "QCombobox",
   props: /* @__PURE__ */ H({
     id: { default: void 0 },
@@ -1331,8 +1332,8 @@ const Ot = ["role"], Ut = {
     itemLabel: { default: "label" },
     emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
     size: { default: void 0 },
-    texts: { default: () => nn },
-    icons: { default: () => on },
+    texts: { default: () => no },
+    icons: { default: () => lo },
     class: { default: void 0 }
   }, {
     modelValue: {
@@ -1345,42 +1346,41 @@ const Ot = ["role"], Ut = {
     searchModifiers: {}
   }),
   emits: /* @__PURE__ */ H(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
-  setup(t, { expose: n, emit: e }) {
-    const o = t, a = e, r = X(t, "modelValue"), d = X(t, "open"), i = X(t, "search"), c = T(void 0), q = T(null), k = T(null), g = T(null);
-    Ae(() => {
-      z.value && M();
-    });
-    const F = w(() => o.clearable && !o.readonly && !o.disabled), D = w(() => {
+  setup(t, { expose: o, emit: e }) {
+    const n = t, a = e, r = X(t, "modelValue"), d = X(t, "open"), i = X(t, "search"), c = T(void 0), q = T(null), k = T(null), g = T(null);
+    Ae(M);
+    const F = w(() => n.clearable && !n.readonly && !n.disabled), D = w(() => {
       var s;
-      return o.filterMode === "manual" || !G.value ? o.items : (s = o.items) == null ? void 0 : s.filter(
-        (y) => y[o.itemLabel].toLowerCase().startsWith(i.value.toLowerCase())
+      return n.filterMode === "manual" || !G.value ? n.items : (s = n.items) == null ? void 0 : s.filter(
+        (b) => b[n.itemLabel].toLowerCase().startsWith(i.value.toLowerCase())
       );
     }), z = w(() => {
       var s;
-      return (s = o.items) == null ? void 0 : s.find((y) => y[o.itemValue] === r.value);
+      return (s = n.items) == null ? void 0 : s.find((b) => b[n.itemValue] === r.value);
     }), L = w(() => z.value === void 0), K = w(() => {
       const s = c.value;
       if (s !== void 0 && D.value[s])
         return D.value[s];
     }), le = w(() => {
-      var y;
+      var b;
       if (c.value === void 0)
         return;
-      const s = (y = k.value) == null ? void 0 : y.getItem(c.value);
+      const s = (b = k.value) == null ? void 0 : b.getItem(c.value);
       return s == null ? void 0 : s.id;
     }), G = w(() => {
       var s;
-      return i.value.length > 0 && i.value !== ((s = z.value) == null ? void 0 : s[o.itemLabel]);
+      return i.value.length > 0 && i.value !== ((s = z.value) == null ? void 0 : s[n.itemLabel]);
     });
     function C(s) {
       r.value = s, R();
     }
     function M() {
-      var s;
-      i.value = ((s = z.value) == null ? void 0 : s[o.itemLabel]) || "";
+      var b;
+      const s = ((b = z.value) == null ? void 0 : b[n.itemLabel]) || "";
+      i.value !== s && (i.value = s);
     }
     function W() {
-      d.value || o.readonly || o.disabled || (a("before-show"), d.value = !0, ee());
+      d.value || n.readonly || n.disabled || (a("before-show"), d.value = !0, ee());
     }
     function R() {
       d.value && (a("before-hide"), d.value = !1, c.value = void 0);
@@ -1389,7 +1389,7 @@ const Ot = ["role"], Ut = {
       d.value ? R() : f();
     }
     function J() {
-      F.value && (r.value = o.emptyValue, c.value = void 0, ee());
+      F.value && (r.value = n.emptyValue, c.value = void 0, ee());
     }
     function f() {
       if (W(), z.value !== void 0) {
@@ -1397,9 +1397,9 @@ const Ot = ["role"], Ut = {
         s !== -1 && U(() => Ie(s));
       }
     }
-    function b(s) {
-      var y, x;
-      if (!(!s.key || o.readonly || o.disabled))
+    function y(s) {
+      var b, x;
+      if (!(!s.key || n.readonly || n.disabled))
         if (["ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && (s.preventDefault(), s.stopPropagation()), s.key === "Escape")
           M(), d.value && R();
         else if (["ArrowDown", "ArrowUp"].includes(s.key))
@@ -1416,17 +1416,17 @@ const Ot = ["role"], Ut = {
         else if (s.key === "Enter") {
           if (K.value === void 0)
             return;
-          C(K.value[o.itemValue]);
+          C(K.value[n.itemValue]);
         } else
-          s.key === "Home" ? c.value = (y = k.value) == null ? void 0 : y.getFirstFocusableItemIndex() : s.key === "End" ? c.value = (x = k.value) == null ? void 0 : x.getLastFocusableItemIndex() : (/^[a-z]$/i.test(s.key) || s.key === "Backspace") && W();
+          s.key === "Home" ? c.value = (b = k.value) == null ? void 0 : b.getFirstFocusableItemIndex() : s.key === "End" ? c.value = (x = k.value) == null ? void 0 : x.getLastFocusableItemIndex() : (/^[a-z]$/i.test(s.key) || s.key === "Backspace") && W();
     }
     function $() {
-      var s, y;
+      var s, b;
       if (L.value)
-        c.value = (y = k.value) == null ? void 0 : y.getFirstFocusableItemIndex();
+        c.value = (b = k.value) == null ? void 0 : b.getFirstFocusableItemIndex();
       else {
         const x = D.value.findIndex(
-          (Q) => Q[o.itemValue] === r.value
+          (Q) => Q[n.itemValue] === r.value
         );
         x === -1 ? c.value = (s = k.value) == null ? void 0 : s.getFirstFocusableItemIndex() : c.value = x;
       }
@@ -1435,17 +1435,17 @@ const Ot = ["role"], Ut = {
       var s;
       c.value = (s = k.value) == null ? void 0 : s.getLastFocusableItemIndex();
     }
-    function h(s, y) {
+    function h(s, b) {
       var x;
-      c.value = (x = k.value) == null ? void 0 : x.getAdjacentItemIndex(s, y);
+      c.value = (x = k.value) == null ? void 0 : x.getAdjacentItemIndex(s, b);
     }
     function O(s) {
-      var y, x, Q;
-      !((y = g.value) != null && y.contains(s.relatedTarget)) && !((Q = (x = q.value) == null ? void 0 : x.fieldRef) != null && Q.contains(s.relatedTarget)) ? (R(), F.value && !i.value && (r.value = o.emptyValue), M()) : (s.preventDefault(), s.stopPropagation());
+      var b, x, Q;
+      !((b = g.value) != null && b.contains(s.relatedTarget)) && !((Q = (x = q.value) == null ? void 0 : x.fieldRef) != null && Q.contains(s.relatedTarget)) ? (R(), F.value && !i.value && (r.value = n.emptyValue), M()) : (s.preventDefault(), s.stopPropagation());
     }
     function ee() {
-      var s, y;
-      (y = (s = q.value) == null ? void 0 : s.inputRef) == null || y.focus();
+      var s, b;
+      (b = (s = q.value) == null ? void 0 : s.inputRef) == null || b.focus();
     }
     function j() {
       ee();
@@ -1458,62 +1458,63 @@ const Ot = ["role"], Ut = {
     }
     function Ie(s) {
       var x;
-      const y = (x = k.value) == null ? void 0 : x.getItem(s);
-      y == null || y.scrollIntoView({ block: "nearest", inline: "start" });
+      const b = (x = k.value) == null ? void 0 : x.getItem(s);
+      b == null || b.scrollIntoView({ block: "nearest", inline: "start" });
     }
     return P(r, M), P(
-      () => o.items,
-      (s, y) => {
+      () => n.items,
+      (s, b) => {
         if (!L.value) {
-          const x = y.find((Q) => Q[o.itemValue] === r.value);
-          i.value === (x == null ? void 0 : x[o.itemLabel]) && M();
+          const x = b.find((Q) => Q[n.itemValue] === r.value);
+          i.value === (x == null ? void 0 : x[n.itemLabel]) && M();
         }
       },
       { deep: !0 }
     ), P(c, (s) => {
       s !== void 0 && Ie(s);
     }), P(i, (s) => {
-      s && d.value && o.selectionMode === "automatic" && U($);
+      s && d.value && n.selectionMode === "automatic" && U($);
     }), P(
-      () => o.loading,
+      () => n.loading,
       (s) => {
         !s && d.value && U($);
       }
-    ), n({
+    ), o({
       triggerEl: q
-    }), (s, y) => {
+    }), (s, b) => {
       var x;
-      return u(), p(ne, null, [
+      return u(), p(oe, null, [
         A(v(Jt), {
           modelValue: i.value,
-          "onUpdate:modelValue": y[0] || (y[0] = (Q) => i.value = Q),
-          id: o.id,
-          label: o.label,
-          required: o.required,
+          "onUpdate:modelValue": b[0] || (b[0] = (Q) => i.value = Q),
+          id: n.id,
+          label: n.label,
+          required: n.required,
           ref_key: "triggerEl",
           ref: q,
           role: "combobox",
-          placeholder: o.placeholder,
+          placeholder: n.placeholder,
           class: E([
             "q-combobox",
             {
-              "q-combobox--readonly": o.readonly,
-              "q-combobox--disabled": o.disabled,
+              "q-combobox--readonly": n.readonly,
+              "q-combobox--disabled": n.disabled,
               "q-combobox--expanded": d.value
             },
-            o.class
+            n.class
           ]),
-          readonly: o.readonly,
-          disabled: o.disabled,
+          readonly: n.readonly,
+          disabled: n.disabled,
+          "data-loading": n.loading,
           autocomplete: "off",
           "aria-expanded": d.value,
           "aria-haspopup": "listbox",
           "aria-autocomplete": "list",
           "aria-activedescendant": le.value,
-          size: o.size,
+          size: n.size,
           onClick: f,
           onFocusout: O,
-          onKeydown: de(b, ["stop"])
+          onKeydown: de(y, ["stop"])
         }, _e({
           "label.prepend": _(() => [
             m(s.$slots, "label.prepend")
@@ -1532,21 +1533,21 @@ const Ot = ["role"], Ut = {
               onClick: J
             }, {
               default: _(() => [
-                A(v(te), oe(ie(o.icons.clear)), null, 16)
+                A(v(te), ne(ie(n.icons.clear)), null, 16)
               ]),
               _: 1
             })) : I("", !0),
-            o.readonly ? I("", !0) : (u(), V(v(fe), {
+            n.readonly ? I("", !0) : (u(), V(v(fe), {
               key: 1,
               class: "q-combobox__chevron",
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
-              disabled: o.disabled,
+              disabled: n.disabled,
               onClick: Z
             }, {
               default: _(() => [
-                A(v(te), oe(ie(o.icons.chevron)), null, 16)
+                A(v(te), ne(ie(n.icons.chevron)), null, 16)
               ]),
               _: 1
             }, 8, ["disabled"]))
@@ -1567,10 +1568,10 @@ const Ot = ["role"], Ut = {
             ]),
             key: "1"
           } : void 0
-        ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "aria-expanded", "aria-activedescendant", "size"]),
+        ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "data-loading", "aria-expanded", "aria-activedescendant", "size"]),
         A(v(he), {
           modelValue: d.value,
-          "onUpdate:modelValue": y[2] || (y[2] = (Q) => d.value = Q),
+          "onUpdate:modelValue": b[2] || (b[2] = (Q) => d.value = Q),
           spy: "",
           trigger: "manual",
           placement: "bottom",
@@ -1586,11 +1587,13 @@ const Ot = ["role"], Ut = {
               Y("div", {
                 ref_key: "contentRef",
                 ref: g,
+                "data-testid": "combobox-dropdown",
+                "data-key": n.id,
                 class: "q-select__body",
                 onFocusout: O
               }, [
                 m(s.$slots, "body.prepend"),
-                o.loading ? (u(), p("div", en, [
+                n.loading ? (u(), p("div", to, [
                   A(v($e), { size: 24 })
                 ])) : D.value.length ? (u(), V(v(Oe), {
                   key: 1,
@@ -1599,23 +1602,23 @@ const Ot = ["role"], Ut = {
                   class: "q-select__items",
                   modelValue: r.value,
                   "onUpdate:modelValue": [
-                    y[1] || (y[1] = (be) => r.value = be),
+                    b[1] || (b[1] = (be) => r.value = be),
                     C
                   ],
-                  highlighted: (Q = K.value) == null ? void 0 : Q[o.itemValue],
+                  highlighted: (Q = K.value) == null ? void 0 : Q[n.itemValue],
                   items: D.value,
                   groups: s.groups,
-                  "item-label": o.itemLabel,
-                  "item-value": o.itemValue,
+                  "item-label": n.itemLabel,
+                  "item-value": n.itemValue,
                   onMouseup: j
                 }, {
                   item: _(({ item: be }) => [
                     m(s.$slots, "item", { item: be })
                   ]),
                   _: 3
-                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), p("div", tn, N(s.texts.noData), 1)),
+                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), p("div", oo, N(s.texts.noData), 1)),
                 m(s.$slots, "body.append")
-              ], 544)
+              ], 40, eo)
             ];
           }),
           _: 3
@@ -1623,13 +1626,13 @@ const Ot = ["role"], Ut = {
       ], 64);
     };
   }
-}), En = B(ln), an = {
+}), Do = B(ao), so = {
   key: 0,
   class: "q-input-group__prepend"
-}, sn = { key: 0 }, rn = {
+}, io = { key: 0 }, ro = {
   key: 1,
   class: "q-input-group__append"
-}, dn = { key: 0 }, un = /* @__PURE__ */ S({
+}, uo = { key: 0 }, co = /* @__PURE__ */ S({
   __name: "QInputGroup",
   props: {
     id: { default: void 0 },
@@ -1641,29 +1644,29 @@ const Ot = ["role"], Ut = {
     class: { default: void 0 }
   },
   setup(t) {
-    const n = t;
+    const o = t;
     return Fe({
       QField: {
         size: "block"
       }
-    }), (e, o) => (u(), V(v(qe), {
-      id: n.id,
-      class: E(["q-input-group", n.class]),
-      label: n.label,
-      required: n.required,
-      size: n.size
+    }), (e, n) => (u(), V(v(qe), {
+      id: o.id,
+      class: E(["q-input-group", o.class]),
+      label: o.label,
+      required: o.required,
+      size: o.size
     }, {
       default: _(() => [
-        e.$slots.prepend || n.prependIcon ? (u(), p("div", an, [
-          n.prependIcon ? (u(), p("span", sn, [
-            A(v(te), oe(ie(n.prependIcon)), null, 16)
+        e.$slots.prepend || o.prependIcon ? (u(), p("div", so, [
+          o.prependIcon ? (u(), p("span", io, [
+            A(v(te), ne(ie(o.prependIcon)), null, 16)
           ])) : I("", !0),
           m(e.$slots, "prepend")
         ])) : I("", !0),
         m(e.$slots, "default"),
-        e.$slots.append || n.appendIcon ? (u(), p("div", rn, [
-          n.appendIcon ? (u(), p("span", dn, [
-            A(v(te), oe(ie(n.appendIcon)), null, 16)
+        e.$slots.append || o.appendIcon ? (u(), p("div", ro, [
+          o.appendIcon ? (u(), p("span", uo, [
+            A(v(te), ne(ie(o.appendIcon)), null, 16)
           ])) : I("", !0),
           m(e.$slots, "append")
         ])) : I("", !0)
@@ -1671,24 +1674,24 @@ const Ot = ["role"], Ut = {
       _: 3
     }, 8, ["id", "class", "label", "required", "size"]));
   }
-}), Tn = B(un), cn = /* @__PURE__ */ S({
+}), zo = B(co), fo = /* @__PURE__ */ S({
   __name: "QLineLoader",
   props: {
     class: { default: void 0 }
   },
   setup(t) {
-    const n = t;
-    return (e, o) => (u(), p("div", {
-      class: E(["q-line-loader", n.class])
+    const o = t;
+    return (e, n) => (u(), p("div", {
+      class: E(["q-line-loader", o.class])
     }, null, 2));
   }
-}), Dn = B(cn), fn = {
+}), Co = B(fo), po = {
   key: 0,
   class: "q-popover__header"
-}, pn = {
+}, mo = {
   key: 1,
   class: "q-popover__body"
-}, mn = ["innerHTML"], vn = { key: 1 }, hn = /* @__PURE__ */ S({
+}, vo = ["innerHTML"], ho = { key: 1 }, bo = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "QPopover",
   props: /* @__PURE__ */ H({
@@ -1706,52 +1709,52 @@ const Ot = ["role"], Ut = {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const n = t, e = X(t, "modelValue");
-    return (o, a) => (u(), V(v(he), {
+    const o = t, e = X(t, "modelValue");
+    return (n, a) => (u(), V(v(he), {
       "model-value": e.value,
       class: "q-popover",
       trigger: "click",
-      anchor: n.anchor,
-      arrow: n.arrow,
-      attach: n.attach,
-      disabled: n.disabled,
-      placement: n.placement
+      anchor: o.anchor,
+      arrow: o.arrow,
+      attach: o.attach,
+      disabled: o.disabled,
+      placement: o.placement
     }, {
       default: _(() => [
-        n.title || o.$slots.header ? (u(), p("h3", fn, [
-          ue(N(n.title) + " ", 1),
-          m(o.$slots, "header")
+        o.title || n.$slots.header ? (u(), p("h3", po, [
+          ue(N(o.title) + " ", 1),
+          m(n.$slots, "header")
         ])) : I("", !0),
-        n.text || o.$slots.body ? (u(), p("div", pn, [
-          n.html ? (u(), p("span", {
+        o.text || n.$slots.body ? (u(), p("div", mo, [
+          o.html ? (u(), p("span", {
             key: 0,
-            innerHTML: n.text
-          }, null, 8, mn)) : (u(), p("span", vn, N(n.text), 1)),
-          m(o.$slots, "body")
+            innerHTML: o.text
+          }, null, 8, vo)) : (u(), p("span", ho, N(o.text), 1)),
+          m(n.$slots, "body")
         ])) : I("", !0)
       ]),
       _: 3
     }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement"]));
   }
-}), zn = B(hn), bn = {
+}), Qo = B(bo), yo = {
   key: 0,
   class: "q-select__value"
-}, yn = {
+}, go = {
   key: 1,
   class: "q-select__placeholder"
-}, gn = {
+}, _o = ["data-key"], ko = {
   key: 0,
   class: "q-select__loader"
-}, _n = {
+}, wo = {
   placeholder: "Choose..."
-}, kn = {
+}, $o = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, wn = /* @__PURE__ */ S({
+}, qo = /* @__PURE__ */ S({
   __name: "QSelect",
   props: /* @__PURE__ */ H({
     id: { default: void 0 },
@@ -1761,14 +1764,14 @@ const Ot = ["role"], Ut = {
     disabled: { type: Boolean },
     required: { type: Boolean },
     loading: { type: Boolean },
-    icons: { default: () => kn },
+    icons: { default: () => $o },
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
     size: { default: void 0 },
-    texts: { default: () => _n },
+    texts: { default: () => wo },
     class: { default: "" }
   }, {
     modelValue: {
@@ -1777,8 +1780,8 @@ const Ot = ["role"], Ut = {
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ H(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
-  setup(t, { emit: n }) {
-    const e = t, o = n, a = X(t, "modelValue"), r = T(!1), d = T(""), i = T(null), c = T(null), q = T(null), k = w(() => g.value === void 0), g = w(
+  setup(t, { emit: o }) {
+    const e = t, n = o, a = X(t, "modelValue"), r = T(!1), d = T(""), i = T(null), c = T(null), q = T(null), k = w(() => g.value === void 0), g = w(
       () => {
         var l;
         return (l = e.items) == null ? void 0 : l.find((h) => h[e.itemValue] === a.value);
@@ -1802,10 +1805,10 @@ const Ot = ["role"], Ut = {
       !((h = q.value) != null && h.contains(l.relatedTarget)) && !((ee = (O = i.value) == null ? void 0 : O.fieldRef) != null && ee.contains(l.relatedTarget)) && C();
     }
     function G() {
-      r.value || (o("before-show"), r.value = !0);
+      r.value || (n("before-show"), r.value = !0);
     }
     function C() {
-      r.value && (o("before-hide"), r.value = !1);
+      r.value && (n("before-hide"), r.value = !1);
     }
     function M() {
       r.value ? C() : G();
@@ -1828,16 +1831,16 @@ const Ot = ["role"], Ut = {
     }
     function Z() {
       var l;
-      e.loading ? (l = q.value) == null || l.focus() : b(), o("show");
+      e.loading ? (l = q.value) == null || l.focus() : y(), n("show");
     }
     function J() {
-      f(), o("hide");
+      f(), n("hide");
     }
     function f() {
       var l, h;
       (h = (l = i.value) == null ? void 0 : l.fieldRef) == null || h.focus();
     }
-    function b() {
+    function y() {
       var l;
       (l = c.value) == null || l.$el.focus();
     }
@@ -1848,11 +1851,11 @@ const Ot = ["role"], Ut = {
     return P(
       () => e.loading,
       (l) => {
-        !l && r.value && U(b);
+        !l && r.value && U(y);
       }
     ), (l, h) => {
       var O, ee;
-      return u(), p(ne, null, [
+      return u(), p(oe, null, [
         A(v(qe), {
           id: e.id,
           label: e.label,
@@ -1872,6 +1875,7 @@ const Ot = ["role"], Ut = {
           ]),
           readonly: e.readonly,
           disabled: e.disabled,
+          "data-loading": e.loading,
           "aria-expanded": r.value,
           "aria-haspopup": "listbox",
           size: e.size,
@@ -1889,7 +1893,7 @@ const Ot = ["role"], Ut = {
               onClick: L
             }, {
               default: _(() => [
-                A(v(te), oe(ie(e.icons.clear)), null, 16)
+                A(v(te), ne(ie(e.icons.clear)), null, 16)
               ]),
               _: 1
             })) : I("", !0),
@@ -1903,17 +1907,17 @@ const Ot = ["role"], Ut = {
               onClick: M
             }, {
               default: _(() => [
-                A(v(te), oe(ie(e.icons.chevron)), null, 16)
+                A(v(te), ne(ie(e.icons.chevron)), null, 16)
               ]),
               _: 1
             }, 8, ["disabled"]))
           ]),
           default: _(() => [
-            k.value ? (u(), p("span", yn, [
-              !e.readonly && !e.disabled ? (u(), p(ne, { key: 0 }, [
+            k.value ? (u(), p("span", go, [
+              !e.readonly && !e.disabled ? (u(), p(oe, { key: 0 }, [
                 ue(N(l.texts.placeholder), 1)
               ], 64)) : I("", !0)
-            ])) : (u(), p("span", bn, N(F.value), 1))
+            ])) : (u(), p("span", yo, N(F.value), 1))
           ]),
           _: 2
         }, [
@@ -1923,7 +1927,7 @@ const Ot = ["role"], Ut = {
               var j, ve;
               return [
                 m(l.$slots, "prepend"),
-                (j = g.value) != null && j.icon ? (u(), V(v(te), oe(se({ key: 0 }, (ve = g.value) == null ? void 0 : ve.icon)), null, 16)) : I("", !0)
+                (j = g.value) != null && j.icon ? (u(), V(v(te), ne(se({ key: 0 }, (ve = g.value) == null ? void 0 : ve.icon)), null, 16)) : I("", !0)
               ];
             }),
             key: "0"
@@ -1935,7 +1939,7 @@ const Ot = ["role"], Ut = {
             ]),
             key: "1"
           } : void 0
-        ]), 1032, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "aria-expanded", "size"]),
+        ]), 1032, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size"]),
         A(v(he), {
           modelValue: r.value,
           "onUpdate:modelValue": h[1] || (h[1] = (j) => r.value = j),
@@ -1952,13 +1956,15 @@ const Ot = ["role"], Ut = {
             Y("div", {
               ref_key: "contentRef",
               ref: q,
+              "data-testid": "combobox-dropdown",
+              "data-key": e.id,
               class: "q-select__body",
               tabindex: "-1",
               onFocusout: le,
               onKeydown: de(R, ["stop"])
             }, [
               m(l.$slots, "body.prepend"),
-              e.loading ? (u(), p("div", gn, [
+              e.loading ? (u(), p("div", ko, [
                 A(v($e), { size: 24 })
               ])) : (u(), V(v(Oe), {
                 key: 1,
@@ -1981,27 +1987,27 @@ const Ot = ["role"], Ut = {
                 _: 3
               }, 8, ["modelValue", "items", "groups", "item-label", "item-value"])),
               m(l.$slots, "body.append")
-            ], 544)
+            ], 40, _o)
           ]),
           _: 3
         }, 8, ["modelValue", "anchor"])
       ], 64);
     };
   }
-}), Cn = B(wn), $n = /* @__PURE__ */ S({
+}), Ao = B(qo), Io = /* @__PURE__ */ S({
   __name: "QThemeProvider",
   props: {
     theme: {}
   },
   setup(t) {
-    const n = t;
-    return (e, o) => (u(), p("div", {
-      class: E(["q-theme-provider", `q-theme--${n.theme}`])
+    const o = t;
+    return (e, n) => (u(), p("div", {
+      class: E(["q-theme-provider", `q-theme--${o.theme}`])
     }, [
       m(e.$slots, "default")
     ], 2));
   }
-}), Qn = B($n), qn = ["innerHTML"], In = { key: 1 }, Ln = /* @__PURE__ */ S({
+}), Fo = B(Io), Lo = ["innerHTML"], So = { key: 1 }, xo = /* @__PURE__ */ S({
   __name: "QTooltip",
   props: /* @__PURE__ */ H({
     id: { default: void 0 },
@@ -2022,62 +2028,62 @@ const Ot = ["role"], Ut = {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const n = t, e = X(t, "modelValue"), o = me(n.id);
-    return (a, r) => (u(), p(ne, null, [
+    const o = t, e = X(t, "modelValue"), n = me(o.id);
+    return (a, r) => (u(), p(oe, null, [
       m(a.$slots, "anchor", {
-        props: { "aria-describedby": v(o) }
+        props: { "aria-describedby": v(n) }
       }),
       A(v(he), {
         "model-value": e.value,
-        anchor: n.anchor,
+        anchor: o.anchor,
         role: "tooltip",
-        id: v(o),
-        appearance: n.appearance,
-        arrow: n.arrow,
-        attach: n.attach,
-        class: E(["q-tooltip", n.class]),
-        delay: n.delay,
-        disabled: n.disabled,
-        placement: n.placement,
-        trigger: n.trigger
+        id: v(n),
+        appearance: o.appearance,
+        arrow: o.arrow,
+        attach: o.attach,
+        class: E(["q-tooltip", o.class]),
+        delay: o.delay,
+        disabled: o.disabled,
+        placement: o.placement,
+        trigger: o.trigger
       }, {
         default: _(() => [
-          n.html ? (u(), p("span", {
+          o.html ? (u(), p("span", {
             key: 0,
-            innerHTML: n.text
-          }, null, 8, qn)) : (u(), p("span", In, N(n.text), 1))
+            innerHTML: o.text
+          }, null, 8, Lo)) : (u(), p("span", So, N(o.text), 1))
         ]),
         _: 1
       }, 8, ["model-value", "anchor", "id", "appearance", "arrow", "attach", "class", "delay", "disabled", "placement", "trigger"])
     ], 64));
   }
-}), An = B(Ln);
+}), Mo = B(xo);
 export {
   fe as QButton,
   vt as QButtonGroup,
-  Vn as QButtonToggle,
-  En as QCombobox,
+  To as QButtonToggle,
+  Do as QCombobox,
   qe as QField,
   te as QIcon,
   It as QIconFont,
   Lt as QIconImg,
   St as QIconSvg,
-  Tn as QInputGroup,
-  Dn as QLineLoader,
+  zo as QInputGroup,
+  Co as QLineLoader,
   Oe as QList,
   At as QListItem,
   Ft as QListItemGroup,
   he as QOverlay,
-  zn as QPopover,
-  Cn as QSelect,
+  Qo as QPopover,
+  Ao as QSelect,
   $e as QSpinnerLoader,
   Jt as QTextField,
-  Qn as QThemeProvider,
-  An as QTooltip,
-  Bn as createFramework,
+  Fo as QThemeProvider,
+  Mo as QTooltip,
+  Eo as createFramework,
   Je as defaultDarkColorScheme,
   Be as defaultLightColorScheme,
-  xn as provideTheme,
+  Vo as provideTheme,
   Ze as useTheme
 };
 //# sourceMappingURL=ui.esm.js.map