@quidgest/ui 0.7.9 → 0.7.10

package/dist/ui.esm.js

@@ -1,54 +1,54 @@
-import { getCurrentInstance as Ve, computed as _, ref as I, provide as He, inject as De, watch as z, defineComponent as x, openBlock as c, createElementBlock as m, normalizeStyle as se, createElementVNode as H, normalizeClass as K, withModifiers as J, createVNode as ee, unref as b, createCommentVNode as S, Fragment as P, createTextVNode as de, toDisplayString as U, renderSlot as h, toRef as pe, createBlock as L, withCtx as q, renderList as ve, resolveDynamicComponent as Ee, h as $e, normalizeProps as ue, mergeProps as le, reactive as Ke, onBeforeUnmount as We, onMounted as Te, Teleport as Ge, Transition as je, nextTick as Z, createSlots as be, withDirectives as Xe, vModelDynamic as Ye, useAttrs as Pe, guardReactiveProps as he } from "vue";
-function ye(t) {
+import { getCurrentInstance as De, computed as g, ref as q, provide as Ke, inject as Ee, watch as A, defineComponent as B, openBlock as c, createElementBlock as m, normalizeStyle as se, createElementVNode as K, normalizeClass as W, withModifiers as ee, createVNode as te, unref as b, createCommentVNode as S, Fragment as P, createTextVNode as de, toDisplayString as U, renderSlot as h, toRef as me, createBlock as L, withCtx as $, renderList as he, resolveDynamicComponent as Te, h as Ie, normalizeProps as ue, mergeProps as le, reactive as We, onBeforeUnmount as Ge, onMounted as ze, Teleport as je, Transition as Xe, nextTick as J, createSlots as ge, withDirectives as Ye, vModelDynamic as Pe, useAttrs as Ze, guardReactiveProps as ye } from "vue";
+function be(t) {
   return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
 }
-function Ie(t) {
+function qe(t) {
   return t !== null && typeof t == "object" && !Array.isArray(t);
 }
-function ze(t = {}, n = {}) {
+function Ae(t = {}, n = {}) {
   const o = {};
   for (const e in t)
     o[e] = t[e];
   for (const e in n) {
-    const a = t[e], l = n[e];
-    if (Ie(a) && Ie(l)) {
-      o[e] = ze(
-        a,
-        l
+    const l = t[e], a = n[e];
+    if (qe(l) && qe(a)) {
+      o[e] = Ae(
+        l,
+        a
       );
       continue;
     }
-    o[e] = l;
+    o[e] = a;
   }
   return o;
 }
-const ge = "q-defaults";
-function Ze() {
-  const t = Ve();
+const _e = "q-defaults";
+function Je() {
+  const t = De();
   if (!t)
     throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
   const n = t.type.name ?? t.type.__name;
   if (!n)
     throw new Error("[Quidgest UI] Could not determine component name");
-  const o = Ce();
-  return _(() => {
+  const o = Fe();
+  return g(() => {
     var e;
     return (e = o.value) == null ? void 0 : e[n];
   });
 }
-function Ae(t) {
-  if (ye(t))
+function Ce(t) {
+  if (be(t))
     return;
-  const n = Ce(), o = I(t), e = _(() => ye(o.value) ? n.value : ze(n.value, o.value));
-  He(ge, e);
+  const n = Fe(), o = q(t), e = g(() => be(o.value) ? n.value : Ae(n.value, o.value));
+  Ke(_e, e);
 }
-function Ce() {
-  const t = De(ge, void 0);
+function Fe() {
+  const t = Ee(_e, void 0);
   if (!t)
     throw new Error("[Quidgest UI] Could not find defaults instance");
   return t;
 }
-const qe = {
+const Se = {
   primary: "#00a1f8",
   primaryLight: "#e5f6ff",
   primaryDark: "#0079ba",
@@ -78,7 +78,7 @@ const qe = {
   onWarning: "#fff",
   onDanger: "#fff",
   onInfo: "#fff"
-}, Je = {
+}, et = {
   primary: "#018BD2",
   primaryLight: "#cce7f6",
   primaryDark: "#006fac",
@@ -109,132 +109,132 @@ const qe = {
   onDanger: "#fff",
   onInfo: "#fff"
 };
-function Fe(t) {
+function Qe(t) {
   if (!/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t))
     throw new Error("Invalid color format");
   t.length === 4 && (t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
   const n = parseInt(t.slice(1, 3), 16), o = parseInt(t.slice(3, 5), 16), e = parseInt(t.slice(5, 7), 16);
   return { r: n, g: o, b: e };
 }
-function et(t, n) {
+function tt(t, n) {
   if (n < 0 || n > 100)
     throw new Error("Amount must be in the range [0, 100]");
   if (n === 0)
     return t;
-  const o = Qe(t), e = n / 100;
-  return o.l = o.l + e * (100 - o.l), Re(o);
+  const o = Re(t), e = n / 100;
+  return o.l = o.l + e * (100 - o.l), Oe(o);
 }
-function tt(t, n) {
+function nt(t, n) {
   if (n < 0 || n > 100)
     throw new Error("Amount must be in the range [0, 100]");
   if (n === 0)
     return t;
-  const o = Qe(t), e = n / 100;
-  return o.l = o.l - e * o.l, Re(o);
+  const o = Re(t), e = n / 100;
+  return o.l = o.l - e * o.l, Oe(o);
 }
-function Se(t) {
+function Le(t) {
   const n = t.r.toString(16).padStart(2, "0"), o = t.g.toString(16).padStart(2, "0"), e = t.b.toString(16).padStart(2, "0");
   return `#${n}${o}${e}`;
 }
-function Qe(t) {
-  const n = t.r / 255, o = t.g / 255, e = t.b / 255, a = Math.max(n, o, e), l = Math.min(n, o, e);
-  let r = 0, d;
-  const f = (a + l) / 2;
-  if (a === l)
-    r = d = 0;
+function Re(t) {
+  const n = t.r / 255, o = t.g / 255, e = t.b / 255, l = Math.max(n, o, e), a = Math.min(n, o, e);
+  let d = 0, r;
+  const p = (l + a) / 2;
+  if (l === a)
+    d = r = 0;
   else {
-    const u = a - l;
-    switch (d = f > 0.5 ? u / (2 - a - l) : u / (a + l), a) {
+    const u = l - a;
+    switch (r = p > 0.5 ? u / (2 - l - a) : u / (l + a), l) {
       case n:
-        r = (o - e) / u + (o < e ? 6 : 0);
+        d = (o - e) / u + (o < e ? 6 : 0);
         break;
       case o:
-        r = (e - n) / u + 2;
+        d = (e - n) / u + 2;
         break;
       case e:
-        r = (n - o) / u + 4;
+        d = (n - o) / u + 4;
         break;
     }
-    r /= 6;
+    d /= 6;
   }
   return {
-    h: Math.round(r * 360),
-    s: Math.round(d * 100),
-    l: Math.round(f * 100)
+    h: Math.round(d * 360),
+    s: Math.round(r * 100),
+    l: Math.round(p * 100)
   };
 }
-function Re(t) {
+function Oe(t) {
   const n = t.h / 360, o = t.s / 100, e = t.l / 100;
-  let a, l, r;
+  let l, a, d;
   if (o === 0)
-    a = l = r = e;
+    l = a = d = e;
   else {
-    const d = e < 0.5 ? e * (1 + o) : e + o - e * o, f = 2 * e - d;
-    a = me(f, d, n + 1 / 3), l = me(f, d, n), r = me(f, d, n - 1 / 3);
+    const r = e < 0.5 ? e * (1 + o) : e + o - e * o, p = 2 * e - r;
+    l = ve(p, r, n + 1 / 3), a = ve(p, r, n), d = ve(p, r, n - 1 / 3);
   }
   return {
-    r: Math.round(a * 255),
-    g: Math.round(l * 255),
-    b: Math.round(r * 255)
+    r: Math.round(l * 255),
+    g: Math.round(a * 255),
+    b: Math.round(d * 255)
   };
 }
-function me(t, n, o) {
+function ve(t, n, o) {
   return o < 0 && (o += 1), o > 1 && (o -= 1), o < 1 / 6 ? t + (n - t) * 6 * o : o < 1 / 2 ? n : o < 2 / 3 ? t + (n - t) * (2 / 3 - o) * 6 : t;
 }
 const ce = "q-theme";
 function xn() {
-  const t = De(ce);
+  const t = Ee(ce);
   if (!t)
     throw new Error("[Quidgest UI] Could not find theme instance");
   return t;
 }
-function nt(t, n) {
+function ot(t, n) {
   let o = null;
   if (n)
     for (const e of n.themes) {
-      const a = e.mode === "light" ? qe : Je;
+      const l = e.mode === "light" ? Se : et;
       if (e.colors) {
-        let l;
-        for (l in e.colors) {
-          const r = e.colors[l];
-          if (r && !l.startsWith("on") && !l.endsWith("Light") && !l.endsWith("Dark")) {
-            const d = Fe(r), f = `${l}Light`, u = `${l}Dark`;
-            f in e.colors || (e.colors[f] = Se(et(d, 85))), u in e.colors || (e.colors[u] = Se(tt(d, 25)));
+        let a;
+        for (a in e.colors) {
+          const d = e.colors[a];
+          if (d && !a.startsWith("on") && !a.endsWith("Light") && !a.endsWith("Dark")) {
+            const r = Qe(d), p = `${a}Light`, u = `${a}Dark`;
+            p in e.colors || (e.colors[p] = Le(tt(r, 85))), u in e.colors || (e.colors[u] = Le(nt(r, 25)));
           }
         }
       }
-      e.colors = ot(a, e.colors), e.name === n.defaultTheme && (o = e);
+      e.colors = lt(l, e.colors), e.name === n.defaultTheme && (o = e);
     }
   else {
     const e = "default";
     o = {
       name: e,
       mode: "light",
-      colors: qe
+      colors: Se
     }, n = {
       defaultTheme: e,
       themes: [o]
     };
   }
   if (o) {
-    const e = I({
+    const e = q({
       activeTheme: o.name,
       themes: n.themes
     });
-    z(
+    A(
       () => e.value.activeTheme,
-      (a) => {
-        const l = e.value.themes.find((r) => r.name === a);
-        l && lt(l.colors);
+      (l) => {
+        const a = e.value.themes.find((d) => d.name === l);
+        a && at(a.colors);
       },
       { immediate: !0 }
     ), t.provide(ce, e);
   }
 }
-function ot(t, n = {}) {
+function lt(t, n = {}) {
   return { ...t, ...n };
 }
-function lt(t) {
+function at(t) {
   let n = document.getElementById(
     ce
   );
@@ -242,34 +242,34 @@ function lt(t) {
   let o = `:root {
 `, e;
   for (e in t) {
-    const a = t[e];
-    if (a) {
-      o += `  ${Le(e)}: ${a};
+    const l = t[e];
+    if (l) {
+      o += `  ${Be(e)}: ${l};
 `;
-      const l = Fe(a);
-      o += `  ${Le(e)}-rgb: ${l.r} ${l.g} ${l.b};
+      const a = Qe(l);
+      o += `  ${Be(e)}-rgb: ${a.r} ${a.g} ${a.b};
 `;
     }
   }
   o += "}", n.textContent = o;
 }
-function Le(t) {
+function Be(t) {
   return t ? `--q-theme-${t.replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase()}` : "";
 }
-function Bn(t = {}) {
+function Vn(t = {}) {
   return { install: (o) => {
     const e = t.components || {};
-    for (const r in e)
-      o.component(r, e[r]);
-    const a = t.directives || {};
-    for (const r in a)
-      o.directive(r, a[r]);
-    const l = t.defaults || {};
-    o.provide(ge, I(l)), nt(o, t.themes);
+    for (const d in e)
+      o.component(d, e[d]);
+    const l = t.directives || {};
+    for (const d in l)
+      o.directive(d, l[d]);
+    const a = t.defaults || {};
+    o.provide(_e, q(a)), ot(o, t.themes);
   } };
 }
-const at = /* @__PURE__ */ H("svg", { viewBox: "25 25 50 50" }, [
-  /* @__PURE__ */ H("circle", {
+const st = /* @__PURE__ */ K("svg", { viewBox: "25 25 50 50" }, [
+  /* @__PURE__ */ K("circle", {
     class: "path",
     cx: "50",
     cy: "50",
@@ -279,50 +279,50 @@ const at = /* @__PURE__ */ H("svg", { viewBox: "25 25 50 50" }, [
     "stroke-width": "5",
     "stroke-miterlimit": "10"
   })
-], -1), st = [
-  at
-], it = /* @__PURE__ */ x({
+], -1), it = [
+  st
+], rt = /* @__PURE__ */ B({
   __name: "QSpinnerLoader",
   props: {
     size: { default: 48 }
   },
   setup(t) {
-    const n = t, o = _(() => ({
+    const n = t, o = g(() => ({
       "font-size": n.size !== 48 ? `${n.size}px` : void 0
     }));
-    return (e, a) => (c(), m("div", {
+    return (e, l) => (c(), m("div", {
       class: "q-spinner-loader",
       style: se(o.value)
-    }, st, 4));
+    }, it, 4));
   }
 });
-function rt(t, n) {
+function dt(t, n) {
   var o;
   return typeof ((o = t.props) == null ? void 0 : o[n]) < "u";
 }
-function B(t) {
+function x(t) {
   const n = t.setup;
   return n && (t.setup = (o, e) => {
-    const a = Ze();
-    if (ye(a.value))
+    const l = Je();
+    if (be(l.value))
       return n(o, e);
-    const l = Ve();
-    if (l === null)
+    const a = De();
+    if (a === null)
       return n(o, e);
-    const r = new Proxy(o, {
-      get(d, f) {
-        var g;
-        const u = Reflect.get(d, f), y = (g = a.value) == null ? void 0 : g[f];
-        return typeof f == "string" && !rt(l.vnode, f) ? y ?? u : u;
+    const d = new Proxy(o, {
+      get(r, p) {
+        var v;
+        const u = Reflect.get(r, p), k = (v = l.value) == null ? void 0 : v[p];
+        return typeof p == "string" && !dt(a.vnode, p) ? k ?? u : u;
       }
     });
-    return n(r, e);
+    return n(d, e);
   }), t;
 }
-const _e = B(it), dt = ["disabled"], ut = {
+const ke = x(rt), ut = ["disabled"], ct = {
   key: 0,
   class: "q-btn__spinner"
-}, ct = { class: "q-btn__content" }, ft = /* @__PURE__ */ x({
+}, ft = { class: "q-btn__content" }, pt = /* @__PURE__ */ B({
   __name: "QButton",
   props: {
     active: { type: Boolean },
@@ -338,16 +338,16 @@ const _e = B(it), dt = ["disabled"], ut = {
   },
   emits: ["click"],
   setup(t, { emit: n }) {
-    const o = n, e = t, a = _(() => e.disabled || e.loading);
-    function l(d) {
-      a.value || o("click", d);
+    const o = n, e = t, l = g(() => e.disabled || e.loading);
+    function a(r) {
+      l.value || o("click", r);
     }
-    const r = _(() => {
-      const d = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
+    const d = g(() => {
+      const r = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
       return [
         "q-btn",
         `q-btn--${e.bStyle}`,
-        d,
+        r,
         {
           "q-btn--active": e.active,
           "q-btn--borderless": e.borderless,
@@ -357,27 +357,27 @@ const _e = B(it), dt = ["disabled"], ut = {
         }
       ];
     });
-    return (d, f) => (c(), m("button", {
+    return (r, p) => (c(), m("button", {
       type: "button",
-      class: K(r.value),
-      disabled: a.value,
-      onClick: J(l, ["stop", "prevent"])
+      class: W(d.value),
+      disabled: l.value,
+      onClick: ee(a, ["stop", "prevent"])
     }, [
-      d.loading ? (c(), m("div", ut, [
-        ee(b(_e), { size: 23 })
+      r.loading ? (c(), m("div", ct, [
+        te(b(ke), { size: 23 })
       ])) : S("", !0),
-      H("span", ct, [
-        d.iconOnRight ? (c(), m(P, { key: 0 }, [
+      K("span", ft, [
+        r.iconOnRight ? (c(), m(P, { key: 0 }, [
           de(U(e.label), 1)
         ], 64)) : S("", !0),
-        h(d.$slots, "default"),
-        d.iconOnRight ? S("", !0) : (c(), m(P, { key: 1 }, [
+        h(r.$slots, "default"),
+        r.iconOnRight ? S("", !0) : (c(), m(P, { key: 1 }, [
           de(U(e.label), 1)
         ], 64))
       ])
-    ], 10, dt));
+    ], 10, ut));
   }
-}), pt = B(ft), mt = /* @__PURE__ */ x({
+}), mt = x(pt), vt = /* @__PURE__ */ B({
   __name: "QButtonGroup",
   props: {
     bStyle: { default: void 0 },
@@ -387,27 +387,27 @@ const _e = B(it), dt = ["disabled"], ut = {
   },
   setup(t) {
     const n = t;
-    Ae({
+    Ce({
       QButton: {
-        bStyle: pe(n, "bStyle"),
-        disabled: pe(n, "disabled"),
-        borderless: pe(n, "borderless"),
+        bStyle: me(n, "bStyle"),
+        disabled: me(n, "disabled"),
+        borderless: me(n, "borderless"),
         elevated: !1
       }
     });
-    const o = _(() => [
+    const o = g(() => [
       "q-btn-group",
       {
         "q-btn-group--elevated": n.elevated
       }
     ]);
-    return (e, a) => (c(), m("div", {
-      class: K(o.value)
+    return (e, l) => (c(), m("div", {
+      class: W(o.value)
     }, [
       h(e.$slots, "default")
     ], 2));
   }
-}), vt = B(mt), ht = /* @__PURE__ */ x({
+}), ht = x(vt), yt = /* @__PURE__ */ B({
   __name: "QButtonToggle",
   props: {
     modelValue: {},
@@ -419,38 +419,38 @@ const _e = B(it), dt = ["disabled"], ut = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
-    const o = n, e = t, a = I(e.modelValue);
-    z(
+    const o = n, e = t, l = q(e.modelValue);
+    A(
       () => e.modelValue,
-      (d) => a.value = d
+      (r) => l.value = r
     );
-    const l = _({
+    const a = g({
       get() {
-        return a.value;
+        return l.value;
       },
-      set(d) {
-        a.value = d, o("update:modelValue", d);
+      set(r) {
+        l.value = r, o("update:modelValue", r);
       }
     });
-    function r(d) {
-      l.value === d.key && !e.mandatory ? l.value = void 0 : l.value = d.key;
+    function d(r) {
+      a.value === r.key && !e.mandatory ? a.value = void 0 : a.value = r.key;
     }
-    return (d, f) => (c(), L(b(vt), {
+    return (r, p) => (c(), L(b(ht), {
       "b-style": "secondary",
       disabled: e.disabled,
       borderless: e.borderless,
       elevated: e.elevated
     }, {
-      default: q(() => [
-        (c(!0), m(P, null, ve(e.options, (u) => (c(), L(b(pt), {
+      default: $(() => [
+        (c(!0), m(P, null, he(e.options, (u) => (c(), L(b(mt), {
           key: u.key,
           title: u.title,
           label: u.label,
-          active: l.value === u.key,
-          onClick: () => r(u)
+          active: a.value === u.key,
+          onClick: () => d(u)
         }, {
-          default: q(() => [
-            h(d.$slots, u.key)
+          default: $(() => [
+            h(r.$slots, u.key)
           ]),
           _: 2
         }, 1032, ["title", "label", "active", "onClick"]))), 128))
@@ -458,7 +458,7 @@ const _e = B(it), dt = ["disabled"], ut = {
       _: 3
     }, 8, ["disabled", "borderless", "elevated"]));
   }
-}), Vn = B(ht), yt = /* @__PURE__ */ x({
+}), Dn = x(yt), bt = /* @__PURE__ */ B({
   __name: "QIcon",
   props: {
     icon: {},
@@ -466,24 +466,24 @@ const _e = B(it), dt = ["disabled"], ut = {
     size: { default: void 0 }
   },
   setup(t) {
-    const n = t, o = _(() => {
+    const n = t, o = g(() => {
       switch (n.type) {
         case "svg":
-          return Lt;
+          return Bt;
         case "font":
-          return qt;
-        case "img":
           return St;
+        case "img":
+          return Lt;
         default:
           return;
       }
     });
-    return (e, a) => (c(), L(Ee(o.value), {
+    return (e, l) => (c(), L(Te(o.value), {
       icon: n.icon,
       size: n.size
     }, null, 8, ["icon", "size"]));
   }
-}), bt = /* @__PURE__ */ x({
+}), gt = /* @__PURE__ */ B({
   __name: "QIconFont",
   props: {
     icon: {},
@@ -492,31 +492,31 @@ const _e = B(it), dt = ["disabled"], ut = {
     size: { default: void 0 }
   },
   setup(t) {
-    const n = t, o = _(() => n.variant ? `${n.library}-${n.variant}` : n.library), e = _(() => n.library && n.icon ? `${n.library}-${n.icon}` : n.icon), a = _(() => ({
+    const n = t, o = g(() => n.variant ? `${n.library}-${n.variant}` : n.library), e = g(() => n.library && n.icon ? `${n.library}-${n.icon}` : n.icon), l = g(() => ({
       "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
-    return (l, r) => (c(), m("i", {
-      class: K(["q-icon", "q-icon__font", o.value, e.value]),
-      style: se(a.value)
+    return (a, d) => (c(), m("i", {
+      class: W(["q-icon", "q-icon__font", o.value, e.value]),
+      style: se(l.value)
     }, null, 6));
   }
-}), gt = ["src"], _t = /* @__PURE__ */ x({
+}), _t = ["src"], kt = /* @__PURE__ */ B({
   __name: "QIconImg",
   props: {
     icon: {},
     size: {}
   },
   setup(t) {
-    const n = t, o = _(() => ({
+    const n = t, o = g(() => ({
       "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
-    return (e, a) => (c(), m("img", {
+    return (e, l) => (c(), m("img", {
       src: n.icon,
       class: "q-icon q-icon__img",
       style: se(o.value)
-    }, null, 12, gt));
+    }, null, 12, _t));
   }
-}), ae = {}, kt = x({
+}), ae = {}, wt = B({
   name: "InlineSvg",
   emits: ["loaded", "unloaded", "error"],
   inheritAttrs: !1,
@@ -525,9 +525,9 @@ const _e = B(it), dt = ["disabled"], ut = {
       return null;
     const t = this.getSvgContent(this.svgElSource);
     if (!t)
-      return $e("div", this.$attrs);
+      return Ie("div", this.$attrs);
     const n = {};
-    return this.copySvgAttrs(n, this.svgElSource), this.copySvgAttrs(n, t), this.copyComponentAttrs(n, this.$attrs), n.innerHTML = t.innerHTML, $e("svg", n);
+    return this.copySvgAttrs(n, this.svgElSource), this.copySvgAttrs(n, t), this.copyComponentAttrs(n, this.$attrs), n.innerHTML = t.innerHTML, Ie("svg", n);
   },
   props: {
     src: {
@@ -572,7 +572,7 @@ const _e = B(it), dt = ["disabled"], ut = {
         e !== !1 && e !== null && e !== void 0 && (t[o] = e);
     },
     getSvgContent(t) {
-      return this.symbol && (t = t.getElementById(this.symbol), !t) ? null : (this.transformSource && (t = t.cloneNode(!0), t = this.transformSource(t)), this.title && (this.transformSource || (t = t.cloneNode(!0)), wt(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
@@ -580,7 +580,7 @@ const _e = B(it), dt = ["disabled"], ut = {
      */
     async getSource(t) {
       try {
-        ae[t] || (ae[t] = $t(this.download(t))), this.svgElSource && ae[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
+        ae[t] || (ae[t] = It(this.download(t))), this.svgElSource && ae[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
         const n = await ae[t];
         this.svgElSource = n, await this.$nextTick(), this.$emit("loaded", this.$el);
       } catch (n) {
@@ -596,10 +596,10 @@ const _e = B(it), dt = ["disabled"], ut = {
       const n = await fetch(t);
       if (!n.ok)
         throw new Error("Error loading SVG");
-      const o = await n.text(), l = new DOMParser().parseFromString(o, "text/xml").getElementsByTagName("svg")[0];
-      if (!l)
+      const o = await n.text(), a = new DOMParser().parseFromString(o, "text/xml").getElementsByTagName("svg")[0];
+      if (!a)
         throw new Error("Loaded file is not a valid SVG");
-      return l;
+      return a;
     }
   },
   watch: {
@@ -608,7 +608,7 @@ const _e = B(it), dt = ["disabled"], ut = {
     }
   }
 });
-function wt(t, n) {
+function $t(t, n) {
   const o = t.getElementsByTagName("title");
   if (o.length)
     o[0].textContent = n;
@@ -617,7 +617,7 @@ function wt(t, n) {
     e.textContent = n, t.insertBefore(e, t.firstChild);
   }
 }
-function $t(t) {
+function It(t) {
   if (t.getIsPending)
     return t;
   let n = !0;
@@ -629,7 +629,7 @@ function $t(t) {
   );
   return o.getIsPending = () => n, o;
 }
-const It = /* @__PURE__ */ x({
+const qt = /* @__PURE__ */ B({
   __name: "QIconSvg",
   props: {
     icon: {},
@@ -638,25 +638,25 @@ const It = /* @__PURE__ */ x({
   },
   emits: ["loaded", "unloaded"],
   setup(t, { emit: n }) {
-    const o = n, e = t, a = _(() => ({
+    const o = n, e = t, l = g(() => ({
       "font-size": e.size !== void 0 ? `${e.size}px` : void 0
     }));
-    function l(d) {
-      o("loaded", d);
+    function a(r) {
+      o("loaded", r);
     }
-    function r() {
+    function d() {
       o("unloaded");
     }
-    return (d, f) => (c(), L(b(kt), {
+    return (r, p) => (c(), L(b(wt), {
       class: "q-icon q-icon__svg",
       src: e.bundle,
       symbol: e.icon,
-      style: se(a.value),
-      onLoaded: l,
-      onUnloaded: r
+      style: se(l.value),
+      onLoaded: a,
+      onUnloaded: d
     }, null, 8, ["src", "symbol", "style"]));
   }
-}), Y = B(yt), qt = B(bt), St = B(_t), Lt = B(It), xt = /* @__PURE__ */ x({
+}), Y = x(bt), St = x(gt), Lt = x(kt), Bt = x(qt), xt = /* @__PURE__ */ B({
   __name: "QList",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -669,159 +669,164 @@ const It = /* @__PURE__ */ x({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: n, emit: o }) {
-    const e = o, a = t, l = I(a.modelValue), r = I(!1), d = _(() => f.value.length > 1 ? "div" : "ul"), f = _(() => a.groups.length ? a.groups : [{ title: "" }]), u = I(null);
-    function y(s) {
-      l.value = s, e("update:modelValue", s);
+    const e = o, l = t, a = q(l.modelValue), d = q(!1), r = g(() => p.value.length > 1 ? "div" : "ul"), p = g(() => l.groups.length ? l.groups : [{ id: "", title: "" }]), u = q(null);
+    function k(s) {
+      a.value = s, e("update:modelValue", s);
     }
-    function g() {
-      r.value = !0;
+    function v() {
+      d.value = !0;
     }
-    function F() {
-      r.value = !1;
+    function Q() {
+      d.value = !1;
     }
-    function A(s) {
-      var $;
-      if (($ = u.value) != null && $.contains(s.relatedTarget))
+    function N(s) {
+      var w;
+      if ((w = u.value) != null && w.contains(s.relatedTarget))
         return;
-      let p;
-      l.value ? p = a.items.findIndex((ne) => ne[a.itemValue] === l.value) : p = R();
-      const w = r.value;
-      O(p, w);
+      let f;
+      a.value ? f = l.items.findIndex((oe) => oe[l.itemValue] === a.value) : f = R();
+      const I = d.value;
+      C(f, I);
     }
-    function Q(s) {
+    function z(s) {
       switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && s.preventDefault(), s.key) {
         case "ArrowDown":
-          T("next");
+          E("next");
           break;
         case "ArrowUp":
-          T("prev");
+          E("prev");
           break;
         case "Home":
-          T("first");
+          E("first");
           break;
         case "End":
-          T("last");
+          E("last");
           break;
       }
     }
-    function T(s) {
+    function E(s) {
       switch (s) {
         case "next":
         case "prev":
-          O(W(s));
+          C(G(s));
           break;
         case "first":
-          O(R());
+          C(R());
           break;
         case "last":
-          O(C());
+          C(F());
           break;
       }
     }
-    function O(s, p = !1) {
-      var $;
-      ($ = E().at(s)) == null || $.focus({ preventScroll: p });
+    function C(s, f = !1) {
+      var w;
+      (w = D()[s]) == null || w.focus({ preventScroll: f });
     }
-    function E() {
-      var p;
-      const s = (p = u.value) == null ? void 0 : p.querySelectorAll("li");
+    function D() {
+      var f;
+      const s = (f = u.value) == null ? void 0 : f.querySelectorAll("li");
       return s ? Array.from(s) : [];
     }
-    function X(s) {
-      return E().at(s);
+    function Z(s) {
+      return D()[s];
     }
-    function N() {
-      return E().indexOf(document.activeElement);
+    function H() {
+      return D().indexOf(document.activeElement);
     }
     function R() {
-      const s = E(), p = s.find((w) => v(w));
-      return p ? s.indexOf(p) : -1;
+      const s = D(), f = s.find((I) => y(I));
+      return f ? s.indexOf(f) : -1;
     }
-    function C() {
-      const s = E(), p = [...s].reverse().find((w) => v(w));
-      return p ? s.indexOf(p) : -1;
+    function F() {
+      const s = D(), f = [...s].reverse().find((I) => y(I));
+      return f ? s.indexOf(f) : -1;
     }
-    function M(s, p, w) {
-      return p === "prev" && s === 0 || p === "next" && s === w.length - 1;
+    function O(s, f, I) {
+      return f === "prev" && s === 0 || f === "next" && s === I.length - 1;
     }
-    function W(s) {
-      const p = N();
-      return G(p, s);
+    function G(s) {
+      const f = H();
+      return M(f, s);
     }
-    function G(s, p) {
-      const w = E();
-      if (M(s, p, w))
+    function M(s, f) {
+      const I = D();
+      if (O(s, f, I))
         return s;
-      let $ = s + (p === "next" ? 1 : -1);
-      for (; !v(w[$]); ) {
-        if (M($, p, w))
+      let w = s + (f === "next" ? 1 : -1);
+      for (; !y(I[w]); ) {
+        if (O(w, f, I))
           return s;
-        $ += p === "next" ? 1 : -1;
+        w += f === "next" ? 1 : -1;
       }
-      return $;
+      return w;
     }
-    function v(s) {
+    function y(s) {
       return s.tabIndex === -2;
     }
-    function V(s) {
-      return s ? a.items.filter((p) => p.group === s) : a.items;
+    function T(s) {
+      return s ? l.items.filter((f) => f.group === s) : l.items;
     }
-    return z(
-      () => a.modelValue,
+    return A(
+      () => l.modelValue,
       (s) => {
-        l.value = s;
+        a.value = s;
       }
     ), n({
-      focusItem: O,
-      getItem: X,
-      getAdjacentItemIndex: G,
+      focusItem: C,
+      getItem: Z,
+      getAdjacentItemIndex: M,
       getFirstFocusableItemIndex: R,
-      getLastFocusableItemIndex: C
-    }), (s, p) => (c(), L(Ee(d.value), {
+      getLastFocusableItemIndex: F
+    }), (s, f) => (c(), L(Te(r.value), {
       ref_key: "listRef",
       ref: u,
-      class: K(["q-list", { "q-list--disabled": a.disabled }]),
+      class: W(["q-list", { "q-list--disabled": l.disabled }]),
       role: "listbox",
-      tabindex: a.disabled ? -1 : 0,
-      onFocus: A,
-      onMousedown: g,
-      onMouseup: F,
-      onKeydown: Q
+      tabindex: l.disabled ? -1 : 0,
+      onFocus: N,
+      onMousedown: v,
+      onMouseup: Q,
+      onKeydown: z
     }, {
-      default: q(() => [
-        (c(!0), m(P, null, ve(f.value, (w) => (c(), L(b(Qt), {
-          key: w.id,
-          title: w.title,
-          disabled: w.disabled
+      default: $(() => [
+        (c(!0), m(P, null, he(p.value, (I) => (c(), L(b(Rt), {
+          key: I.id,
+          title: I.title,
+          disabled: I.disabled
         }, {
-          default: q(() => [
-            (c(!0), m(P, null, ve(V(w.id), ($) => (c(), L(b(Ft), {
-              key: $[a.itemValue],
-              value: $[a.itemValue],
-              label: $[a.itemLabel],
-              icon: $.icon,
-              disabled: a.disabled || $.disabled,
-              highlighted: a.highlighted === $[a.itemValue],
-              selected: l.value === $[a.itemValue],
-              onSelect: y
-            }, null, 8, ["value", "label", "icon", "disabled", "highlighted", "selected"]))), 128))
+          default: $(() => [
+            (c(!0), m(P, null, he(T(I.id), (w) => (c(), L(b(Qt), {
+              key: w[l.itemValue],
+              value: w[l.itemValue],
+              label: w[l.itemLabel],
+              icon: w.icon,
+              disabled: l.disabled || w.disabled,
+              highlighted: l.highlighted === w[l.itemValue],
+              selected: a.value === w[l.itemValue],
+              onSelect: k
+            }, {
+              default: $(() => [
+                h(s.$slots, "item", { item: w })
+              ]),
+              _: 2
+            }, 1032, ["value", "label", "icon", "disabled", "highlighted", "selected"]))), 128))
           ]),
           _: 2
         }, 1032, ["title", "disabled"]))), 128))
       ]),
-      _: 1
+      _: 3
     }, 40, ["class", "tabindex"]));
   }
 });
-let Bt = 0;
-function te() {
-  return `uid-${++Bt}`;
+let Vt = 0;
+function ne() {
+  return `uid-${++Vt}`;
 }
-const Vt = ["id", "tabindex", "aria-label", "aria-selected"], Dt = { class: "q-list-item__check-container" }, Et = {
+const Dt = ["id", "tabindex", "aria-label", "aria-selected"], Et = { class: "q-list-item__check-container" }, Tt = {
   check: {
     icon: "check"
   }
-}, Tt = /* @__PURE__ */ x({
+}, zt = /* @__PURE__ */ B({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
@@ -829,23 +834,23 @@ const Vt = ["id", "tabindex", "aria-label", "aria-selected"], Dt = { class: "q-l
     icon: { default: void 0 },
     selected: { type: Boolean },
     highlighted: { type: Boolean },
-    icons: { default: () => Et },
+    icons: { default: () => Tt },
     disabled: { type: Boolean }
   },
   emits: ["select"],
   setup(t, { emit: n }) {
-    const o = n, e = t, a = te();
-    function l() {
+    const o = n, e = t, l = ne();
+    function a() {
       e.disabled || o("select", e.value);
     }
-    function r(d) {
-      d.key === "Tab" && l(), (d.key === "Enter" || d.key === " ") && (d.preventDefault(), d.stopPropagation(), l());
+    function d(r) {
+      r.key === "Tab" && a(), (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.stopPropagation(), a());
     }
-    return (d, f) => (c(), m("li", {
-      id: b(a),
+    return (r, p) => (c(), m("li", {
+      id: b(l),
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
-      class: K([
+      class: W([
         "q-list-item",
         {
           "q-list-item--disabled": e.disabled,
@@ -855,25 +860,27 @@ const Vt = ["id", "tabindex", "aria-label", "aria-selected"], Dt = { class: "q-l
       ]),
       "aria-label": e.label,
       "aria-selected": e.disabled ? void 0 : e.selected,
-      onKeydown: r,
-      onClick: J(l, ["stop", "prevent"])
+      onKeydown: d,
+      onClick: ee(a, ["stop", "prevent"])
     }, [
-      e.icon ? (c(), L(b(Y), ue(le({ key: 0 }, e.icon)), null, 16)) : S("", !0),
-      de(" " + U(e.label) + " ", 1),
-      H("div", Dt, [
-        e.selected ? (c(), L(b(Y), le({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : S("", !0)
+      h(r.$slots, "default", {}, () => [
+        e.icon ? (c(), L(b(Y), ue(le({ key: 0 }, e.icon)), null, 16)) : S("", !0),
+        de(" " + U(e.label) + " ", 1),
+        K("div", Et, [
+          e.selected ? (c(), L(b(Y), le({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : S("", !0)
+        ])
       ])
-    ], 42, Vt));
+    ], 42, Dt));
   }
-}), zt = ["aria-labelledby"], At = ["id"], Ct = /* @__PURE__ */ x({
+}), At = ["aria-labelledby"], Ct = ["id"], Ft = /* @__PURE__ */ B({
   __name: "QListItemGroup",
   props: {
     title: { default: "" },
     disabled: { type: Boolean }
   },
   setup(t) {
-    const n = t, o = te();
-    return (e, a) => (c(), m("ul", {
+    const n = t, o = ne();
+    return (e, l) => (c(), m("ul", {
       class: "q-list-item-group",
       role: "group",
       "aria-labelledby": n.title ? b(o) : void 0
@@ -883,75 +890,75 @@ const Vt = ["id", "tabindex", "aria-label", "aria-selected"], Dt = { class: "q-l
         id: b(o),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, U(n.title), 9, At)) : S("", !0),
+      }, U(n.title), 9, Ct)) : S("", !0),
       h(e.$slots, "default")
-    ], 8, zt));
+    ], 8, At));
   }
-}), Oe = B(xt), Ft = B(Tt), Qt = B(Ct);
-function Rt(t, n, o = "right", e) {
-  const a = t.getBoundingClientRect(), l = a.x + window.scrollX, r = a.y + window.scrollY, d = n == null ? void 0 : n.getBoundingClientRect(), f = (d == null ? void 0 : d.width) ?? 0, u = (d == null ? void 0 : d.height) ?? 0;
-  let y = o;
-  d && !Me(a, d, y) && (y = Ot(a, d, y));
-  const g = { x: 0, y: 0, placement: y };
-  switch (y) {
+}), Me = x(xt), Qt = x(zt), Rt = x(Ft);
+function Ot(t, n, o = "right", e) {
+  const l = t.getBoundingClientRect(), a = l.x + window.scrollX, d = l.y + window.scrollY, r = n == null ? void 0 : n.getBoundingClientRect(), p = (r == null ? void 0 : r.width) ?? 0, u = (r == null ? void 0 : r.height) ?? 0;
+  let k = o;
+  r && !Ue(l, r, k) && (k = Mt(l, r, k));
+  const v = { x: 0, y: 0, placement: k };
+  switch (k) {
     case "top":
-      e === "anchor" ? g.x = l : g.x = l + (a.width - f) / 2, g.y = r - u;
+      e === "anchor" ? v.x = a : v.x = a + (l.width - p) / 2, v.y = d - u;
       break;
     case "bottom":
-      e === "anchor" ? g.x = l : g.x = l + (a.width - f) / 2, g.y = r + a.height;
+      e === "anchor" ? v.x = a : v.x = a + (l.width - p) / 2, v.y = d + l.height;
       break;
     case "left":
-      g.x = l - f, g.y = r + a.height / 2 - u / 2;
+      v.x = a - p, v.y = d + l.height / 2 - u / 2;
       break;
     case "right":
-      g.x = l + a.width, g.y = r + a.height / 2 - u / 2;
+      v.x = a + l.width, v.y = d + l.height / 2 - u / 2;
       break;
   }
-  return e === "anchor" && a.width >= f && (g.width = a.width), g;
+  return e === "anchor" && l.width >= p && (v.width = l.width), v;
 }
-function Me(t, n, o) {
-  let e = !1, a = !1;
+function Ue(t, n, o) {
+  let e = !1, l = !1;
   switch (o) {
     case "top":
-      e = Be(t, n), a = t.top > n.height;
+      e = Ve(t, n), l = t.top > n.height;
       break;
     case "bottom":
-      e = Be(t, n), a = window.innerHeight - t.top - t.height > n.height;
+      e = Ve(t, n), l = window.innerHeight - t.top - t.height > n.height;
       break;
     case "left":
-      e = t.left > n.width, a = xe(t, n);
+      e = t.left > n.width, l = xe(t, n);
       break;
     case "right":
-      e = window.innerWidth - t.left - t.width > n.width, a = xe(t, n);
+      e = window.innerWidth - t.left - t.width > n.width, l = xe(t, n);
       break;
   }
-  return e && a;
+  return e && l;
 }
 function xe(t, n) {
   return window.innerHeight - t.top - t.height / 2 > n.height / 2 && t.top + t.height / 2 > n.height / 2;
 }
-function Be(t, n) {
+function Ve(t, n) {
   return window.innerWidth - t.left - t.width / 2 > n.width / 2 && t.left + t.width / 2 > n.width / 2;
 }
-function Ot(t, n, o) {
+function Mt(t, n, o) {
   const e = {
     top: ["bottom", "left", "right"],
     bottom: ["top", "left", "right"],
     left: ["right", "top", "bottom"],
     right: ["left", "top", "bottom"]
   };
-  for (const a of e[o])
-    if (Me(t, n, a))
-      return a;
+  for (const l of e[o])
+    if (Ue(t, n, l))
+      return l;
   return o;
 }
 function re(t) {
   return typeof t == "string" ? document.querySelector(t) : t && "$el" in t ? t.$el : t;
 }
-const Mt = {
+const Ut = {
   key: 0,
   class: "q-overlay__arrow"
-}, Ut = /* @__PURE__ */ x({
+}, Nt = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QOverlay",
   props: {
@@ -972,93 +979,93 @@ const Mt = {
   },
   emits: ["enter", "leave"],
   setup(t, { emit: n }) {
-    const o = n, e = t, a = _(() => [
+    const o = n, e = t, l = g(() => [
       "q-overlay",
-      `q-overlay--${l.placement}`,
+      `q-overlay--${a.placement}`,
       { "q-overlay--inverted": e.appearance === "inverted" },
       ...e.contentClasses
-    ]), l = Ke({
+    ]), a = We({
       visible: e.modelValue,
       animating: !1,
       top: 0,
       left: 0,
       width: 0,
       placement: e.placement
-    }), r = _(() => l.visible && !e.disabled);
-    z(
+    }), d = g(() => a.visible && !e.disabled);
+    A(
       () => e.modelValue,
-      () => l.visible = e.modelValue
-    ), z(
-      () => l.visible,
-      () => l.animating = !0
+      () => a.visible = e.modelValue
+    ), A(
+      () => a.visible,
+      () => a.animating = !0
     );
-    const d = _(() => {
-      let v = 0, V = 0;
-      switch (l.placement) {
+    const r = g(() => {
+      let y = 0, T = 0;
+      switch (a.placement) {
         case "top":
-          V = -(e.offset || 0);
+          T = -(e.offset || 0);
           break;
         case "bottom":
-          V = e.offset || 0;
+          T = e.offset || 0;
           break;
         case "left":
-          v = -(e.offset || 0);
+          y = -(e.offset || 0);
           break;
         case "right":
-          v = e.offset || 0;
+          y = e.offset || 0;
           break;
       }
       const s = {
-        top: `${l.top + V}px`,
-        left: `${l.left + v}px`
+        top: `${a.top + T}px`,
+        left: `${a.left + y}px`
       };
-      return l.width !== void 0 && ["top", "bottom"].includes(l.placement) && (s.width = `${l.width}px`), s;
-    }), f = I(null);
+      return a.width !== void 0 && ["top", "bottom"].includes(a.placement) && (s.width = `${a.width}px`), s;
+    }), p = q(null);
     function u() {
-      const v = re(e.anchor);
-      if (v) {
-        const V = Rt(v, f.value, e.placement, e.width);
-        l.left = V.x, l.top = V.y, l.width = V.width, l.placement = V.placement;
+      const y = re(e.anchor);
+      if (y) {
+        const T = Ot(y, p.value, e.placement, e.width);
+        a.left = T.x, a.top = T.y, a.width = T.width, a.placement = T.placement;
       }
     }
-    z([() => r.value, () => e.placement], u);
-    let y;
-    function g() {
-      const v = e.trigger === "hover" ? e.delay : 0;
-      y || (y = window.setTimeout(() => l.visible = !0, v));
+    A([() => d.value, () => e.placement], u);
+    let k;
+    function v() {
+      const y = e.trigger === "hover" ? e.delay : 0;
+      k || (k = window.setTimeout(() => a.visible = !0, y));
     }
-    function F() {
-      clearTimeout(y), y = void 0, l.visible = !1;
+    function Q() {
+      clearTimeout(k), k = void 0, a.visible = !1;
     }
-    function A() {
-      r.value ? F() : g();
+    function N() {
+      d.value ? Q() : v();
     }
-    let Q;
-    function T() {
+    let z;
+    function E() {
       o("enter");
     }
-    function O() {
-      window.clearTimeout(Q), Q = window.setTimeout(() => l.animating = !1, 200), o("leave");
+    function C() {
+      window.clearTimeout(z), z = window.setTimeout(() => a.animating = !1, 200), o("leave");
     }
-    let E;
-    function X() {
-      Z(() => {
-        const v = re(e.anchor);
-        if (v)
+    let D;
+    function Z() {
+      J(() => {
+        const y = re(e.anchor);
+        if (y)
           switch (e.trigger) {
             case "click":
-              v.addEventListener("click", A);
+              y.addEventListener("click", N);
               break;
             case "hover":
-              v.addEventListener("mouseenter", g), v.addEventListener("mouseleave", F);
+              y.addEventListener("mouseenter", v), y.addEventListener("mouseleave", Q);
               break;
           }
       });
     }
-    function N() {
-      Z(() => {
-        const v = re(e.anchor);
-        v && (window.addEventListener("scroll", u), window.addEventListener("resize", u), E = new MutationObserver(u), E.observe(v, {
+    function H() {
+      J(() => {
+        const y = re(e.anchor);
+        y && (window.addEventListener("scroll", u), window.addEventListener("resize", u), D = new MutationObserver(u), D.observe(y, {
           attributes: !1,
           childList: !0,
           characterData: !0,
@@ -1067,56 +1074,56 @@ const Mt = {
       });
     }
     function R() {
-      window.removeEventListener("scroll", u), window.removeEventListener("resize", u), E == null || E.disconnect();
+      window.removeEventListener("scroll", u), window.removeEventListener("resize", u), D == null || D.disconnect();
     }
-    let C;
-    function M() {
-      re(e.anchor) ? (u(), C = window.setTimeout(M, 100)) : F();
-    }
-    function W() {
-      N(), e.spy && M();
+    let F;
+    function O() {
+      re(e.anchor) ? (u(), F = window.setTimeout(O, 100)) : Q();
     }
     function G() {
-      R(), e.spy && (clearTimeout(C), C = void 0);
+      H(), e.spy && O();
     }
-    return We(G), Te(u), z(
+    function M() {
+      R(), e.spy && (clearTimeout(F), F = void 0);
+    }
+    return Ge(M), ze(u), A(
       () => e.disabled,
-      (v) => {
-        v || X();
+      (y) => {
+        y || Z();
       },
       { immediate: !0 }
-    ), z(
-      () => r.value,
-      (v) => {
-        v ? W() : G();
+    ), A(
+      () => d.value,
+      (y) => {
+        y ? G() : M();
       },
       { immediate: !0 }
-    ), (v, V) => (c(), m(P, null, [
-      h(v.$slots, "trigger", { open: r.value }),
-      r.value || l.animating ? (c(), L(Ge, {
+    ), (y, T) => (c(), m(P, null, [
+      h(y.$slots, "trigger", { open: d.value }),
+      d.value || a.animating ? (c(), L(je, {
         key: 0,
         disabled: !e.attach,
         to: e.attach
       }, [
-        ee(je, {
+        te(Xe, {
           name: e.transition,
           appear: "",
-          onEnter: T,
-          onLeave: O
+          onEnter: E,
+          onLeave: C
         }, {
-          default: q(() => [
-            r.value ? (c(), m("div", {
+          default: $(() => [
+            d.value ? (c(), m("div", {
               key: 0,
-              class: K(a.value),
-              style: se(d.value)
+              class: W(l.value),
+              style: se(r.value)
             }, [
-              H("div", {
-                class: K(["q-overlay__content"]),
+              K("div", {
+                class: W(["q-overlay__content"]),
                 ref_key: "overlay",
-                ref: f
+                ref: p
               }, [
-                e.arrow ? (c(), m("div", Mt)) : S("", !0),
-                h(v.$slots, "default")
+                e.arrow ? (c(), m("div", Ut)) : S("", !0),
+                h(y.$slots, "default")
               ], 512)
             ], 6)) : S("", !0)
           ]),
@@ -1125,23 +1132,23 @@ const Mt = {
       ], 8, ["disabled", "to"])) : S("", !0)
     ], 64));
   }
-}), fe = B(Ut), Nt = ["id"], Ht = {
+}), fe = x(Nt), Ht = ["id"], Kt = {
   key: 0,
   class: "q-field__label"
-}, Kt = ["for"], Wt = {
+}, Wt = ["for"], Gt = {
   key: 0,
   class: "q-field__prepend"
-}, Gt = {
+}, jt = {
   key: 1,
   class: "q-field__append"
-}, jt = {
+}, Xt = {
   key: 1,
   class: "q-field__extras"
-}, Xt = /* @__PURE__ */ x({
+}, Yt = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QField",
   props: {
-    id: { default: () => te() },
+    id: { default: () => ne() },
     label: { default: "" },
     size: { default: "medium" },
     readonly: { type: Boolean },
@@ -1149,53 +1156,53 @@ const Mt = {
     required: { type: Boolean }
   },
   setup(t, { expose: n }) {
-    const o = t, e = I(null), a = _(() => o.required && !o.readonly && !o.disabled);
+    const o = t, e = q(null), l = g(() => o.required && !o.readonly && !o.disabled);
     return n({
       fieldRef: e
-    }), (l, r) => (c(), m("div", {
+    }), (a, d) => (c(), m("div", {
       id: o.id,
-      class: K([
+      class: W([
         "q-field",
         `q-field--${o.size}`,
         {
           "q-field--readonly": o.readonly,
           "q-field--disabled": o.disabled,
-          "q-field--required": a.value
+          "q-field--required": l.value
         }
       ])
     }, [
-      o.label ? (c(), m("div", Ht, [
-        h(l.$slots, "label.prepend"),
-        H("label", {
+      o.label ? (c(), m("div", Kt, [
+        h(a.$slots, "label.prepend"),
+        K("label", {
           for: o.id
-        }, U(o.label), 9, Kt),
-        h(l.$slots, "label.append")
+        }, U(o.label), 9, Wt),
+        h(a.$slots, "label.append")
       ])) : S("", !0),
-      h(l.$slots, "control", {}, () => [
-        H("div", le({
+      h(a.$slots, "control", {}, () => [
+        K("div", le({
           class: "q-field__control",
           ref_key: "fieldRef",
           ref: e
-        }, l.$attrs), [
-          l.$slots.prepend ? (c(), m("div", Wt, [
-            h(l.$slots, "prepend")
+        }, a.$attrs), [
+          a.$slots.prepend ? (c(), m("div", Gt, [
+            h(a.$slots, "prepend")
           ])) : S("", !0),
-          h(l.$slots, "default"),
-          l.$slots.append ? (c(), m("div", Gt, [
-            h(l.$slots, "append")
+          h(a.$slots, "default"),
+          a.$slots.append ? (c(), m("div", jt, [
+            h(a.$slots, "append")
           ])) : S("", !0)
         ], 16)
       ]),
-      l.$slots.extras ? (c(), m("div", jt, [
-        h(l.$slots, "extras")
+      a.$slots.extras ? (c(), m("div", Xt, [
+        h(a.$slots, "extras")
       ])) : S("", !0)
-    ], 10, Nt));
+    ], 10, Ht));
   }
-}), ke = B(Xt), Yt = ["type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Pt = /* @__PURE__ */ x({
+}), we = x(Yt), Pt = ["type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Zt = /* @__PURE__ */ B({
   __name: "QTextField",
   props: {
     modelValue: { default: "" },
-    id: { default: () => te() },
+    id: { default: () => ne() },
     placeholder: { default: "" },
     label: { default: "" },
     size: { default: void 0 },
@@ -1208,102 +1215,103 @@ const Mt = {
   },
   emits: ["update:modelValue"],
   setup(t, { expose: n, emit: o }) {
-    const e = o, a = t, l = I(a.modelValue), r = I(null), d = I(null), f = _({
+    const e = o, l = t, a = q(l.modelValue), d = q(null), r = q(null), p = g({
       get() {
-        return l.value;
+        return a.value;
       },
       set(u) {
-        l.value = u, e("update:modelValue", u);
+        a.value = u, e("update:modelValue", u);
       }
     });
-    return z(
-      () => a.modelValue,
-      (u) => l.value = u
+    return A(
+      () => l.modelValue,
+      (u) => a.value = u
     ), n({
-      fieldRef: _(() => {
+      fieldRef: g(() => {
         var u;
-        return (u = r.value) == null ? void 0 : u.fieldRef;
+        return (u = d.value) == null ? void 0 : u.fieldRef;
       }),
-      inputRef: d
-    }), (u, y) => (c(), L(b(ke), {
+      inputRef: r
+    }), (u, k) => (c(), L(b(we), {
       ref_key: "fieldRef",
-      ref: r,
+      ref: d,
       class: "q-text-field",
-      id: a.id,
-      label: a.label,
-      size: a.size,
-      readonly: a.readonly,
-      disabled: a.disabled,
-      required: a.required
-    }, be({
-      "label.prepend": q(() => [
+      id: l.id,
+      label: l.label,
+      size: l.size,
+      readonly: l.readonly,
+      disabled: l.disabled,
+      required: l.required
+    }, ge({
+      "label.prepend": $(() => [
         h(u.$slots, "label.prepend")
       ]),
-      "label.append": q(() => [
+      "label.append": $(() => [
         h(u.$slots, "label.append")
       ]),
-      default: q(() => [
-        Xe(H("input", {
-          "onUpdate:modelValue": y[0] || (y[0] = (g) => f.value = g),
+      default: $(() => [
+        Ye(K("input", {
+          "onUpdate:modelValue": k[0] || (k[0] = (v) => p.value = v),
           ref_key: "inputRef",
-          ref: d,
+          ref: r,
           class: "q-text-field__input",
-          type: a.type,
-          role: a.role,
-          required: a.required,
-          placeholder: a.placeholder,
-          readonly: a.readonly,
-          disabled: a.disabled,
-          maxlength: a.maxLength
-        }, null, 8, Yt), [
-          [Ye, f.value]
+          type: l.type,
+          role: l.role,
+          required: l.required,
+          placeholder: l.placeholder,
+          readonly: l.readonly,
+          disabled: l.disabled,
+          maxlength: l.maxLength
+        }, null, 8, Pt), [
+          [Pe, p.value]
         ])
       ]),
       _: 2
     }, [
       u.$slots.prepend ? {
         name: "prepend",
-        fn: q(() => [
+        fn: $(() => [
           h(u.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       u.$slots.append ? {
         name: "append",
-        fn: q(() => [
+        fn: $(() => [
           h(u.$slots, "append")
         ]),
         key: "1"
       } : void 0,
       u.$slots.extras ? {
         name: "extras",
-        fn: q(() => [
+        fn: $(() => [
           h(u.$slots, "extras")
         ]),
         key: "2"
       } : void 0
     ]), 1032, ["id", "label", "size", "readonly", "disabled", "required"]));
   }
-}), Zt = B(Pt);
-function Ue() {
-  const t = Pe(), n = {};
+}), Jt = x(Zt);
+function Ne() {
+  const t = Ze(), n = {};
   return typeof t.class == "string" ? n.class = t.class.split(" ") : Array.isArray(t.class) ? n.class = t.class : n.class = [], n;
 }
-const Jt = {
+const en = {
   key: 2,
   class: "q-select__loader"
-}, en = {
-  noData: "No data available"
 }, tn = {
+  noData: "No data available"
+}, nn = {
   clear: {
     icon: "close"
   }
-}, nn = /* @__PURE__ */ x({
+}, on = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QCombobox",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
-    id: { default: () => te() },
+    id: { default: () => ne() },
+    placeholder: { default: "" },
     selectionMode: { default: "automatic" },
     filterMode: { default: "builtin" },
     label: { default: "" },
@@ -1317,176 +1325,179 @@ const Jt = {
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     size: { default: void 0 },
-    texts: { default: () => en },
-    icons: { default: () => tn }
+    texts: { default: () => tn },
+    icons: { default: () => nn }
   },
   emits: ["update:modelValue", "update:inputValue", "before-show", "before-hide", "show", "hide"],
-  setup(t, { emit: n }) {
-    const o = n, e = t, a = Ue(), l = I(e.modelValue), r = I(!1), d = I(""), f = I(void 0), u = I(null), y = I(null), g = I(null);
-    Te(R);
-    const F = _(
-      () => e.clearable && !e.readonly && !e.disabled && !e.loading
-    ), A = _(() => {
+  setup(t, { expose: n, emit: o }) {
+    const e = o, l = t, a = Ne(), d = q(l.modelValue), r = q(!1), p = q(""), u = q(void 0), k = q(null), v = q(null), Q = q(null);
+    ze(F);
+    const N = g(
+      () => l.clearable && !l.readonly && !l.disabled && !l.loading
+    ), z = g(() => {
       var i;
-      return e.filterMode === "manual" || !E.value ? e.items : (i = e.items) == null ? void 0 : i.filter(
-        (k) => k[e.itemLabel].toLowerCase().startsWith(d.value.toLowerCase())
+      return l.filterMode === "manual" || !Z.value ? l.items : (i = l.items) == null ? void 0 : i.filter(
+        (_) => _[l.itemLabel].toLowerCase().startsWith(p.value.toLowerCase())
       );
-    }), Q = _(() => {
+    }), E = g(() => {
       var i;
-      return (i = e.items) == null ? void 0 : i.find((k) => k[e.itemValue] === l.value);
-    }), T = _(() => {
-      const i = f.value;
-      if (i !== void 0 && A.value[i])
-        return A.value[i];
-    }), O = _(() => {
-      var k;
-      if (f.value === void 0)
+      return (i = l.items) == null ? void 0 : i.find((_) => _[l.itemValue] === d.value);
+    }), C = g(() => {
+      const i = u.value;
+      if (i !== void 0 && z.value[i])
+        return z.value[i];
+    }), D = g(() => {
+      var _;
+      if (u.value === void 0)
         return;
-      const i = (k = y.value) == null ? void 0 : k.getItem(f.value);
+      const i = (_ = v.value) == null ? void 0 : _.getItem(u.value);
       return i == null ? void 0 : i.id;
-    }), E = _(() => {
+    }), Z = g(() => {
       var i;
-      return d.value.length > 0 && d.value !== ((i = Q.value) == null ? void 0 : i[e.itemLabel]);
+      return p.value.length > 0 && p.value !== ((i = E.value) == null ? void 0 : i[l.itemLabel]);
     });
-    function X(i) {
-      l.value = i, R(), o("update:modelValue", i);
+    function H(i) {
+      d.value = i, F(), e("update:modelValue", i);
     }
-    function N(i) {
-      X(i), M();
+    function R(i) {
+      H(i), G();
     }
-    function R() {
+    function F() {
       var i;
-      d.value = ((i = Q.value) == null ? void 0 : i[e.itemLabel]) || "";
+      p.value = ((i = E.value) == null ? void 0 : i[l.itemLabel]) || "";
     }
-    function C() {
-      r.value || e.readonly || e.disabled || (o("before-show"), r.value = !0);
+    function O() {
+      r.value || l.readonly || l.disabled || (e("before-show"), r.value = !0);
     }
-    function M() {
-      r.value && (o("before-hide"), r.value = !1, f.value = void 0);
+    function G() {
+      r.value && (e("before-hide"), r.value = !1, u.value = void 0);
     }
-    function W() {
-      X(void 0), f.value = void 0;
+    function M() {
+      H(void 0), u.value = void 0;
     }
-    function G() {
-      if (C(), Q.value !== void 0) {
-        const i = A.value.indexOf(Q.value);
-        i !== -1 && Z(() => we(i));
+    function y() {
+      if (O(), E.value !== void 0) {
+        const i = z.value.indexOf(E.value);
+        i !== -1 && J(() => $e(i));
       }
     }
-    function v(i) {
-      var k, D;
-      if (!(!i.key || e.readonly || e.disabled))
+    function T(i) {
+      var _, V;
+      if (!(!i.key || l.readonly || l.disabled))
         if (["ArrowDown", "ArrowUp", "Home", "End"].includes(i.key) && (i.preventDefault(), i.stopPropagation()), i.key === "Escape")
-          r.value ? M() : W();
+          r.value ? G() : M();
         else if (["ArrowDown", "ArrowUp"].includes(i.key))
-          r.value ? Z(() => {
-            if (f.value === void 0)
-              V();
+          r.value ? J(() => {
+            if (u.value === void 0)
+              s();
             else {
               const j = i.key === "ArrowDown" ? "next" : "prev";
-              p(f.value, j);
+              I(u.value, j);
             }
-          }) : (C(), Z(() => {
-            i.key === "ArrowDown" ? V() : s();
+          }) : (O(), J(() => {
+            i.key === "ArrowDown" ? s() : f();
           }));
         else if (i.key === "Enter") {
-          if (T.value === void 0)
+          if (C.value === void 0)
             return;
-          N(T.value[e.itemValue]);
+          R(C.value[l.itemValue]);
         } else
-          i.key === "Home" ? f.value = (k = y.value) == null ? void 0 : k.getFirstFocusableItemIndex() : i.key === "End" ? f.value = (D = y.value) == null ? void 0 : D.getLastFocusableItemIndex() : (/^[a-z]$/i.test(i.key) || i.key === "Backspace") && C();
+          i.key === "Home" ? u.value = (_ = v.value) == null ? void 0 : _.getFirstFocusableItemIndex() : i.key === "End" ? u.value = (V = v.value) == null ? void 0 : V.getLastFocusableItemIndex() : (/^[a-z]$/i.test(i.key) || i.key === "Backspace") && O();
     }
-    function V() {
-      var i, k;
-      if (l.value !== void 0) {
-        const D = A.value.findIndex(
-          (j) => j[e.itemValue] === l.value
+    function s() {
+      var i, _;
+      if (d.value !== void 0) {
+        const V = z.value.findIndex(
+          (j) => j[l.itemValue] === d.value
         );
-        D === -1 ? f.value = (i = y.value) == null ? void 0 : i.getFirstFocusableItemIndex() : f.value = D;
+        V === -1 ? u.value = (i = v.value) == null ? void 0 : i.getFirstFocusableItemIndex() : u.value = V;
       } else
-        f.value = (k = y.value) == null ? void 0 : k.getFirstFocusableItemIndex();
+        u.value = (_ = v.value) == null ? void 0 : _.getFirstFocusableItemIndex();
     }
-    function s() {
+    function f() {
       var i;
-      f.value = (i = y.value) == null ? void 0 : i.getLastFocusableItemIndex();
+      u.value = (i = v.value) == null ? void 0 : i.getLastFocusableItemIndex();
     }
-    function p(i, k) {
-      var D;
-      f.value = (D = y.value) == null ? void 0 : D.getAdjacentItemIndex(i, k);
+    function I(i, _) {
+      var V;
+      u.value = (V = v.value) == null ? void 0 : V.getAdjacentItemIndex(i, _);
     }
     function w(i) {
-      var k, D, j;
-      !((k = g.value) != null && k.contains(i.relatedTarget)) && !((j = (D = u.value) == null ? void 0 : D.fieldRef) != null && j.contains(i.relatedTarget)) && (M(), R());
+      var _, V, j;
+      !((_ = Q.value) != null && _.contains(i.relatedTarget)) && !((j = (V = k.value) == null ? void 0 : V.fieldRef) != null && j.contains(i.relatedTarget)) && (G(), F());
     }
-    function $() {
-      var i, k;
-      (k = (i = u.value) == null ? void 0 : i.inputRef) == null || k.focus();
+    function oe() {
+      var i, _;
+      (_ = (i = k.value) == null ? void 0 : i.inputRef) == null || _.focus();
     }
-    function ne() {
-      o("show");
+    function X() {
+      e("show");
     }
-    function oe() {
-      o("hide");
+    function He() {
+      e("hide");
     }
-    function we(i) {
-      var D;
-      const k = (D = y.value) == null ? void 0 : D.getItem(i);
-      k == null || k.scrollIntoView({ block: "nearest", inline: "start" });
+    function $e(i) {
+      var V;
+      const _ = (V = v.value) == null ? void 0 : V.getItem(i);
+      _ == null || _.scrollIntoView({ block: "nearest", inline: "start" });
     }
-    return z(
-      () => e.modelValue,
+    return A(
+      () => l.modelValue,
       (i) => {
-        l.value = i;
+        d.value = i;
       }
-    ), z(f, (i) => {
-      i !== void 0 && we(i);
-    }), z(d, (i) => {
-      !i && F.value ? W() : r.value && e.selectionMode === "automatic" && Z(V), o("update:inputValue", i);
-    }), (i, k) => {
-      var D, j;
+    ), A(u, (i) => {
+      i !== void 0 && $e(i);
+    }), A(p, (i) => {
+      !i && N.value ? M() : r.value && l.selectionMode === "automatic" && J(s), e("update:inputValue", i);
+    }), n({
+      triggerEl: k
+    }), (i, _) => {
+      var V, j;
       return c(), m(P, null, [
-        ee(b(Zt), {
-          modelValue: d.value,
-          "onUpdate:modelValue": k[0] || (k[0] = (ie) => d.value = ie),
-          id: e.id,
-          label: e.label,
-          required: e.required,
+        te(b(Jt), {
+          modelValue: p.value,
+          "onUpdate:modelValue": _[0] || (_[0] = (ie) => p.value = ie),
+          id: l.id,
+          label: l.label,
+          required: l.required,
           ref_key: "triggerEl",
-          ref: u,
+          ref: k,
           role: "combobox",
-          class: K(["q-combobox", ...b(a).class]),
-          readonly: e.readonly,
-          disabled: e.disabled,
+          placeholder: l.placeholder,
+          class: W(["q-combobox", ...b(a).class]),
+          readonly: l.readonly,
+          disabled: l.disabled,
           "aria-expanded": r.value,
           "aria-haspopup": "listbox",
           "aria-autocomplete": "list",
-          "aria-activedescendant": O.value,
-          size: e.size,
-          onClick: G,
+          "aria-activedescendant": D.value,
+          size: l.size,
+          onClick: y,
           onFocusout: w,
-          onKeydown: J(v, ["stop"])
-        }, be({
-          "label.prepend": q(() => [
+          onKeydown: ee(T, ["stop"])
+        }, ge({
+          "label.prepend": $(() => [
             h(i.$slots, "label.prepend")
           ]),
-          "label.append": q(() => [
+          "label.append": $(() => [
             h(i.$slots, "label.append")
           ]),
           _: 2
         }, [
           i.$slots.prepend ? {
             name: "prepend",
-            fn: q(() => [
+            fn: $(() => [
               h(i.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
-          F.value && d.value || i.$slots.append ? {
+          N.value && p.value || i.$slots.append ? {
             name: "append",
-            fn: q(() => [
-              F.value && d.value ? (c(), L(b(Y), le({ key: 0 }, e.icons.clear, {
+            fn: $(() => [
+              N.value && p.value ? (c(), L(b(Y), le({ key: 0 }, l.icons.clear, {
                 class: "q-combobox__clear",
-                onClick: J(W, ["stop", "prevent"])
+                onClick: ee(M, ["stop", "prevent"])
               }), null, 16)) : S("", !0),
               h(i.$slots, "append")
             ]),
@@ -1494,13 +1505,13 @@ const Jt = {
           } : void 0,
           i.$slots.extras ? {
             name: "extras",
-            fn: q(() => [
+            fn: $(() => [
               h(i.$slots, "extras")
             ]),
             key: "2"
           } : void 0
-        ]), 1032, ["modelValue", "id", "label", "required", "class", "readonly", "disabled", "aria-expanded", "aria-activedescendant", "size"]),
-        (D = u.value) != null && D.fieldRef ? (c(), L(b(fe), {
+        ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "aria-expanded", "aria-activedescendant", "size"]),
+        (V = k.value) != null && V.fieldRef ? (c(), L(b(fe), {
           key: 0,
           "model-value": r.value,
           spy: "",
@@ -1508,41 +1519,46 @@ const Jt = {
           placement: "bottom",
           width: "anchor",
           offset: 4,
-          anchor: (j = u.value) == null ? void 0 : j.fieldRef,
-          onEnter: ne,
-          onLeave: oe
+          anchor: (j = k.value) == null ? void 0 : j.fieldRef,
+          onEnter: X,
+          onLeave: He
         }, {
-          default: q(() => {
+          default: $(() => {
             var ie;
             return [
-              H("div", {
+              K("div", {
                 ref_key: "contentRef",
-                ref: g,
+                ref: Q,
                 class: "q-select__body",
                 onFocusout: w
               }, [
                 h(i.$slots, "body.prepend"),
-                e.loading ? (c(), L(b(_e), {
+                l.loading ? (c(), L(b(ke), {
                   key: 0,
                   class: "q-select__loader",
                   size: 24
-                })) : A.value.length ? (c(), L(b(Oe), {
+                })) : z.value.length ? (c(), L(b(Me), {
                   key: 1,
                   ref_key: "listRef",
-                  ref: y,
+                  ref: v,
                   class: "q-select__items",
-                  modelValue: l.value,
+                  modelValue: d.value,
                   "onUpdate:modelValue": [
-                    k[1] || (k[1] = (Ne) => l.value = Ne),
-                    N
+                    _[1] || (_[1] = (pe) => d.value = pe),
+                    R
                   ],
-                  highlighted: (ie = T.value) == null ? void 0 : ie[e.itemValue],
-                  items: A.value,
+                  highlighted: (ie = C.value) == null ? void 0 : ie[l.itemValue],
+                  items: z.value,
                   groups: i.groups,
-                  "item-label": e.itemLabel,
-                  "item-value": e.itemValue,
-                  onMouseup: $
-                }, null, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (c(), m("div", Jt, U(i.texts.noData), 1)),
+                  "item-label": l.itemLabel,
+                  "item-value": l.itemValue,
+                  onMouseup: oe
+                }, {
+                  item: $(({ item: pe }) => [
+                    h(i.$slots, "item", { item: pe })
+                  ]),
+                  _: 3
+                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (c(), m("div", en, U(i.texts.noData), 1)),
                 h(i.$slots, "body.append")
               ], 544)
             ];
@@ -1552,16 +1568,16 @@ const Jt = {
       ], 64);
     };
   }
-}), Dn = B(nn), on = {
+}), En = x(on), ln = {
   key: 0,
   class: "q-input-group__prepend"
-}, ln = { key: 0 }, an = {
+}, an = { key: 0 }, sn = {
   key: 1,
   class: "q-input-group__append"
-}, sn = { key: 0 }, rn = /* @__PURE__ */ x({
+}, rn = { key: 0 }, dn = /* @__PURE__ */ B({
   __name: "QInputGroup",
   props: {
-    id: { default: () => te() },
+    id: { default: () => ne() },
     label: { default: "" },
     readonly: { type: Boolean },
     disabled: { type: Boolean },
@@ -1572,11 +1588,11 @@ const Jt = {
   },
   setup(t) {
     const n = t;
-    return Ae({
+    return Ce({
       QField: {
         size: "block"
       }
-    }), (o, e) => (c(), L(b(ke), {
+    }), (o, e) => (c(), L(b(we), {
       class: "q-input-group",
       id: n.id,
       label: n.label,
@@ -1585,17 +1601,17 @@ const Jt = {
       required: n.required,
       size: n.size
     }, {
-      default: q(() => [
-        o.$slots.prepend || n.prependIcon ? (c(), m("div", on, [
-          n.prependIcon ? (c(), m("span", ln, [
-            ee(b(Y), ue(he(n.prependIcon)), null, 16)
+      default: $(() => [
+        o.$slots.prepend || n.prependIcon ? (c(), m("div", ln, [
+          n.prependIcon ? (c(), m("span", an, [
+            te(b(Y), ue(ye(n.prependIcon)), null, 16)
           ])) : S("", !0),
           h(o.$slots, "prepend")
         ])) : S("", !0),
         h(o.$slots, "default"),
-        o.$slots.append || n.appendIcon ? (c(), m("div", an, [
-          n.appendIcon ? (c(), m("span", sn, [
-            ee(b(Y), ue(he(n.appendIcon)), null, 16)
+        o.$slots.append || n.appendIcon ? (c(), m("div", sn, [
+          n.appendIcon ? (c(), m("span", rn, [
+            te(b(Y), ue(ye(n.appendIcon)), null, 16)
           ])) : S("", !0),
           h(o.$slots, "append")
         ])) : S("", !0)
@@ -1603,22 +1619,22 @@ const Jt = {
       _: 3
     }, 8, ["id", "label", "readonly", "disabled", "required", "size"]));
   }
-}), En = B(rn), dn = (t, n) => {
+}), Tn = x(dn), un = (t, n) => {
   const o = t.__vccOpts || t;
-  for (const [e, a] of n)
-    o[e] = a;
+  for (const [e, l] of n)
+    o[e] = l;
   return o;
-}, un = {}, cn = { class: "q-line-loader" };
-function fn(t, n) {
-  return c(), m("div", cn);
+}, cn = {}, fn = { class: "q-line-loader" };
+function pn(t, n) {
+  return c(), m("div", fn);
 }
-const pn = /* @__PURE__ */ dn(un, [["render", fn]]), Tn = B(pn), mn = {
+const mn = /* @__PURE__ */ un(cn, [["render", pn]]), zn = x(mn), vn = {
   key: 0,
   class: "q-popover__header"
-}, vn = {
+}, hn = {
   key: 1,
   class: "q-popover__body"
-}, hn = ["innerHTML"], yn = { key: 1 }, bn = /* @__PURE__ */ x({
+}, yn = ["innerHTML"], bn = { key: 1 }, gn = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QPopover",
   props: {
@@ -1646,225 +1662,230 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), Tn = B(pn), mn = {
       placement: n.placement,
       spy: n.spy
     }, {
-      default: q(() => [
-        n.title || o.$slots.header ? (c(), m("h3", mn, [
+      default: $(() => [
+        n.title || o.$slots.header ? (c(), m("h3", vn, [
           de(U(n.title) + " ", 1),
           h(o.$slots, "header")
         ])) : S("", !0),
-        n.text || o.$slots.body ? (c(), m("div", vn, [
+        n.text || o.$slots.body ? (c(), m("div", hn, [
           n.html ? (c(), m("span", {
             key: 0,
             innerHTML: n.text
-          }, null, 8, hn)) : (c(), m("span", yn, U(n.text), 1)),
+          }, null, 8, yn)) : (c(), m("span", bn, U(n.text), 1)),
           h(o.$slots, "body")
         ])) : S("", !0)
       ]),
       _: 3
     }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement", "spy"]));
   }
-}), zn = B(bn), gn = {
+}), An = x(gn), _n = {
   key: 0,
   class: "q-select__value"
-}, _n = {
+}, kn = {
   key: 1,
   class: "q-select__placeholder"
-}, kn = {
-  placeholder: "Choose..."
 }, wn = {
+  placeholder: "Choose..."
+}, $n = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, $n = /* @__PURE__ */ x({
+}, In = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QSelect",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
-    id: { default: () => te() },
+    id: { default: () => ne() },
     label: { default: "" },
     clearable: { type: Boolean },
     readonly: { type: Boolean },
     disabled: { type: Boolean },
     required: { type: Boolean },
     loading: { type: Boolean },
-    icons: { default: () => wn },
+    icons: { default: () => $n },
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     size: { default: void 0 },
-    texts: { default: () => kn }
+    texts: { default: () => wn }
   },
   emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
   setup(t, { emit: n }) {
-    const o = n, e = t, a = Ue(), l = I(e.modelValue), r = I(!1), d = I(""), f = I(null), u = I(null), y = I(null), g = _(
+    const o = n, e = t, l = Ne(), a = q(e.modelValue), d = q(!1), r = q(""), p = q(null), u = q(null), k = q(null), v = g(
       () => {
         var s;
-        return (s = e.items) == null ? void 0 : s.find((p) => p[e.itemValue] === l.value);
+        return (s = e.items) == null ? void 0 : s.find((f) => f[e.itemValue] === a.value);
       }
-    ), F = _(
-      () => g.value ? g.value[e.itemLabel] : ""
-    ), A = _(
+    ), Q = g(
+      () => v.value ? v.value[e.itemLabel] : ""
+    ), N = g(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
-    function Q(s) {
-      l.value = s, o("update:modelValue", s), N();
+    function z(s) {
+      a.value = s, o("update:modelValue", s), H();
     }
-    function T() {
-      A.value && Q(void 0);
+    function E() {
+      N.value && z(void 0);
     }
-    function O() {
-      e.readonly || e.disabled || (r.value ? N() : X());
+    function C() {
+      e.readonly || e.disabled || (d.value ? H() : Z());
     }
-    function E(s) {
-      var p, w, $;
-      !((p = y.value) != null && p.contains(s.relatedTarget)) && !(($ = (w = f.value) == null ? void 0 : w.fieldRef) != null && $.contains(s.relatedTarget)) && N();
+    function D(s) {
+      var f, I, w;
+      !((f = k.value) != null && f.contains(s.relatedTarget)) && !((w = (I = p.value) == null ? void 0 : I.fieldRef) != null && w.contains(s.relatedTarget)) && H();
     }
-    function X() {
-      r.value || (o("before-show"), r.value = !0);
+    function Z() {
+      d.value || (o("before-show"), d.value = !0);
     }
-    function N() {
-      r.value && (o("before-hide"), r.value = !1);
+    function H() {
+      d.value && (o("before-hide"), d.value = !1);
     }
     let R;
-    function C(s) {
+    function F(s) {
       if (!(!s.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(R), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && (s.preventDefault(), s.stopPropagation()), ["Enter", " "].includes(s.key) && (r.value = !0), ["Escape", "Tab"].includes(s.key) && (r.value ? r.value = !1 : e.clearable && s.key === "Escape" && T()), s.key === "Delete" && e.clearable && T(), /^[a-z]$/i.test(s.key)) {
-          d.value += s.key.toLowerCase();
-          for (let p = 0; p < e.items.length; p++)
-            if (e.items[p][e.itemLabel].toLowerCase().startsWith(d.value)) {
-              V(p);
+        if (window.clearTimeout(R), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && (s.preventDefault(), s.stopPropagation()), ["Enter", " "].includes(s.key) && (d.value = !0), ["Escape", "Tab"].includes(s.key) && (d.value ? d.value = !1 : e.clearable && s.key === "Escape" && E()), s.key === "Delete" && e.clearable && E(), /^[a-z]$/i.test(s.key)) {
+          r.value += s.key.toLowerCase();
+          for (let f = 0; f < e.items.length; f++)
+            if (e.items[f][e.itemLabel].toLowerCase().startsWith(r.value)) {
+              T(f);
               break;
             }
         }
         R = window.setTimeout(function() {
-          d.value = "";
+          r.value = "";
         }, 500);
       }
     }
-    function M() {
+    function O() {
       var s;
-      e.loading ? (s = y.value) == null || s.focus() : v(), o("show");
-    }
-    function W() {
-      G(), o("hide");
+      e.loading ? (s = k.value) == null || s.focus() : y(), o("show");
     }
     function G() {
-      var s, p;
-      (p = (s = f.value) == null ? void 0 : s.fieldRef) == null || p.focus();
+      M(), o("hide");
     }
-    function v() {
+    function M() {
+      var s, f;
+      (f = (s = p.value) == null ? void 0 : s.fieldRef) == null || f.focus();
+    }
+    function y() {
       var s;
       (s = u.value) == null || s.$el.focus();
     }
-    function V(s) {
-      var p;
-      (p = u.value) == null || p.focusItem(s);
+    function T(s) {
+      var f;
+      (f = u.value) == null || f.focusItem(s);
     }
-    return z(
+    return A(
       () => e.modelValue,
       (s) => {
-        l.value = s;
+        a.value = s;
       }
-    ), z(
+    ), A(
       () => e.loading,
       (s) => {
-        !s && r.value && Z(v);
+        !s && d.value && J(y);
       }
-    ), (s, p) => {
-      var w, $, ne;
+    ), (s, f) => {
+      var I, w, oe;
       return c(), m(P, null, [
-        ee(b(ke), {
+        te(b(we), {
           id: e.id,
           label: e.label,
           required: e.required,
           ref_key: "triggerEl",
-          ref: f,
+          ref: p,
           role: "combobox",
           tabindex: "0",
-          class: K([
+          class: W([
             "q-select",
             {
               "q-select--readonly": e.readonly,
               "q-select--disabled": e.disabled,
-              "q-select--expanded": r.value
+              "q-select--expanded": d.value
             },
-            ...b(a).class
+            ...b(l).class
           ]),
           readonly: e.readonly,
           disabled: e.disabled,
-          "aria-expanded": r.value,
+          "aria-expanded": d.value,
           "aria-haspopup": "listbox",
           size: e.size,
-          onClick: O,
-          onKeydown: J(C, ["stop"])
-        }, be({
-          append: q(() => [
-            A.value && l.value ? (c(), L(b(Y), le({ key: 0 }, e.icons.clear, {
+          onClick: C,
+          onKeydown: ee(F, ["stop"])
+        }, ge({
+          append: $(() => [
+            N.value && a.value ? (c(), L(b(Y), le({ key: 0 }, e.icons.clear, {
               class: "q-select__clear",
-              onClick: J(T, ["stop", "prevent"])
+              onClick: ee(E, ["stop", "prevent"])
             }), null, 16)) : S("", !0),
             !e.readonly && !e.disabled ? (c(), L(b(Y), le({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16)) : S("", !0)
           ]),
-          default: q(() => [
-            l.value ? (c(), m("span", gn, U(F.value), 1)) : (c(), m("span", _n, U(s.texts.placeholder), 1))
+          default: $(() => [
+            a.value ? (c(), m("span", _n, U(Q.value), 1)) : (c(), m("span", kn, U(s.texts.placeholder), 1))
           ]),
           _: 2
         }, [
-          (w = g.value) != null && w.icon ? {
+          (I = v.value) != null && I.icon ? {
             name: "prepend",
-            fn: q(() => {
-              var oe;
+            fn: $(() => {
+              var X;
               return [
-                ee(b(Y), ue(he((oe = g.value) == null ? void 0 : oe.icon)), null, 16)
+                te(b(Y), ue(ye((X = v.value) == null ? void 0 : X.icon)), null, 16)
               ];
             }),
             key: "0"
           } : void 0
         ]), 1032, ["id", "label", "required", "class", "readonly", "disabled", "aria-expanded", "size"]),
-        ($ = f.value) != null && $.fieldRef ? (c(), L(b(fe), {
+        (w = p.value) != null && w.fieldRef ? (c(), L(b(fe), {
           key: 0,
-          "model-value": r.value,
+          "model-value": d.value,
           spy: "",
           trigger: "manual",
           placement: "bottom",
           width: "anchor",
           offset: 2,
-          anchor: (ne = f.value) == null ? void 0 : ne.fieldRef,
-          onEnter: M,
-          onLeave: W
+          anchor: (oe = p.value) == null ? void 0 : oe.fieldRef,
+          onEnter: O,
+          onLeave: G
         }, {
-          default: q(() => [
-            H("div", {
+          default: $(() => [
+            K("div", {
               ref_key: "contentRef",
-              ref: y,
+              ref: k,
               class: "q-select__body",
               tabindex: "-1",
-              onFocusout: E,
-              onKeydown: J(C, ["stop"])
+              onFocusout: D,
+              onKeydown: ee(F, ["stop"])
             }, [
               h(s.$slots, "body.prepend"),
-              e.loading ? (c(), L(b(_e), {
+              e.loading ? (c(), L(b(ke), {
                 key: 0,
                 class: "q-select__loader",
                 size: 24
-              })) : (c(), L(b(Oe), {
+              })) : (c(), L(b(Me), {
                 key: 1,
                 ref_key: "listRef",
                 ref: u,
                 class: "q-select__items",
-                modelValue: l.value,
+                modelValue: a.value,
                 "onUpdate:modelValue": [
-                  p[0] || (p[0] = (oe) => l.value = oe),
-                  Q
+                  f[0] || (f[0] = (X) => a.value = X),
+                  z
                 ],
                 items: e.items,
                 groups: s.groups,
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue
-              }, null, 8, ["modelValue", "items", "groups", "item-label", "item-value"])),
+              }, {
+                item: $(({ item: X }) => [
+                  h(s.$slots, "item", { item: X })
+                ]),
+                _: 3
+              }, 8, ["modelValue", "items", "groups", "item-label", "item-value"])),
               h(s.$slots, "body.append")
             ], 544)
           ]),
@@ -1873,7 +1894,7 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), Tn = B(pn), mn = {
       ], 64);
     };
   }
-}), An = B($n), In = ["innerHTML"], qn = { key: 1 }, Sn = /* @__PURE__ */ x({
+}), Cn = x(In), qn = ["innerHTML"], Sn = { key: 1 }, Ln = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QTooltip",
   props: {
@@ -1903,16 +1924,16 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), Tn = B(pn), mn = {
       placement: n.placement,
       trigger: n.trigger
     }, {
-      default: q(() => [
+      default: $(() => [
         n.html ? (c(), m("span", {
           key: 0,
           innerHTML: n.text
-        }, null, 8, In)) : (c(), m("span", qn, U(n.text), 1))
+        }, null, 8, qn)) : (c(), m("span", Sn, U(n.text), 1))
       ]),
       _: 1
     }, 8, ["model-value", "anchor", "appearance", "arrow", "attach", "delay", "disabled", "placement", "trigger"]));
   }
-}), Cn = B(Sn), Fn = {
+}), Fn = x(Ln), Qn = {
   mounted(t, n) {
     t.clickOutsideEvent = function(o) {
       const e = o.target;
@@ -1924,30 +1945,30 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), Tn = B(pn), mn = {
   }
 };
 export {
-  pt as QButton,
-  vt as QButtonGroup,
-  Vn as QButtonToggle,
-  Dn as QCombobox,
-  ke as QField,
+  mt as QButton,
+  ht as QButtonGroup,
+  Dn as QButtonToggle,
+  En as QCombobox,
+  we as QField,
   Y as QIcon,
-  qt as QIconFont,
-  St as QIconImg,
-  Lt as QIconSvg,
-  En as QInputGroup,
-  Tn as QLineLoader,
-  Oe as QList,
-  Ft as QListItem,
-  Qt as QListItemGroup,
+  St as QIconFont,
+  Lt as QIconImg,
+  Bt as QIconSvg,
+  Tn as QInputGroup,
+  zn as QLineLoader,
+  Me as QList,
+  Qt as QListItem,
+  Rt as QListItemGroup,
   fe as QOverlay,
-  zn as QPopover,
-  An as QSelect,
-  _e as QSpinnerLoader,
-  Zt as QTextField,
-  Cn as QTooltip,
-  Fn as clickOutside,
-  Bn as createFramework,
-  Je as defaultDarkColorScheme,
-  qe as defaultLightColorScheme,
+  An as QPopover,
+  Cn as QSelect,
+  ke as QSpinnerLoader,
+  Jt as QTextField,
+  Fn as QTooltip,
+  Qn as clickOutside,
+  Vn as createFramework,
+  et as defaultDarkColorScheme,
+  Se as defaultLightColorScheme,
   xn as useTheme
 };
 //# sourceMappingURL=ui.esm.js.map