@quidgest/ui 0.5.13 → 0.5.15

package/dist/ui.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance as me, computed as y, ref as I, provide as Be, inject as he, watch as z, defineComponent as _, openBlock as r, createElementBlock as f, normalizeStyle as G, createElementVNode as Z, normalizeClass as T, withModifiers as H, createVNode as U, unref as g, createCommentVNode as b, Fragment as Q, createTextVNode as K, toDisplayString as V, renderSlot as x, toRef as P, createBlock as w, withCtx as C, renderList as te, resolveDynamicComponent as ye, h as le, mergeProps as W, normalizeProps as ve, reactive as Le, onBeforeUnmount as xe, onMounted as qe, Teleport as De, Transition as Ie, nextTick as re, createSlots as Ee, guardReactiveProps as Ce, withDirectives as Te } from "vue";
+import { getCurrentInstance as me, computed as y, ref as D, provide as Le, inject as he, watch as A, defineComponent as k, openBlock as r, createElementBlock as f, normalizeStyle as W, createElementVNode as K, normalizeClass as T, withModifiers as H, createVNode as U, unref as g, createCommentVNode as b, Fragment as Q, createTextVNode as X, toDisplayString as V, renderSlot as q, toRef as P, createBlock as S, withCtx as C, renderList as te, resolveDynamicComponent as ye, h as le, normalizeProps as ve, mergeProps as Z, reactive as xe, onBeforeUnmount as qe, onMounted as De, Teleport as Ie, Transition as Ee, nextTick as re, useAttrs as Ce, createSlots as Te, guardReactiveProps as Ve, withDirectives as Ae } from "vue";
 function ne(t) {
   return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
 }
@@ -10,20 +10,20 @@ function ge(t = {}, n = {}) {
   for (const o in t)
     e[o] = t[o];
   for (const o in n) {
-    const a = t[o], s = n[o];
-    if (ie(a) && ie(s)) {
+    const s = t[o], a = n[o];
+    if (ie(s) && ie(a)) {
       e[o] = ge(
-        a,
-        s
+        s,
+        a
       );
       continue;
     }
-    e[o] = s;
+    e[o] = a;
   }
   return e;
 }
 const oe = "q-defaults";
-function Ve() {
+function ze() {
   const t = me();
   if (!t)
     throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
@@ -36,11 +36,11 @@ function Ve() {
     return (o = e.value) == null ? void 0 : o[n];
   });
 }
-function ze(t) {
+function Qe(t) {
   if (ne(t))
     return;
-  const n = be(), e = I(t), o = y(() => ne(e.value) ? n.value : ge(n.value, e.value));
-  Be(oe, o);
+  const n = be(), e = D(t), o = y(() => ne(e.value) ? n.value : ge(n.value, e.value));
+  Le(oe, o);
 }
 function be() {
   const t = he(oe, void 0);
@@ -78,7 +78,7 @@ const ce = {
   onWarning: "#fff",
   onDanger: "#fff",
   onInfo: "#fff"
-}, Qe = {
+}, Oe = {
   primary: "#018BD2",
   primaryLight: "#cce7f6",
   primaryDark: "#006fac",
@@ -116,7 +116,7 @@ function _e(t) {
   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 };
 }
-function Ae(t, n) {
+function Fe(t, n) {
   if (n < 0 || n > 100)
     throw new Error("Amount must be in the range [0, 100]");
   if (n === 0)
@@ -124,7 +124,7 @@ function Ae(t, n) {
   const e = ke(t), o = n / 100;
   return e.l = e.l + o * (100 - e.l), we(e);
 }
-function Oe(t, n) {
+function Me(t, n) {
   if (n < 0 || n > 100)
     throw new Error("Amount must be in the range [0, 100]");
   if (n === 0)
@@ -137,22 +137,22 @@ function ue(t) {
   return `#${n}${e}${o}`;
 }
 function ke(t) {
-  const n = t.r / 255, e = t.g / 255, o = t.b / 255, a = Math.max(n, e, o), s = Math.min(n, e, o);
+  const n = t.r / 255, e = t.g / 255, o = t.b / 255, s = Math.max(n, e, o), a = Math.min(n, e, o);
   let l = 0, c;
-  const i = (a + s) / 2;
-  if (a === s)
+  const i = (s + a) / 2;
+  if (s === a)
     l = c = 0;
   else {
-    const p = a - s;
-    switch (c = i > 0.5 ? p / (2 - a - s) : p / (a + s), a) {
+    const h = s - a;
+    switch (c = i > 0.5 ? h / (2 - s - a) : h / (s + a), s) {
       case n:
-        l = (e - o) / p + (e < o ? 6 : 0);
+        l = (e - o) / h + (e < o ? 6 : 0);
         break;
       case e:
-        l = (o - n) / p + 2;
+        l = (o - n) / h + 2;
         break;
       case o:
-        l = (n - e) / p + 4;
+        l = (n - e) / h + 4;
         break;
     }
     l /= 6;
@@ -165,16 +165,16 @@ function ke(t) {
 }
 function we(t) {
   const n = t.h / 360, e = t.s / 100, o = t.l / 100;
-  let a, s, l;
+  let s, a, l;
   if (e === 0)
-    a = s = l = o;
+    s = a = l = o;
   else {
     const c = o < 0.5 ? o * (1 + e) : o + e - o * e, i = 2 * o - c;
-    a = ee(i, c, n + 1 / 3), s = ee(i, c, n), l = ee(i, c, n - 1 / 3);
+    s = ee(i, c, n + 1 / 3), a = ee(i, c, n), l = ee(i, c, n - 1 / 3);
   }
   return {
-    r: Math.round(a * 255),
-    g: Math.round(s * 255),
+    r: Math.round(s * 255),
+    g: Math.round(a * 255),
     b: Math.round(l * 255)
   };
 }
@@ -182,28 +182,28 @@ function ee(t, n, e) {
   return e < 0 && (e += 1), e > 1 && (e -= 1), e < 1 / 6 ? t + (n - t) * 6 * e : e < 1 / 2 ? n : e < 2 / 3 ? t + (n - t) * (2 / 3 - e) * 6 : t;
 }
 const j = "q-theme";
-function Zt() {
+function tn() {
   const t = he(j);
   if (!t)
     throw new Error("[Quidgest UI] Could not find theme instance");
   return t;
 }
-function Fe(t, n) {
+function Re(t, n) {
   let e = null;
   if (n)
     for (const o of n.themes) {
-      const a = o.mode === "light" ? ce : Qe;
+      const s = o.mode === "light" ? ce : Oe;
       if (o.colors) {
-        let s;
-        for (s in o.colors) {
-          const l = o.colors[s];
-          if (l && !s.startsWith("on") && !s.endsWith("Light") && !s.endsWith("Dark")) {
-            const c = _e(l), i = `${s}Light`, p = `${s}Dark`;
-            i in o.colors || (o.colors[i] = ue(Ae(c, 85))), p in o.colors || (o.colors[p] = ue(Oe(c, 25)));
+        let a;
+        for (a in o.colors) {
+          const l = o.colors[a];
+          if (l && !a.startsWith("on") && !a.endsWith("Light") && !a.endsWith("Dark")) {
+            const c = _e(l), i = `${a}Light`, h = `${a}Dark`;
+            i in o.colors || (o.colors[i] = ue(Fe(c, 85))), h in o.colors || (o.colors[h] = ue(Me(c, 25)));
           }
         }
       }
-      o.colors = Me(a, o.colors), o.name === n.defaultTheme && (e = o);
+      o.colors = He(s, o.colors), o.name === n.defaultTheme && (e = o);
     }
   else {
     const o = "default";
@@ -217,24 +217,24 @@ function Fe(t, n) {
     };
   }
   if (e) {
-    const o = I({
+    const o = D({
       activeTheme: e.name,
       themes: n.themes
     });
-    z(
+    A(
       () => o.value.activeTheme,
-      (a) => {
-        const s = o.value.themes.find((l) => l.name === a);
-        s && Re(s.colors);
+      (s) => {
+        const a = o.value.themes.find((l) => l.name === s);
+        a && Ue(a.colors);
       },
       { immediate: !0 }
     ), t.provide(j, o);
   }
 }
-function Me(t, n = {}) {
+function He(t, n = {}) {
   return { ...t, ...n };
 }
-function Re(t) {
+function Ue(t) {
   let n = document.getElementById(
     j
   );
@@ -242,12 +242,12 @@ function Re(t) {
   let e = `:root {
 `, o;
   for (o in t) {
-    const a = t[o];
-    if (a) {
-      e += `  ${de(o)}: ${a};
+    const s = t[o];
+    if (s) {
+      e += `  ${de(o)}: ${s};
 `;
-      const s = _e(a);
-      e += `  ${de(o)}-rgb: ${s.r} ${s.g} ${s.b};
+      const a = _e(s);
+      e += `  ${de(o)}-rgb: ${a.r} ${a.g} ${a.b};
 `;
     }
   }
@@ -256,20 +256,20 @@ function Re(t) {
 function de(t) {
   return t ? `--q-theme-${t.replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase()}` : "";
 }
-function jt(t = {}) {
+function nn(t = {}) {
   return { install: (e) => {
     const o = t.components || {};
     for (const l in o)
       e.component(l, o[l]);
-    const a = t.directives || {};
-    for (const l in a)
-      e.directive(l, a[l]);
-    const s = t.defaults || {};
-    e.provide(oe, I(s)), Fe(e, t.themes);
+    const s = t.directives || {};
+    for (const l in s)
+      e.directive(l, s[l]);
+    const a = t.defaults || {};
+    e.provide(oe, D(a)), Re(e, t.themes);
   } };
 }
-const He = /* @__PURE__ */ Z("svg", { viewBox: "25 25 50 50" }, [
-  /* @__PURE__ */ Z("circle", {
+const Ne = /* @__PURE__ */ K("svg", { viewBox: "25 25 50 50" }, [
+  /* @__PURE__ */ K("circle", {
     class: "path",
     cx: "50",
     cy: "50",
@@ -279,9 +279,9 @@ const He = /* @__PURE__ */ Z("svg", { viewBox: "25 25 50 50" }, [
     "stroke-width": "5",
     "stroke-miterlimit": "10"
   })
-], -1), Ue = [
-  He
-], Ne = /* @__PURE__ */ _({
+], -1), Ke = [
+  Ne
+], We = /* @__PURE__ */ k({
   __name: "QSpinnerLoader",
   props: {
     size: { default: 48 }
@@ -290,39 +290,39 @@ const He = /* @__PURE__ */ Z("svg", { viewBox: "25 25 50 50" }, [
     const n = t, e = y(() => ({
       "font-size": n.size !== 48 ? `${n.size}px` : void 0
     }));
-    return (o, a) => (r(), f("div", {
+    return (o, s) => (r(), f("div", {
       class: "q-spinner-loader",
-      style: G(e.value)
-    }, Ue, 4));
+      style: W(e.value)
+    }, Ke, 4));
   }
 });
-function Ke(t, n) {
+function Ge(t, n) {
   var e;
   return typeof ((e = t.props) == null ? void 0 : e[n]) < "u";
 }
-function k(t) {
+function w(t) {
   const n = t.setup;
   return n && (t.setup = (e, o) => {
-    const a = Ve();
-    if (ne(a.value))
+    const s = ze();
+    if (ne(s.value))
       return n(e, o);
-    const s = me();
-    if (s === null)
+    const a = me();
+    if (a === null)
       return n(e, o);
     const l = new Proxy(e, {
       get(c, i) {
-        var m;
-        const p = Reflect.get(c, i), $ = (m = a.value) == null ? void 0 : m[i];
-        return i === "class" || i === "style" ? [$, p].filter((q) => q != null) : typeof i == "string" && !Ke(s.vnode, i) ? $ ?? p : p;
+        var p;
+        const h = Reflect.get(c, i), _ = (p = s.value) == null ? void 0 : p[i];
+        return typeof i == "string" && !Ge(a.vnode, i) ? _ ?? h : h;
       }
     });
     return n(l, o);
   }), t;
 }
-const $e = k(Ne), We = ["disabled", "onClick"], Ge = {
+const $e = w(We), Ye = ["disabled", "onClick"], Xe = {
   key: 0,
   class: "q-btn__spinner"
-}, Ye = { class: "q-btn__content" }, Xe = /* @__PURE__ */ _({
+}, Ze = { class: "q-btn__content" }, je = /* @__PURE__ */ k({
   __name: "QButton",
   props: {
     active: { type: Boolean },
@@ -339,10 +339,10 @@ const $e = k(Ne), We = ["disabled", "onClick"], Ge = {
   emits: ["click"],
   setup(t, { emit: n }) {
     const e = t, o = y(() => e.disabled || e.loading);
-    function a(l) {
+    function s(l) {
       o.value || n("click", l);
     }
-    const s = y(() => {
+    const a = y(() => {
       const l = y(() => e.bStyle ? `q-btn--${e.bStyle}` : void 0), c = y(() => e.size !== "regular" ? `q-btn--${e.size}` : void 0);
       return [
         "q-btn",
@@ -359,25 +359,25 @@ const $e = k(Ne), We = ["disabled", "onClick"], Ge = {
     });
     return (l, c) => (r(), f("button", {
       type: "button",
-      class: T(s.value),
+      class: T(a.value),
       disabled: o.value,
-      onClick: H(a, ["stop", "prevent"])
+      onClick: H(s, ["stop", "prevent"])
     }, [
-      l.loading ? (r(), f("div", Ge, [
+      l.loading ? (r(), f("div", Xe, [
         U(g($e), { size: 23 })
       ])) : b("", !0),
-      Z("span", Ye, [
+      K("span", Ze, [
         l.iconOnRight ? (r(), f(Q, { key: 0 }, [
-          K(V(e.label), 1)
+          X(V(e.label), 1)
         ], 64)) : b("", !0),
-        x(l.$slots, "default"),
+        q(l.$slots, "default"),
         l.iconOnRight ? b("", !0) : (r(), f(Q, { key: 1 }, [
-          K(V(e.label), 1)
+          X(V(e.label), 1)
         ], 64))
       ])
-    ], 10, We));
+    ], 10, Ye));
   }
-}), Ze = k(Xe), je = /* @__PURE__ */ _({
+}), Je = w(je), Pe = /* @__PURE__ */ k({
   __name: "QButtonGroup",
   props: {
     bStyle: {},
@@ -387,7 +387,7 @@ const $e = k(Ne), We = ["disabled", "onClick"], Ge = {
   },
   setup(t) {
     const n = t;
-    ze({
+    Qe({
       QButton: {
         bStyle: P(n, "bStyle"),
         disabled: P(n, "disabled"),
@@ -401,13 +401,13 @@ const $e = k(Ne), We = ["disabled", "onClick"], Ge = {
         "q-btn-group--elevated": n.elevated
       }
     ]);
-    return (o, a) => (r(), f("div", {
+    return (o, s) => (r(), f("div", {
       class: T(e.value)
     }, [
-      x(o.$slots, "default")
+      q(o.$slots, "default")
     ], 2));
   }
-}), Je = k(je), Pe = /* @__PURE__ */ _({
+}), et = w(Pe), tt = /* @__PURE__ */ k({
   __name: "QButtonToggle",
   props: {
     modelValue: {},
@@ -419,12 +419,12 @@ const $e = k(Ne), We = ["disabled", "onClick"], Ge = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
-    const e = t, o = I(e.modelValue);
-    z(
+    const e = t, o = D(e.modelValue);
+    A(
       () => e.modelValue,
       (l) => o.value = l
     );
-    const a = y({
+    const s = y({
       get() {
         return o.value;
       },
@@ -432,25 +432,25 @@ const $e = k(Ne), We = ["disabled", "onClick"], Ge = {
         o.value = l, n("update:modelValue", l);
       }
     });
-    function s(l) {
-      a.value === l.key && !e.mandatory ? a.value = void 0 : a.value = l.key;
+    function a(l) {
+      s.value === l.key && !e.mandatory ? s.value = void 0 : s.value = l.key;
     }
-    return (l, c) => (r(), w(g(Je), {
+    return (l, c) => (r(), S(g(et), {
       "b-style": "secondary",
       disabled: e.disabled,
       borderless: e.borderless,
       elevated: e.elevated
     }, {
       default: C(() => [
-        (r(!0), f(Q, null, te(e.options, (i) => (r(), w(g(Ze), {
+        (r(!0), f(Q, null, te(e.options, (i) => (r(), S(g(Je), {
           key: i.key,
           title: i.title,
           label: i.label,
-          active: a.value === i.key,
-          onClick: (p) => s(i)
+          active: s.value === i.key,
+          onClick: (h) => a(i)
         }, {
           default: C(() => [
-            x(l.$slots, i.key)
+            q(l.$slots, i.key)
           ]),
           _: 2
         }, 1032, ["title", "label", "active", "onClick"]))), 128))
@@ -458,7 +458,7 @@ const $e = k(Ne), We = ["disabled", "onClick"], Ge = {
       _: 3
     }, 8, ["disabled", "borderless", "elevated"]));
   }
-}), Jt = k(Pe), et = /* @__PURE__ */ _({
+}), on = w(tt), nt = /* @__PURE__ */ k({
   __name: "QIcon",
   props: {
     icon: {},
@@ -469,22 +469,22 @@ const $e = k(Ne), We = ["disabled", "onClick"], Ge = {
     const n = t, e = y(() => {
       switch (n.type) {
         case "svg":
-          return ut;
+          return ft;
         case "font":
-          return it;
+          return ut;
         case "img":
-          return ct;
+          return dt;
         default:
           return;
       }
     });
-    return (o, a) => n.icon ? (r(), w(ye(e.value), {
+    return (o, s) => n.icon ? (r(), S(ye(e.value), {
       key: 0,
       icon: n.icon,
       size: n.size
     }, null, 8, ["icon", "size"])) : b("", !0);
   }
-}), tt = /* @__PURE__ */ _({
+}), ot = /* @__PURE__ */ k({
   __name: "QIconFont",
   props: {
     icon: {},
@@ -493,16 +493,16 @@ const $e = k(Ne), We = ["disabled", "onClick"], Ge = {
     size: { default: void 0 }
   },
   setup(t) {
-    const n = t, e = y(() => n.variant ? `${n.library}-${n.variant}` : n.library), o = y(() => n.library && n.icon ? `${n.library}-${n.icon}` : n.icon), a = y(() => ({
+    const n = t, e = y(() => n.variant ? `${n.library}-${n.variant}` : n.library), o = y(() => n.library && n.icon ? `${n.library}-${n.icon}` : n.icon), s = y(() => ({
       "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
-    return (s, l) => o.value ? (r(), f("i", {
+    return (a, l) => o.value ? (r(), f("i", {
       key: 0,
       class: T(["q-icon", "q-icon__font", e.value, o.value]),
-      style: G(a.value)
+      style: W(s.value)
     }, null, 6)) : b("", !0);
   }
-}), nt = ["src"], ot = /* @__PURE__ */ _({
+}), st = ["src"], at = /* @__PURE__ */ k({
   __name: "QIconImg",
   props: {
     icon: {},
@@ -512,14 +512,14 @@ const $e = k(Ne), We = ["disabled", "onClick"], Ge = {
     const n = t, e = y(() => ({
       "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
-    return (o, a) => n.icon ? (r(), f("img", {
+    return (o, s) => n.icon ? (r(), f("img", {
       key: 0,
       src: n.icon,
       class: "q-icon",
-      style: G(e.value)
-    }, null, 12, nt)) : b("", !0);
+      style: W(e.value)
+    }, null, 12, st)) : b("", !0);
   }
-}), R = {}, at = _({
+}), R = {}, lt = k({
   name: "InlineSvg",
   emits: ["loaded", "unloaded", "error"],
   inheritAttrs: !1,
@@ -575,7 +575,7 @@ const $e = k(Ne), We = ["disabled", "onClick"], Ge = {
         o !== !1 && o !== null && o !== void 0 && (t[e] = o);
     },
     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)), st(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)), rt(t, this.title)), t);
     },
     /**
      * Get svgElSource
@@ -583,7 +583,7 @@ const $e = k(Ne), We = ["disabled", "onClick"], Ge = {
      */
     async getSource(t) {
       try {
-        R[t] || (R[t] = lt(this.download(t))), this.svgElSource && R[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
+        R[t] || (R[t] = it(this.download(t))), this.svgElSource && R[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
         const n = await R[t];
         this.svgElSource = n, await this.$nextTick(), this.$emit("loaded", this.$el);
       } catch (n) {
@@ -599,10 +599,10 @@ const $e = k(Ne), We = ["disabled", "onClick"], Ge = {
       const n = await fetch(t);
       if (!n.ok)
         throw new Error("Error loading SVG");
-      const e = await n.text(), s = new DOMParser().parseFromString(e, "text/xml").getElementsByTagName("svg")[0];
-      if (!s)
+      const e = await n.text(), a = new DOMParser().parseFromString(e, "text/xml").getElementsByTagName("svg")[0];
+      if (!a)
         throw new Error("Loaded file is not a valid SVG");
-      return s;
+      return a;
     }
   },
   watch: {
@@ -611,7 +611,7 @@ const $e = k(Ne), We = ["disabled", "onClick"], Ge = {
     }
   }
 });
-function st(t, n) {
+function rt(t, n) {
   const e = t.getElementsByTagName("title");
   if (e.length)
     e[0].textContent = n;
@@ -620,7 +620,7 @@ function st(t, n) {
     o.textContent = n, t.insertBefore(o, t.firstChild);
   }
 }
-function lt(t) {
+function it(t) {
   if (t.getIsPending)
     return t;
   let n = !0;
@@ -632,7 +632,7 @@ function lt(t) {
   );
   return e.getIsPending = () => n, e;
 }
-const rt = /* @__PURE__ */ _({
+const ct = /* @__PURE__ */ k({
   __name: "QIconSvg",
   props: {
     icon: {},
@@ -644,23 +644,23 @@ const rt = /* @__PURE__ */ _({
     const e = t, o = y(() => ({
       "font-size": e.size !== void 0 ? `${e.size}px` : void 0
     }));
-    return (a, s) => e.icon ? (r(), w(g(at), {
+    return (s, a) => e.icon ? (r(), S(g(lt), {
       key: 0,
       class: "q-icon q-icon__svg",
       src: e.bundle,
       symbol: e.icon,
-      style: G(o.value),
-      onLoaded: s[0] || (s[0] = (l) => n("loaded", l)),
-      onUnloaded: s[1] || (s[1] = (l) => n("unloaded", l))
+      style: W(o.value),
+      onLoaded: a[0] || (a[0] = (l) => n("loaded", l)),
+      onUnloaded: a[1] || (a[1] = (l) => n("unloaded", l))
     }, null, 8, ["src", "symbol", "style"])) : b("", !0);
   }
-}), N = k(et), it = k(tt), ct = k(ot), ut = k(rt), dt = {
+}), N = w(nt), ut = w(ot), dt = w(at), ft = w(ct), pt = {
   key: 0,
   class: "q-input__prepend"
-}, ft = {
+}, mt = {
   key: 1,
   class: "q-input__append"
-}, pt = /* @__PURE__ */ _({
+}, ht = /* @__PURE__ */ k({
   __name: "QInput",
   props: {
     size: { default: "medium" },
@@ -676,25 +676,25 @@ const rt = /* @__PURE__ */ _({
         { "q-input--readonly": n.readonly, "q-input--disabled": n.disabled }
       ])
     }, [
-      e.$slots.prepend ? (r(), f("div", dt, [
-        x(e.$slots, "prepend")
+      e.$slots.prepend ? (r(), f("div", pt, [
+        q(e.$slots, "prepend")
       ])) : b("", !0),
-      x(e.$slots, "default"),
-      e.$slots.append ? (r(), f("div", ft, [
-        x(e.$slots, "append")
+      q(e.$slots, "default"),
+      e.$slots.append ? (r(), f("div", mt, [
+        q(e.$slots, "append")
       ])) : b("", !0)
     ], 2));
   }
-}), mt = k(pt), ht = (t, n) => {
+}), yt = w(ht), vt = (t, n) => {
   const e = t.__vccOpts || t;
-  for (const [o, a] of n)
-    e[o] = a;
+  for (const [o, s] of n)
+    e[o] = s;
   return e;
-}, yt = {}, vt = { class: "q-line-loader" };
-function gt(t, n) {
-  return r(), f("div", vt);
+}, gt = {}, bt = { class: "q-line-loader" };
+function _t(t, n) {
+  return r(), f("div", bt);
 }
-const bt = /* @__PURE__ */ ht(yt, [["render", gt]]), Pt = k(bt), _t = /* @__PURE__ */ _({
+const kt = /* @__PURE__ */ vt(gt, [["render", _t]]), sn = w(kt), wt = /* @__PURE__ */ k({
   __name: "QList",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -706,103 +706,105 @@ const bt = /* @__PURE__ */ ht(yt, [["render", gt]]), Pt = k(bt), _t = /* @__PURE
   },
   emits: ["update:modelValue"],
   setup(t, { expose: n, emit: e }) {
-    const o = t, a = I(o.modelValue), s = y(() => l.value.length > 1 ? "div" : "ul"), l = y(() => o.groups.length ? o.groups : [{ title: "" }]), c = I(null);
+    const o = t, s = D(o.modelValue), a = y(() => l.value.length > 1 ? "div" : "ul"), l = y(() => o.groups.length ? o.groups : [{ title: "" }]), c = D(null);
     function i(u) {
-      a.value = u, e("update:modelValue", u);
+      s.value = u, e("update:modelValue", u);
     }
-    function p() {
+    function h() {
       let u = 0;
-      a.value && (u = o.items.findIndex((S) => S[o.itemValue] === a.value)), q(u);
+      s.value && (u = o.items.findIndex(($) => $[o.itemValue] === s.value)), I(u);
     }
-    function $(u) {
+    function _(u) {
       switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(u.key) && u.preventDefault(), u.key) {
         case "ArrowDown":
-          m("next");
+          p("next");
           break;
         case "ArrowUp":
-          m("prev");
+          p("prev");
           break;
         case "Home":
-          m("first");
+          p("first");
           break;
         case "End":
-          m("last");
+          p("last");
           break;
       }
     }
-    function m(u) {
+    function p(u) {
       switch (u) {
         case "next":
         case "prev":
-          q(F(u));
+          I(F(u));
           break;
         case "first":
-          q(0);
+          I(0);
           break;
         case "last":
-          q(-1);
+          I(-1);
           break;
       }
     }
-    function q(u) {
+    function I(u) {
       var v;
       (v = E().at(u)) == null || v.focus();
     }
     function E() {
       var v;
       const u = (v = c.value) == null ? void 0 : v.querySelectorAll("li");
-      return u ? Array.from(u).filter((D) => D.tabIndex !== -1) : [];
+      return u ? Array.from(u).filter((x) => x.tabIndex !== -1) : [];
     }
-    function O(u) {
+    function z(u) {
       return u.indexOf(document.activeElement);
     }
     function F(u) {
-      const S = E(), v = O(S);
-      return u === "next" ? v === S.length - 1 ? v : v + 1 : v === 0 ? 0 : v - 1;
+      const $ = E(), v = z($);
+      return u === "next" ? v === $.length - 1 ? v : v + 1 : v === 0 ? 0 : v - 1;
     }
     function M(u) {
-      return u ? o.items.filter((S) => S.group === u) : o.items;
+      return u ? o.items.filter(($) => $.group === u) : o.items;
     }
-    return z(
+    return A(
       () => o.modelValue,
       (u) => {
-        a.value = u;
+        s.value = u;
       }
-    ), n({ focusItem: q }), (u, S) => (r(), w(ye(s.value), {
+    ), n({ focusItem: I }), (u, $) => (r(), S(ye(a.value), {
       ref_key: "listRef",
       ref: c,
       class: T(["q-list", { "q-list--disabled": o.disabled }]),
       role: "listbox",
       tabindex: o.disabled ? -1 : 0,
-      onFocus: p,
-      onKeydown: $
+      onFocus: h,
+      onKeydown: _
     }, {
       default: C(() => [
-        (r(!0), f(Q, null, te(l.value, (v) => (r(), w(g(Et), W({
-          key: v.title
-        }, v), {
+        (r(!0), f(Q, null, te(l.value, (v) => (r(), S(g(Vt), {
+          key: v.id,
+          title: v.title,
+          disabled: v.disabled
+        }, {
           default: C(() => [
-            (r(!0), f(Q, null, te(M(v.id), (D) => (r(), w(g(It), {
-              key: D[o.itemValue],
-              value: D[o.itemValue],
-              label: D[o.itemLabel],
-              icon: D.icon,
-              disabled: o.disabled || D.disabled,
-              selected: a.value === D[o.itemValue],
+            (r(!0), f(Q, null, te(M(v.id), (x) => (r(), S(g(Tt), {
+              key: x[o.itemValue],
+              value: x[o.itemValue],
+              label: x[o.itemLabel],
+              icon: x.icon,
+              disabled: o.disabled || x.disabled,
+              selected: s.value === x[o.itemValue],
               onSelect: i
             }, null, 8, ["value", "label", "icon", "disabled", "selected"]))), 128))
           ]),
           _: 2
-        }, 1040))), 128))
+        }, 1032, ["title", "disabled"]))), 128))
       ]),
       _: 1
     }, 40, ["class", "tabindex"]));
   }
-}), kt = ["tabindex", "aria-label", "aria-selected", "onClick"], wt = {
+}), $t = ["tabindex", "aria-label", "aria-selected", "onClick"], St = { class: "q-list-item__check-container" }, Bt = {
   check: {
     icon: "check"
   }
-}, $t = /* @__PURE__ */ _({
+}, Lt = /* @__PURE__ */ k({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
@@ -810,7 +812,7 @@ const bt = /* @__PURE__ */ ht(yt, [["render", gt]]), Pt = k(bt), _t = /* @__PURE
     icon: { default: void 0 },
     selected: { type: Boolean, default: !1 },
     highlighted: { type: Boolean, default: !1 },
-    icons: { default: () => wt },
+    icons: { default: () => Bt },
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["select"],
@@ -819,10 +821,10 @@ const bt = /* @__PURE__ */ ht(yt, [["render", gt]]), Pt = k(bt), _t = /* @__PURE
     function o() {
       e.disabled || n("select", e.value);
     }
-    function a(s) {
-      s.key === "Tab" && o(), (s.key === "Enter" || s.key === " ") && (s.preventDefault(), s.stopPropagation(), o());
+    function s(a) {
+      a.key === "Tab" && o(), (a.key === "Enter" || a.key === " ") && (a.preventDefault(), a.stopPropagation(), o());
     }
-    return (s, l) => (r(), f("li", {
+    return (a, l) => (r(), f("li", {
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
       class: T([
@@ -835,82 +837,83 @@ const bt = /* @__PURE__ */ ht(yt, [["render", gt]]), Pt = k(bt), _t = /* @__PURE
       ]),
       "aria-label": e.label,
       "aria-selected": e.disabled ? void 0 : e.selected,
-      onKeydown: a,
+      onKeydown: s,
       onClick: H(o, ["stop", "prevent"])
     }, [
-      e.icon ? (r(), w(g(N), ve(W({ key: 0 }, e.icon)), null, 16)) : b("", !0),
-      K(" " + V(e.label) + " ", 1),
-      e.selected ? (r(), w(g(N), W({ key: 1 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : b("", !0)
-    ], 42, kt));
+      e.icon ? (r(), S(g(N), ve(Z({ key: 0 }, e.icon)), null, 16)) : b("", !0),
+      X(" " + V(e.label) + " ", 1),
+      K("div", St, [
+        e.selected ? (r(), S(g(N), Z({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : b("", !0)
+      ])
+    ], 42, $t));
   }
 });
-let St = 0;
-function Bt() {
-  return `uid-${++St}`;
+let xt = 0;
+function qt() {
+  return `uid-${++xt}`;
 }
-const Lt = ["aria-labelledby"], xt = ["id"], qt = /* @__PURE__ */ _({
+const Dt = ["aria-labelledby"], It = ["id"], Et = /* @__PURE__ */ k({
   __name: "QListItemGroup",
   props: {
-    id: { default: () => Bt() },
     title: { default: "" },
     disabled: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const n = t;
-    return (e, o) => n.title ? (r(), f("ul", {
+    const n = t, e = qt();
+    return (o, s) => n.title ? (r(), f("ul", {
       key: 1,
       class: "q-list-item-group",
       role: "group",
-      "aria-labelledby": n.id
+      "aria-labelledby": g(e)
     }, [
       n.title ? (r(), f("li", {
         key: 0,
-        id: n.id,
+        id: g(e),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, V(n.title), 9, xt)) : b("", !0),
-      x(e.$slots, "default")
-    ], 8, Lt)) : x(e.$slots, "default", { key: 0 });
+      }, V(n.title), 9, It)) : b("", !0),
+      q(o.$slots, "default")
+    ], 8, Dt)) : q(o.$slots, "default", { key: 0 });
   }
-}), Dt = k(_t), It = k($t), Et = k(qt);
-function Ct(t, n, e = "right", o) {
-  const a = t.getBoundingClientRect(), s = a.x + window.scrollX, l = a.y + window.scrollY, c = n == null ? void 0 : n.getBoundingClientRect(), i = (c == null ? void 0 : c.width) ?? 0, p = (c == null ? void 0 : c.height) ?? 0;
-  let $ = e;
-  c && !Se(a, c, $) && ($ = Tt(a, c, $));
-  const m = { x: 0, y: 0, placement: $ };
-  switch ($) {
+}), Ct = w(wt), Tt = w(Lt), Vt = w(Et);
+function At(t, n, e = "right", o) {
+  const s = t.getBoundingClientRect(), a = s.x + window.scrollX, l = s.y + window.scrollY, c = n == null ? void 0 : n.getBoundingClientRect(), i = (c == null ? void 0 : c.width) ?? 0, h = (c == null ? void 0 : c.height) ?? 0;
+  let _ = e;
+  c && !Se(s, c, _) && (_ = zt(s, c, _));
+  const p = { x: 0, y: 0, placement: _ };
+  switch (_) {
     case "top":
-      o === "anchor" ? m.x = s : m.x = s + (a.width - i) / 2, m.y = l - p;
+      o === "anchor" ? p.x = a : p.x = a + (s.width - i) / 2, p.y = l - h;
       break;
     case "bottom":
-      o === "anchor" ? m.x = s : m.x = s + (a.width - i) / 2, m.y = l + a.height;
+      o === "anchor" ? p.x = a : p.x = a + (s.width - i) / 2, p.y = l + s.height;
       break;
     case "left":
-      m.x = s - i, m.y = l + a.height / 2 - p / 2;
+      p.x = a - i, p.y = l + s.height / 2 - h / 2;
       break;
     case "right":
-      m.x = s + a.width, m.y = l + a.height / 2 - p / 2;
+      p.x = a + s.width, p.y = l + s.height / 2 - h / 2;
       break;
   }
-  return o === "anchor" && (m.width = a.width), m;
+  return o === "anchor" && s.width >= i && (p.width = s.width), p;
 }
 function Se(t, n, e) {
-  let o = !1, a = !1;
+  let o = !1, s = !1;
   switch (e) {
     case "top":
-      o = pe(t, n), a = t.top > n.height;
+      o = pe(t, n), s = t.top > n.height;
       break;
     case "bottom":
-      o = pe(t, n), a = window.innerHeight - t.top - t.height > n.height;
+      o = pe(t, n), s = window.innerHeight - t.top - t.height > n.height;
       break;
     case "left":
-      o = t.left > n.width, a = fe(t, n);
+      o = t.left > n.width, s = fe(t, n);
       break;
     case "right":
-      o = window.innerWidth - t.left - t.width > n.width, a = fe(t, n);
+      o = window.innerWidth - t.left - t.width > n.width, s = fe(t, n);
       break;
   }
-  return o && a;
+  return o && s;
 }
 function fe(t, n) {
   return window.innerHeight - t.top - t.height / 2 > n.height / 2 && t.top + t.height / 2 > n.height / 2;
@@ -918,25 +921,26 @@ function fe(t, n) {
 function pe(t, n) {
   return window.innerWidth - t.left - t.width / 2 > n.width / 2 && t.left + t.width / 2 > n.width / 2;
 }
-function Tt(t, n, e) {
+function zt(t, n, e) {
   const o = {
     top: ["bottom", "left", "right"],
     bottom: ["top", "left", "right"],
     left: ["right", "top", "bottom"],
     right: ["left", "top", "bottom"]
   };
-  for (const a of o[e])
-    if (Se(t, n, a))
-      return a;
+  for (const s of o[e])
+    if (Se(t, n, s))
+      return s;
   return e;
 }
-function X(t) {
+function Y(t) {
   return typeof t == "string" ? document.querySelector(t) : t && "$el" in t ? t.$el : t;
 }
-const Vt = {
+const Qt = {
   key: 0,
   class: "q-overlay__arrow"
-}, zt = /* @__PURE__ */ _({
+}, Ot = /* @__PURE__ */ k({
+  inheritAttrs: !1,
   __name: "QOverlay",
   props: {
     modelValue: { type: Boolean },
@@ -958,23 +962,23 @@ const Vt = {
   setup(t, { emit: n }) {
     const e = t, o = y(() => [
       "q-overlay",
-      `q-overlay--${a.placement}`,
+      `q-overlay--${s.placement}`,
       { "q-overlay--inverted": e.appearance === "inverted" },
       ...e.contentClasses
-    ]), a = Le({
+    ]), s = xe({
       visible: e.modelValue,
       top: 0,
       left: 0,
       width: 0,
       placement: e.placement
-    }), s = y(() => a.visible && !e.disabled);
-    z(
+    }), a = y(() => s.visible && !e.disabled);
+    A(
       () => e.modelValue,
-      () => a.visible = e.modelValue
+      () => s.visible = e.modelValue
     );
     const l = y(() => {
-      let h = 0, B = 0;
-      switch (a.placement) {
+      let m = 0, B = 0;
+      switch (s.placement) {
         case "top":
           B = -(e.offset || 0);
           break;
@@ -982,56 +986,56 @@ const Vt = {
           B = e.offset || 0;
           break;
         case "left":
-          h = -(e.offset || 0);
+          m = -(e.offset || 0);
           break;
         case "right":
-          h = e.offset || 0;
+          m = e.offset || 0;
           break;
       }
-      const A = {
-        top: `${a.top + B}px`,
-        left: `${a.left + h}px`
+      const O = {
+        top: `${s.top + B}px`,
+        left: `${s.left + m}px`
       };
-      return a.width !== void 0 && ["top", "bottom"].includes(a.placement) && (A.width = `${a.width}px`), A;
-    }), c = I(null);
+      return s.width !== void 0 && ["top", "bottom"].includes(s.placement) && (O.width = `${s.width}px`), O;
+    }), c = D(null);
     function i() {
-      const h = X(e.anchor);
-      if (h) {
-        const B = Ct(h, c.value, e.placement, e.width);
-        a.left = B.x, a.top = B.y, a.width = B.width, a.placement = B.placement;
+      const m = Y(e.anchor);
+      if (m) {
+        const B = At(m, c.value, e.placement, e.width);
+        s.left = B.x, s.top = B.y, s.width = B.width, s.placement = B.placement;
       }
     }
-    z([() => s.value, () => e.placement], i);
-    let p;
-    function $() {
-      const h = e.trigger === "hover" ? e.delay : 0;
-      p || (p = window.setTimeout(() => a.visible = !0, h));
+    A([() => a.value, () => e.placement], i);
+    let h;
+    function _() {
+      const m = e.trigger === "hover" ? e.delay : 0;
+      h || (h = window.setTimeout(() => s.visible = !0, m));
     }
-    function m() {
-      clearTimeout(p), p = void 0, a.visible = !1;
+    function p() {
+      clearTimeout(h), h = void 0, s.visible = !1;
     }
-    function q() {
-      s.value ? m() : $();
+    function I() {
+      a.value ? p() : _();
     }
     let E;
-    function O() {
+    function z() {
       re(() => {
-        const h = X(e.anchor);
-        if (h)
+        const m = Y(e.anchor);
+        if (m)
           switch (e.trigger) {
             case "click":
-              h.addEventListener("click", q);
+              m.addEventListener("click", I);
               break;
             case "hover":
-              h.addEventListener("mouseenter", $), h.addEventListener("mouseleave", m);
+              m.addEventListener("mouseenter", _), m.addEventListener("mouseleave", p);
               break;
           }
       });
     }
     function F() {
       re(() => {
-        const h = X(e.anchor);
-        h && (window.addEventListener("scroll", i), window.addEventListener("resize", i), E = new MutationObserver(i), E.observe(h, {
+        const m = Y(e.anchor);
+        m && (window.addEventListener("scroll", i), window.addEventListener("resize", i), E = new MutationObserver(i), E.observe(m, {
           attributes: !1,
           childList: !0,
           characterData: !0,
@@ -1043,51 +1047,51 @@ const Vt = {
       window.removeEventListener("scroll", i), window.removeEventListener("resize", i), E == null || E.disconnect();
     }
     let u;
-    function S() {
-      X(e.anchor) ? (i(), u = window.setTimeout(S, 100)) : m();
+    function $() {
+      Y(e.anchor) ? (i(), u = window.setTimeout($, 100)) : p();
     }
     function v() {
-      F(), e.spy && S();
+      F(), e.spy && $();
     }
-    function D() {
+    function x() {
       M(), e.spy && (clearTimeout(u), u = void 0);
     }
-    return xe(D), qe(i), z(
+    return qe(x), De(i), A(
       () => e.disabled,
-      (h) => {
-        h || O();
+      (m) => {
+        m || z();
       },
       { immediate: !0 }
-    ), z(
-      () => s.value,
-      (h) => {
-        h ? v() : D();
+    ), A(
+      () => a.value,
+      (m) => {
+        m ? v() : x();
       },
       { immediate: !0 }
-    ), (h, B) => (r(), f(Q, null, [
-      x(h.$slots, "trigger", { open: s.value }),
-      (r(), w(De, {
+    ), (m, B) => (r(), f(Q, null, [
+      q(m.$slots, "trigger", { open: a.value }),
+      (r(), S(Ie, {
         to: e.attach
       }, [
-        U(Ie, {
+        U(Ee, {
           name: e.transition,
           appear: "",
-          onEnter: B[0] || (B[0] = (A) => n("enter")),
-          onLeave: B[1] || (B[1] = (A) => n("leave"))
+          onEnter: B[0] || (B[0] = (O) => n("enter")),
+          onLeave: B[1] || (B[1] = (O) => n("leave"))
         }, {
           default: C(() => [
-            s.value ? (r(), f("div", {
+            a.value ? (r(), f("div", {
               key: 0,
               class: T(o.value),
-              style: G(l.value)
+              style: W(l.value)
             }, [
-              Z("div", {
+              K("div", {
                 class: T(["q-overlay__content"]),
                 ref_key: "overlay",
                 ref: c
               }, [
-                e.arrow ? (r(), f("div", Vt)) : b("", !0),
-                x(h.$slots, "default")
+                e.arrow ? (r(), f("div", Qt)) : b("", !0),
+                q(m.$slots, "default")
               ], 512)
             ], 6)) : b("", !0)
           ]),
@@ -1096,13 +1100,14 @@ const Vt = {
       ], 8, ["to"]))
     ], 64));
   }
-}), ae = k(zt), Qt = {
+}), se = w(Ot), Ft = {
   key: 0,
   class: "q-popover__header"
-}, At = {
+}, Mt = {
   key: 1,
   class: "q-popover__body"
-}, Ot = ["innerHTML"], Ft = { key: 1 }, Mt = /* @__PURE__ */ _({
+}, Rt = ["innerHTML"], Ht = { key: 1 }, Ut = /* @__PURE__ */ k({
+  inheritAttrs: !1,
   __name: "QPopover",
   props: {
     modelValue: { type: Boolean },
@@ -1118,7 +1123,7 @@ const Vt = {
   },
   setup(t) {
     const n = t;
-    return (e, o) => (r(), w(g(ae), {
+    return (e, o) => (r(), S(g(se), {
       "model-value": n.modelValue,
       trigger: "click",
       anchor: n.anchor,
@@ -1130,22 +1135,27 @@ const Vt = {
       spy: n.spy
     }, {
       default: C(() => [
-        n.title || e.$slots.header ? (r(), f("h3", Qt, [
-          K(V(n.title) + " ", 1),
-          x(e.$slots, "header")
+        n.title || e.$slots.header ? (r(), f("h3", Ft, [
+          X(V(n.title) + " ", 1),
+          q(e.$slots, "header")
         ])) : b("", !0),
-        n.text || e.$slots.body ? (r(), f("div", At, [
+        n.text || e.$slots.body ? (r(), f("div", Mt, [
           n.html ? (r(), f("span", {
             key: 0,
             innerHTML: n.text
-          }, null, 8, Ot)) : (r(), f("span", Ft, V(n.text), 1)),
-          x(e.$slots, "body")
+          }, null, 8, Rt)) : (r(), f("span", Ht, V(n.text), 1)),
+          q(e.$slots, "body")
         ])) : b("", !0)
       ]),
       _: 3
     }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement", "spy"]));
   }
-}), en = k(Mt), Rt = {
+}), an = w(Ut);
+function Nt() {
+  const t = Ce(), n = {};
+  return typeof t.class == "string" ? n.class = t.class.split(" ") : Array.isArray(t.class) ? n.class = t.class : n.class = [], n;
+}
+const Kt = {
   mounted(t, n) {
     t.clickOutsideEvent = function(e) {
       const o = e.target;
@@ -1155,19 +1165,23 @@ const Vt = {
   unmounted(t) {
     document.removeEventListener("click", t.clickOutsideEvent);
   }
-}, Ht = {
+}, Wt = {
+  key: 0,
+  class: "q-select__value"
+}, Gt = {
   key: 1,
   class: "q-select__placeholder"
-}, Ut = {
+}, Yt = {
   placeholder: "Choose..."
-}, Nt = {
+}, Xt = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, Kt = /* @__PURE__ */ _({
+}, Zt = /* @__PURE__ */ k({
+  inheritAttrs: !1,
   __name: "QSelect",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -1175,87 +1189,87 @@ const Vt = {
     readonly: { type: Boolean },
     disabled: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },
-    icons: { default: () => Nt },
+    icons: { default: () => Xt },
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     size: { default: "medium" },
-    texts: { default: () => Ut }
+    texts: { default: () => Yt }
   },
   emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
   setup(t, { emit: n }) {
-    const e = t, o = I(e.modelValue), a = I(!1), s = I(""), l = I(null), c = I(null), i = I(null), p = y(
+    const e = t, o = Nt(), s = D(e.modelValue), a = D(!1), l = D(""), c = D(null), i = D(null), h = D(null), _ = y(
       () => {
         var d;
-        return (d = e.items) == null ? void 0 : d.find((L) => L[e.itemValue] === o.value);
+        return (d = e.items) == null ? void 0 : d.find((L) => L[e.itemValue] === s.value);
       }
-    ), $ = y(
-      () => p.value ? p.value[e.itemLabel] : ""
-    ), m = y(
+    ), p = y(
+      () => _.value ? _.value[e.itemLabel] : ""
+    ), I = y(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
-    function q(d) {
-      o.value = d, n("update:modelValue", d), u();
+    function E(d) {
+      s.value = d, n("update:modelValue", d), $();
     }
-    function E() {
-      m.value && q(void 0);
+    function z() {
+      I.value && E(void 0);
     }
-    function O() {
-      e.readonly || e.disabled || (a.value ? u() : M());
+    function F() {
+      e.readonly || e.disabled || (a.value ? $() : u());
     }
-    function F(d) {
+    function M(d) {
       var L;
-      (L = l.value) != null && L.$el.contains(d.target) || u();
+      (L = c.value) != null && L.$el.contains(d.target) || $();
     }
-    function M() {
+    function u() {
       a.value || (n("before-show"), a.value = !0);
     }
-    function u() {
+    function $() {
       a.value && (n("before-hide"), a.value = !1);
     }
-    let S;
-    function v(d) {
+    let v;
+    function x(d) {
       if (!(!d.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(S), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(d.key) && (d.preventDefault(), d.stopPropagation()), ["Enter", " "].includes(d.key) && (a.value = !0), ["Escape", "Tab"].includes(d.key) && (a.value ? a.value = !1 : e.clearable && d.key === "Escape" && E()), d.key === "Delete" && e.clearable && E(), /^[a-z]$/i.test(d.key)) {
-          s.value += d.key.toLowerCase();
+        if (window.clearTimeout(v), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(d.key) && (d.preventDefault(), d.stopPropagation()), ["Enter", " "].includes(d.key) && (a.value = !0), ["Escape", "Tab"].includes(d.key) && (a.value ? a.value = !1 : e.clearable && d.key === "Escape" && z()), d.key === "Delete" && e.clearable && z(), /^[a-z]$/i.test(d.key)) {
+          l.value += d.key.toLowerCase();
           for (let L = 0; L < e.items.length; L++)
-            if (e.items[L][e.itemLabel].toLowerCase().startsWith(s.value)) {
-              A(L);
+            if (e.items[L][e.itemLabel].toLowerCase().startsWith(l.value)) {
+              Be(L);
               break;
             }
         }
-        S = window.setTimeout(function() {
-          s.value = "";
+        v = window.setTimeout(function() {
+          l.value = "";
         }, 500);
       }
     }
-    function D() {
+    function m() {
       var d;
-      (d = c.value) == null || d.$el.focus(), n("show");
-    }
-    function h() {
-      B(), n("hide");
+      (d = i.value) == null || d.$el.focus(), n("show");
     }
     function B() {
+      O(), n("hide");
+    }
+    function O() {
       var d;
-      (d = l.value) == null || d.$el.focus();
+      (d = c.value) == null || d.$el.focus();
     }
-    function A(d) {
+    function Be(d) {
       var L;
-      (L = c.value) == null || L.focusItem(d);
+      (L = i.value) == null || L.focusItem(d);
     }
-    return z(
+    return A(
       () => e.modelValue,
       (d) => {
-        o.value = d;
+        s.value = d;
       }
     ), (d, L) => {
-      var J, se;
+      var J, ae;
       return r(), f(Q, null, [
-        U(g(mt), {
+        U(g(yt), {
           ref_key: "inputRef",
-          ref: l,
+          ref: c,
           role: "combobox",
           tabindex: "0",
           class: T([
@@ -1264,82 +1278,81 @@ const Vt = {
               "q-select--readonly": e.readonly,
               "q-select--disabled": e.disabled,
               "q-select--expanded": a.value
-            }
+            },
+            ...g(o).class
           ]),
           readonly: "",
           disabled: e.disabled,
           "aria-expanded": a.value,
           "aria-haspopup": "listbox",
           size: e.size,
-          onClick: O,
-          onKeydown: H(v, ["stop"])
-        }, Ee({
+          onClick: F,
+          onKeydown: H(x, ["stop"])
+        }, Te({
           append: C(() => [
-            m.value && o.value ? (r(), w(g(N), W({ key: 0 }, e.icons.clear, {
+            I.value && s.value ? (r(), S(g(N), Z({ key: 0 }, e.icons.clear, {
               class: "q-select__clear",
-              onClick: H(E, ["stop", "prevent"])
+              onClick: H(z, ["stop", "prevent"])
             }), null, 16, ["onClick"])) : b("", !0),
-            !e.readonly && !e.disabled ? (r(), w(g(N), W({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16)) : b("", !0)
+            !e.readonly && !e.disabled ? (r(), S(g(N), Z({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16)) : b("", !0)
           ]),
           default: C(() => [
-            o.value ? (r(), f(Q, { key: 0 }, [
-              K(V($.value), 1)
-            ], 64)) : (r(), f("span", Ht, V(d.texts.placeholder), 1))
+            s.value ? (r(), f("span", Wt, V(p.value), 1)) : (r(), f("span", Gt, V(d.texts.placeholder), 1))
           ]),
           _: 2
         }, [
-          (J = p.value) != null && J.icon ? {
+          (J = _.value) != null && J.icon ? {
             name: "prepend",
             fn: C(() => {
-              var Y;
+              var G;
               return [
-                U(g(N), ve(Ce((Y = p.value) == null ? void 0 : Y.icon)), null, 16)
+                U(g(N), ve(Ve((G = _.value) == null ? void 0 : G.icon)), null, 16)
               ];
             }),
             key: "0"
           } : void 0
         ]), 1032, ["class", "disabled", "aria-expanded", "size", "onKeydown"]),
-        U(g(ae), {
+        U(g(se), {
           "model-value": a.value,
           spy: "",
           trigger: "manual",
           placement: "bottom",
           width: "anchor",
           offset: 2,
-          anchor: (se = l.value) == null ? void 0 : se.$el,
-          onEnter: D,
-          onLeave: h
+          anchor: (ae = c.value) == null ? void 0 : ae.$el,
+          onEnter: m,
+          onLeave: B
         }, {
           default: C(() => [
-            Te((r(), f("div", {
+            Ae((r(), f("div", {
               ref_key: "contentRef",
-              ref: i,
+              ref: h,
               class: "q-select__body"
             }, [
-              x(d.$slots, "body.prepend"),
-              e.loading ? (r(), w(g($e), {
+              q(d.$slots, "body.prepend"),
+              e.loading ? (r(), S(g($e), {
                 key: 0,
                 class: "q-select__loader",
                 size: 24
-              })) : (r(), w(g(Dt), {
+              })) : (r(), S(g(Ct), {
                 key: 1,
                 ref_key: "listRef",
-                ref: c,
+                ref: i,
                 class: "q-select__items",
-                modelValue: o.value,
+                modelValue: s.value,
                 "onUpdate:modelValue": [
-                  L[0] || (L[0] = (Y) => o.value = Y),
-                  q
+                  L[0] || (L[0] = (G) => s.value = G),
+                  E
                 ],
                 items: e.items,
                 groups: d.groups,
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue,
-                onKeydown: H(v, ["stop"])
+                onKeydown: H(x, ["stop"])
               }, null, 8, ["modelValue", "items", "groups", "item-label", "item-value", "onKeydown"])),
-              x(d.$slots, "body.append")
+              q(d.$slots, "body.append")
             ])), [
-              [g(Rt), F]
+              [g(Kt), M]
             ])
           ]),
           _: 3
@@ -1347,7 +1360,8 @@ const Vt = {
       ], 64);
     };
   }
-}), tn = k(Kt), Wt = ["innerHTML"], Gt = { key: 1 }, Yt = /* @__PURE__ */ _({
+}), ln = w(Zt), jt = ["innerHTML"], Jt = { key: 1 }, Pt = /* @__PURE__ */ k({
+  inheritAttrs: !1,
   __name: "QTooltip",
   props: {
     modelValue: { type: Boolean },
@@ -1364,7 +1378,7 @@ const Vt = {
   },
   setup(t) {
     const n = t;
-    return (e, o) => (r(), w(g(ae), {
+    return (e, o) => (r(), S(g(se), {
       "model-value": n.modelValue,
       anchor: n.anchor,
       appearance: n.appearance,
@@ -1380,34 +1394,34 @@ const Vt = {
         n.html ? (r(), f("span", {
           key: 0,
           innerHTML: n.text
-        }, null, 8, Wt)) : (r(), f("span", Gt, V(n.text), 1))
+        }, null, 8, jt)) : (r(), f("span", Jt, V(n.text), 1))
       ]),
       _: 1
     }, 8, ["model-value", "anchor", "appearance", "arrow", "attach", "delay", "disabled", "placement", "trigger"]));
   }
-}), nn = k(Yt);
+}), rn = w(Pt);
 export {
-  Ze as QButton,
-  Je as QButtonGroup,
-  Jt as QButtonToggle,
+  Je as QButton,
+  et as QButtonGroup,
+  on as QButtonToggle,
   N as QIcon,
-  it as QIconFont,
-  ct as QIconImg,
-  ut as QIconSvg,
-  mt as QInput,
-  Pt as QLineLoader,
-  Dt as QList,
-  It as QListItem,
-  Et as QListItemGroup,
-  ae as QOverlay,
-  en as QPopover,
-  tn as QSelect,
+  ut as QIconFont,
+  dt as QIconImg,
+  ft as QIconSvg,
+  yt as QInput,
+  sn as QLineLoader,
+  Ct as QList,
+  Tt as QListItem,
+  Vt as QListItemGroup,
+  se as QOverlay,
+  an as QPopover,
+  ln as QSelect,
   $e as QSpinnerLoader,
-  nn as QTooltip,
-  Rt as clickOutside,
-  jt as createFramework,
-  Qe as defaultDarkColorScheme,
+  rn as QTooltip,
+  Kt as clickOutside,
+  nn as createFramework,
+  Oe as defaultDarkColorScheme,
   ce as defaultLightColorScheme,
-  Zt as useTheme
+  tn as useTheme
 };
 //# sourceMappingURL=ui.esm.js.map