@quidgest/ui 0.6.0 → 0.6.2

package/dist/ui.esm.js

@@ -1,8 +1,8 @@
-import { getCurrentInstance as ve, computed as y, ref as x, provide as De, inject as be, watch as I, defineComponent as w, openBlock as r, createElementBlock as u, normalizeStyle as W, createElementVNode as z, normalizeClass as Q, withModifiers as U, createVNode as Z, unref as b, createCommentVNode as g, Fragment as O, createTextVNode as j, toDisplayString as C, renderSlot as q, toRef as te, createBlock as k, withCtx as D, renderList as oe, mergeProps as K, resolveDynamicComponent as ge, h as de, normalizeProps as _e, reactive as Ee, onBeforeUnmount as Ie, onMounted as Ce, Teleport as Ve, Transition as ze, nextTick as ce, useAttrs as Ae, createSlots as Qe, guardReactiveProps as Oe, withDirectives as ke, vModelText as Fe } from "vue";
-function le(t) {
+import { getCurrentInstance as be, computed as v, ref as B, provide as De, inject as ge, watch as I, defineComponent as w, openBlock as r, createElementBlock as f, normalizeStyle as Y, createElementVNode as V, normalizeClass as Q, withModifiers as K, createVNode as J, unref as b, createCommentVNode as g, Fragment as F, createTextVNode as P, toDisplayString as C, renderSlot as q, toRef as oe, createBlock as k, withCtx as D, renderList as le, mergeProps as G, resolveDynamicComponent as _e, h as ue, normalizeProps as ke, reactive as Ee, onBeforeUnmount as Ie, onMounted as Ve, Teleport as Ce, Transition as ze, nextTick as se, useAttrs as Ae, createSlots as Qe, guardReactiveProps as Fe, withDirectives as Oe, vModelText as Re } from "vue";
+function re(t) {
   return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
 }
-function ue(t) {
+function fe(t) {
   return t !== null && typeof t == "object" && !Array.isArray(t);
 }
 function we(t = {}, n = {}) {
@@ -10,45 +10,45 @@ function we(t = {}, n = {}) {
   for (const o in t)
     e[o] = t[o];
   for (const o in n) {
-    const l = t[o], a = n[o];
-    if (ue(l) && ue(a)) {
+    const a = t[o], l = n[o];
+    if (fe(a) && fe(l)) {
       e[o] = we(
-        l,
-        a
+        a,
+        l
       );
       continue;
     }
-    e[o] = a;
+    e[o] = l;
   }
   return e;
 }
-const ae = "q-defaults";
-function Re() {
-  const t = ve();
+const ie = "q-defaults";
+function Me() {
+  const t = be();
   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)
     throw new Error("[Quidgest UI] Could not determine component name");
   const e = $e();
-  return y(() => {
+  return v(() => {
     var o;
     return (o = e.value) == null ? void 0 : o[n];
   });
 }
-function Me(t) {
-  if (le(t))
+function He(t) {
+  if (re(t))
     return;
-  const n = $e(), e = x(t), o = y(() => le(e.value) ? n.value : we(n.value, e.value));
-  De(ae, o);
+  const n = $e(), e = B(t), o = v(() => re(e.value) ? n.value : we(n.value, e.value));
+  De(ie, o);
 }
 function $e() {
-  const t = be(ae, void 0);
+  const t = ge(ie, void 0);
   if (!t)
     throw new Error("[Quidgest UI] Could not find defaults instance");
   return t;
 }
-const fe = {
+const pe = {
   primary: "#00a1f8",
   primaryLight: "#e5f6ff",
   primaryDark: "#0079ba",
@@ -78,7 +78,7 @@ const fe = {
   onWarning: "#fff",
   onDanger: "#fff",
   onInfo: "#fff"
-}, He = {
+}, Ue = {
   primary: "#018BD2",
   primaryLight: "#cce7f6",
   primaryDark: "#006fac",
@@ -116,43 +116,43 @@ function Se(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 Ue(t, n) {
+function Ne(t, n) {
   if (n < 0 || n > 100)
     throw new Error("Amount must be in the range [0, 100]");
   if (n === 0)
     return t;
   const e = qe(t), o = n / 100;
-  return e.l = e.l + o * (100 - e.l), Be(e);
+  return e.l = e.l + o * (100 - e.l), xe(e);
 }
-function Ne(t, n) {
+function Ke(t, n) {
   if (n < 0 || n > 100)
     throw new Error("Amount must be in the range [0, 100]");
   if (n === 0)
     return t;
   const e = qe(t), o = n / 100;
-  return e.l = e.l - o * e.l, Be(e);
+  return e.l = e.l - o * e.l, xe(e);
 }
-function pe(t) {
+function me(t) {
   const n = t.r.toString(16).padStart(2, "0"), e = t.g.toString(16).padStart(2, "0"), o = t.b.toString(16).padStart(2, "0");
   return `#${n}${e}${o}`;
 }
 function qe(t) {
-  const n = t.r / 255, e = t.g / 255, o = t.b / 255, l = Math.max(n, e, o), a = Math.min(n, e, o);
+  const n = t.r / 255, e = t.g / 255, o = t.b / 255, a = Math.max(n, e, o), l = Math.min(n, e, o);
   let s = 0, d;
-  const i = (l + a) / 2;
-  if (l === a)
+  const i = (a + l) / 2;
+  if (a === l)
     s = d = 0;
   else {
-    const h = l - a;
-    switch (d = i > 0.5 ? h / (2 - l - a) : h / (l + a), l) {
+    const p = a - l;
+    switch (d = i > 0.5 ? p / (2 - a - l) : p / (a + l), a) {
       case n:
-        s = (e - o) / h + (e < o ? 6 : 0);
+        s = (e - o) / p + (e < o ? 6 : 0);
         break;
       case e:
-        s = (o - n) / h + 2;
+        s = (o - n) / p + 2;
         break;
       case o:
-        s = (n - e) / h + 4;
+        s = (n - e) / p + 4;
         break;
     }
     s /= 6;
@@ -163,113 +163,113 @@ function qe(t) {
     l: Math.round(i * 100)
   };
 }
-function Be(t) {
+function xe(t) {
   const n = t.h / 360, e = t.s / 100, o = t.l / 100;
-  let l, a, s;
+  let a, l, s;
   if (e === 0)
-    l = a = s = o;
+    a = l = s = o;
   else {
     const d = o < 0.5 ? o * (1 + e) : o + e - o * e, i = 2 * o - d;
-    l = ne(i, d, n + 1 / 3), a = ne(i, d, n), s = ne(i, d, n - 1 / 3);
+    a = ae(i, d, n + 1 / 3), l = ae(i, d, n), s = ae(i, d, n - 1 / 3);
   }
   return {
-    r: Math.round(l * 255),
-    g: Math.round(a * 255),
+    r: Math.round(a * 255),
+    g: Math.round(l * 255),
     b: Math.round(s * 255)
   };
 }
-function ne(t, n, e) {
+function ae(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 cn() {
-  const t = be(J);
+const ee = "q-theme";
+function un() {
+  const t = ge(ee);
   if (!t)
     throw new Error("[Quidgest UI] Could not find theme instance");
   return t;
 }
-function Ke(t, n) {
+function We(t, n) {
   let e = null;
   if (n)
     for (const o of n.themes) {
-      const l = o.mode === "light" ? fe : He;
+      const a = o.mode === "light" ? pe : Ue;
       if (o.colors) {
-        let a;
-        for (a in o.colors) {
-          const s = o.colors[a];
-          if (s && !a.startsWith("on") && !a.endsWith("Light") && !a.endsWith("Dark")) {
-            const d = Se(s), i = `${a}Light`, h = `${a}Dark`;
-            i in o.colors || (o.colors[i] = pe(Ue(d, 85))), h in o.colors || (o.colors[h] = pe(Ne(d, 25)));
+        let l;
+        for (l in o.colors) {
+          const s = o.colors[l];
+          if (s && !l.startsWith("on") && !l.endsWith("Light") && !l.endsWith("Dark")) {
+            const d = Se(s), i = `${l}Light`, p = `${l}Dark`;
+            i in o.colors || (o.colors[i] = me(Ne(d, 85))), p in o.colors || (o.colors[p] = me(Ke(d, 25)));
           }
         }
       }
-      o.colors = We(l, o.colors), o.name === n.defaultTheme && (e = o);
+      o.colors = Ge(a, o.colors), o.name === n.defaultTheme && (e = o);
     }
   else {
     const o = "default";
     e = {
       name: o,
       mode: "light",
-      colors: fe
+      colors: pe
     }, n = {
       defaultTheme: o,
       themes: [e]
     };
   }
   if (e) {
-    const o = x({
+    const o = B({
       activeTheme: e.name,
       themes: n.themes
     });
     I(
       () => o.value.activeTheme,
-      (l) => {
-        const a = o.value.themes.find((s) => s.name === l);
-        a && Ge(a.colors);
+      (a) => {
+        const l = o.value.themes.find((s) => s.name === a);
+        l && Ye(l.colors);
       },
       { immediate: !0 }
-    ), t.provide(J, o);
+    ), t.provide(ee, o);
   }
 }
-function We(t, n = {}) {
+function Ge(t, n = {}) {
   return { ...t, ...n };
 }
-function Ge(t) {
+function Ye(t) {
   let n = document.getElementById(
-    J
+    ee
   );
-  n || (n = document.createElement("style"), n.type = "text/css", n.id = J, document.head.appendChild(n));
+  n || (n = document.createElement("style"), n.type = "text/css", n.id = ee, document.head.appendChild(n));
   let e = `:root {
 `, o;
   for (o in t) {
-    const l = t[o];
-    if (l) {
-      e += `  ${me(o)}: ${l};
+    const a = t[o];
+    if (a) {
+      e += `  ${he(o)}: ${a};
 `;
-      const a = Se(l);
-      e += `  ${me(o)}-rgb: ${a.r} ${a.g} ${a.b};
+      const l = Se(a);
+      e += `  ${he(o)}-rgb: ${l.r} ${l.g} ${l.b};
 `;
     }
   }
   e += "}", n.textContent = e;
 }
-function me(t) {
+function he(t) {
   return t ? `--q-theme-${t.replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase()}` : "";
 }
-function un(t = {}) {
+function fn(t = {}) {
   return { install: (e) => {
     const o = t.components || {};
     for (const s in o)
       e.component(s, o[s]);
-    const l = t.directives || {};
-    for (const s in l)
-      e.directive(s, l[s]);
-    const a = t.defaults || {};
-    e.provide(ae, x(a)), Ke(e, t.themes);
+    const a = t.directives || {};
+    for (const s in a)
+      e.directive(s, a[s]);
+    const l = t.defaults || {};
+    e.provide(ie, B(l)), We(e, t.themes);
   } };
 }
-const Ye = /* @__PURE__ */ z("svg", { viewBox: "25 25 50 50" }, [
-  /* @__PURE__ */ z("circle", {
+const Xe = /* @__PURE__ */ V("svg", { viewBox: "25 25 50 50" }, [
+  /* @__PURE__ */ V("circle", {
     class: "path",
     cx: "50",
     cy: "50",
@@ -279,50 +279,50 @@ const Ye = /* @__PURE__ */ z("svg", { viewBox: "25 25 50 50" }, [
     "stroke-width": "5",
     "stroke-miterlimit": "10"
   })
-], -1), Xe = [
-  Ye
-], Ze = /* @__PURE__ */ w({
+], -1), Ze = [
+  Xe
+], je = /* @__PURE__ */ w({
   __name: "QSpinnerLoader",
   props: {
     size: { default: 48 }
   },
   setup(t) {
-    const n = t, e = y(() => ({
+    const n = t, e = v(() => ({
       "font-size": n.size !== 48 ? `${n.size}px` : void 0
     }));
-    return (o, l) => (r(), u("div", {
+    return (o, a) => (r(), f("div", {
       class: "q-spinner-loader",
-      style: W(e.value)
-    }, Xe, 4));
+      style: Y(e.value)
+    }, Ze, 4));
   }
 });
-function je(t, n) {
+function Je(t, n) {
   var e;
   return typeof ((e = t.props) == null ? void 0 : e[n]) < "u";
 }
 function $(t) {
   const n = t.setup;
   return n && (t.setup = (e, o) => {
-    const l = Re();
-    if (le(l.value))
+    const a = Me();
+    if (re(a.value))
       return n(e, o);
-    const a = ve();
-    if (a === null)
+    const l = be();
+    if (l === null)
       return n(e, o);
     const s = new Proxy(e, {
       get(d, i) {
-        var p;
-        const h = Reflect.get(d, i), S = (p = l.value) == null ? void 0 : p[i];
-        return typeof i == "string" && !je(a.vnode, i) ? S ?? h : h;
+        var m;
+        const p = Reflect.get(d, i), S = (m = a.value) == null ? void 0 : m[i];
+        return typeof i == "string" && !Je(l.vnode, i) ? S ?? p : p;
       }
     });
     return n(s, o);
   }), t;
 }
-const xe = $(Ze), Je = ["disabled", "onClick"], Pe = {
+const Be = $(je), Pe = ["disabled", "onClick"], et = {
   key: 0,
   class: "q-btn__spinner"
-}, et = { class: "q-btn__content" }, tt = /* @__PURE__ */ w({
+}, tt = { class: "q-btn__content" }, nt = /* @__PURE__ */ w({
   __name: "QButton",
   props: {
     active: { type: Boolean },
@@ -338,12 +338,12 @@ const xe = $(Ze), Je = ["disabled", "onClick"], Pe = {
   },
   emits: ["click"],
   setup(t, { emit: n }) {
-    const e = t, o = y(() => e.disabled || e.loading);
-    function l(s) {
+    const e = t, o = v(() => e.disabled || e.loading);
+    function a(s) {
       o.value || n("click", s);
     }
-    const a = y(() => {
-      const s = y(() => e.bStyle ? `q-btn--${e.bStyle}` : void 0), d = y(() => e.size !== "regular" ? `q-btn--${e.size}` : void 0);
+    const l = v(() => {
+      const s = v(() => e.bStyle ? `q-btn--${e.bStyle}` : void 0), d = v(() => e.size !== "regular" ? `q-btn--${e.size}` : void 0);
       return [
         "q-btn",
         s.value,
@@ -357,27 +357,27 @@ const xe = $(Ze), Je = ["disabled", "onClick"], Pe = {
         }
       ];
     });
-    return (s, d) => (r(), u("button", {
+    return (s, d) => (r(), f("button", {
       type: "button",
-      class: Q(a.value),
+      class: Q(l.value),
       disabled: o.value,
-      onClick: U(l, ["stop", "prevent"])
+      onClick: K(a, ["stop", "prevent"])
     }, [
-      s.loading ? (r(), u("div", Pe, [
-        Z(b(xe), { size: 23 })
+      s.loading ? (r(), f("div", et, [
+        J(b(Be), { size: 23 })
       ])) : g("", !0),
-      z("span", et, [
-        s.iconOnRight ? (r(), u(O, { key: 0 }, [
-          j(C(e.label), 1)
+      V("span", tt, [
+        s.iconOnRight ? (r(), f(F, { key: 0 }, [
+          P(C(e.label), 1)
         ], 64)) : g("", !0),
         q(s.$slots, "default"),
-        s.iconOnRight ? g("", !0) : (r(), u(O, { key: 1 }, [
-          j(C(e.label), 1)
+        s.iconOnRight ? g("", !0) : (r(), f(F, { key: 1 }, [
+          P(C(e.label), 1)
         ], 64))
       ])
-    ], 10, Je));
+    ], 10, Pe));
   }
-}), nt = $(tt), ot = /* @__PURE__ */ w({
+}), ot = $(nt), at = /* @__PURE__ */ w({
   __name: "QButtonGroup",
   props: {
     bStyle: {},
@@ -387,27 +387,27 @@ const xe = $(Ze), Je = ["disabled", "onClick"], Pe = {
   },
   setup(t) {
     const n = t;
-    Me({
+    He({
       QButton: {
-        bStyle: te(n, "bStyle"),
-        disabled: te(n, "disabled"),
-        borderless: te(n, "borderless"),
+        bStyle: oe(n, "bStyle"),
+        disabled: oe(n, "disabled"),
+        borderless: oe(n, "borderless"),
         elevated: !1
       }
     });
-    const e = y(() => [
+    const e = v(() => [
       "q-btn-group",
       {
         "q-btn-group--elevated": n.elevated
       }
     ]);
-    return (o, l) => (r(), u("div", {
+    return (o, a) => (r(), f("div", {
       class: Q(e.value)
     }, [
       q(o.$slots, "default")
     ], 2));
   }
-}), lt = $(ot), at = /* @__PURE__ */ w({
+}), lt = $(at), st = /* @__PURE__ */ w({
   __name: "QButtonToggle",
   props: {
     modelValue: {},
@@ -419,12 +419,12 @@ const xe = $(Ze), Je = ["disabled", "onClick"], Pe = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
-    const e = t, o = x(e.modelValue);
+    const e = t, o = B(e.modelValue);
     I(
       () => e.modelValue,
       (s) => o.value = s
     );
-    const l = y({
+    const a = v({
       get() {
         return o.value;
       },
@@ -432,8 +432,8 @@ const xe = $(Ze), Je = ["disabled", "onClick"], Pe = {
         o.value = s, n("update:modelValue", s);
       }
     });
-    function a(s) {
-      l.value === s.key && !e.mandatory ? l.value = void 0 : l.value = s.key;
+    function l(s) {
+      a.value === s.key && !e.mandatory ? a.value = void 0 : a.value = s.key;
     }
     return (s, d) => (r(), k(b(lt), {
       "b-style": "secondary",
@@ -442,12 +442,12 @@ const xe = $(Ze), Je = ["disabled", "onClick"], Pe = {
       elevated: e.elevated
     }, {
       default: D(() => [
-        (r(!0), u(O, null, oe(e.options, (i) => (r(), k(b(nt), {
+        (r(!0), f(F, null, le(e.options, (i) => (r(), k(b(ot), {
           key: i.key,
           title: i.title,
           label: i.label,
-          active: l.value === i.key,
-          onClick: (h) => a(i)
+          active: a.value === i.key,
+          onClick: (p) => l(i)
         }, {
           default: D(() => [
             q(s.$slots, i.key)
@@ -458,24 +458,24 @@ const xe = $(Ze), Je = ["disabled", "onClick"], Pe = {
       _: 3
     }, 8, ["disabled", "borderless", "elevated"]));
   }
-}), fn = $(at);
-let st = 0;
-function P() {
-  return `uid-${++st}`;
+}), pn = $(st);
+let rt = 0;
+function te() {
+  return `uid-${++rt}`;
 }
-const rt = ["for", "data-val-required"], it = ["id"], dt = { class: "q-field__control" }, ct = {
+const it = ["for", "data-val-required"], dt = ["id"], ct = { class: "q-field__control" }, ut = {
   key: 0,
   class: "q-field__prepend"
-}, ut = {
+}, ft = {
   key: 1,
   class: "q-field__append"
-}, ft = {
+}, pt = {
   key: 0,
   class: "q-field__extras"
-}, pt = /* @__PURE__ */ w({
+}, mt = /* @__PURE__ */ w({
   __name: "QField",
   props: {
-    id: { default: () => P() },
+    id: { default: () => te() },
     label: { default: "" },
     size: { default: "medium" },
     readonly: { type: Boolean, default: !1 },
@@ -483,18 +483,18 @@ const rt = ["for", "data-val-required"], it = ["id"], dt = { class: "q-field__co
     required: { type: Boolean, default: !1 }
   },
   setup(t, { expose: n }) {
-    const e = t, o = x(null), l = y(() => e.required && !e.readonly && !e.disabled);
+    const e = t, o = B(null), a = v(() => e.required && !e.readonly && !e.disabled);
     return n({
       fieldRef: o
-    }), (a, s) => (r(), u(O, null, [
-      q(a.$slots, "label.prepend"),
-      z("label", {
+    }), (l, s) => (r(), f(F, null, [
+      q(l.$slots, "label.prepend"),
+      V("label", {
         class: "q-field__label",
         for: e.id,
-        "data-val-required": l.value
-      }, C(e.label), 9, rt),
-      q(a.$slots, "label.append"),
-      z("div", K({
+        "data-val-required": a.value
+      }, C(e.label), 9, it),
+      q(l.$slots, "label.append"),
+      V("div", G({
         ref_key: "fieldRef",
         ref: o,
         id: e.id,
@@ -503,23 +503,23 @@ const rt = ["for", "data-val-required"], it = ["id"], dt = { class: "q-field__co
           `q-field--${e.size}`,
           { "q-field--readonly": e.readonly, "q-field--disabled": e.disabled }
         ]
-      }, a.$attrs), [
-        z("div", dt, [
-          a.$slots.prepend ? (r(), u("div", ct, [
-            q(a.$slots, "prepend")
+      }, l.$attrs), [
+        V("div", ct, [
+          l.$slots.prepend ? (r(), f("div", ut, [
+            q(l.$slots, "prepend")
           ])) : g("", !0),
-          q(a.$slots, "default"),
-          a.$slots.append ? (r(), u("div", ut, [
-            q(a.$slots, "append")
+          q(l.$slots, "default"),
+          l.$slots.append ? (r(), f("div", ft, [
+            q(l.$slots, "append")
           ])) : g("", !0)
         ]),
-        a.$slots.extras ? (r(), u("div", ft, [
-          q(a.$slots, "extras")
+        l.$slots.extras ? (r(), f("div", pt, [
+          q(l.$slots, "extras")
         ])) : g("", !0)
-      ], 16, it)
+      ], 16, dt)
     ], 64));
   }
-}), Le = $(pt), mt = /* @__PURE__ */ w({
+}), Le = $(mt), ht = /* @__PURE__ */ w({
   __name: "QIcon",
   props: {
     icon: {},
@@ -527,25 +527,25 @@ const rt = ["for", "data-val-required"], it = ["id"], dt = { class: "q-field__co
     size: { default: void 0 }
   },
   setup(t) {
-    const n = t, e = y(() => {
+    const n = t, e = v(() => {
       switch (n.type) {
         case "svg":
-          return St;
+          return qt;
         case "font":
-          return wt;
-        case "img":
           return $t;
+        case "img":
+          return St;
         default:
           return;
       }
     });
-    return (o, l) => n.icon ? (r(), k(ge(e.value), {
+    return (o, a) => n.icon ? (r(), k(_e(e.value), {
       key: 0,
       icon: n.icon,
       size: n.size
     }, null, 8, ["icon", "size"])) : g("", !0);
   }
-}), ht = /* @__PURE__ */ w({
+}), vt = /* @__PURE__ */ w({
   __name: "QIconFont",
   props: {
     icon: {},
@@ -554,33 +554,33 @@ const rt = ["for", "data-val-required"], it = ["id"], dt = { class: "q-field__co
     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), l = y(() => ({
+    const n = t, e = v(() => n.variant ? `${n.library}-${n.variant}` : n.library), o = v(() => n.library && n.icon ? `${n.library}-${n.icon}` : n.icon), a = v(() => ({
       "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
-    return (a, s) => o.value ? (r(), u("i", {
+    return (l, s) => o.value ? (r(), f("i", {
       key: 0,
       class: Q(["q-icon", "q-icon__font", e.value, o.value]),
-      style: W(l.value)
+      style: Y(a.value)
     }, null, 6)) : g("", !0);
   }
-}), yt = ["src"], vt = /* @__PURE__ */ w({
+}), yt = ["src"], bt = /* @__PURE__ */ w({
   __name: "QIconImg",
   props: {
     icon: {},
     size: {}
   },
   setup(t) {
-    const n = t, e = y(() => ({
+    const n = t, e = v(() => ({
       "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
-    return (o, l) => n.icon ? (r(), u("img", {
+    return (o, a) => n.icon ? (r(), f("img", {
       key: 0,
       src: n.icon,
       class: "q-icon q-icon__img",
-      style: W(e.value)
+      style: Y(e.value)
     }, null, 12, yt)) : g("", !0);
   }
-}), H = {}, bt = w({
+}), N = {}, gt = w({
   name: "InlineSvg",
   emits: ["loaded", "unloaded", "error"],
   inheritAttrs: !1,
@@ -589,9 +589,9 @@ const rt = ["for", "data-val-required"], it = ["id"], dt = { class: "q-field__co
       return null;
     const t = this.getSvgContent(this.svgElSource);
     if (!t)
-      return de("div", this.$attrs);
+      return ue("div", this.$attrs);
     const n = {};
-    return this.copySvgAttrs(n, this.svgElSource), this.copySvgAttrs(n, t), this.copyComponentAttrs(n, this.$attrs), n.innerHTML = t.innerHTML, de("svg", n);
+    return this.copySvgAttrs(n, this.svgElSource), this.copySvgAttrs(n, t), this.copyComponentAttrs(n, this.$attrs), n.innerHTML = t.innerHTML, ue("svg", n);
   },
   props: {
     src: {
@@ -636,7 +636,7 @@ const rt = ["for", "data-val-required"], it = ["id"], dt = { class: "q-field__co
         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)), gt(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)), _t(t, this.title)), t);
     },
     /**
      * Get svgElSource
@@ -644,11 +644,11 @@ const rt = ["for", "data-val-required"], it = ["id"], dt = { class: "q-field__co
      */
     async getSource(t) {
       try {
-        H[t] || (H[t] = _t(this.download(t))), this.svgElSource && H[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
-        const n = await H[t];
+        N[t] || (N[t] = kt(this.download(t))), this.svgElSource && N[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
+        const n = await N[t];
         this.svgElSource = n, await this.$nextTick(), this.$emit("loaded", this.$el);
       } catch (n) {
-        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete H[t], this.$emit("error", n);
+        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete N[t], this.$emit("error", n);
       }
     },
     /**
@@ -660,10 +660,10 @@ const rt = ["for", "data-val-required"], it = ["id"], dt = { class: "q-field__co
       const n = await fetch(t);
       if (!n.ok)
         throw new Error("Error loading SVG");
-      const e = await n.text(), a = new DOMParser().parseFromString(e, "text/xml").getElementsByTagName("svg")[0];
-      if (!a)
+      const e = await n.text(), l = new DOMParser().parseFromString(e, "text/xml").getElementsByTagName("svg")[0];
+      if (!l)
         throw new Error("Loaded file is not a valid SVG");
-      return a;
+      return l;
     }
   },
   watch: {
@@ -672,7 +672,7 @@ const rt = ["for", "data-val-required"], it = ["id"], dt = { class: "q-field__co
     }
   }
 });
-function gt(t, n) {
+function _t(t, n) {
   const e = t.getElementsByTagName("title");
   if (e.length)
     e[0].textContent = n;
@@ -681,7 +681,7 @@ function gt(t, n) {
     o.textContent = n, t.insertBefore(o, t.firstChild);
   }
 }
-function _t(t) {
+function kt(t) {
   if (t.getIsPending)
     return t;
   let n = !0;
@@ -693,7 +693,7 @@ function _t(t) {
   );
   return e.getIsPending = () => n, e;
 }
-const kt = /* @__PURE__ */ w({
+const wt = /* @__PURE__ */ w({
   __name: "QIconSvg",
   props: {
     icon: {},
@@ -702,29 +702,29 @@ const kt = /* @__PURE__ */ w({
   },
   emits: ["loaded", "unloaded"],
   setup(t, { emit: n }) {
-    const e = t, o = y(() => ({
+    const e = t, o = v(() => ({
       "font-size": e.size !== void 0 ? `${e.size}px` : void 0
     }));
-    return (l, a) => e.icon ? (r(), k(b(bt), {
+    return (a, l) => e.icon ? (r(), k(b(gt), {
       key: 0,
       class: "q-icon q-icon__svg",
       src: e.bundle,
       symbol: e.icon,
-      style: W(o.value),
-      onLoaded: a[0] || (a[0] = (s) => n("loaded", s)),
-      onUnloaded: a[1] || (a[1] = (s) => n("unloaded", s))
+      style: Y(o.value),
+      onLoaded: l[0] || (l[0] = (s) => n("loaded", s)),
+      onUnloaded: l[1] || (l[1] = (s) => n("unloaded", s))
     }, null, 8, ["src", "symbol", "style"])) : g("", !0);
   }
-}), N = $(mt), wt = $(ht), $t = $(vt), St = $(kt), qt = (t, n) => {
+}), W = $(ht), $t = $(vt), St = $(bt), qt = $(wt), xt = (t, n) => {
   const e = t.__vccOpts || t;
-  for (const [o, l] of n)
-    e[o] = l;
+  for (const [o, a] of n)
+    e[o] = a;
   return e;
-}, Bt = {}, xt = { class: "q-line-loader" };
-function Lt(t, n) {
-  return r(), u("div", xt);
+}, Bt = {}, Lt = { class: "q-line-loader" };
+function Tt(t, n) {
+  return r(), f("div", Lt);
 }
-const Tt = /* @__PURE__ */ qt(Bt, [["render", Lt]]), pn = $(Tt), Dt = /* @__PURE__ */ w({
+const Dt = /* @__PURE__ */ xt(Bt, [["render", Tt]]), mn = $(Dt), Et = /* @__PURE__ */ w({
   __name: "QList",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -736,35 +736,35 @@ const Tt = /* @__PURE__ */ qt(Bt, [["render", Lt]]), pn = $(Tt), Dt = /* @__PURE
   },
   emits: ["update:modelValue"],
   setup(t, { expose: n, emit: e }) {
-    const o = t, l = x(o.modelValue), a = y(() => s.value.length > 1 ? "div" : "ul"), s = y(() => o.groups.length ? o.groups : [{ title: "" }]), d = x(null);
-    function i(f) {
-      l.value = f, e("update:modelValue", f);
+    const o = t, a = B(o.modelValue), l = v(() => s.value.length > 1 ? "div" : "ul"), s = v(() => o.groups.length ? o.groups : [{ title: "" }]), d = B(null);
+    function i(u) {
+      a.value = u, e("update:modelValue", u);
     }
-    function h() {
-      let f = 0;
-      l.value && (f = o.items.findIndex((B) => B[o.itemValue] === l.value)), E(f);
+    function p() {
+      let u = 0;
+      a.value && (u = o.items.findIndex((x) => x[o.itemValue] === a.value)), E(u);
     }
-    function S(f) {
-      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(f.key) && f.preventDefault(), f.key) {
+    function S(u) {
+      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(u.key) && u.preventDefault(), u.key) {
         case "ArrowDown":
-          p("next");
+          m("next");
           break;
         case "ArrowUp":
-          p("prev");
+          m("prev");
           break;
         case "Home":
-          p("first");
+          m("first");
           break;
         case "End":
-          p("last");
+          m("last");
           break;
       }
     }
-    function p(f) {
-      switch (f) {
+    function m(u) {
+      switch (u) {
         case "next":
         case "prev":
-          E(V(f));
+          E(z(u));
           break;
         case "first":
           E(0);
@@ -774,53 +774,53 @@ const Tt = /* @__PURE__ */ qt(Bt, [["render", Lt]]), pn = $(Tt), Dt = /* @__PURE
           break;
       }
     }
-    function E(f) {
-      var v;
-      (v = A().at(f)) == null || v.focus();
+    function E(u) {
+      var y;
+      (y = A().at(u)) == null || y.focus();
     }
     function A() {
-      var v;
-      const f = (v = d.value) == null ? void 0 : v.querySelectorAll("li");
-      return f ? Array.from(f).filter((L) => L.tabIndex !== -1) : [];
+      var y;
+      const u = (y = d.value) == null ? void 0 : y.querySelectorAll("li");
+      return u ? Array.from(u).filter((L) => L.tabIndex !== -1) : [];
     }
-    function F(f) {
-      return f.indexOf(document.activeElement);
+    function O(u) {
+      return u.indexOf(document.activeElement);
     }
-    function V(f) {
-      const B = A(), v = F(B);
-      return f === "next" ? v === B.length - 1 ? v : v + 1 : v === 0 ? 0 : v - 1;
+    function z(u) {
+      const x = A(), y = O(x);
+      return u === "next" ? y === x.length - 1 ? y : y + 1 : y === 0 ? 0 : y - 1;
     }
-    function M(f) {
-      return f ? o.items.filter((B) => B.group === f) : o.items;
+    function M(u) {
+      return u ? o.items.filter((x) => x.group === u) : o.items;
     }
     return I(
       () => o.modelValue,
-      (f) => {
-        l.value = f;
+      (u) => {
+        a.value = u;
       }
-    ), n({ focusItem: E }), (f, B) => (r(), k(ge(a.value), {
+    ), n({ focusItem: E }), (u, x) => (r(), k(_e(l.value), {
       ref_key: "listRef",
       ref: d,
       class: Q(["q-list", { "q-list--disabled": o.disabled }]),
       role: "listbox",
       tabindex: o.disabled ? -1 : 0,
-      onFocus: h,
+      onFocus: p,
       onKeydown: S
     }, {
       default: D(() => [
-        (r(!0), u(O, null, oe(s.value, (v) => (r(), k(b(Rt), {
-          key: v.id,
-          title: v.title,
-          disabled: v.disabled
+        (r(!0), f(F, null, le(s.value, (y) => (r(), k(b(Mt), {
+          key: y.id,
+          title: y.title,
+          disabled: y.disabled
         }, {
           default: D(() => [
-            (r(!0), u(O, null, oe(M(v.id), (L) => (r(), k(b(Ft), {
+            (r(!0), f(F, null, le(M(y.id), (L) => (r(), k(b(Rt), {
               key: L[o.itemValue],
               value: L[o.itemValue],
               label: L[o.itemLabel],
               icon: L.icon,
               disabled: o.disabled || L.disabled,
-              selected: l.value === L[o.itemValue],
+              selected: a.value === L[o.itemValue],
               onSelect: i
             }, null, 8, ["value", "label", "icon", "disabled", "selected"]))), 128))
           ]),
@@ -830,11 +830,11 @@ const Tt = /* @__PURE__ */ qt(Bt, [["render", Lt]]), pn = $(Tt), Dt = /* @__PURE
       _: 1
     }, 40, ["class", "tabindex"]));
   }
-}), Et = ["tabindex", "aria-label", "aria-selected", "onClick"], It = { class: "q-list-item__check-container" }, Ct = {
+}), It = ["tabindex", "aria-label", "aria-selected", "onClick"], Vt = { class: "q-list-item__check-container" }, Ct = {
   check: {
     icon: "check"
   }
-}, Vt = /* @__PURE__ */ w({
+}, zt = /* @__PURE__ */ w({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
@@ -851,10 +851,10 @@ const Tt = /* @__PURE__ */ qt(Bt, [["render", Lt]]), pn = $(Tt), Dt = /* @__PURE
     function o() {
       e.disabled || n("select", e.value);
     }
-    function l(a) {
-      a.key === "Tab" && o(), (a.key === "Enter" || a.key === " ") && (a.preventDefault(), a.stopPropagation(), o());
+    function a(l) {
+      l.key === "Tab" && o(), (l.key === "Enter" || l.key === " ") && (l.preventDefault(), l.stopPropagation(), o());
     }
-    return (a, s) => (r(), u("li", {
+    return (l, s) => (r(), f("li", {
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
       class: Q([
@@ -867,104 +867,103 @@ const Tt = /* @__PURE__ */ qt(Bt, [["render", Lt]]), pn = $(Tt), Dt = /* @__PURE
       ]),
       "aria-label": e.label,
       "aria-selected": e.disabled ? void 0 : e.selected,
-      onKeydown: l,
-      onClick: U(o, ["stop", "prevent"])
+      onKeydown: a,
+      onClick: K(o, ["stop", "prevent"])
     }, [
-      e.icon ? (r(), k(b(N), _e(K({ key: 0 }, e.icon)), null, 16)) : g("", !0),
-      j(" " + C(e.label) + " ", 1),
-      z("div", It, [
-        e.selected ? (r(), k(b(N), K({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : g("", !0)
+      e.icon ? (r(), k(b(W), ke(G({ key: 0 }, e.icon)), null, 16)) : g("", !0),
+      P(" " + C(e.label) + " ", 1),
+      V("div", Vt, [
+        e.selected ? (r(), k(b(W), G({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : g("", !0)
       ])
-    ], 42, Et));
+    ], 42, It));
   }
-}), zt = ["aria-labelledby"], At = ["id"], Qt = /* @__PURE__ */ w({
+}), At = ["aria-labelledby"], Qt = ["id"], Ft = /* @__PURE__ */ w({
   __name: "QListItemGroup",
   props: {
     title: { default: "" },
     disabled: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const n = t, e = P();
-    return (o, l) => n.title ? (r(), u("ul", {
-      key: 1,
+    const n = t, e = te();
+    return (o, a) => (r(), f("ul", {
       class: "q-list-item-group",
       role: "group",
-      "aria-labelledby": b(e)
+      "aria-labelledby": n.title ? b(e) : void 0
     }, [
-      n.title ? (r(), u("li", {
+      n.title ? (r(), f("li", {
         key: 0,
         id: b(e),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, C(n.title), 9, At)) : g("", !0),
+      }, C(n.title), 9, Qt)) : g("", !0),
       q(o.$slots, "default")
-    ], 8, zt)) : q(o.$slots, "default", { key: 0 });
+    ], 8, At));
   }
-}), Ot = $(Dt), Ft = $(Vt), Rt = $(Qt);
-function Mt(t, n, e = "right", o) {
-  const l = t.getBoundingClientRect(), a = l.x + window.scrollX, s = l.y + window.scrollY, d = n == null ? void 0 : n.getBoundingClientRect(), i = (d == null ? void 0 : d.width) ?? 0, h = (d == null ? void 0 : d.height) ?? 0;
+}), Ot = $(Et), Rt = $(zt), Mt = $(Ft);
+function Ht(t, n, e = "right", o) {
+  const a = t.getBoundingClientRect(), l = a.x + window.scrollX, s = a.y + window.scrollY, d = n == null ? void 0 : n.getBoundingClientRect(), i = (d == null ? void 0 : d.width) ?? 0, p = (d == null ? void 0 : d.height) ?? 0;
   let S = e;
-  d && !Te(l, d, S) && (S = Ht(l, d, S));
-  const p = { x: 0, y: 0, placement: S };
+  d && !Te(a, d, S) && (S = Ut(a, d, S));
+  const m = { x: 0, y: 0, placement: S };
   switch (S) {
     case "top":
-      o === "anchor" ? p.x = a : p.x = a + (l.width - i) / 2, p.y = s - h;
+      o === "anchor" ? m.x = l : m.x = l + (a.width - i) / 2, m.y = s - p;
       break;
     case "bottom":
-      o === "anchor" ? p.x = a : p.x = a + (l.width - i) / 2, p.y = s + l.height;
+      o === "anchor" ? m.x = l : m.x = l + (a.width - i) / 2, m.y = s + a.height;
       break;
     case "left":
-      p.x = a - i, p.y = s + l.height / 2 - h / 2;
+      m.x = l - i, m.y = s + a.height / 2 - p / 2;
       break;
     case "right":
-      p.x = a + l.width, p.y = s + l.height / 2 - h / 2;
+      m.x = l + a.width, m.y = s + a.height / 2 - p / 2;
       break;
   }
-  return o === "anchor" && l.width >= i && (p.width = l.width), p;
+  return o === "anchor" && a.width >= i && (m.width = a.width), m;
 }
 function Te(t, n, e) {
-  let o = !1, l = !1;
+  let o = !1, a = !1;
   switch (e) {
     case "top":
-      o = ye(t, n), l = t.top > n.height;
+      o = ye(t, n), a = t.top > n.height;
       break;
     case "bottom":
-      o = ye(t, n), l = window.innerHeight - t.top - t.height > n.height;
+      o = ye(t, n), a = window.innerHeight - t.top - t.height > n.height;
       break;
     case "left":
-      o = t.left > n.width, l = he(t, n);
+      o = t.left > n.width, a = ve(t, n);
       break;
     case "right":
-      o = window.innerWidth - t.left - t.width > n.width, l = he(t, n);
+      o = window.innerWidth - t.left - t.width > n.width, a = ve(t, n);
       break;
   }
-  return o && l;
+  return o && a;
 }
-function he(t, n) {
+function ve(t, n) {
   return window.innerHeight - t.top - t.height / 2 > n.height / 2 && t.top + t.height / 2 > n.height / 2;
 }
 function ye(t, n) {
   return window.innerWidth - t.left - t.width / 2 > n.width / 2 && t.left + t.width / 2 > n.width / 2;
 }
-function Ht(t, n, e) {
+function Ut(t, n, e) {
   const o = {
     top: ["bottom", "left", "right"],
     bottom: ["top", "left", "right"],
     left: ["right", "top", "bottom"],
     right: ["left", "top", "bottom"]
   };
-  for (const l of o[e])
-    if (Te(t, n, l))
-      return l;
+  for (const a of o[e])
+    if (Te(t, n, a))
+      return a;
   return e;
 }
-function X(t) {
+function j(t) {
   return typeof t == "string" ? document.querySelector(t) : t && "$el" in t ? t.$el : t;
 }
-const Ut = {
+const Nt = {
   key: 0,
   class: "q-overlay__arrow"
-}, Nt = /* @__PURE__ */ w({
+}, Kt = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "QOverlay",
   props: {
@@ -985,29 +984,29 @@ const Ut = {
   },
   emits: ["enter", "leave"],
   setup(t, { emit: n }) {
-    const e = t, o = y(() => [
+    const e = t, o = v(() => [
       "q-overlay",
-      `q-overlay--${l.placement}`,
+      `q-overlay--${a.placement}`,
       { "q-overlay--inverted": e.appearance === "inverted" },
       ...e.contentClasses
-    ]), l = Ee({
+    ]), a = Ee({
       visible: e.modelValue,
       animating: !1,
       top: 0,
       left: 0,
       width: 0,
       placement: e.placement
-    }), a = y(() => l.visible && !e.disabled);
+    }), l = v(() => a.visible && !e.disabled);
     I(
       () => e.modelValue,
-      () => l.visible = e.modelValue
+      () => a.visible = e.modelValue
     ), I(
-      () => l.visible,
-      () => l.animating = !0
+      () => a.visible,
+      () => a.animating = !0
     );
-    const s = y(() => {
-      let m = 0, T = 0;
-      switch (l.placement) {
+    const s = v(() => {
+      let h = 0, T = 0;
+      switch (a.placement) {
         case "top":
           T = -(e.offset || 0);
           break;
@@ -1015,60 +1014,60 @@ const Ut = {
           T = e.offset || 0;
           break;
         case "left":
-          m = -(e.offset || 0);
+          h = -(e.offset || 0);
           break;
         case "right":
-          m = e.offset || 0;
+          h = e.offset || 0;
           break;
       }
-      const c = {
-        top: `${l.top + T}px`,
-        left: `${l.left + m}px`
+      const H = {
+        top: `${a.top + T}px`,
+        left: `${a.left + h}px`
       };
-      return l.width !== void 0 && ["top", "bottom"].includes(l.placement) && (c.width = `${l.width}px`), c;
-    }), d = x(null);
+      return a.width !== void 0 && ["top", "bottom"].includes(a.placement) && (H.width = `${a.width}px`), H;
+    }), d = B(null);
     function i() {
-      const m = X(e.anchor);
-      if (m) {
-        const T = Mt(m, d.value, e.placement, e.width);
-        l.left = T.x, l.top = T.y, l.width = T.width, l.placement = T.placement;
+      const h = j(e.anchor);
+      if (h) {
+        const T = Ht(h, d.value, e.placement, e.width);
+        a.left = T.x, a.top = T.y, a.width = T.width, a.placement = T.placement;
       }
     }
-    I([() => a.value, () => e.placement], i);
-    let h;
+    I([() => l.value, () => e.placement], i);
+    let p;
     function S() {
-      const m = e.trigger === "hover" ? e.delay : 0;
-      h || (h = window.setTimeout(() => l.visible = !0, m));
+      const h = e.trigger === "hover" ? e.delay : 0;
+      p || (p = window.setTimeout(() => a.visible = !0, h));
     }
-    function p() {
-      clearTimeout(h), h = void 0, l.visible = !1;
+    function m() {
+      clearTimeout(p), p = void 0, a.visible = !1;
     }
     function E() {
-      a.value ? p() : S();
+      l.value ? m() : S();
     }
     let A;
-    function F() {
-      window.clearTimeout(A), A = window.setTimeout(() => l.animating = !1, 200), n("leave");
+    function O() {
+      window.clearTimeout(A), A = window.setTimeout(() => a.animating = !1, 200), n("leave");
     }
-    let V;
+    let z;
     function M() {
-      ce(() => {
-        const m = X(e.anchor);
-        if (m)
+      se(() => {
+        const h = j(e.anchor);
+        if (h)
           switch (e.trigger) {
             case "click":
-              m.addEventListener("click", E);
+              h.addEventListener("click", E);
               break;
             case "hover":
-              m.addEventListener("mouseenter", S), m.addEventListener("mouseleave", p);
+              h.addEventListener("mouseenter", S), h.addEventListener("mouseleave", m);
               break;
           }
       });
     }
-    function f() {
-      ce(() => {
-        const m = X(e.anchor);
-        m && (window.addEventListener("scroll", i), window.addEventListener("resize", i), V = new MutationObserver(i), V.observe(m, {
+    function u() {
+      se(() => {
+        const h = j(e.anchor);
+        h && (window.addEventListener("scroll", i), window.addEventListener("resize", i), z = new MutationObserver(i), z.observe(h, {
           attributes: !1,
           childList: !0,
           characterData: !0,
@@ -1076,57 +1075,57 @@ const Ut = {
         }), i());
       });
     }
-    function B() {
-      window.removeEventListener("scroll", i), window.removeEventListener("resize", i), V == null || V.disconnect();
+    function x() {
+      window.removeEventListener("scroll", i), window.removeEventListener("resize", i), z == null || z.disconnect();
     }
-    let v;
+    let y;
     function L() {
-      X(e.anchor) ? (i(), v = window.setTimeout(L, 100)) : p();
+      j(e.anchor) ? (i(), y = window.setTimeout(L, 100)) : m();
     }
-    function ee() {
-      f(), e.spy && L();
+    function ne() {
+      u(), e.spy && L();
     }
-    function G() {
-      B(), e.spy && (clearTimeout(v), v = void 0);
+    function X() {
+      x(), e.spy && (clearTimeout(y), y = void 0);
     }
-    return Ie(G), Ce(i), I(
+    return Ie(X), Ve(i), I(
       () => e.disabled,
-      (m) => {
-        m || M();
+      (h) => {
+        h || M();
       },
       { immediate: !0 }
     ), I(
-      () => a.value,
-      (m) => {
-        m ? ee() : G();
+      () => l.value,
+      (h) => {
+        h ? ne() : X();
       },
       { immediate: !0 }
-    ), (m, T) => (r(), u(O, null, [
-      q(m.$slots, "trigger", { open: a.value }),
-      a.value || l.animating ? (r(), k(Ve, {
+    ), (h, T) => (r(), f(F, null, [
+      q(h.$slots, "trigger", { open: l.value }),
+      l.value || a.animating ? (r(), k(Ce, {
         key: 0,
         disabled: !e.attach,
         to: e.attach
       }, [
-        Z(ze, {
+        J(ze, {
           name: e.transition,
           appear: "",
-          onEnter: T[0] || (T[0] = (c) => n("enter")),
-          onLeave: F
+          onEnter: T[0] || (T[0] = (H) => n("enter")),
+          onLeave: O
         }, {
           default: D(() => [
-            a.value ? (r(), u("div", {
+            l.value ? (r(), f("div", {
               key: 0,
               class: Q(o.value),
-              style: W(s.value)
+              style: Y(s.value)
             }, [
-              z("div", {
+              V("div", {
                 class: Q(["q-overlay__content"]),
                 ref_key: "overlay",
                 ref: d
               }, [
-                e.arrow ? (r(), u("div", Ut)) : g("", !0),
-                q(m.$slots, "default")
+                e.arrow ? (r(), f("div", Nt)) : g("", !0),
+                q(h.$slots, "default")
               ], 512)
             ], 6)) : g("", !0)
           ]),
@@ -1135,13 +1134,13 @@ const Ut = {
       ], 8, ["disabled", "to"])) : g("", !0)
     ], 64));
   }
-}), se = $(Nt), Kt = {
+}), de = $(Kt), Wt = {
   key: 0,
   class: "q-popover__header"
-}, Wt = {
+}, Gt = {
   key: 1,
   class: "q-popover__body"
-}, Gt = ["innerHTML"], Yt = { key: 1 }, Xt = /* @__PURE__ */ w({
+}, Yt = ["innerHTML"], Xt = { key: 1 }, Zt = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "QPopover",
   props: {
@@ -1158,7 +1157,7 @@ const Ut = {
   },
   setup(t) {
     const n = t;
-    return (e, o) => (r(), k(b(se), {
+    return (e, o) => (r(), k(b(de), {
       "model-value": n.modelValue,
       trigger: "click",
       anchor: n.anchor,
@@ -1170,142 +1169,141 @@ const Ut = {
       spy: n.spy
     }, {
       default: D(() => [
-        n.title || e.$slots.header ? (r(), u("h3", Kt, [
-          j(C(n.title) + " ", 1),
+        n.title || e.$slots.header ? (r(), f("h3", Wt, [
+          P(C(n.title) + " ", 1),
           q(e.$slots, "header")
         ])) : g("", !0),
-        n.text || e.$slots.body ? (r(), u("div", Wt, [
-          n.html ? (r(), u("span", {
+        n.text || e.$slots.body ? (r(), f("div", Gt, [
+          n.html ? (r(), f("span", {
             key: 0,
             innerHTML: n.text
-          }, null, 8, Gt)) : (r(), u("span", Yt, C(n.text), 1)),
+          }, null, 8, Yt)) : (r(), f("span", Xt, C(n.text), 1)),
           q(e.$slots, "body")
         ])) : g("", !0)
       ]),
       _: 3
     }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement", "spy"]));
   }
-}), mn = $(Xt);
-function Zt() {
+}), hn = $(Zt);
+function jt() {
   const t = Ae(), n = {};
   return typeof t.class == "string" ? n.class = t.class.split(" ") : Array.isArray(t.class) ? n.class = t.class : n.class = [], n;
 }
-const jt = {
-  mounted(t, n) {
-    t.clickOutsideEvent = function(e) {
-      const o = e.target;
-      n.arg ? t === o || t.contains(o) || o.closest(n.arg) || n.value(e, t) : t === o || t.contains(o) || n.value(e, t);
-    }, document.addEventListener("click", t.clickOutsideEvent);
-  },
-  unmounted(t) {
-    document.removeEventListener("click", t.clickOutsideEvent);
-  }
-}, Jt = {
+const Jt = {
   key: 0,
   class: "q-select__value"
 }, Pt = {
   key: 1,
   class: "q-select__placeholder"
-}, en = {
+}, en = ["onKeydown"], tn = {
   placeholder: "Choose..."
-}, tn = {
+}, nn = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, nn = /* @__PURE__ */ w({
+}, on = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "QSelect",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
-    id: { default: () => P() },
+    id: { default: () => te() },
     label: { default: "" },
     clearable: { type: Boolean, default: !1 },
     readonly: { type: Boolean },
     disabled: { type: Boolean, default: !1 },
     required: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },
-    icons: { default: () => tn },
+    icons: { default: () => nn },
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     size: { default: "medium" },
-    texts: { default: () => en }
+    texts: { default: () => tn }
   },
   emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
   setup(t, { emit: n }) {
-    const e = t, o = Zt(), l = x(e.modelValue), a = x(!1), s = x(""), d = x(null), i = x(null), h = x(null), S = y(
+    const e = t, o = jt(), a = B(e.modelValue), l = B(!1), s = B(""), d = B(null), i = B(null), p = B(null), S = v(
       () => {
         var c;
-        return (c = e.items) == null ? void 0 : c.find((_) => _[e.itemValue] === l.value);
+        return (c = e.items) == null ? void 0 : c.find((_) => _[e.itemValue] === a.value);
       }
-    ), p = y(
+    ), m = v(
       () => S.value ? S.value[e.itemLabel] : ""
-    ), E = y(
+    ), E = v(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
     function A(c) {
-      l.value = c, n("update:modelValue", c), B();
+      a.value = c, n("update:modelValue", c), x();
     }
-    function F() {
+    function O() {
       E.value && A(void 0);
     }
-    function V() {
-      e.readonly || e.disabled || (a.value ? B() : f());
+    function z() {
+      e.readonly || e.disabled || (l.value ? x() : u());
     }
     function M(c) {
-      var _, R;
-      (R = (_ = d.value) == null ? void 0 : _.fieldRef) != null && R.contains(c.target) || B();
+      var _, R, U;
+      !((_ = p.value) != null && _.contains(c.relatedTarget)) && !((U = (R = d.value) == null ? void 0 : R.fieldRef) != null && U.contains(c.relatedTarget)) && x();
     }
-    function f() {
-      a.value || (n("before-show"), a.value = !0);
+    function u() {
+      l.value || (n("before-show"), l.value = !0);
     }
-    function B() {
-      a.value && (n("before-hide"), a.value = !1);
+    function x() {
+      l.value && (n("before-hide"), l.value = !1);
     }
-    let v;
+    let y;
     function L(c) {
       if (!(!c.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(v), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(c.key) && (c.preventDefault(), c.stopPropagation()), ["Enter", " "].includes(c.key) && (a.value = !0), ["Escape", "Tab"].includes(c.key) && (a.value ? a.value = !1 : e.clearable && c.key === "Escape" && F()), c.key === "Delete" && e.clearable && F(), /^[a-z]$/i.test(c.key)) {
+        if (window.clearTimeout(y), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(c.key) && (c.preventDefault(), c.stopPropagation()), ["Enter", " "].includes(c.key) && (l.value = !0), ["Escape", "Tab"].includes(c.key) && (l.value ? l.value = !1 : e.clearable && c.key === "Escape" && O()), c.key === "Delete" && e.clearable && O(), /^[a-z]$/i.test(c.key)) {
           s.value += c.key.toLowerCase();
           for (let _ = 0; _ < e.items.length; _++)
             if (e.items[_][e.itemLabel].toLowerCase().startsWith(s.value)) {
-              T(_);
+              H(_);
               break;
             }
         }
-        v = window.setTimeout(function() {
+        y = window.setTimeout(function() {
           s.value = "";
         }, 500);
       }
     }
-    function ee() {
+    function ne() {
       var c;
-      (c = i.value) == null || c.$el.focus(), n("show");
+      e.loading ? (c = p.value) == null || c.focus() : T(), n("show");
     }
-    function G() {
-      m(), n("hide");
+    function X() {
+      h(), n("hide");
     }
-    function m() {
+    function h() {
       var c, _;
       (_ = (c = d.value) == null ? void 0 : c.fieldRef) == null || _.focus();
     }
-    function T(c) {
+    function T() {
+      var c;
+      (c = i.value) == null || c.$el.focus();
+    }
+    function H(c) {
       var _;
       (_ = i.value) == null || _.focusItem(c);
     }
     return I(
       () => e.modelValue,
       (c) => {
-        l.value = c;
+        a.value = c;
+      }
+    ), I(
+      () => e.loading,
+      (c) => {
+        !c && l.value && se(T);
       }
     ), (c, _) => {
-      var R, re, ie;
-      return r(), u(O, null, [
-        Z(b(Le), {
+      var R, U, ce;
+      return r(), f(F, null, [
+        J(b(Le), {
           id: e.id,
           label: e.label,
           required: e.required,
@@ -1318,61 +1316,64 @@ const jt = {
             {
               "q-select--readonly": e.readonly,
               "q-select--disabled": e.disabled,
-              "q-select--expanded": a.value
+              "q-select--expanded": l.value
             },
             ...b(o).class
           ]),
           readonly: e.readonly,
           disabled: e.disabled,
-          "aria-expanded": a.value,
+          "aria-expanded": l.value,
           "aria-haspopup": "listbox",
           size: e.size,
-          onClick: V,
-          onKeydown: U(L, ["stop"])
+          onClick: z,
+          onKeydown: K(L, ["stop"])
         }, Qe({
           append: D(() => [
-            E.value && l.value ? (r(), k(b(N), K({ key: 0 }, e.icons.clear, {
+            E.value && a.value ? (r(), k(b(W), G({ key: 0 }, e.icons.clear, {
               class: "q-select__clear",
-              onClick: U(F, ["stop", "prevent"])
+              onClick: K(O, ["stop", "prevent"])
             }), null, 16, ["onClick"])) : g("", !0),
-            !e.readonly && !e.disabled ? (r(), k(b(N), K({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16)) : g("", !0)
+            !e.readonly && !e.disabled ? (r(), k(b(W), G({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16)) : g("", !0)
           ]),
           default: D(() => [
-            l.value ? (r(), u("span", Jt, C(p.value), 1)) : (r(), u("span", Pt, C(c.texts.placeholder), 1))
+            a.value ? (r(), f("span", Jt, C(m.value), 1)) : (r(), f("span", Pt, C(c.texts.placeholder), 1))
           ]),
           _: 2
         }, [
           (R = S.value) != null && R.icon ? {
             name: "prepend",
             fn: D(() => {
-              var Y;
+              var Z;
               return [
-                Z(b(N), _e(Oe((Y = S.value) == null ? void 0 : Y.icon)), null, 16)
+                J(b(W), ke(Fe((Z = S.value) == null ? void 0 : Z.icon)), null, 16)
               ];
             }),
             key: "0"
           } : void 0
         ]), 1032, ["id", "label", "required", "class", "readonly", "disabled", "aria-expanded", "size", "onKeydown"]),
-        (re = d.value) != null && re.fieldRef ? (r(), k(b(se), {
+        (U = d.value) != null && U.fieldRef ? (r(), k(b(de), {
           key: 0,
-          "model-value": a.value,
+          "model-value": l.value,
           spy: "",
           trigger: "manual",
           placement: "bottom",
           width: "anchor",
           offset: 2,
-          anchor: (ie = d.value) == null ? void 0 : ie.fieldRef,
-          onEnter: ee,
-          onLeave: G
+          anchor: (ce = d.value) == null ? void 0 : ce.fieldRef,
+          onEnter: ne,
+          onLeave: X
         }, {
           default: D(() => [
-            ke((r(), u("div", {
+            V("div", {
               ref_key: "contentRef",
-              ref: h,
-              class: "q-select__body"
+              ref: p,
+              class: "q-select__body",
+              tabindex: "-1",
+              onFocusout: M,
+              onKeydown: K(L, ["stop"])
             }, [
               q(c.$slots, "body.prepend"),
-              e.loading ? (r(), k(b(xe), {
+              e.loading ? (r(), k(b(Be), {
                 key: 0,
                 class: "q-select__loader",
                 size: 24
@@ -1381,32 +1382,29 @@ const jt = {
                 ref_key: "listRef",
                 ref: i,
                 class: "q-select__items",
-                modelValue: l.value,
+                modelValue: a.value,
                 "onUpdate:modelValue": [
-                  _[0] || (_[0] = (Y) => l.value = Y),
+                  _[0] || (_[0] = (Z) => a.value = Z),
                   A
                 ],
                 items: e.items,
                 groups: c.groups,
                 "item-label": e.itemLabel,
-                "item-value": e.itemValue,
-                onKeydown: U(L, ["stop"])
-              }, null, 8, ["modelValue", "items", "groups", "item-label", "item-value", "onKeydown"])),
+                "item-value": e.itemValue
+              }, null, 8, ["modelValue", "items", "groups", "item-label", "item-value"])),
               q(c.$slots, "body.append")
-            ])), [
-              [b(jt), M]
-            ])
+            ], 40, en)
           ]),
           _: 3
         }, 8, ["model-value", "anchor"])) : g("", !0)
       ], 64);
     };
   }
-}), hn = $(nn), on = ["required", "placeholder", "readonly", "disabled", "maxlength"], ln = /* @__PURE__ */ w({
+}), vn = $(on), an = ["required", "placeholder", "readonly", "disabled", "maxlength"], ln = /* @__PURE__ */ w({
   __name: "QTextField",
   props: {
     modelValue: { default: "" },
-    id: { default: () => P() },
+    id: { default: () => te() },
     placeholder: { default: "" },
     label: { default: "" },
     size: { default: "medium" },
@@ -1417,20 +1415,20 @@ const jt = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
-    const e = t, o = x(e.modelValue), l = y({
+    const e = t, o = B(e.modelValue), a = v({
       get() {
         return o.value;
       },
-      set(a) {
-        o.value = a, n("update:modelValue", a);
+      set(l) {
+        o.value = l, n("update:modelValue", l);
       }
     });
     return I(
       () => e.modelValue,
-      (a) => o.value = a
-    ), (a, s) => (r(), k(b(Le), {
+      (l) => o.value = l
+    ), (l, s) => (r(), k(b(Le), {
       class: "q-text-field",
-      id: a.id,
+      id: l.id,
       label: e.label,
       size: e.size,
       readonly: e.readonly,
@@ -1438,8 +1436,8 @@ const jt = {
       required: e.required
     }, {
       default: D(() => [
-        ke(z("input", {
-          "onUpdate:modelValue": s[0] || (s[0] = (d) => l.value = d),
+        Oe(V("input", {
+          "onUpdate:modelValue": s[0] || (s[0] = (d) => a.value = d),
           class: "q-text-field__input",
           type: "text",
           required: e.required,
@@ -1447,10 +1445,10 @@ const jt = {
           readonly: e.readonly,
           disabled: e.disabled,
           maxlength: e.maxLength
-        }, null, 8, on), [
+        }, null, 8, an), [
           [
-            Fe,
-            l.value,
+            Re,
+            a.value,
             void 0,
             { lazy: !0 }
           ]
@@ -1459,7 +1457,7 @@ const jt = {
       _: 1
     }, 8, ["id", "label", "size", "readonly", "disabled", "required"]));
   }
-}), yn = $(ln), an = ["innerHTML"], sn = { key: 1 }, rn = /* @__PURE__ */ w({
+}), yn = $(ln), sn = ["innerHTML"], rn = { key: 1 }, dn = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "QTooltip",
   props: {
@@ -1477,7 +1475,7 @@ const jt = {
   },
   setup(t) {
     const n = t;
-    return (e, o) => (r(), k(b(se), {
+    return (e, o) => (r(), k(b(de), {
       "model-value": n.modelValue,
       anchor: n.anchor,
       appearance: n.appearance,
@@ -1490,38 +1488,48 @@ const jt = {
       trigger: n.trigger
     }, {
       default: D(() => [
-        n.html ? (r(), u("span", {
+        n.html ? (r(), f("span", {
           key: 0,
           innerHTML: n.text
-        }, null, 8, an)) : (r(), u("span", sn, C(n.text), 1))
+        }, null, 8, sn)) : (r(), f("span", rn, C(n.text), 1))
       ]),
       _: 1
     }, 8, ["model-value", "anchor", "appearance", "arrow", "attach", "delay", "disabled", "placement", "trigger"]));
   }
-}), vn = $(rn);
+}), bn = $(dn), gn = {
+  mounted(t, n) {
+    t.clickOutsideEvent = function(e) {
+      const o = e.target;
+      n.arg ? t === o || t.contains(o) || o.closest(n.arg) || n.value(e, t) : t === o || t.contains(o) || n.value(e, t);
+    }, document.addEventListener("click", t.clickOutsideEvent);
+  },
+  unmounted(t) {
+    document.removeEventListener("click", t.clickOutsideEvent);
+  }
+};
 export {
-  nt as QButton,
+  ot as QButton,
   lt as QButtonGroup,
-  fn as QButtonToggle,
+  pn as QButtonToggle,
   Le as QField,
-  N as QIcon,
-  wt as QIconFont,
-  $t as QIconImg,
-  St as QIconSvg,
-  pn as QLineLoader,
+  W as QIcon,
+  $t as QIconFont,
+  St as QIconImg,
+  qt as QIconSvg,
+  mn as QLineLoader,
   Ot as QList,
-  Ft as QListItem,
-  Rt as QListItemGroup,
-  se as QOverlay,
-  mn as QPopover,
-  hn as QSelect,
-  xe as QSpinnerLoader,
+  Rt as QListItem,
+  Mt as QListItemGroup,
+  de as QOverlay,
+  hn as QPopover,
+  vn as QSelect,
+  Be as QSpinnerLoader,
   yn as QTextField,
-  vn as QTooltip,
-  jt as clickOutside,
-  un as createFramework,
-  He as defaultDarkColorScheme,
-  fe as defaultLightColorScheme,
-  cn as useTheme
+  bn as QTooltip,
+  gn as clickOutside,
+  fn as createFramework,
+  Ue as defaultDarkColorScheme,
+  pe as defaultLightColorScheme,
+  un as useTheme
 };
 //# sourceMappingURL=ui.esm.js.map