@quidgest/ui 0.7.7 → 0.7.8

package/dist/ui.esm.js

@@ -1,8 +1,8 @@
-import { getCurrentInstance as Be, computed as g, ref as I, provide as He, inject as Ve, watch as z, defineComponent as L, openBlock as c, createElementBlock as m, normalizeStyle as se, createElementVNode as H, normalizeClass as K, withModifiers as J, createVNode as ee, unref as y, createCommentVNode as q, Fragment as P, createTextVNode as de, toDisplayString as U, renderSlot as w, toRef as pe, createBlock as x, withCtx as S, renderList as ve, resolveDynamicComponent as De, h as we, normalizeProps as ue, mergeProps as le, reactive as Ke, onBeforeUnmount as We, onMounted as Ee, Teleport as Ge, Transition as je, nextTick as Z, createSlots as Te, withDirectives as Xe, vModelDynamic as Ye, useAttrs as Pe, guardReactiveProps as he } from "vue";
+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) {
   return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
 }
-function $e(t) {
+function Ie(t) {
   return t !== null && typeof t == "object" && !Array.isArray(t);
 }
 function ze(t = {}, n = {}) {
@@ -11,7 +11,7 @@ function ze(t = {}, n = {}) {
     o[e] = t[e];
   for (const e in n) {
     const a = t[e], l = n[e];
-    if ($e(a) && $e(l)) {
+    if (Ie(a) && Ie(l)) {
       o[e] = ze(
         a,
         l
@@ -22,16 +22,16 @@ function ze(t = {}, n = {}) {
   }
   return o;
 }
-const be = "q-defaults";
+const ge = "q-defaults";
 function Ze() {
-  const t = Be();
+  const t = Ve();
   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 g(() => {
+  return _(() => {
     var e;
     return (e = o.value) == null ? void 0 : e[n];
   });
@@ -39,16 +39,16 @@ function Ze() {
 function Ae(t) {
   if (ye(t))
     return;
-  const n = Ce(), o = I(t), e = g(() => ye(o.value) ? n.value : ze(n.value, o.value));
-  He(be, e);
+  const n = Ce(), o = I(t), e = _(() => ye(o.value) ? n.value : ze(n.value, o.value));
+  He(ge, e);
 }
 function Ce() {
-  const t = Ve(be, void 0);
+  const t = De(ge, void 0);
   if (!t)
     throw new Error("[Quidgest UI] Could not find defaults instance");
   return t;
 }
-const Ie = {
+const qe = {
   primary: "#00a1f8",
   primaryLight: "#e5f6ff",
   primaryDark: "#0079ba",
@@ -132,58 +132,58 @@ function tt(t, n) {
   const o = Qe(t), e = n / 100;
   return o.l = o.l - e * o.l, Re(o);
 }
-function qe(t) {
+function Se(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 i = 0, r;
+  let r = 0, d;
   const f = (a + l) / 2;
   if (a === l)
-    i = r = 0;
+    r = d = 0;
   else {
     const u = a - l;
-    switch (r = f > 0.5 ? u / (2 - a - l) : u / (a + l), a) {
+    switch (d = f > 0.5 ? u / (2 - a - l) : u / (a + l), a) {
       case n:
-        i = (o - e) / u + (o < e ? 6 : 0);
+        r = (o - e) / u + (o < e ? 6 : 0);
         break;
       case o:
-        i = (e - n) / u + 2;
+        r = (e - n) / u + 2;
         break;
       case e:
-        i = (n - o) / u + 4;
+        r = (n - o) / u + 4;
         break;
     }
-    i /= 6;
+    r /= 6;
   }
   return {
-    h: Math.round(i * 360),
-    s: Math.round(r * 100),
+    h: Math.round(r * 360),
+    s: Math.round(d * 100),
     l: Math.round(f * 100)
   };
 }
 function Re(t) {
   const n = t.h / 360, o = t.s / 100, e = t.l / 100;
-  let a, l, i;
+  let a, l, r;
   if (o === 0)
-    a = l = i = e;
+    a = l = r = e;
   else {
-    const r = e < 0.5 ? e * (1 + o) : e + o - e * o, f = 2 * e - r;
-    a = me(f, r, n + 1 / 3), l = me(f, r, n), i = me(f, r, n - 1 / 3);
+    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);
   }
   return {
     r: Math.round(a * 255),
     g: Math.round(l * 255),
-    b: Math.round(i * 255)
+    b: Math.round(r * 255)
   };
 }
 function me(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 Ln() {
-  const t = Ve(ce);
+function xn() {
+  const t = De(ce);
   if (!t)
     throw new Error("[Quidgest UI] Could not find theme instance");
   return t;
@@ -192,14 +192,14 @@ function nt(t, n) {
   let o = null;
   if (n)
     for (const e of n.themes) {
-      const a = e.mode === "light" ? Ie : Je;
+      const a = e.mode === "light" ? qe : Je;
       if (e.colors) {
         let l;
         for (l in e.colors) {
-          const i = e.colors[l];
-          if (i && !l.startsWith("on") && !l.endsWith("Light") && !l.endsWith("Dark")) {
-            const r = Fe(i), f = `${l}Light`, u = `${l}Dark`;
-            f in e.colors || (e.colors[f] = qe(et(r, 85))), u in e.colors || (e.colors[u] = qe(tt(r, 25)));
+          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)));
           }
         }
       }
@@ -210,7 +210,7 @@ function nt(t, n) {
     o = {
       name: e,
       mode: "light",
-      colors: Ie
+      colors: qe
     }, n = {
       defaultTheme: e,
       themes: [o]
@@ -224,7 +224,7 @@ function nt(t, n) {
     z(
       () => e.value.activeTheme,
       (a) => {
-        const l = e.value.themes.find((i) => i.name === a);
+        const l = e.value.themes.find((r) => r.name === a);
         l && lt(l.colors);
       },
       { immediate: !0 }
@@ -244,28 +244,28 @@ function lt(t) {
   for (e in t) {
     const a = t[e];
     if (a) {
-      o += `  ${xe(e)}: ${a};
+      o += `  ${Le(e)}: ${a};
 `;
       const l = Fe(a);
-      o += `  ${xe(e)}-rgb: ${l.r} ${l.g} ${l.b};
+      o += `  ${Le(e)}-rgb: ${l.r} ${l.g} ${l.b};
 `;
     }
   }
   o += "}", n.textContent = o;
 }
-function xe(t) {
+function Le(t) {
   return t ? `--q-theme-${t.replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase()}` : "";
 }
 function Bn(t = {}) {
   return { install: (o) => {
     const e = t.components || {};
-    for (const i in e)
-      o.component(i, e[i]);
+    for (const r in e)
+      o.component(r, e[r]);
     const a = t.directives || {};
-    for (const i in a)
-      o.directive(i, a[i]);
+    for (const r in a)
+      o.directive(r, a[r]);
     const l = t.defaults || {};
-    o.provide(be, I(l)), nt(o, t.themes);
+    o.provide(ge, I(l)), nt(o, t.themes);
   } };
 }
 const at = /* @__PURE__ */ H("svg", { viewBox: "25 25 50 50" }, [
@@ -281,13 +281,13 @@ const at = /* @__PURE__ */ H("svg", { viewBox: "25 25 50 50" }, [
   })
 ], -1), st = [
   at
-], it = /* @__PURE__ */ L({
+], it = /* @__PURE__ */ x({
   __name: "QSpinnerLoader",
   props: {
     size: { default: 48 }
   },
   setup(t) {
-    const n = t, o = g(() => ({
+    const n = t, o = _(() => ({
       "font-size": n.size !== 48 ? `${n.size}px` : void 0
     }));
     return (e, a) => (c(), m("div", {
@@ -306,23 +306,23 @@ function B(t) {
     const a = Ze();
     if (ye(a.value))
       return n(o, e);
-    const l = Be();
+    const l = Ve();
     if (l === null)
       return n(o, e);
-    const i = new Proxy(o, {
-      get(r, f) {
-        var b;
-        const u = Reflect.get(r, f), h = (b = a.value) == null ? void 0 : b[f];
-        return typeof f == "string" && !rt(l.vnode, f) ? h ?? u : u;
+    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;
       }
     });
-    return n(i, e);
+    return n(r, e);
   }), t;
 }
-const ge = B(it), dt = ["disabled"], ut = {
+const _e = B(it), dt = ["disabled"], ut = {
   key: 0,
   class: "q-btn__spinner"
-}, ct = { class: "q-btn__content" }, ft = /* @__PURE__ */ L({
+}, ct = { class: "q-btn__content" }, ft = /* @__PURE__ */ x({
   __name: "QButton",
   props: {
     active: { type: Boolean },
@@ -338,16 +338,16 @@ const ge = B(it), dt = ["disabled"], ut = {
   },
   emits: ["click"],
   setup(t, { emit: n }) {
-    const o = n, e = t, a = g(() => e.disabled || e.loading);
-    function l(r) {
-      a.value || o("click", r);
+    const o = n, e = t, a = _(() => e.disabled || e.loading);
+    function l(d) {
+      a.value || o("click", d);
     }
-    const i = g(() => {
-      const r = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
+    const r = _(() => {
+      const d = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
       return [
         "q-btn",
         `q-btn--${e.bStyle}`,
-        r,
+        d,
         {
           "q-btn--active": e.active,
           "q-btn--borderless": e.borderless,
@@ -357,27 +357,27 @@ const ge = B(it), dt = ["disabled"], ut = {
         }
       ];
     });
-    return (r, f) => (c(), m("button", {
+    return (d, f) => (c(), m("button", {
       type: "button",
-      class: K(i.value),
+      class: K(r.value),
       disabled: a.value,
       onClick: J(l, ["stop", "prevent"])
     }, [
-      r.loading ? (c(), m("div", ut, [
-        ee(y(ge), { size: 23 })
-      ])) : q("", !0),
+      d.loading ? (c(), m("div", ut, [
+        ee(b(_e), { size: 23 })
+      ])) : S("", !0),
       H("span", ct, [
-        r.iconOnRight ? (c(), m(P, { key: 0 }, [
+        d.iconOnRight ? (c(), m(P, { key: 0 }, [
           de(U(e.label), 1)
-        ], 64)) : q("", !0),
-        w(r.$slots, "default"),
-        r.iconOnRight ? q("", !0) : (c(), m(P, { key: 1 }, [
+        ], 64)) : S("", !0),
+        h(d.$slots, "default"),
+        d.iconOnRight ? S("", !0) : (c(), m(P, { key: 1 }, [
           de(U(e.label), 1)
         ], 64))
       ])
     ], 10, dt));
   }
-}), pt = B(ft), mt = /* @__PURE__ */ L({
+}), pt = B(ft), mt = /* @__PURE__ */ x({
   __name: "QButtonGroup",
   props: {
     bStyle: { default: void 0 },
@@ -395,7 +395,7 @@ const ge = B(it), dt = ["disabled"], ut = {
         elevated: !1
       }
     });
-    const o = g(() => [
+    const o = _(() => [
       "q-btn-group",
       {
         "q-btn-group--elevated": n.elevated
@@ -404,10 +404,10 @@ const ge = B(it), dt = ["disabled"], ut = {
     return (e, a) => (c(), m("div", {
       class: K(o.value)
     }, [
-      w(e.$slots, "default")
+      h(e.$slots, "default")
     ], 2));
   }
-}), vt = B(mt), ht = /* @__PURE__ */ L({
+}), vt = B(mt), ht = /* @__PURE__ */ x({
   __name: "QButtonToggle",
   props: {
     modelValue: {},
@@ -422,35 +422,35 @@ const ge = B(it), dt = ["disabled"], ut = {
     const o = n, e = t, a = I(e.modelValue);
     z(
       () => e.modelValue,
-      (r) => a.value = r
+      (d) => a.value = d
     );
-    const l = g({
+    const l = _({
       get() {
         return a.value;
       },
-      set(r) {
-        a.value = r, o("update:modelValue", r);
+      set(d) {
+        a.value = d, o("update:modelValue", d);
       }
     });
-    function i(r) {
-      l.value === r.key && !e.mandatory ? l.value = void 0 : l.value = r.key;
+    function r(d) {
+      l.value === d.key && !e.mandatory ? l.value = void 0 : l.value = d.key;
     }
-    return (r, f) => (c(), x(y(vt), {
+    return (d, f) => (c(), L(b(vt), {
       "b-style": "secondary",
       disabled: e.disabled,
       borderless: e.borderless,
       elevated: e.elevated
     }, {
-      default: S(() => [
-        (c(!0), m(P, null, ve(e.options, (u) => (c(), x(y(pt), {
+      default: q(() => [
+        (c(!0), m(P, null, ve(e.options, (u) => (c(), L(b(pt), {
           key: u.key,
           title: u.title,
           label: u.label,
           active: l.value === u.key,
-          onClick: () => i(u)
+          onClick: () => r(u)
         }, {
-          default: S(() => [
-            w(r.$slots, u.key)
+          default: q(() => [
+            h(d.$slots, u.key)
           ]),
           _: 2
         }, 1032, ["title", "label", "active", "onClick"]))), 128))
@@ -458,7 +458,7 @@ const ge = B(it), dt = ["disabled"], ut = {
       _: 3
     }, 8, ["disabled", "borderless", "elevated"]));
   }
-}), Vn = B(ht), yt = /* @__PURE__ */ L({
+}), Vn = B(ht), yt = /* @__PURE__ */ x({
   __name: "QIcon",
   props: {
     icon: {},
@@ -466,24 +466,24 @@ const ge = B(it), dt = ["disabled"], ut = {
     size: { default: void 0 }
   },
   setup(t) {
-    const n = t, o = g(() => {
+    const n = t, o = _(() => {
       switch (n.type) {
         case "svg":
-          return St;
+          return Lt;
         case "font":
           return qt;
         case "img":
-          return xt;
+          return St;
         default:
           return;
       }
     });
-    return (e, a) => (c(), x(De(o.value), {
+    return (e, a) => (c(), L(Ee(o.value), {
       icon: n.icon,
       size: n.size
     }, null, 8, ["icon", "size"]));
   }
-}), bt = /* @__PURE__ */ L({
+}), bt = /* @__PURE__ */ x({
   __name: "QIconFont",
   props: {
     icon: {},
@@ -492,22 +492,22 @@ const ge = B(it), dt = ["disabled"], ut = {
     size: { default: void 0 }
   },
   setup(t) {
-    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), a = g(() => ({
+    const n = t, o = _(() => n.variant ? `${n.library}-${n.variant}` : n.library), e = _(() => n.library && n.icon ? `${n.library}-${n.icon}` : n.icon), a = _(() => ({
       "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
-    return (l, i) => (c(), m("i", {
+    return (l, r) => (c(), m("i", {
       class: K(["q-icon", "q-icon__font", o.value, e.value]),
       style: se(a.value)
     }, null, 6));
   }
-}), gt = ["src"], _t = /* @__PURE__ */ L({
+}), gt = ["src"], _t = /* @__PURE__ */ x({
   __name: "QIconImg",
   props: {
     icon: {},
     size: {}
   },
   setup(t) {
-    const n = t, o = g(() => ({
+    const n = t, o = _(() => ({
       "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
     return (e, a) => (c(), m("img", {
@@ -516,7 +516,7 @@ const ge = B(it), dt = ["disabled"], ut = {
       style: se(o.value)
     }, null, 12, gt));
   }
-}), ae = {}, kt = L({
+}), ae = {}, kt = x({
   name: "InlineSvg",
   emits: ["loaded", "unloaded", "error"],
   inheritAttrs: !1,
@@ -525,9 +525,9 @@ const ge = B(it), dt = ["disabled"], ut = {
       return null;
     const t = this.getSvgContent(this.svgElSource);
     if (!t)
-      return we("div", this.$attrs);
+      return $e("div", this.$attrs);
     const n = {};
-    return this.copySvgAttrs(n, this.svgElSource), this.copySvgAttrs(n, t), this.copyComponentAttrs(n, this.$attrs), n.innerHTML = t.innerHTML, we("svg", n);
+    return this.copySvgAttrs(n, this.svgElSource), this.copySvgAttrs(n, t), this.copyComponentAttrs(n, this.$attrs), n.innerHTML = t.innerHTML, $e("svg", n);
   },
   props: {
     src: {
@@ -629,7 +629,7 @@ function $t(t) {
   );
   return o.getIsPending = () => n, o;
 }
-const It = /* @__PURE__ */ L({
+const It = /* @__PURE__ */ x({
   __name: "QIconSvg",
   props: {
     icon: {},
@@ -638,25 +638,25 @@ const It = /* @__PURE__ */ L({
   },
   emits: ["loaded", "unloaded"],
   setup(t, { emit: n }) {
-    const o = n, e = t, a = g(() => ({
+    const o = n, e = t, a = _(() => ({
       "font-size": e.size !== void 0 ? `${e.size}px` : void 0
     }));
-    function l(r) {
-      o("loaded", r);
+    function l(d) {
+      o("loaded", d);
     }
-    function i() {
+    function r() {
       o("unloaded");
     }
-    return (r, f) => (c(), x(y(kt), {
+    return (d, f) => (c(), L(b(kt), {
       class: "q-icon q-icon__svg",
       src: e.bundle,
       symbol: e.icon,
       style: se(a.value),
       onLoaded: l,
-      onUnloaded: i
+      onUnloaded: r
     }, null, 8, ["src", "symbol", "style"]));
   }
-}), Y = B(yt), qt = B(bt), xt = B(_t), St = B(It), Lt = /* @__PURE__ */ L({
+}), Y = B(yt), qt = B(bt), St = B(_t), Lt = B(It), xt = /* @__PURE__ */ x({
   __name: "QList",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -669,26 +669,26 @@ const It = /* @__PURE__ */ L({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: n, emit: o }) {
-    const e = o, a = t, l = I(a.modelValue), i = I(!1), r = g(() => f.value.length > 1 ? "div" : "ul"), f = g(() => a.groups.length ? a.groups : [{ title: "" }]), u = I(null);
-    function h(s) {
+    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);
     }
-    function b() {
-      i.value = !0;
+    function g() {
+      r.value = !0;
     }
-    function R() {
-      i.value = !1;
+    function F() {
+      r.value = !1;
     }
     function A(s) {
       var $;
       if (($ = u.value) != null && $.contains(s.relatedTarget))
         return;
       let p;
-      l.value ? p = a.items.findIndex((ne) => ne[a.itemValue] === l.value) : p = Q();
-      const k = i.value;
-      O(p, k);
+      l.value ? p = a.items.findIndex((ne) => ne[a.itemValue] === l.value) : p = R();
+      const w = r.value;
+      O(p, w);
     }
-    function F(s) {
+    function Q(s) {
       switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && s.preventDefault(), s.key) {
         case "ArrowDown":
           T("next");
@@ -711,7 +711,7 @@ const It = /* @__PURE__ */ L({
           O(W(s));
           break;
         case "first":
-          O(Q());
+          O(R());
           break;
         case "last":
           O(C());
@@ -733,28 +733,28 @@ const It = /* @__PURE__ */ L({
     function N() {
       return E().indexOf(document.activeElement);
     }
-    function Q() {
-      const s = E(), p = s.find((k) => v(k));
+    function R() {
+      const s = E(), p = s.find((w) => v(w));
       return p ? s.indexOf(p) : -1;
     }
     function C() {
-      const s = E(), p = [...s].reverse().find((k) => v(k));
+      const s = E(), p = [...s].reverse().find((w) => v(w));
       return p ? s.indexOf(p) : -1;
     }
-    function M(s, p, k) {
-      return p === "prev" && s === 0 || p === "next" && s === k.length - 1;
+    function M(s, p, w) {
+      return p === "prev" && s === 0 || p === "next" && s === w.length - 1;
     }
     function W(s) {
       const p = N();
       return G(p, s);
     }
     function G(s, p) {
-      const k = E();
-      if (M(s, p, k))
+      const w = E();
+      if (M(s, p, w))
         return s;
       let $ = s + (p === "next" ? 1 : -1);
-      for (; !v(k[$]); ) {
-        if (M($, p, k))
+      for (; !v(w[$]); ) {
+        if (M($, p, w))
           return s;
         $ += p === "next" ? 1 : -1;
       }
@@ -775,27 +775,27 @@ const It = /* @__PURE__ */ L({
       focusItem: O,
       getItem: X,
       getAdjacentItemIndex: G,
-      getFirstFocusableItemIndex: Q,
+      getFirstFocusableItemIndex: R,
       getLastFocusableItemIndex: C
-    }), (s, p) => (c(), x(De(r.value), {
+    }), (s, p) => (c(), L(Ee(d.value), {
       ref_key: "listRef",
       ref: u,
       class: K(["q-list", { "q-list--disabled": a.disabled }]),
       role: "listbox",
       tabindex: a.disabled ? -1 : 0,
       onFocus: A,
-      onMousedown: b,
-      onMouseup: R,
-      onKeydown: F
+      onMousedown: g,
+      onMouseup: F,
+      onKeydown: Q
     }, {
-      default: S(() => [
-        (c(!0), m(P, null, ve(f.value, (k) => (c(), x(y(Qt), {
-          key: k.id,
-          title: k.title,
-          disabled: k.disabled
+      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: S(() => [
-            (c(!0), m(P, null, ve(V(k.id), ($) => (c(), x(y(Ft), {
+          default: q(() => [
+            (c(!0), m(P, null, ve(V(w.id), ($) => (c(), L(b(Ft), {
               key: $[a.itemValue],
               value: $[a.itemValue],
               label: $[a.itemLabel],
@@ -803,7 +803,7 @@ const It = /* @__PURE__ */ L({
               disabled: a.disabled || $.disabled,
               highlighted: a.highlighted === $[a.itemValue],
               selected: l.value === $[a.itemValue],
-              onSelect: h
+              onSelect: y
             }, null, 8, ["value", "label", "icon", "disabled", "highlighted", "selected"]))), 128))
           ]),
           _: 2
@@ -821,7 +821,7 @@ const Vt = ["id", "tabindex", "aria-label", "aria-selected"], Dt = { class: "q-l
   check: {
     icon: "check"
   }
-}, Tt = /* @__PURE__ */ L({
+}, Tt = /* @__PURE__ */ x({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
@@ -838,11 +838,11 @@ const Vt = ["id", "tabindex", "aria-label", "aria-selected"], Dt = { class: "q-l
     function l() {
       e.disabled || o("select", e.value);
     }
-    function i(r) {
-      r.key === "Tab" && l(), (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.stopPropagation(), l());
+    function r(d) {
+      d.key === "Tab" && l(), (d.key === "Enter" || d.key === " ") && (d.preventDefault(), d.stopPropagation(), l());
     }
-    return (r, f) => (c(), m("li", {
-      id: y(a),
+    return (d, f) => (c(), m("li", {
+      id: b(a),
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
       class: K([
@@ -855,17 +855,17 @@ 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: i,
+      onKeydown: r,
       onClick: J(l, ["stop", "prevent"])
     }, [
-      e.icon ? (c(), x(y(Y), ue(le({ key: 0 }, e.icon)), null, 16)) : q("", !0),
+      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(), x(y(Y), le({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : q("", !0)
+        e.selected ? (c(), L(b(Y), le({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : S("", !0)
       ])
     ], 42, Vt));
   }
-}), zt = ["aria-labelledby"], At = ["id"], Ct = /* @__PURE__ */ L({
+}), zt = ["aria-labelledby"], At = ["id"], Ct = /* @__PURE__ */ x({
   __name: "QListItemGroup",
   props: {
     title: { default: "" },
@@ -876,61 +876,61 @@ const Vt = ["id", "tabindex", "aria-label", "aria-selected"], Dt = { class: "q-l
     return (e, a) => (c(), m("ul", {
       class: "q-list-item-group",
       role: "group",
-      "aria-labelledby": n.title ? y(o) : void 0
+      "aria-labelledby": n.title ? b(o) : void 0
     }, [
       n.title ? (c(), m("li", {
         key: 0,
-        id: y(o),
+        id: b(o),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, U(n.title), 9, At)) : q("", !0),
-      w(e.$slots, "default")
+      }, U(n.title), 9, At)) : S("", !0),
+      h(e.$slots, "default")
     ], 8, zt));
   }
-}), Oe = B(Lt), Ft = B(Tt), Qt = B(Ct);
+}), 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, i = a.y + window.scrollY, r = n == null ? void 0 : n.getBoundingClientRect(), f = (r == null ? void 0 : r.width) ?? 0, u = (r == null ? void 0 : r.height) ?? 0;
-  let h = o;
-  r && !Me(a, r, h) && (h = Ot(a, r, h));
-  const b = { x: 0, y: 0, placement: h };
-  switch (h) {
+  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) {
     case "top":
-      e === "anchor" ? b.x = l : b.x = l + (a.width - f) / 2, b.y = i - u;
+      e === "anchor" ? g.x = l : g.x = l + (a.width - f) / 2, g.y = r - u;
       break;
     case "bottom":
-      e === "anchor" ? b.x = l : b.x = l + (a.width - f) / 2, b.y = i + a.height;
+      e === "anchor" ? g.x = l : g.x = l + (a.width - f) / 2, g.y = r + a.height;
       break;
     case "left":
-      b.x = l - f, b.y = i + a.height / 2 - u / 2;
+      g.x = l - f, g.y = r + a.height / 2 - u / 2;
       break;
     case "right":
-      b.x = l + a.width, b.y = i + a.height / 2 - u / 2;
+      g.x = l + a.width, g.y = r + a.height / 2 - u / 2;
       break;
   }
-  return e === "anchor" && a.width >= f && (b.width = a.width), b;
+  return e === "anchor" && a.width >= f && (g.width = a.width), g;
 }
 function Me(t, n, o) {
   let e = !1, a = !1;
   switch (o) {
     case "top":
-      e = Le(t, n), a = t.top > n.height;
+      e = Be(t, n), a = t.top > n.height;
       break;
     case "bottom":
-      e = Le(t, n), a = window.innerHeight - t.top - t.height > n.height;
+      e = Be(t, n), a = window.innerHeight - t.top - t.height > n.height;
       break;
     case "left":
-      e = t.left > n.width, a = Se(t, n);
+      e = t.left > n.width, a = xe(t, n);
       break;
     case "right":
-      e = window.innerWidth - t.left - t.width > n.width, a = Se(t, n);
+      e = window.innerWidth - t.left - t.width > n.width, a = xe(t, n);
       break;
   }
   return e && a;
 }
-function Se(t, n) {
+function xe(t, n) {
   return window.innerHeight - t.top - t.height / 2 > n.height / 2 && t.top + t.height / 2 > n.height / 2;
 }
-function Le(t, n) {
+function Be(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) {
@@ -951,7 +951,7 @@ function re(t) {
 const Mt = {
   key: 0,
   class: "q-overlay__arrow"
-}, Ut = /* @__PURE__ */ L({
+}, Ut = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QOverlay",
   props: {
@@ -972,7 +972,7 @@ const Mt = {
   },
   emits: ["enter", "leave"],
   setup(t, { emit: n }) {
-    const o = n, e = t, a = g(() => [
+    const o = n, e = t, a = _(() => [
       "q-overlay",
       `q-overlay--${l.placement}`,
       { "q-overlay--inverted": e.appearance === "inverted" },
@@ -984,7 +984,7 @@ const Mt = {
       left: 0,
       width: 0,
       placement: e.placement
-    }), i = g(() => l.visible && !e.disabled);
+    }), r = _(() => l.visible && !e.disabled);
     z(
       () => e.modelValue,
       () => l.visible = e.modelValue
@@ -992,7 +992,7 @@ const Mt = {
       () => l.visible,
       () => l.animating = !0
     );
-    const r = g(() => {
+    const d = _(() => {
       let v = 0, V = 0;
       switch (l.placement) {
         case "top":
@@ -1021,24 +1021,24 @@ const Mt = {
         l.left = V.x, l.top = V.y, l.width = V.width, l.placement = V.placement;
       }
     }
-    z([() => i.value, () => e.placement], u);
-    let h;
-    function b() {
+    z([() => r.value, () => e.placement], u);
+    let y;
+    function g() {
       const v = e.trigger === "hover" ? e.delay : 0;
-      h || (h = window.setTimeout(() => l.visible = !0, v));
+      y || (y = window.setTimeout(() => l.visible = !0, v));
     }
-    function R() {
-      clearTimeout(h), h = void 0, l.visible = !1;
+    function F() {
+      clearTimeout(y), y = void 0, l.visible = !1;
     }
     function A() {
-      i.value ? R() : b();
+      r.value ? F() : g();
     }
-    let F;
+    let Q;
     function T() {
       o("enter");
     }
     function O() {
-      window.clearTimeout(F), F = window.setTimeout(() => l.animating = !1, 200), o("leave");
+      window.clearTimeout(Q), Q = window.setTimeout(() => l.animating = !1, 200), o("leave");
     }
     let E;
     function X() {
@@ -1050,7 +1050,7 @@ const Mt = {
               v.addEventListener("click", A);
               break;
             case "hover":
-              v.addEventListener("mouseenter", b), v.addEventListener("mouseleave", R);
+              v.addEventListener("mouseenter", g), v.addEventListener("mouseleave", F);
               break;
           }
       });
@@ -1066,34 +1066,34 @@ const Mt = {
         }), u());
       });
     }
-    function Q() {
+    function R() {
       window.removeEventListener("scroll", u), window.removeEventListener("resize", u), E == null || E.disconnect();
     }
     let C;
     function M() {
-      re(e.anchor) ? (u(), C = window.setTimeout(M, 100)) : R();
+      re(e.anchor) ? (u(), C = window.setTimeout(M, 100)) : F();
     }
     function W() {
       N(), e.spy && M();
     }
     function G() {
-      Q(), e.spy && (clearTimeout(C), C = void 0);
+      R(), e.spy && (clearTimeout(C), C = void 0);
     }
-    return We(G), Ee(u), z(
+    return We(G), Te(u), z(
       () => e.disabled,
       (v) => {
         v || X();
       },
       { immediate: !0 }
     ), z(
-      () => i.value,
+      () => r.value,
       (v) => {
         v ? W() : G();
       },
       { immediate: !0 }
     ), (v, V) => (c(), m(P, null, [
-      w(v.$slots, "trigger", { open: i.value }),
-      i.value || l.animating ? (c(), x(Ge, {
+      h(v.$slots, "trigger", { open: r.value }),
+      r.value || l.animating ? (c(), L(Ge, {
         key: 0,
         disabled: !e.attach,
         to: e.attach
@@ -1104,25 +1104,25 @@ const Mt = {
           onEnter: T,
           onLeave: O
         }, {
-          default: S(() => [
-            i.value ? (c(), m("div", {
+          default: q(() => [
+            r.value ? (c(), m("div", {
               key: 0,
               class: K(a.value),
-              style: se(r.value)
+              style: se(d.value)
             }, [
               H("div", {
                 class: K(["q-overlay__content"]),
                 ref_key: "overlay",
                 ref: f
               }, [
-                e.arrow ? (c(), m("div", Mt)) : q("", !0),
-                w(v.$slots, "default")
+                e.arrow ? (c(), m("div", Mt)) : S("", !0),
+                h(v.$slots, "default")
               ], 512)
-            ], 6)) : q("", !0)
+            ], 6)) : S("", !0)
           ]),
           _: 3
         }, 8, ["name"])
-      ], 8, ["disabled", "to"])) : q("", !0)
+      ], 8, ["disabled", "to"])) : S("", !0)
     ], 64));
   }
 }), fe = B(Ut), Nt = ["id"], Ht = {
@@ -1137,7 +1137,7 @@ const Mt = {
 }, jt = {
   key: 1,
   class: "q-field__extras"
-}, Xt = /* @__PURE__ */ L({
+}, Xt = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QField",
   props: {
@@ -1149,10 +1149,10 @@ const Mt = {
     required: { type: Boolean }
   },
   setup(t, { expose: n }) {
-    const o = t, e = I(null), a = g(() => o.required && !o.readonly && !o.disabled);
+    const o = t, e = I(null), a = _(() => o.required && !o.readonly && !o.disabled);
     return n({
       fieldRef: e
-    }), (l, i) => (c(), m("div", {
+    }), (l, r) => (c(), m("div", {
       id: o.id,
       class: K([
         "q-field",
@@ -1165,33 +1165,33 @@ const Mt = {
       ])
     }, [
       o.label ? (c(), m("div", Ht, [
-        w(l.$slots, "label.prepend"),
+        h(l.$slots, "label.prepend"),
         H("label", {
           for: o.id
         }, U(o.label), 9, Kt),
-        w(l.$slots, "label.append")
-      ])) : q("", !0),
-      w(l.$slots, "control", {}, () => [
+        h(l.$slots, "label.append")
+      ])) : S("", !0),
+      h(l.$slots, "control", {}, () => [
         H("div", le({
           class: "q-field__control",
           ref_key: "fieldRef",
           ref: e
         }, l.$attrs), [
           l.$slots.prepend ? (c(), m("div", Wt, [
-            w(l.$slots, "prepend")
-          ])) : q("", !0),
-          w(l.$slots, "default"),
+            h(l.$slots, "prepend")
+          ])) : S("", !0),
+          h(l.$slots, "default"),
           l.$slots.append ? (c(), m("div", Gt, [
-            w(l.$slots, "append")
-          ])) : q("", !0)
+            h(l.$slots, "append")
+          ])) : S("", !0)
         ], 16)
       ]),
       l.$slots.extras ? (c(), m("div", jt, [
-        w(l.$slots, "extras")
-      ])) : q("", !0)
+        h(l.$slots, "extras")
+      ])) : S("", !0)
     ], 10, Nt));
   }
-}), _e = B(Xt), Yt = ["type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Pt = /* @__PURE__ */ L({
+}), ke = B(Xt), Yt = ["type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Pt = /* @__PURE__ */ x({
   __name: "QTextField",
   props: {
     modelValue: { default: "" },
@@ -1208,7 +1208,7 @@ const Mt = {
   },
   emits: ["update:modelValue"],
   setup(t, { expose: n, emit: o }) {
-    const e = o, a = t, l = I(a.modelValue), i = I(null), r = I(null), f = g({
+    const e = o, a = t, l = I(a.modelValue), r = I(null), d = I(null), f = _({
       get() {
         return l.value;
       },
@@ -1220,14 +1220,14 @@ const Mt = {
       () => a.modelValue,
       (u) => l.value = u
     ), n({
-      fieldRef: g(() => {
+      fieldRef: _(() => {
         var u;
-        return (u = i.value) == null ? void 0 : u.fieldRef;
+        return (u = r.value) == null ? void 0 : u.fieldRef;
       }),
-      inputRef: r
-    }), (u, h) => (c(), x(y(_e), {
+      inputRef: d
+    }), (u, y) => (c(), L(b(ke), {
       ref_key: "fieldRef",
-      ref: i,
+      ref: r,
       class: "q-text-field",
       id: a.id,
       label: a.label,
@@ -1235,18 +1235,18 @@ const Mt = {
       readonly: a.readonly,
       disabled: a.disabled,
       required: a.required
-    }, Te({
-      "label.prepend": S(() => [
-        w(u.$slots, "label.prepend")
+    }, be({
+      "label.prepend": q(() => [
+        h(u.$slots, "label.prepend")
       ]),
-      "label.append": S(() => [
-        w(u.$slots, "label.append")
+      "label.append": q(() => [
+        h(u.$slots, "label.append")
       ]),
-      default: S(() => [
+      default: q(() => [
         Xe(H("input", {
-          "onUpdate:modelValue": h[0] || (h[0] = (b) => f.value = b),
+          "onUpdate:modelValue": y[0] || (y[0] = (g) => f.value = g),
           ref_key: "inputRef",
-          ref: r,
+          ref: d,
           class: "q-text-field__input",
           type: a.type,
           role: a.role,
@@ -1263,22 +1263,22 @@ const Mt = {
     }, [
       u.$slots.prepend ? {
         name: "prepend",
-        fn: S(() => [
-          w(u.$slots, "prepend")
+        fn: q(() => [
+          h(u.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       u.$slots.append ? {
         name: "append",
-        fn: S(() => [
-          w(u.$slots, "append")
+        fn: q(() => [
+          h(u.$slots, "append")
         ]),
         key: "1"
       } : void 0,
       u.$slots.extras ? {
         name: "extras",
-        fn: S(() => [
-          w(u.$slots, "extras")
+        fn: q(() => [
+          h(u.$slots, "extras")
         ]),
         key: "2"
       } : void 0
@@ -1298,7 +1298,7 @@ const Jt = {
   clear: {
     icon: "close"
   }
-}, nn = /* @__PURE__ */ L({
+}, nn = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QCombobox",
   props: {
@@ -1322,105 +1322,105 @@ const Jt = {
   },
   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), i = I(!1), r = I(""), f = I(void 0), u = I(null), h = I(null), b = I(null);
-    Ee(Q);
-    const R = g(
+    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 = g(() => {
-      var d;
-      return e.filterMode === "manual" || !E.value ? e.items : (d = e.items) == null ? void 0 : d.filter(
-        (_) => _[e.itemLabel].toLowerCase().startsWith(r.value.toLowerCase())
+    ), A = _(() => {
+      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())
       );
-    }), F = g(() => {
-      var d;
-      return (d = e.items) == null ? void 0 : d.find((_) => _[e.itemValue] === l.value);
-    }), T = g(() => {
-      const d = f.value;
-      if (d !== void 0 && A.value[d])
-        return A.value[d];
-    }), O = g(() => {
-      var _;
+    }), Q = _(() => {
+      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;
-      const d = (_ = h.value) == null ? void 0 : _.getItem(f.value);
-      return d == null ? void 0 : d.id;
-    }), E = g(() => {
-      var d;
-      return r.value.length > 0 && r.value !== ((d = F.value) == null ? void 0 : d[e.itemLabel]);
+      const i = (k = y.value) == null ? void 0 : k.getItem(f.value);
+      return i == null ? void 0 : i.id;
+    }), E = _(() => {
+      var i;
+      return d.value.length > 0 && d.value !== ((i = Q.value) == null ? void 0 : i[e.itemLabel]);
     });
-    function X(d) {
-      l.value = d, Q(), o("update:modelValue", d);
+    function X(i) {
+      l.value = i, R(), o("update:modelValue", i);
     }
-    function N(d) {
-      X(d), M();
+    function N(i) {
+      X(i), M();
     }
-    function Q() {
-      var d;
-      r.value = ((d = F.value) == null ? void 0 : d[e.itemLabel]) || "";
+    function R() {
+      var i;
+      d.value = ((i = Q.value) == null ? void 0 : i[e.itemLabel]) || "";
     }
     function C() {
-      i.value || e.readonly || e.disabled || (o("before-show"), i.value = !0);
+      r.value || e.readonly || e.disabled || (o("before-show"), r.value = !0);
     }
     function M() {
-      i.value && (o("before-hide"), i.value = !1, f.value = void 0);
+      r.value && (o("before-hide"), r.value = !1, f.value = void 0);
     }
     function W() {
       X(void 0), f.value = void 0;
     }
     function G() {
-      if (C(), F.value !== void 0) {
-        const d = A.value.indexOf(F.value);
-        d !== -1 && Z(() => ke(d));
+      if (C(), Q.value !== void 0) {
+        const i = A.value.indexOf(Q.value);
+        i !== -1 && Z(() => we(i));
       }
     }
-    function v(d) {
-      var _, D;
-      if (!(!d.key || e.readonly || e.disabled))
-        if (["ArrowDown", "ArrowUp", "Home", "End"].includes(d.key) && (d.preventDefault(), d.stopPropagation()), d.key === "Escape")
-          i.value ? M() : W();
-        else if (["ArrowDown", "ArrowUp"].includes(d.key))
-          i.value ? Z(() => {
+    function v(i) {
+      var k, D;
+      if (!(!i.key || e.readonly || e.disabled))
+        if (["ArrowDown", "ArrowUp", "Home", "End"].includes(i.key) && (i.preventDefault(), i.stopPropagation()), i.key === "Escape")
+          r.value ? M() : W();
+        else if (["ArrowDown", "ArrowUp"].includes(i.key))
+          r.value ? Z(() => {
             if (f.value === void 0)
               V();
             else {
-              const j = d.key === "ArrowDown" ? "next" : "prev";
+              const j = i.key === "ArrowDown" ? "next" : "prev";
               p(f.value, j);
             }
           }) : (C(), Z(() => {
-            d.key === "ArrowDown" ? V() : s();
+            i.key === "ArrowDown" ? V() : s();
           }));
-        else if (d.key === "Enter") {
+        else if (i.key === "Enter") {
           if (T.value === void 0)
             return;
           N(T.value[e.itemValue]);
         } else
-          d.key === "Home" ? f.value = (_ = h.value) == null ? void 0 : _.getFirstFocusableItemIndex() : d.key === "End" ? f.value = (D = h.value) == null ? void 0 : D.getLastFocusableItemIndex() : (/^[a-z]$/i.test(d.key) || d.key === "Backspace") && C();
+          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();
     }
     function V() {
-      var d, _;
+      var i, k;
       if (l.value !== void 0) {
         const D = A.value.findIndex(
           (j) => j[e.itemValue] === l.value
         );
-        D === -1 ? f.value = (d = h.value) == null ? void 0 : d.getFirstFocusableItemIndex() : f.value = D;
+        D === -1 ? f.value = (i = y.value) == null ? void 0 : i.getFirstFocusableItemIndex() : f.value = D;
       } else
-        f.value = (_ = h.value) == null ? void 0 : _.getFirstFocusableItemIndex();
+        f.value = (k = y.value) == null ? void 0 : k.getFirstFocusableItemIndex();
     }
     function s() {
-      var d;
-      f.value = (d = h.value) == null ? void 0 : d.getLastFocusableItemIndex();
+      var i;
+      f.value = (i = y.value) == null ? void 0 : i.getLastFocusableItemIndex();
     }
-    function p(d, _) {
+    function p(i, k) {
       var D;
-      f.value = (D = h.value) == null ? void 0 : D.getAdjacentItemIndex(d, _);
+      f.value = (D = y.value) == null ? void 0 : D.getAdjacentItemIndex(i, k);
     }
-    function k(d) {
-      var _, D, j;
-      !((_ = b.value) != null && _.contains(d.relatedTarget)) && !((j = (D = u.value) == null ? void 0 : D.fieldRef) != null && j.contains(d.relatedTarget)) && (M(), Q());
+    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());
     }
     function $() {
-      var d, _;
-      (_ = (d = u.value) == null ? void 0 : d.inputRef) == null || _.focus();
+      var i, k;
+      (k = (i = u.value) == null ? void 0 : i.inputRef) == null || k.focus();
     }
     function ne() {
       o("show");
@@ -1428,55 +1428,81 @@ const Jt = {
     function oe() {
       o("hide");
     }
-    function ke(d) {
+    function we(i) {
       var D;
-      const _ = (D = h.value) == null ? void 0 : D.getItem(d);
-      _ == null || _.scrollIntoView({ block: "nearest", inline: "start" });
+      const k = (D = y.value) == null ? void 0 : D.getItem(i);
+      k == null || k.scrollIntoView({ block: "nearest", inline: "start" });
     }
     return z(
       () => e.modelValue,
-      (d) => {
-        l.value = d;
+      (i) => {
+        l.value = i;
       }
-    ), z(f, (d) => {
-      d !== void 0 && ke(d);
-    }), z(r, (d) => {
-      !d && R.value ? W() : i.value && e.selectionMode === "automatic" && Z(V);
-    }), (d, _) => {
+    ), z(f, (i) => {
+      i !== void 0 && we(i);
+    }), z(d, (i) => {
+      !i && F.value ? W() : r.value && e.selectionMode === "automatic" && Z(V);
+    }), (i, k) => {
       var D, j;
       return c(), m(P, null, [
-        ee(y(Zt), {
-          modelValue: r.value,
-          "onUpdate:modelValue": _[0] || (_[0] = (ie) => r.value = ie),
+        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,
           ref_key: "triggerEl",
           ref: u,
           role: "combobox",
-          class: K(["q-combobox", ...y(a).class]),
+          class: K(["q-combobox", ...b(a).class]),
           readonly: e.readonly,
           disabled: e.disabled,
-          "aria-expanded": i.value,
+          "aria-expanded": r.value,
           "aria-haspopup": "listbox",
           "aria-autocomplete": "list",
           "aria-activedescendant": O.value,
           size: e.size,
           onClick: G,
-          onFocusout: k,
+          onFocusout: w,
           onKeydown: J(v, ["stop"])
-        }, {
-          append: S(() => [
-            R.value && r.value ? (c(), x(y(Y), le({ key: 0 }, e.icons.clear, {
-              class: "q-combobox__clear",
-              onClick: J(W, ["stop", "prevent"])
-            }), null, 16)) : q("", !0)
+        }, be({
+          "label.prepend": q(() => [
+            h(i.$slots, "label.prepend")
+          ]),
+          "label.append": q(() => [
+            h(i.$slots, "label.append")
           ]),
-          _: 1
-        }, 8, ["modelValue", "id", "label", "required", "class", "readonly", "disabled", "aria-expanded", "aria-activedescendant", "size"]),
-        (D = u.value) != null && D.fieldRef ? (c(), x(y(fe), {
+          _: 2
+        }, [
+          i.$slots.prepend ? {
+            name: "prepend",
+            fn: q(() => [
+              h(i.$slots, "prepend")
+            ]),
+            key: "0"
+          } : void 0,
+          F.value && d.value || i.$slots.append ? {
+            name: "append",
+            fn: q(() => [
+              F.value && d.value ? (c(), L(b(Y), le({ key: 0 }, e.icons.clear, {
+                class: "q-combobox__clear",
+                onClick: J(W, ["stop", "prevent"])
+              }), null, 16)) : S("", !0),
+              h(i.$slots, "append")
+            ]),
+            key: "1"
+          } : void 0,
+          i.$slots.extras ? {
+            name: "extras",
+            fn: q(() => [
+              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), {
           key: 0,
-          "model-value": i.value,
+          "model-value": r.value,
           spy: "",
           trigger: "manual",
           placement: "bottom",
@@ -1486,43 +1512,43 @@ const Jt = {
           onEnter: ne,
           onLeave: oe
         }, {
-          default: S(() => {
+          default: q(() => {
             var ie;
             return [
               H("div", {
                 ref_key: "contentRef",
-                ref: b,
+                ref: g,
                 class: "q-select__body",
-                onFocusout: k
+                onFocusout: w
               }, [
-                w(d.$slots, "body.prepend"),
-                e.loading ? (c(), x(y(ge), {
+                h(i.$slots, "body.prepend"),
+                e.loading ? (c(), L(b(_e), {
                   key: 0,
                   class: "q-select__loader",
                   size: 24
-                })) : A.value.length ? (c(), x(y(Oe), {
+                })) : A.value.length ? (c(), L(b(Oe), {
                   key: 1,
                   ref_key: "listRef",
-                  ref: h,
+                  ref: y,
                   class: "q-select__items",
                   modelValue: l.value,
                   "onUpdate:modelValue": [
-                    _[1] || (_[1] = (Ne) => l.value = Ne),
+                    k[1] || (k[1] = (Ne) => l.value = Ne),
                     N
                   ],
                   highlighted: (ie = T.value) == null ? void 0 : ie[e.itemValue],
                   items: A.value,
-                  groups: d.groups,
+                  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(d.texts.noData), 1)),
-                w(d.$slots, "body.append")
+                }, null, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (c(), m("div", Jt, U(i.texts.noData), 1)),
+                h(i.$slots, "body.append")
               ], 544)
             ];
           }),
           _: 3
-        }, 8, ["model-value", "anchor"])) : q("", !0)
+        }, 8, ["model-value", "anchor"])) : S("", !0)
       ], 64);
     };
   }
@@ -1532,7 +1558,7 @@ const Jt = {
 }, ln = { key: 0 }, an = {
   key: 1,
   class: "q-input-group__append"
-}, sn = { key: 0 }, rn = /* @__PURE__ */ L({
+}, sn = { key: 0 }, rn = /* @__PURE__ */ x({
   __name: "QInputGroup",
   props: {
     id: { default: () => te() },
@@ -1550,7 +1576,7 @@ const Jt = {
       QField: {
         size: "block"
       }
-    }), (o, e) => (c(), x(y(_e), {
+    }), (o, e) => (c(), L(b(ke), {
       class: "q-input-group",
       id: n.id,
       label: n.label,
@@ -1559,20 +1585,20 @@ const Jt = {
       required: n.required,
       size: n.size
     }, {
-      default: S(() => [
+      default: q(() => [
         o.$slots.prepend || n.prependIcon ? (c(), m("div", on, [
           n.prependIcon ? (c(), m("span", ln, [
-            ee(y(Y), ue(he(n.prependIcon)), null, 16)
-          ])) : q("", !0),
-          w(o.$slots, "prepend")
-        ])) : q("", !0),
-        w(o.$slots, "default"),
+            ee(b(Y), ue(he(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(y(Y), ue(he(n.appendIcon)), null, 16)
-          ])) : q("", !0),
-          w(o.$slots, "append")
-        ])) : q("", !0)
+            ee(b(Y), ue(he(n.appendIcon)), null, 16)
+          ])) : S("", !0),
+          h(o.$slots, "append")
+        ])) : S("", !0)
       ]),
       _: 3
     }, 8, ["id", "label", "readonly", "disabled", "required", "size"]));
@@ -1592,7 +1618,7 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), Tn = B(pn), mn = {
 }, vn = {
   key: 1,
   class: "q-popover__body"
-}, hn = ["innerHTML"], yn = { key: 1 }, bn = /* @__PURE__ */ L({
+}, hn = ["innerHTML"], yn = { key: 1 }, bn = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QPopover",
   props: {
@@ -1609,7 +1635,7 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), Tn = B(pn), mn = {
   },
   setup(t) {
     const n = t;
-    return (o, e) => (c(), x(y(fe), {
+    return (o, e) => (c(), L(b(fe), {
       "model-value": n.modelValue,
       trigger: "click",
       anchor: n.anchor,
@@ -1620,18 +1646,18 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), Tn = B(pn), mn = {
       placement: n.placement,
       spy: n.spy
     }, {
-      default: S(() => [
+      default: q(() => [
         n.title || o.$slots.header ? (c(), m("h3", mn, [
           de(U(n.title) + " ", 1),
-          w(o.$slots, "header")
-        ])) : q("", !0),
+          h(o.$slots, "header")
+        ])) : S("", !0),
         n.text || o.$slots.body ? (c(), m("div", vn, [
           n.html ? (c(), m("span", {
             key: 0,
             innerHTML: n.text
           }, null, 8, hn)) : (c(), m("span", yn, U(n.text), 1)),
-          w(o.$slots, "body")
-        ])) : q("", !0)
+          h(o.$slots, "body")
+        ])) : S("", !0)
       ]),
       _: 3
     }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement", "spy"]));
@@ -1651,7 +1677,7 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), Tn = B(pn), mn = {
   clear: {
     icon: "close"
   }
-}, $n = /* @__PURE__ */ L({
+}, $n = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QSelect",
   props: {
@@ -1673,54 +1699,54 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), Tn = B(pn), mn = {
   },
   emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
   setup(t, { emit: n }) {
-    const o = n, e = t, a = Ue(), l = I(e.modelValue), i = I(!1), r = I(""), f = I(null), u = I(null), h = I(null), b = g(
+    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 = _(
       () => {
         var s;
         return (s = e.items) == null ? void 0 : s.find((p) => p[e.itemValue] === l.value);
       }
-    ), R = g(
-      () => b.value ? b.value[e.itemLabel] : ""
-    ), A = g(
+    ), F = _(
+      () => g.value ? g.value[e.itemLabel] : ""
+    ), A = _(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
-    function F(s) {
+    function Q(s) {
       l.value = s, o("update:modelValue", s), N();
     }
     function T() {
-      A.value && F(void 0);
+      A.value && Q(void 0);
     }
     function O() {
-      e.readonly || e.disabled || (i.value ? N() : X());
+      e.readonly || e.disabled || (r.value ? N() : X());
     }
     function E(s) {
-      var p, k, $;
-      !((p = h.value) != null && p.contains(s.relatedTarget)) && !(($ = (k = f.value) == null ? void 0 : k.fieldRef) != null && $.contains(s.relatedTarget)) && N();
+      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 X() {
-      i.value || (o("before-show"), i.value = !0);
+      r.value || (o("before-show"), r.value = !0);
     }
     function N() {
-      i.value && (o("before-hide"), i.value = !1);
+      r.value && (o("before-hide"), r.value = !1);
     }
-    let Q;
+    let R;
     function C(s) {
       if (!(!s.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(Q), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && (s.preventDefault(), s.stopPropagation()), ["Enter", " "].includes(s.key) && (i.value = !0), ["Escape", "Tab"].includes(s.key) && (i.value ? i.value = !1 : e.clearable && s.key === "Escape" && T()), s.key === "Delete" && e.clearable && T(), /^[a-z]$/i.test(s.key)) {
-          r.value += s.key.toLowerCase();
+        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(r.value)) {
+            if (e.items[p][e.itemLabel].toLowerCase().startsWith(d.value)) {
               V(p);
               break;
             }
         }
-        Q = window.setTimeout(function() {
-          r.value = "";
+        R = window.setTimeout(function() {
+          d.value = "";
         }, 500);
       }
     }
     function M() {
       var s;
-      e.loading ? (s = h.value) == null || s.focus() : v(), o("show");
+      e.loading ? (s = y.value) == null || s.focus() : v(), o("show");
     }
     function W() {
       G(), o("hide");
@@ -1745,12 +1771,12 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), Tn = B(pn), mn = {
     ), z(
       () => e.loading,
       (s) => {
-        !s && i.value && Z(v);
+        !s && r.value && Z(v);
       }
     ), (s, p) => {
-      var k, $, ne;
+      var w, $, ne;
       return c(), m(P, null, [
-        ee(y(_e), {
+        ee(b(ke), {
           id: e.id,
           label: e.label,
           required: e.required,
@@ -1763,44 +1789,44 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), Tn = B(pn), mn = {
             {
               "q-select--readonly": e.readonly,
               "q-select--disabled": e.disabled,
-              "q-select--expanded": i.value
+              "q-select--expanded": r.value
             },
-            ...y(a).class
+            ...b(a).class
           ]),
           readonly: e.readonly,
           disabled: e.disabled,
-          "aria-expanded": i.value,
+          "aria-expanded": r.value,
           "aria-haspopup": "listbox",
           size: e.size,
           onClick: O,
           onKeydown: J(C, ["stop"])
-        }, Te({
-          append: S(() => [
-            A.value && l.value ? (c(), x(y(Y), le({ key: 0 }, e.icons.clear, {
+        }, be({
+          append: q(() => [
+            A.value && l.value ? (c(), L(b(Y), le({ key: 0 }, e.icons.clear, {
               class: "q-select__clear",
               onClick: J(T, ["stop", "prevent"])
-            }), null, 16)) : q("", !0),
-            !e.readonly && !e.disabled ? (c(), x(y(Y), le({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16)) : q("", !0)
+            }), 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: S(() => [
-            l.value ? (c(), m("span", gn, U(R.value), 1)) : (c(), m("span", _n, U(s.texts.placeholder), 1))
+          default: q(() => [
+            l.value ? (c(), m("span", gn, U(F.value), 1)) : (c(), m("span", _n, U(s.texts.placeholder), 1))
           ]),
           _: 2
         }, [
-          (k = b.value) != null && k.icon ? {
+          (w = g.value) != null && w.icon ? {
             name: "prepend",
-            fn: S(() => {
+            fn: q(() => {
               var oe;
               return [
-                ee(y(Y), ue(he((oe = b.value) == null ? void 0 : oe.icon)), null, 16)
+                ee(b(Y), ue(he((oe = g.value) == null ? void 0 : oe.icon)), null, 16)
               ];
             }),
             key: "0"
           } : void 0
         ]), 1032, ["id", "label", "required", "class", "readonly", "disabled", "aria-expanded", "size"]),
-        ($ = f.value) != null && $.fieldRef ? (c(), x(y(fe), {
+        ($ = f.value) != null && $.fieldRef ? (c(), L(b(fe), {
           key: 0,
-          "model-value": i.value,
+          "model-value": r.value,
           spy: "",
           trigger: "manual",
           placement: "bottom",
@@ -1810,21 +1836,21 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), Tn = B(pn), mn = {
           onEnter: M,
           onLeave: W
         }, {
-          default: S(() => [
+          default: q(() => [
             H("div", {
               ref_key: "contentRef",
-              ref: h,
+              ref: y,
               class: "q-select__body",
               tabindex: "-1",
               onFocusout: E,
               onKeydown: J(C, ["stop"])
             }, [
-              w(s.$slots, "body.prepend"),
-              e.loading ? (c(), x(y(ge), {
+              h(s.$slots, "body.prepend"),
+              e.loading ? (c(), L(b(_e), {
                 key: 0,
                 class: "q-select__loader",
                 size: 24
-              })) : (c(), x(y(Oe), {
+              })) : (c(), L(b(Oe), {
                 key: 1,
                 ref_key: "listRef",
                 ref: u,
@@ -1832,22 +1858,22 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), Tn = B(pn), mn = {
                 modelValue: l.value,
                 "onUpdate:modelValue": [
                   p[0] || (p[0] = (oe) => l.value = oe),
-                  F
+                  Q
                 ],
                 items: e.items,
                 groups: s.groups,
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue
               }, null, 8, ["modelValue", "items", "groups", "item-label", "item-value"])),
-              w(s.$slots, "body.append")
+              h(s.$slots, "body.append")
             ], 544)
           ]),
           _: 3
-        }, 8, ["model-value", "anchor"])) : q("", !0)
+        }, 8, ["model-value", "anchor"])) : S("", !0)
       ], 64);
     };
   }
-}), An = B($n), In = ["innerHTML"], qn = { key: 1 }, xn = /* @__PURE__ */ L({
+}), An = B($n), In = ["innerHTML"], qn = { key: 1 }, Sn = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QTooltip",
   props: {
@@ -1865,7 +1891,7 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), Tn = B(pn), mn = {
   },
   setup(t) {
     const n = t;
-    return (o, e) => (c(), x(y(fe), {
+    return (o, e) => (c(), L(b(fe), {
       "model-value": n.modelValue,
       anchor: n.anchor,
       appearance: n.appearance,
@@ -1877,7 +1903,7 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), Tn = B(pn), mn = {
       placement: n.placement,
       trigger: n.trigger
     }, {
-      default: S(() => [
+      default: q(() => [
         n.html ? (c(), m("span", {
           key: 0,
           innerHTML: n.text
@@ -1886,7 +1912,7 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), Tn = B(pn), mn = {
       _: 1
     }, 8, ["model-value", "anchor", "appearance", "arrow", "attach", "delay", "disabled", "placement", "trigger"]));
   }
-}), Cn = B(xn), Fn = {
+}), Cn = B(Sn), Fn = {
   mounted(t, n) {
     t.clickOutsideEvent = function(o) {
       const e = o.target;
@@ -1902,11 +1928,11 @@ export {
   vt as QButtonGroup,
   Vn as QButtonToggle,
   Dn as QCombobox,
-  _e as QField,
+  ke as QField,
   Y as QIcon,
   qt as QIconFont,
-  xt as QIconImg,
-  St as QIconSvg,
+  St as QIconImg,
+  Lt as QIconSvg,
   En as QInputGroup,
   Tn as QLineLoader,
   Oe as QList,
@@ -1915,13 +1941,13 @@ export {
   fe as QOverlay,
   zn as QPopover,
   An as QSelect,
-  ge as QSpinnerLoader,
+  _e as QSpinnerLoader,
   Zt as QTextField,
   Cn as QTooltip,
   Fn as clickOutside,
   Bn as createFramework,
   Je as defaultDarkColorScheme,
-  Ie as defaultLightColorScheme,
-  Ln as useTheme
+  qe as defaultLightColorScheme,
+  xn as useTheme
 };
 //# sourceMappingURL=ui.esm.js.map