@quidgest/ui 0.7.22 → 0.7.23

package/dist/ui.esm.js

@@ -1,18 +1,18 @@
-import { getCurrentInstance as xe, computed as g, ref as q, provide as Oe, inject as Ve, watch as F, defineComponent as B, openBlock as u, createElementBlock as v, normalizeClass as T, normalizeStyle as se, createElementVNode as j, withModifiers as ne, createVNode as W, unref as $, createCommentVNode as S, Fragment as Z, createTextVNode as ae, toDisplayString as N, renderSlot as y, toRef as ce, createBlock as x, withCtx as I, renderList as pe, resolveDynamicComponent as De, h as we, normalizeProps as ie, mergeProps as ee, reactive as Ue, onBeforeUnmount as Ne, onMounted as Te, Teleport as He, Transition as Ke, withKeys as Ge, nextTick as P, createSlots as he, withDirectives as We, vModelDynamic as je, guardReactiveProps as me } from "vue";
-function ve(n) {
+import { getCurrentInstance as xe, computed as g, ref as q, provide as Oe, inject as Ve, watch as F, defineComponent as x, openBlock as c, createElementBlock as v, normalizeClass as T, normalizeStyle as se, createElementVNode as W, withModifiers as ne, createVNode as Z, unref as $, createCommentVNode as L, Fragment as J, createTextVNode as ae, toDisplayString as N, renderSlot as h, toRef as ce, createBlock as B, withCtx as I, renderList as pe, resolveDynamicComponent as De, h as ke, normalizeProps as ie, mergeProps as P, reactive as Ue, onBeforeUnmount as Ne, onMounted as Te, Teleport as He, Transition as Ke, withKeys as Ge, nextTick as Y, createSlots as ve, withDirectives as We, vModelDynamic as je, guardReactiveProps as we } from "vue";
+function me(n) {
   return n == null ? !0 : typeof n == "string" || Array.isArray(n) ? n.length === 0 : typeof n == "object" ? Object.keys(n).length === 0 : !1;
 }
 function $e(n) {
   return n !== null && typeof n == "object" && !Array.isArray(n);
 }
-function be(n = {}, t = {}) {
+function he(n = {}, t = {}) {
   const o = {};
   for (const e in n)
     o[e] = n[e];
   for (const e in t) {
     const l = n[e], a = t[e];
     if ($e(l) && $e(a)) {
-      o[e] = be(
+      o[e] = he(
         l,
         a
       );
@@ -32,12 +32,12 @@ function Xe() {
   if (!t)
     throw new Error("[Quidgest UI] Could not determine component name");
   const o = ze(), e = (a = o.value) == null ? void 0 : a.Global, l = (r = o.value) == null ? void 0 : r[t];
-  return g(() => be(e, l));
+  return g(() => he(e, l));
 }
 function Ee(n) {
-  if (ve(n))
+  if (me(n))
     return;
-  const t = ze(), o = q(n), e = g(() => ve(o.value) ? t.value : be(t.value, o.value));
+  const t = ze(), o = q(n), e = g(() => me(o.value) ? t.value : he(t.value, o.value));
   Oe(ye, e);
 }
 function ze() {
@@ -137,12 +137,12 @@ function qe(n) {
 function Fe(n) {
   const t = n.r / 255, o = n.g / 255, e = n.b / 255, l = Math.max(t, o, e), a = Math.min(t, o, e);
   let r = 0, i;
-  const f = (l + a) / 2;
+  const p = (l + a) / 2;
   if (l === a)
     r = i = 0;
   else {
     const m = l - a;
-    switch (i = f > 0.5 ? m / (2 - l - a) : m / (l + a), l) {
+    switch (i = p > 0.5 ? m / (2 - l - a) : m / (l + a), l) {
       case t:
         r = (o - e) / m + (o < e ? 6 : 0);
         break;
@@ -158,7 +158,7 @@ function Fe(n) {
   return {
     h: Math.round(r * 360),
     s: Math.round(i * 100),
-    l: Math.round(f * 100)
+    l: Math.round(p * 100)
   };
 }
 function Ae(n) {
@@ -167,8 +167,8 @@ function Ae(n) {
   if (o === 0)
     l = a = r = e;
   else {
-    const i = e < 0.5 ? e * (1 + o) : e + o - e * o, f = 2 * e - i;
-    l = fe(f, i, t + 1 / 3), a = fe(f, i, t), r = fe(f, i, t - 1 / 3);
+    const i = e < 0.5 ? e * (1 + o) : e + o - e * o, p = 2 * e - i;
+    l = fe(p, i, t + 1 / 3), a = fe(p, i, t), r = fe(p, i, t - 1 / 3);
   }
   return {
     r: Math.round(l * 255),
@@ -196,8 +196,8 @@ function Je(n, t) {
         for (a in e.colors) {
           const r = e.colors[a];
           if (r && !a.startsWith("on") && !a.endsWith("Light") && !a.endsWith("Dark")) {
-            const i = Ce(r), f = `${a}Light`, m = `${a}Dark`;
-            f in e.colors || (e.colors[f] = qe(Pe(i, 85))), m in e.colors || (e.colors[m] = qe(Ze(i, 25)));
+            const i = Ce(r), p = `${a}Light`, m = `${a}Dark`;
+            p in e.colors || (e.colors[p] = qe(Pe(i, 85))), m in e.colors || (e.colors[m] = qe(Ze(i, 25)));
           }
         }
       }
@@ -263,8 +263,8 @@ function $n(n = {}) {
     o.provide(ye, q(l)), Je(o, n.themes);
   } };
 }
-const nt = /* @__PURE__ */ j("svg", { viewBox: "25 25 50 50" }, [
-  /* @__PURE__ */ j("circle", {
+const nt = /* @__PURE__ */ W("svg", { viewBox: "25 25 50 50" }, [
+  /* @__PURE__ */ W("circle", {
     class: "path",
     cx: "50",
     cy: "50",
@@ -276,7 +276,7 @@ const nt = /* @__PURE__ */ j("svg", { viewBox: "25 25 50 50" }, [
   })
 ], -1), lt = [
   nt
-], ot = /* @__PURE__ */ B({
+], ot = /* @__PURE__ */ x({
   __name: "QSpinnerLoader",
   props: {
     size: { default: 48 },
@@ -286,7 +286,7 @@ const nt = /* @__PURE__ */ j("svg", { viewBox: "25 25 50 50" }, [
     const t = n, o = g(() => ({
       "font-size": t.size !== 48 ? `${t.size}px` : void 0
     }));
-    return (e, l) => (u(), v("div", {
+    return (e, l) => (c(), v("div", {
       class: T(["q-spinner-loader", t.class]),
       style: se(o.value)
     }, lt, 6));
@@ -300,25 +300,25 @@ function V(n) {
   const t = n.setup;
   return t && (n.setup = (o, e) => {
     const l = Xe();
-    if (ve(l.value))
+    if (me(l.value))
       return t(o, e);
     const a = xe();
     if (a === null)
       return t(o, e);
     const r = new Proxy(o, {
-      get(i, f) {
+      get(i, p) {
         var _;
-        const m = Reflect.get(i, f), p = (_ = l.value) == null ? void 0 : _[f];
-        return typeof f == "string" && !at(a.vnode, f) ? p ?? m : m;
+        const m = Reflect.get(i, p), f = (_ = l.value) == null ? void 0 : _[p];
+        return typeof p == "string" && !at(a.vnode, p) ? f ?? m : m;
       }
     });
     return t(r, e);
   }), n;
 }
-const ge = V(ot), st = ["disabled"], it = {
+const be = V(ot), st = ["disabled"], it = {
   key: 0,
   class: "q-btn__spinner"
-}, rt = { class: "q-btn__content" }, dt = /* @__PURE__ */ B({
+}, rt = { class: "q-btn__content" }, dt = /* @__PURE__ */ x({
   __name: "QButton",
   props: {
     active: { type: Boolean },
@@ -355,27 +355,27 @@ const ge = V(ot), st = ["disabled"], it = {
         e.class
       ];
     });
-    return (i, f) => (u(), v("button", {
+    return (i, p) => (c(), v("button", {
       type: "button",
       class: T(r.value),
       disabled: l.value,
       onClick: ne(a, ["stop", "prevent"])
     }, [
-      i.loading ? (u(), v("div", it, [
-        W($(ge), { size: 23 })
-      ])) : S("", !0),
-      j("span", rt, [
-        i.iconOnRight ? (u(), v(Z, { key: 0 }, [
+      i.loading ? (c(), v("div", it, [
+        Z($(be), { size: 23 })
+      ])) : L("", !0),
+      W("span", rt, [
+        i.iconOnRight ? (c(), v(J, { key: 0 }, [
           ae(N(e.label), 1)
-        ], 64)) : S("", !0),
-        y(i.$slots, "default"),
-        i.iconOnRight ? S("", !0) : (u(), v(Z, { key: 1 }, [
+        ], 64)) : L("", !0),
+        h(i.$slots, "default"),
+        i.iconOnRight ? L("", !0) : (c(), v(J, { key: 1 }, [
           ae(N(e.label), 1)
         ], 64))
       ])
     ], 10, st));
   }
-}), ut = V(dt), ct = /* @__PURE__ */ B({
+}), ut = V(dt), ct = /* @__PURE__ */ x({
   __name: "QButtonGroup",
   props: {
     bStyle: { default: void 0 },
@@ -393,7 +393,7 @@ const ge = V(ot), st = ["disabled"], it = {
         borderless: ce(t, "borderless"),
         elevated: !1
       }
-    }), (o, e) => (u(), v("div", {
+    }), (o, e) => (c(), v("div", {
       class: T([
         "q-btn-group",
         {
@@ -402,10 +402,10 @@ const ge = V(ot), st = ["disabled"], it = {
         t.class
       ])
     }, [
-      y(o.$slots, "default")
+      h(o.$slots, "default")
     ], 2));
   }
-}), ft = V(ct), pt = /* @__PURE__ */ B({
+}), ft = V(ct), pt = /* @__PURE__ */ x({
   __name: "QButtonToggle",
   props: {
     modelValue: {},
@@ -434,7 +434,7 @@ const ge = V(ot), st = ["disabled"], it = {
     function r(i) {
       a.value === i.key && !e.mandatory ? a.value = void 0 : a.value = i.key;
     }
-    return (i, f) => (u(), x($(ft), {
+    return (i, p) => (c(), B($(ft), {
       "b-style": "secondary",
       class: T(e.class),
       disabled: e.disabled,
@@ -442,7 +442,7 @@ const ge = V(ot), st = ["disabled"], it = {
       elevated: e.elevated
     }, {
       default: I(() => [
-        (u(!0), v(Z, null, pe(e.options, (m) => (u(), x($(ut), {
+        (c(!0), v(J, null, pe(e.options, (m) => (c(), B($(ut), {
           key: m.key,
           title: m.title,
           label: m.label,
@@ -450,7 +450,7 @@ const ge = V(ot), st = ["disabled"], it = {
           onClick: () => r(m)
         }, {
           default: I(() => [
-            y(i.$slots, m.key)
+            h(i.$slots, m.key)
           ]),
           _: 2
         }, 1032, ["title", "label", "active", "onClick"]))), 128))
@@ -458,7 +458,7 @@ const ge = V(ot), st = ["disabled"], it = {
       _: 3
     }, 8, ["class", "disabled", "borderless", "elevated"]));
   }
-}), In = V(pt), mt = /* @__PURE__ */ B({
+}), In = V(pt), mt = /* @__PURE__ */ x({
   __name: "QIcon",
   props: {
     icon: {},
@@ -479,13 +479,13 @@ const ge = V(ot), st = ["disabled"], it = {
           return;
       }
     });
-    return (e, l) => (u(), x(De(o.value), {
+    return (e, l) => (c(), B(De(o.value), {
       class: T(t.class),
       icon: t.icon,
       size: t.size
     }, null, 8, ["class", "icon", "size"]));
   }
-}), vt = /* @__PURE__ */ B({
+}), vt = /* @__PURE__ */ x({
   __name: "QIconFont",
   props: {
     icon: {},
@@ -498,12 +498,12 @@ const ge = V(ot), st = ["disabled"], it = {
     const t = n, o = g(() => t.variant ? `${t.library}-${t.variant}` : t.library), e = g(() => t.library && t.icon ? `${t.library}-${t.icon}` : t.icon), l = g(() => ({
       "font-size": t.size !== void 0 ? `${t.size}px` : void 0
     }));
-    return (a, r) => (u(), v("i", {
+    return (a, r) => (c(), v("i", {
       class: T(["q-icon", "q-icon__font", o.value, e.value, t.class]),
       style: se(l.value)
     }, null, 6));
   }
-}), ht = ["src"], bt = /* @__PURE__ */ B({
+}), ht = ["src"], yt = /* @__PURE__ */ x({
   __name: "QIconImg",
   props: {
     icon: {},
@@ -514,13 +514,13 @@ const ge = V(ot), st = ["disabled"], it = {
     const t = n, o = g(() => ({
       "font-size": t.size !== void 0 ? `${t.size}px` : void 0
     }));
-    return (e, l) => (u(), v("img", {
+    return (e, l) => (c(), v("img", {
       src: t.icon,
       class: T(["q-icon", "q-icon__img", t.class]),
       style: se(o.value)
     }, null, 14, ht));
   }
-}), le = {}, yt = B({
+}), le = {}, bt = x({
   name: "InlineSvg",
   emits: ["loaded", "unloaded", "error"],
   inheritAttrs: !1,
@@ -529,9 +529,9 @@ const ge = V(ot), st = ["disabled"], it = {
       return null;
     const n = this.getSvgContent(this.svgElSource);
     if (!n)
-      return we("div", this.$attrs);
+      return ke("div", this.$attrs);
     const t = {};
-    return this.copySvgAttrs(t, this.svgElSource), this.copySvgAttrs(t, n), this.copyComponentAttrs(t, this.$attrs), t.innerHTML = n.innerHTML, we("svg", t);
+    return this.copySvgAttrs(t, this.svgElSource), this.copySvgAttrs(t, n), this.copyComponentAttrs(t, this.$attrs), t.innerHTML = n.innerHTML, ke("svg", t);
   },
   props: {
     src: {
@@ -633,7 +633,7 @@ function _t(n) {
   );
   return o.getIsPending = () => t, o;
 }
-const kt = /* @__PURE__ */ B({
+const kt = /* @__PURE__ */ x({
   __name: "QIconSvg",
   props: {
     icon: {},
@@ -652,7 +652,7 @@ const kt = /* @__PURE__ */ B({
     function r() {
       o("unloaded");
     }
-    return (i, f) => (u(), x($(yt), {
+    return (i, p) => (c(), B($(bt), {
       class: T(["q-icon", "q-icon__svg", e.class]),
       src: e.bundle,
       symbol: e.icon,
@@ -661,7 +661,7 @@ const kt = /* @__PURE__ */ B({
       onUnloaded: r
     }, null, 8, ["class", "src", "symbol", "style"]));
   }
-}), J = V(mt), wt = V(vt), $t = V(bt), It = V(kt), qt = /* @__PURE__ */ B({
+}), ee = V(mt), wt = V(vt), $t = V(yt), It = V(kt), qt = /* @__PURE__ */ x({
   __name: "QList",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -675,8 +675,8 @@ const kt = /* @__PURE__ */ B({
   },
   emits: ["update:modelValue"],
   setup(n, { expose: t, emit: o }) {
-    const e = o, l = n, a = q(l.modelValue), r = q(!1), i = g(() => f.value.length > 1 ? "div" : "ul"), f = g(() => l.groups.length ? l.groups : [{ id: "", title: "" }]), m = q(null);
-    function p(d) {
+    const e = o, l = n, a = q(l.modelValue), r = q(!1), i = g(() => p.value.length > 1 ? "div" : "ul"), p = g(() => l.groups.length ? l.groups : [{ id: "", title: "" }]), m = q(null);
+    function f(d) {
       a.value = d, e("update:modelValue", d);
     }
     function _() {
@@ -686,8 +686,8 @@ const kt = /* @__PURE__ */ B({
       r.value = !1;
     }
     function E(d) {
-      var L;
-      if ((L = m.value) != null && L.contains(d.relatedTarget))
+      var S;
+      if ((S = m.value) != null && S.contains(d.relatedTarget))
         return;
       let b;
       a.value ? b = l.items.findIndex((ue) => ue[l.itemValue] === a.value) : b = Q();
@@ -714,7 +714,7 @@ const kt = /* @__PURE__ */ B({
       switch (d) {
         case "next":
         case "prev":
-          O(Y(d));
+          O(X(d));
           break;
         case "first":
           O(Q());
@@ -725,8 +725,8 @@ const kt = /* @__PURE__ */ B({
       }
     }
     function O(d, b = !1) {
-      var L;
-      (L = z()[d]) == null || L.focus({ preventScroll: b });
+      var S;
+      (S = z()[d]) == null || S.focus({ preventScroll: b });
     }
     function z() {
       var b;
@@ -736,40 +736,40 @@ const kt = /* @__PURE__ */ B({
     function H(d) {
       return z()[d];
     }
-    function X() {
+    function j() {
       return z().indexOf(document.activeElement);
     }
     function Q() {
-      const d = z(), b = d.find((k) => h(k));
+      const d = z(), b = d.find((k) => y(k));
       return b ? d.indexOf(b) : -1;
     }
     function M() {
-      const d = z(), b = [...d].reverse().find((k) => h(k));
+      const d = z(), b = [...d].reverse().find((k) => y(k));
       return b ? d.indexOf(b) : -1;
     }
     function U(d, b, k) {
       return b === "prev" && d === 0 || b === "next" && d === k.length - 1;
     }
-    function Y(d) {
-      const b = X();
+    function X(d) {
+      const b = j();
       return K(b, d);
     }
     function K(d, b) {
       const k = z();
       if (U(d, b, k))
         return d;
-      let L = d + (b === "next" ? 1 : -1);
-      for (; !h(k[L]); ) {
-        if (U(L, b, k))
+      let S = d + (b === "next" ? 1 : -1);
+      for (; !y(k[S]); ) {
+        if (U(S, b, k))
           return d;
-        L += b === "next" ? 1 : -1;
+        S += b === "next" ? 1 : -1;
       }
-      return L;
+      return S;
     }
-    function h(d) {
+    function y(d) {
       return d.tabIndex === -2;
     }
-    function c(d) {
+    function u(d) {
       return d ? l.items.filter((b) => b.group === d) : l.items;
     }
     return F(
@@ -783,7 +783,7 @@ const kt = /* @__PURE__ */ B({
       getAdjacentItemIndex: K,
       getFirstFocusableItemIndex: Q,
       getLastFocusableItemIndex: M
-    }), (d, b) => (u(), x(De(i.value), {
+    }), (d, b) => (c(), B(De(i.value), {
       ref_key: "listRef",
       ref: m,
       class: T(["q-list", { "q-list--disabled": l.disabled }, l.class]),
@@ -795,24 +795,24 @@ const kt = /* @__PURE__ */ B({
       onKeydown: A
     }, {
       default: I(() => [
-        (u(!0), v(Z, null, pe(f.value, (k) => (u(), x($(Ct), {
+        (c(!0), v(J, null, pe(p.value, (k) => (c(), B($(Ct), {
           key: k.id,
-          title: f.value.length === 1 ? void 0 : k.title,
+          title: p.value.length === 1 ? void 0 : k.title,
           disabled: k.disabled
         }, {
           default: I(() => [
-            (u(!0), v(Z, null, pe(c(k.id), (L) => (u(), x($(zt), {
-              key: L[l.itemValue],
-              value: L[l.itemValue],
-              label: L[l.itemLabel],
-              icon: L.icon,
-              disabled: l.disabled || L.disabled,
-              highlighted: l.highlighted === L[l.itemValue],
-              selected: a.value === L[l.itemValue],
-              onSelect: p
+            (c(!0), v(J, null, pe(u(k.id), (S) => (c(), B($(zt), {
+              key: S[l.itemValue],
+              value: S[l.itemValue],
+              label: S[l.itemLabel],
+              icon: S.icon,
+              disabled: l.disabled || S.disabled,
+              highlighted: l.highlighted === S[l.itemValue],
+              selected: a.value === S[l.itemValue],
+              onSelect: f
             }, {
               default: I(() => [
-                y(d.$slots, "item", { item: L })
+                h(d.$slots, "item", { item: S })
               ]),
               _: 2
             }, 1032, ["value", "label", "icon", "disabled", "highlighted", "selected"]))), 128))
@@ -832,7 +832,7 @@ const Lt = ["id", "tabindex", "aria-label", "aria-selected"], Bt = { class: "q-l
   check: {
     icon: "check"
   }
-}, Vt = /* @__PURE__ */ B({
+}, Vt = /* @__PURE__ */ x({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
@@ -852,7 +852,7 @@ const Lt = ["id", "tabindex", "aria-label", "aria-selected"], Bt = { class: "q-l
     function r(i) {
       i.key === "Tab" && a(), (i.key === "Enter" || i.key === " ") && (i.preventDefault(), i.stopPropagation(), a());
     }
-    return (i, f) => (u(), v("li", {
+    return (i, p) => (c(), v("li", {
       id: $(l),
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
@@ -869,16 +869,16 @@ const Lt = ["id", "tabindex", "aria-label", "aria-selected"], Bt = { class: "q-l
       onKeydown: r,
       onClick: ne(a, ["stop", "prevent"])
     }, [
-      y(i.$slots, "default", {}, () => [
-        e.icon ? (u(), x($(J), ie(ee({ key: 0 }, e.icon)), null, 16)) : S("", !0),
+      h(i.$slots, "default", {}, () => [
+        e.icon ? (c(), B($(ee), ie(P({ key: 0 }, e.icon)), null, 16)) : L("", !0),
         ae(" " + N(e.label), 1)
       ]),
-      j("div", Bt, [
-        e.selected ? (u(), x($(J), ee({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : S("", !0)
+      W("div", Bt, [
+        e.selected ? (c(), B($(ee), P({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : L("", !0)
       ])
     ], 42, Lt));
   }
-}), Dt = ["aria-labelledby"], Tt = ["id"], Et = /* @__PURE__ */ B({
+}), Dt = ["aria-labelledby"], Tt = ["id"], Et = /* @__PURE__ */ x({
   __name: "QListItemGroup",
   props: {
     title: { default: "" },
@@ -886,41 +886,41 @@ const Lt = ["id", "tabindex", "aria-label", "aria-selected"], Bt = { class: "q-l
   },
   setup(n) {
     const t = n, o = te();
-    return (e, l) => (u(), v("ul", {
+    return (e, l) => (c(), v("ul", {
       class: "q-list-item-group",
       role: "group",
       "aria-labelledby": t.title ? $(o) : void 0
     }, [
-      t.title ? (u(), v("li", {
+      t.title ? (c(), v("li", {
         key: 0,
         id: $(o),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, N(t.title), 9, Tt)) : S("", !0),
-      y(e.$slots, "default")
+      }, N(t.title), 9, Tt)) : L("", !0),
+      h(e.$slots, "default")
     ], 8, Dt));
   }
 }), Qe = V(qt), zt = V(Vt), Ct = V(Et);
 function Ft(n, t, o = "right", e) {
-  const l = n.getBoundingClientRect(), a = l.x + window.scrollX, r = l.y + window.scrollY, i = t == null ? void 0 : t.getBoundingClientRect(), f = (i == null ? void 0 : i.width) ?? 0, m = (i == null ? void 0 : i.height) ?? 0;
-  let p = o;
-  i && !Re(l, i, p) && (p = At(l, i, p));
-  const _ = { x: 0, y: 0, placement: p };
-  switch (p) {
+  const l = n.getBoundingClientRect(), a = l.x + window.scrollX, r = l.y + window.scrollY, i = t == null ? void 0 : t.getBoundingClientRect(), p = (i == null ? void 0 : i.width) ?? 0, m = (i == null ? void 0 : i.height) ?? 0;
+  let f = o;
+  i && !Re(l, i, f) && (f = At(l, i, f));
+  const _ = { x: 0, y: 0, placement: f };
+  switch (f) {
     case "top":
-      e === "anchor" ? _.x = a : _.x = a + (l.width - f) / 2, _.y = r - m;
+      e === "anchor" ? _.x = a : _.x = a + (l.width - p) / 2, _.y = r - m;
       break;
     case "bottom":
-      e === "anchor" ? _.x = a : _.x = a + (l.width - f) / 2, _.y = r + l.height;
+      e === "anchor" ? _.x = a : _.x = a + (l.width - p) / 2, _.y = r + l.height;
       break;
     case "left":
-      _.x = a - f, _.y = r + l.height / 2 - m / 2;
+      _.x = a - p, _.y = r + l.height / 2 - m / 2;
       break;
     case "right":
       _.x = a + l.width, _.y = r + l.height / 2 - m / 2;
       break;
   }
-  return e === "anchor" && l.width >= f && (_.width = l.width), _;
+  return e === "anchor" && l.width >= p && (_.width = l.width), _;
 }
 function Re(n, t, o) {
   let e = !1, l = !1;
@@ -965,7 +965,7 @@ const Qt = ["role"], Rt = {
   key: 0,
   role: "presentation",
   class: "q-overlay__arrow"
-}, Mt = /* @__PURE__ */ B({
+}, Mt = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QOverlay",
   props: {
@@ -1009,57 +1009,57 @@ const Qt = ["role"], Rt = {
       () => r.visible,
       () => r.animating = !0
     );
-    const f = g(() => {
-      let h = 0, c = 0;
+    const p = g(() => {
+      let y = 0, u = 0;
       switch (r.placement) {
         case "top":
-          c = -(e.offset || 0);
+          u = -(e.offset || 0);
           break;
         case "bottom":
-          c = e.offset || 0;
+          u = e.offset || 0;
           break;
         case "left":
-          h = -(e.offset || 0);
+          y = -(e.offset || 0);
           break;
         case "right":
-          h = e.offset || 0;
+          y = e.offset || 0;
           break;
       }
       const d = {
-        top: `${r.top + c}px`,
-        left: `${r.left + h}px`
+        top: `${r.top + u}px`,
+        left: `${r.left + y}px`
       };
       return r.width !== void 0 && ["top", "bottom"].includes(r.placement) && (d.width = `${r.width}px`), d;
     }), m = q(null);
-    function p() {
+    function f() {
       if (e.anchor) {
-        const h = oe(e.anchor);
-        if (h) {
-          const c = Ft(
-            h,
+        const y = oe(e.anchor);
+        if (y) {
+          const u = Ft(
+            y,
             m.value,
             e.placement,
             e.width
           );
-          r.left = c.x, r.top = c.y, r.width = c.width, r.placement = c.placement;
+          r.left = u.x, r.top = u.y, r.width = u.width, r.placement = u.placement;
         }
       }
     }
-    F([() => i.value, () => e.placement], p);
+    F([() => i.value, () => e.placement], f);
     let _;
-    function C(h) {
+    function C(y) {
       _ || (_ = window.setTimeout(() => {
-        r.visible = !0, P(() => {
-          var c;
-          e.trigger === "click" && ((c = m.value) == null || c.focus());
+        r.visible = !0, Y(() => {
+          var u;
+          e.trigger === "click" && ((u = m.value) == null || u.focus());
         });
-      }, h));
+      }, y));
     }
     function E() {
-      clearTimeout(_), _ = void 0, r.visible = !1, P(() => {
+      clearTimeout(_), _ = void 0, r.visible = !1, Y(() => {
         if (e.anchor && e.trigger === "click") {
-          const h = oe(e.anchor);
-          h == null || h.focus();
+          const y = oe(e.anchor);
+          y == null || y.focus();
         }
       });
     }
@@ -1072,98 +1072,98 @@ const Qt = ["role"], Rt = {
     }
     let z;
     function H() {
-      P(() => {
+      Y(() => {
         if (!e.anchor)
           return;
-        const h = oe(e.anchor);
-        if (h)
+        const y = oe(e.anchor);
+        if (y)
           switch (e.trigger) {
             case "click":
-              h.addEventListener("click", () => C(0));
+              y.addEventListener("click", () => C(0));
               break;
             case "hover":
-              h.addEventListener("mouseenter", () => C(e.delay)), h.addEventListener("mouseleave", E), h.addEventListener("focusin", () => C(0)), h.addEventListener("focusout", E);
+              y.addEventListener("mouseenter", () => C(e.delay)), y.addEventListener("mouseleave", E), y.addEventListener("focusin", () => C(0)), y.addEventListener("focusout", E);
               break;
           }
       });
     }
-    function X() {
-      P(() => {
+    function j() {
+      Y(() => {
         if (!e.anchor)
           return;
-        const h = oe(e.anchor);
-        h && (window.addEventListener("scroll", p), window.addEventListener("resize", p), z = new MutationObserver(p), z.observe(h, {
+        const y = oe(e.anchor);
+        y && (window.addEventListener("scroll", f), window.addEventListener("resize", f), z = new MutationObserver(f), z.observe(y, {
           attributes: !1,
           childList: !0,
           characterData: !0,
           subtree: !0
-        }), p());
+        }), f());
       });
     }
     function Q() {
-      window.removeEventListener("scroll", p), window.removeEventListener("resize", p), z == null || z.disconnect();
+      window.removeEventListener("scroll", f), window.removeEventListener("resize", f), z == null || z.disconnect();
     }
     let M;
     function U() {
       if (!e.anchor)
         return;
-      oe(e.anchor) ? (p(), M = window.setTimeout(U, 100)) : E();
+      oe(e.anchor) ? (f(), M = window.setTimeout(U, 100)) : E();
     }
-    function Y() {
-      X(), e.spy && U();
+    function X() {
+      j(), e.spy && U();
     }
     function K() {
       Q(), e.spy && (clearTimeout(M), M = void 0);
     }
-    return Ne(K), Te(p), F(
+    return Ne(K), Te(f), F(
       () => e.disabled,
-      (h) => {
-        h || H();
+      (y) => {
+        y || H();
       },
       { immediate: !0 }
     ), F(
       () => i.value,
-      (h) => {
-        h ? Y() : K();
+      (y) => {
+        y ? X() : K();
       },
       { immediate: !0 }
-    ), (h, c) => (u(), x(He, {
+    ), (y, u) => (c(), B(He, {
       disabled: !i.value && !r.animating || !e.attach,
       to: e.attach
     }, [
-      a.value ? (u(), v("div", {
+      a.value ? (c(), v("div", {
         key: 0,
         class: T([
           "q-overlay__underlay",
           { "q-overlay__underlay--blur": e.backdropBlur }
         ])
-      }, null, 2)) : S("", !0),
-      W(Ke, {
+      }, null, 2)) : L("", !0),
+      Z(Ke, {
         name: e.transition,
         appear: "",
         onEnter: R,
         onLeave: O
       }, {
         default: I(() => [
-          i.value ? (u(), v("div", {
+          i.value ? (c(), v("div", {
             key: 0,
             class: T(l.value),
-            style: se(f.value)
+            style: se(p.value)
           }, [
-            j("div", ee({
+            W("div", P({
               class: "q-overlay__content",
               ref_key: "overlayRef",
               ref: m,
               tabindex: "-1",
               role: a.value ? "dialog" : void 0
-            }, h.$attrs, {
+            }, y.$attrs, {
               onKeydown: Ge(E, ["escape"]),
               onBlur: E
             }), [
-              e.arrow ? (u(), v("div", Rt)) : S("", !0),
-              y(h.$slots, "default")
+              e.arrow ? (c(), v("div", Rt)) : L("", !0),
+              h(y.$slots, "default")
             ], 16, Qt)
-          ], 6)) : S("", !0)
+          ], 6)) : L("", !0)
         ]),
         _: 3
       }, 8, ["name"])
@@ -1181,7 +1181,7 @@ const Qt = ["role"], Rt = {
 }, Gt = {
   key: 1,
   class: "q-field__extras"
-}, Wt = /* @__PURE__ */ B({
+}, Wt = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QField",
   props: {
@@ -1197,7 +1197,7 @@ const Qt = ["role"], Rt = {
     const o = n, e = q(null), l = g(() => o.required && !o.readonly && !o.disabled);
     return t({
       fieldRef: e
-    }), (a, r) => (u(), v("div", {
+    }), (a, r) => (c(), v("div", {
       id: o.id,
       class: T([
         "q-field",
@@ -1210,34 +1210,34 @@ const Qt = ["role"], Rt = {
         o.class
       ])
     }, [
-      o.label ? (u(), v("div", Ut, [
-        y(a.$slots, "label.prepend"),
-        j("label", {
+      o.label ? (c(), v("div", Ut, [
+        h(a.$slots, "label.prepend"),
+        W("label", {
           for: o.id
         }, N(o.label), 9, Nt),
-        y(a.$slots, "label.append")
-      ])) : S("", !0),
-      y(a.$slots, "control", {}, () => [
-        j("div", ee({
+        h(a.$slots, "label.append")
+      ])) : L("", !0),
+      h(a.$slots, "control", {}, () => [
+        W("div", P({
           class: "q-field__control",
           ref_key: "fieldRef",
           ref: e
         }, a.$attrs), [
-          a.$slots.prepend ? (u(), v("div", Ht, [
-            y(a.$slots, "prepend")
-          ])) : S("", !0),
-          y(a.$slots, "default"),
-          a.$slots.append ? (u(), v("div", Kt, [
-            y(a.$slots, "append")
-          ])) : S("", !0)
+          a.$slots.prepend ? (c(), v("div", Ht, [
+            h(a.$slots, "prepend")
+          ])) : L("", !0),
+          h(a.$slots, "default"),
+          a.$slots.append ? (c(), v("div", Kt, [
+            h(a.$slots, "append")
+          ])) : L("", !0)
         ], 16)
       ]),
-      a.$slots.extras ? (u(), v("div", Gt, [
-        y(a.$slots, "extras")
-      ])) : S("", !0)
+      a.$slots.extras ? (c(), v("div", Gt, [
+        h(a.$slots, "extras")
+      ])) : L("", !0)
     ], 10, Ot));
   }
-}), _e = V(Wt), jt = ["type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Xt = /* @__PURE__ */ B({
+}), ge = V(Wt), jt = ["type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Xt = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QTextField",
   props: {
@@ -1256,26 +1256,26 @@ const Qt = ["role"], Rt = {
   },
   emits: ["update:modelValue"],
   setup(n, { expose: t, emit: o }) {
-    const e = o, l = n, a = q(l.modelValue), r = q(null), i = q(null), f = g({
+    const e = o, l = n, a = q(l.modelValue), r = q(null), i = q(null), p = g({
       get() {
         return a.value;
       },
-      set(p) {
-        a.value = p, e("update:modelValue", p);
+      set(f) {
+        a.value = f, e("update:modelValue", f);
       }
     }), m = g(
       () => l.readonly || l.disabled ? "" : l.placeholder
     );
     return F(
       () => l.modelValue,
-      (p) => a.value = p
+      (f) => a.value = f
     ), t({
       fieldRef: g(() => {
-        var p;
-        return (p = r.value) == null ? void 0 : p.fieldRef;
+        var f;
+        return (f = r.value) == null ? void 0 : f.fieldRef;
       }),
       inputRef: i
-    }), (p, _) => (u(), x($(_e), {
+    }), (f, _) => (c(), B($(ge), {
       ref_key: "fieldRef",
       ref: r,
       class: T(["q-text-field", l.class]),
@@ -1285,16 +1285,16 @@ const Qt = ["role"], Rt = {
       readonly: l.readonly,
       disabled: l.disabled,
       required: l.required
-    }, he({
+    }, ve({
       "label.prepend": I(() => [
-        y(p.$slots, "label.prepend")
+        h(f.$slots, "label.prepend")
       ]),
       "label.append": I(() => [
-        y(p.$slots, "label.append")
+        h(f.$slots, "label.append")
       ]),
       default: I(() => [
-        We(j("input", ee({
-          "onUpdate:modelValue": _[0] || (_[0] = (C) => f.value = C),
+        We(W("input", P({
+          "onUpdate:modelValue": _[0] || (_[0] = (C) => p.value = C),
           ref_key: "inputRef",
           ref: i,
           class: "q-text-field__input",
@@ -1305,30 +1305,30 @@ const Qt = ["role"], Rt = {
           readonly: l.readonly,
           disabled: l.disabled,
           maxlength: l.maxLength
-        }, p.$attrs), null, 16, jt), [
-          [je, f.value]
+        }, f.$attrs), null, 16, jt), [
+          [je, p.value]
         ])
       ]),
       _: 2
     }, [
-      p.$slots.prepend ? {
+      f.$slots.prepend ? {
         name: "prepend",
         fn: I(() => [
-          y(p.$slots, "prepend")
+          h(f.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
-      p.$slots.append ? {
+      f.$slots.append ? {
         name: "append",
         fn: I(() => [
-          y(p.$slots, "append")
+          h(f.$slots, "append")
         ]),
         key: "1"
       } : void 0,
-      p.$slots.extras ? {
+      f.$slots.extras ? {
         name: "extras",
         fn: I(() => [
-          y(p.$slots, "extras")
+          h(f.$slots, "extras")
         ]),
         key: "2"
       } : void 0
@@ -1343,7 +1343,7 @@ const Qt = ["role"], Rt = {
   clear: {
     icon: "close"
   }
-}, en = /* @__PURE__ */ B({
+}, en = /* @__PURE__ */ x({
   __name: "QCombobox",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -1368,7 +1368,7 @@ const Qt = ["role"], Rt = {
   },
   emits: ["update:modelValue", "update:inputValue", "before-show", "before-hide", "show", "hide"],
   setup(n, { expose: t, emit: o }) {
-    const e = o, l = n, a = q(l.modelValue), r = q(!1), i = q(""), f = q(void 0), m = q(null), p = q(null), _ = q(null);
+    const e = o, l = n, a = q(l.modelValue), r = q(!1), i = q(""), p = q(void 0), m = q(null), f = q(null), _ = q(null);
     Te(Q);
     const C = g(
       () => l.clearable && !l.readonly && !l.disabled && !l.loading
@@ -1381,14 +1381,14 @@ const Qt = ["role"], Rt = {
       var s;
       return (s = l.items) == null ? void 0 : s.find((w) => w[l.itemValue] === a.value);
     }), R = g(() => {
-      const s = f.value;
+      const s = p.value;
       if (s !== void 0 && E.value[s])
         return E.value[s];
     }), O = g(() => {
       var w;
-      if (f.value === void 0)
+      if (p.value === void 0)
         return;
-      const s = (w = p.value) == null ? void 0 : w.getItem(f.value);
+      const s = (w = f.value) == null ? void 0 : w.getItem(p.value);
       return s == null ? void 0 : s.id;
     }), z = g(() => {
       var s;
@@ -1397,7 +1397,7 @@ const Qt = ["role"], Rt = {
     function H(s) {
       a.value = s, Q(), e("update:modelValue", s);
     }
-    function X(s) {
+    function j(s) {
       H(s), U();
     }
     function Q() {
@@ -1408,63 +1408,63 @@ const Qt = ["role"], Rt = {
       r.value || l.readonly || l.disabled || (e("before-show"), r.value = !0);
     }
     function U() {
-      r.value && (e("before-hide"), r.value = !1, f.value = void 0);
+      r.value && (e("before-hide"), r.value = !1, p.value = void 0);
     }
-    function Y() {
-      H(void 0), f.value = void 0;
+    function X() {
+      H(void 0), p.value = void 0;
     }
     function K() {
       if (M(), A.value !== void 0) {
         const s = E.value.indexOf(A.value);
-        s !== -1 && P(() => ke(s));
+        s !== -1 && Y(() => _e(s));
       }
     }
-    function h(s) {
+    function y(s) {
       var w, D;
       if (!(!s.key || l.readonly || l.disabled))
         if (["ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && (s.preventDefault(), s.stopPropagation()), s.key === "Escape")
-          r.value ? U() : Y();
+          r.value ? U() : X();
         else if (["ArrowDown", "ArrowUp"].includes(s.key))
-          r.value ? P(() => {
-            if (f.value === void 0)
-              c();
+          r.value ? Y(() => {
+            if (p.value === void 0)
+              u();
             else {
               const G = s.key === "ArrowDown" ? "next" : "prev";
-              b(f.value, G);
+              b(p.value, G);
             }
-          }) : (M(), P(() => {
-            s.key === "ArrowDown" ? c() : d();
+          }) : (M(), Y(() => {
+            s.key === "ArrowDown" ? u() : d();
           }));
         else if (s.key === "Enter") {
           if (R.value === void 0)
             return;
-          X(R.value[l.itemValue]);
+          j(R.value[l.itemValue]);
         } else
-          s.key === "Home" ? f.value = (w = p.value) == null ? void 0 : w.getFirstFocusableItemIndex() : s.key === "End" ? f.value = (D = p.value) == null ? void 0 : D.getLastFocusableItemIndex() : (/^[a-z]$/i.test(s.key) || s.key === "Backspace") && M();
+          s.key === "Home" ? p.value = (w = f.value) == null ? void 0 : w.getFirstFocusableItemIndex() : s.key === "End" ? p.value = (D = f.value) == null ? void 0 : D.getLastFocusableItemIndex() : (/^[a-z]$/i.test(s.key) || s.key === "Backspace") && M();
     }
-    function c() {
+    function u() {
       var s, w;
       if (a.value !== void 0) {
         const D = E.value.findIndex(
           (G) => G[l.itemValue] === a.value
         );
-        D === -1 ? f.value = (s = p.value) == null ? void 0 : s.getFirstFocusableItemIndex() : f.value = D;
+        D === -1 ? p.value = (s = f.value) == null ? void 0 : s.getFirstFocusableItemIndex() : p.value = D;
       } else
-        f.value = (w = p.value) == null ? void 0 : w.getFirstFocusableItemIndex();
+        p.value = (w = f.value) == null ? void 0 : w.getFirstFocusableItemIndex();
     }
     function d() {
       var s;
-      f.value = (s = p.value) == null ? void 0 : s.getLastFocusableItemIndex();
+      p.value = (s = f.value) == null ? void 0 : s.getLastFocusableItemIndex();
     }
     function b(s, w) {
       var D;
-      f.value = (D = p.value) == null ? void 0 : D.getAdjacentItemIndex(s, w);
+      p.value = (D = f.value) == null ? void 0 : D.getAdjacentItemIndex(s, w);
     }
     function k(s) {
       var w, D, G;
       !((w = _.value) != null && w.contains(s.relatedTarget)) && !((G = (D = m.value) == null ? void 0 : D.fieldRef) != null && G.contains(s.relatedTarget)) ? (U(), Q()) : (s.preventDefault(), s.stopPropagation());
     }
-    function L() {
+    function S() {
       var s, w;
       (w = (s = m.value) == null ? void 0 : s.inputRef) == null || w.focus();
     }
@@ -1474,9 +1474,9 @@ const Qt = ["role"], Rt = {
     function Me() {
       e("hide");
     }
-    function ke(s) {
+    function _e(s) {
       var D;
-      const w = (D = p.value) == null ? void 0 : D.getItem(s);
+      const w = (D = f.value) == null ? void 0 : D.getItem(s);
       w == null || w.scrollIntoView({ block: "nearest", inline: "start" });
     }
     return F(
@@ -1484,14 +1484,14 @@ const Qt = ["role"], Rt = {
       (s) => {
         a.value = s, Q();
       }
-    ), F(f, (s) => {
-      s !== void 0 && ke(s);
+    ), F(p, (s) => {
+      s !== void 0 && _e(s);
     }), F(i, (s) => {
-      !s && C.value ? Y() : r.value && l.selectionMode === "automatic" && P(c), e("update:inputValue", s);
+      !s && C.value ? X() : r.value && l.selectionMode === "automatic" && Y(u), e("update:inputValue", s);
     }), t({
       triggerEl: m
-    }), (s, w) => (u(), v(Z, null, [
-      W($(Yt), {
+    }), (s, w) => (c(), v(J, null, [
+      Z($(Yt), {
         modelValue: i.value,
         "onUpdate:modelValue": w[0] || (w[0] = (D) => i.value = D),
         id: l.id,
@@ -1511,43 +1511,43 @@ const Qt = ["role"], Rt = {
         size: l.size,
         onClick: K,
         onFocusout: k,
-        onKeydown: ne(h, ["stop"])
-      }, he({
+        onKeydown: ne(y, ["stop"])
+      }, ve({
         "label.prepend": I(() => [
-          y(s.$slots, "label.prepend")
+          h(s.$slots, "label.prepend")
         ]),
         "label.append": I(() => [
-          y(s.$slots, "label.append")
+          h(s.$slots, "label.append")
         ]),
         _: 2
       }, [
         s.$slots.prepend ? {
           name: "prepend",
           fn: I(() => [
-            y(s.$slots, "prepend")
+            h(s.$slots, "prepend")
           ]),
           key: "0"
         } : void 0,
         C.value && i.value || s.$slots.append ? {
           name: "append",
           fn: I(() => [
-            C.value && i.value ? (u(), x($(J), ee({ key: 0 }, l.icons.clear, {
+            C.value && i.value ? (c(), B($(ee), P({ key: 0 }, l.icons.clear, {
               class: "q-combobox__clear",
-              onClick: ne(Y, ["stop", "prevent"])
-            }), null, 16)) : S("", !0),
-            y(s.$slots, "append")
+              onClick: ne(X, ["stop", "prevent"])
+            }), null, 16)) : L("", !0),
+            h(s.$slots, "append")
           ]),
           key: "1"
         } : void 0,
         s.$slots.extras ? {
           name: "extras",
           fn: I(() => [
-            y(s.$slots, "extras")
+            h(s.$slots, "extras")
           ]),
           key: "2"
         } : void 0
       ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "aria-expanded", "aria-activedescendant", "size"]),
-      W($(de), {
+      Z($(de), {
         "model-value": r.value,
         spy: "",
         trigger: "manual",
@@ -1561,40 +1561,40 @@ const Qt = ["role"], Rt = {
         default: I(() => {
           var D;
           return [
-            j("div", {
+            W("div", {
               ref_key: "contentRef",
               ref: _,
               class: "q-select__body",
               onFocusout: k
             }, [
-              y(s.$slots, "body.prepend"),
-              l.loading ? (u(), x($(ge), {
+              h(s.$slots, "body.prepend"),
+              l.loading ? (c(), B($(be), {
                 key: 0,
                 class: "q-select__loader",
                 size: 24
-              })) : E.value.length ? (u(), x($(Qe), {
+              })) : E.value.length ? (c(), B($(Qe), {
                 key: 1,
                 ref_key: "listRef",
-                ref: p,
+                ref: f,
                 class: "q-select__items",
                 modelValue: a.value,
                 "onUpdate:modelValue": [
                   w[1] || (w[1] = (G) => a.value = G),
-                  X
+                  j
                 ],
                 highlighted: (D = R.value) == null ? void 0 : D[l.itemValue],
                 items: E.value,
                 groups: s.groups,
                 "item-label": l.itemLabel,
                 "item-value": l.itemValue,
-                onMouseup: L
+                onMouseup: S
               }, {
                 item: I(({ item: G }) => [
-                  y(s.$slots, "item", { item: G })
+                  h(s.$slots, "item", { item: G })
                 ]),
                 _: 3
-              }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), v("div", Pt, N(s.texts.noData), 1)),
-              y(s.$slots, "body.append")
+              }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (c(), v("div", Pt, N(s.texts.noData), 1)),
+              h(s.$slots, "body.append")
             ], 544)
           ];
         }),
@@ -1608,7 +1608,7 @@ const Qt = ["role"], Rt = {
 }, nn = { key: 0 }, ln = {
   key: 1,
   class: "q-input-group__append"
-}, on = { key: 0 }, an = /* @__PURE__ */ B({
+}, on = { key: 0 }, an = /* @__PURE__ */ x({
   __name: "QInputGroup",
   props: {
     id: { default: () => te() },
@@ -1625,7 +1625,7 @@ const Qt = ["role"], Rt = {
       QField: {
         size: "block"
       }
-    }), (o, e) => (u(), x($(_e), {
+    }), (o, e) => (c(), B($(ge), {
       id: t.id,
       class: T(["q-input-group", t.class]),
       label: t.label,
@@ -1633,31 +1633,31 @@ const Qt = ["role"], Rt = {
       size: t.size
     }, {
       default: I(() => [
-        o.$slots.prepend || t.prependIcon ? (u(), v("div", tn, [
-          t.prependIcon ? (u(), v("span", nn, [
-            W($(J), ie(me(t.prependIcon)), null, 16)
-          ])) : S("", !0),
-          y(o.$slots, "prepend")
-        ])) : S("", !0),
-        y(o.$slots, "default"),
-        o.$slots.append || t.appendIcon ? (u(), v("div", ln, [
-          t.appendIcon ? (u(), v("span", on, [
-            W($(J), ie(me(t.appendIcon)), null, 16)
-          ])) : S("", !0),
-          y(o.$slots, "append")
-        ])) : S("", !0)
+        o.$slots.prepend || t.prependIcon ? (c(), v("div", tn, [
+          t.prependIcon ? (c(), v("span", nn, [
+            Z($(ee), ie(we(t.prependIcon)), null, 16)
+          ])) : L("", !0),
+          h(o.$slots, "prepend")
+        ])) : L("", !0),
+        h(o.$slots, "default"),
+        o.$slots.append || t.appendIcon ? (c(), v("div", ln, [
+          t.appendIcon ? (c(), v("span", on, [
+            Z($(ee), ie(we(t.appendIcon)), null, 16)
+          ])) : L("", !0),
+          h(o.$slots, "append")
+        ])) : L("", !0)
       ]),
       _: 3
     }, 8, ["id", "class", "label", "required", "size"]));
   }
-}), Sn = V(an), sn = /* @__PURE__ */ B({
+}), Sn = V(an), sn = /* @__PURE__ */ x({
   __name: "QLineLoader",
   props: {
     class: { default: void 0 }
   },
   setup(n) {
     const t = n;
-    return (o, e) => (u(), v("div", {
+    return (o, e) => (c(), v("div", {
       class: T(["q-line-loader", t.class])
     }, null, 2));
   }
@@ -1667,7 +1667,7 @@ const Qt = ["role"], Rt = {
 }, dn = {
   key: 1,
   class: "q-popover__body"
-}, un = ["innerHTML"], cn = { key: 1 }, fn = /* @__PURE__ */ B({
+}, un = ["innerHTML"], cn = { key: 1 }, fn = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QPopover",
   props: {
@@ -1684,7 +1684,7 @@ const Qt = ["role"], Rt = {
   },
   setup(n) {
     const t = n;
-    return (o, e) => (u(), x($(de), {
+    return (o, e) => (c(), B($(de), {
       "model-value": t.modelValue,
       class: "q-popover",
       trigger: "click",
@@ -1696,17 +1696,17 @@ const Qt = ["role"], Rt = {
       spy: t.spy
     }, {
       default: I(() => [
-        t.title || o.$slots.header ? (u(), v("h3", rn, [
+        t.title || o.$slots.header ? (c(), v("h3", rn, [
           ae(N(t.title) + " ", 1),
-          y(o.$slots, "header")
-        ])) : S("", !0),
-        t.text || o.$slots.body ? (u(), v("div", dn, [
-          t.html ? (u(), v("span", {
+          h(o.$slots, "header")
+        ])) : L("", !0),
+        t.text || o.$slots.body ? (c(), v("div", dn, [
+          t.html ? (c(), v("span", {
             key: 0,
             innerHTML: t.text
-          }, null, 8, un)) : (u(), v("span", cn, N(t.text), 1)),
-          y(o.$slots, "body")
-        ])) : S("", !0)
+          }, null, 8, un)) : (c(), v("span", cn, N(t.text), 1)),
+          h(o.$slots, "body")
+        ])) : L("", !0)
       ]),
       _: 3
     }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement", "spy"]));
@@ -1726,7 +1726,7 @@ const Qt = ["role"], Rt = {
   clear: {
     icon: "close"
   }
-}, bn = /* @__PURE__ */ B({
+}, yn = /* @__PURE__ */ x({
   __name: "QSelect",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -1748,18 +1748,18 @@ const Qt = ["role"], Rt = {
   },
   emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
   setup(n, { emit: t }) {
-    const o = t, e = n, l = q(e.modelValue), a = q(!1), r = q(""), i = q(null), f = q(null), m = q(null), p = g(
+    const o = t, e = n, l = q(e.modelValue), a = q(!1), r = q(""), i = q(null), p = q(null), m = q(null), f = g(
       () => {
-        var c;
-        return (c = e.items) == null ? void 0 : c.find((d) => d[e.itemValue] === l.value);
+        var u;
+        return (u = e.items) == null ? void 0 : u.find((d) => d[e.itemValue] === l.value);
       }
     ), _ = g(
-      () => p.value ? p.value[e.itemLabel] : ""
+      () => f.value ? f.value[e.itemLabel] : ""
     ), C = g(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
-    function E(c) {
-      l.value = c, o("update:modelValue", c), H();
+    function E(u) {
+      l.value = u, o("update:modelValue", u), H();
     }
     function A() {
       C.value && E(void 0);
@@ -1767,9 +1767,9 @@ const Qt = ["role"], Rt = {
     function R() {
       e.readonly || e.disabled || (a.value ? H() : z());
     }
-    function O(c) {
+    function O(u) {
       var d, b, k;
-      !((d = m.value) != null && d.contains(c.relatedTarget)) && !((k = (b = i.value) == null ? void 0 : b.fieldRef) != null && k.contains(c.relatedTarget)) && H();
+      !((d = m.value) != null && d.contains(u.relatedTarget)) && !((k = (b = i.value) == null ? void 0 : b.fieldRef) != null && k.contains(u.relatedTarget)) && H();
     }
     function z() {
       a.value || (o("before-show"), a.value = !0);
@@ -1777,55 +1777,55 @@ const Qt = ["role"], Rt = {
     function H() {
       a.value && (o("before-hide"), a.value = !1);
     }
-    let X;
-    function Q(c) {
-      if (!(!c.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(X), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(c.key) && (c.preventDefault(), c.stopPropagation()), ["Enter", " "].includes(c.key) && (a.value = !0), ["Escape", "Tab"].includes(c.key) && (a.value ? a.value = !1 : e.clearable && c.key === "Escape" && A()), c.key === "Delete" && e.clearable && A(), /^[a-z]$/i.test(c.key)) {
-          r.value += c.key.toLowerCase();
+    let j;
+    function Q(u) {
+      if (!(!u.key || e.readonly || e.disabled)) {
+        if (window.clearTimeout(j), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(u.key) && (u.preventDefault(), u.stopPropagation()), ["Enter", " "].includes(u.key) && (a.value = !0), ["Escape", "Tab"].includes(u.key) && (a.value ? a.value = !1 : e.clearable && u.key === "Escape" && A()), u.key === "Delete" && e.clearable && A(), /^[a-z]$/i.test(u.key)) {
+          r.value += u.key.toLowerCase();
           for (let d = 0; d < e.items.length; d++)
             if (e.items[d][e.itemLabel].toLowerCase().startsWith(r.value)) {
-              h(d);
+              y(d);
               break;
             }
         }
-        X = window.setTimeout(function() {
+        j = window.setTimeout(function() {
           r.value = "";
         }, 500);
       }
     }
     function M() {
-      var c;
-      e.loading ? (c = m.value) == null || c.focus() : K(), o("show");
+      var u;
+      e.loading ? (u = m.value) == null || u.focus() : K(), o("show");
     }
     function U() {
-      Y(), o("hide");
+      X(), o("hide");
     }
-    function Y() {
-      var c, d;
-      (d = (c = i.value) == null ? void 0 : c.fieldRef) == null || d.focus();
+    function X() {
+      var u, d;
+      (d = (u = i.value) == null ? void 0 : u.fieldRef) == null || d.focus();
     }
     function K() {
-      var c;
-      (c = f.value) == null || c.$el.focus();
+      var u;
+      (u = p.value) == null || u.$el.focus();
     }
-    function h(c) {
+    function y(u) {
       var d;
-      (d = f.value) == null || d.focusItem(c);
+      (d = p.value) == null || d.focusItem(u);
     }
     return F(
       () => e.modelValue,
-      (c) => {
-        l.value = c;
+      (u) => {
+        l.value = u;
       }
     ), F(
       () => e.loading,
-      (c) => {
-        !c && a.value && P(K);
+      (u) => {
+        !u && a.value && Y(K);
       }
-    ), (c, d) => {
+    ), (u, d) => {
       var b;
-      return u(), v(Z, null, [
-        W($(_e), {
+      return c(), v(J, null, [
+        Z($(ge), {
           id: e.id,
           label: e.label,
           required: e.required,
@@ -1849,35 +1849,44 @@ const Qt = ["role"], Rt = {
           size: e.size,
           onClick: R,
           onKeydown: ne(Q, ["stop"])
-        }, he({
+        }, ve({
           append: I(() => [
-            C.value && l.value ? (u(), x($(J), ee({ key: 0 }, e.icons.clear, {
+            h(u.$slots, "append"),
+            C.value && l.value ? (c(), B($(ee), P({ key: 0 }, e.icons.clear, {
               class: "q-select__clear",
               onClick: ne(A, ["stop", "prevent"])
-            }), null, 16)) : S("", !0),
-            e.readonly ? S("", !0) : (u(), x($(J), ee({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16))
+            }), null, 16)) : L("", !0),
+            e.readonly ? L("", !0) : (c(), B($(ee), P({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16))
           ]),
           default: I(() => [
-            l.value !== void 0 ? (u(), v("span", pn, N(_.value), 1)) : (u(), v("span", mn, [
-              !e.readonly && !e.disabled ? (u(), v(Z, { key: 0 }, [
-                ae(N(c.texts.placeholder), 1)
-              ], 64)) : S("", !0)
+            l.value !== void 0 ? (c(), v("span", pn, N(_.value), 1)) : (c(), v("span", mn, [
+              !e.readonly && !e.disabled ? (c(), v(J, { key: 0 }, [
+                ae(N(u.texts.placeholder), 1)
+              ], 64)) : L("", !0)
             ]))
           ]),
           _: 2
         }, [
-          (b = p.value) != null && b.icon ? {
+          (b = f.value) != null && b.icon || u.$slots.prepend ? {
             name: "prepend",
             fn: I(() => {
-              var k;
+              var k, S;
               return [
-                W($(J), ie(me((k = p.value) == null ? void 0 : k.icon)), null, 16)
+                h(u.$slots, "prepend"),
+                (k = f.value) != null && k.icon ? (c(), B($(ee), ie(P({ key: 0 }, (S = f.value) == null ? void 0 : S.icon)), null, 16)) : L("", !0)
               ];
             }),
             key: "0"
+          } : void 0,
+          u.$slots.extras ? {
+            name: "extras",
+            fn: I(() => [
+              h(u.$slots, "extras")
+            ]),
+            key: "1"
           } : void 0
         ]), 1032, ["id", "label", "required", "class", "readonly", "disabled", "aria-expanded", "size"]),
-        W($(de), {
+        Z($(de), {
           "model-value": a.value,
           spy: "",
           trigger: "manual",
@@ -1889,7 +1898,7 @@ const Qt = ["role"], Rt = {
           onLeave: U
         }, {
           default: I(() => [
-            j("div", {
+            W("div", {
               ref_key: "contentRef",
               ref: m,
               class: "q-select__body",
@@ -1897,15 +1906,15 @@ const Qt = ["role"], Rt = {
               onFocusout: O,
               onKeydown: ne(Q, ["stop"])
             }, [
-              y(c.$slots, "body.prepend"),
-              e.loading ? (u(), x($(ge), {
+              h(u.$slots, "body.prepend"),
+              e.loading ? (c(), B($(be), {
                 key: 0,
                 class: "q-select__loader",
                 size: 24
-              })) : (u(), x($(Qe), {
+              })) : (c(), B($(Qe), {
                 key: 1,
                 ref_key: "listRef",
-                ref: f,
+                ref: p,
                 class: "q-select__items",
                 modelValue: l.value,
                 "onUpdate:modelValue": [
@@ -1913,16 +1922,16 @@ const Qt = ["role"], Rt = {
                   E
                 ],
                 items: e.items,
-                groups: c.groups,
+                groups: u.groups,
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue
               }, {
                 item: I(({ item: k }) => [
-                  y(c.$slots, "item", { item: k })
+                  h(u.$slots, "item", { item: k })
                 ]),
                 _: 3
               }, 8, ["modelValue", "items", "groups", "item-label", "item-value"])),
-              y(c.$slots, "body.append")
+              h(u.$slots, "body.append")
             ], 544)
           ]),
           _: 3
@@ -1930,7 +1939,7 @@ const Qt = ["role"], Rt = {
       ], 64);
     };
   }
-}), xn = V(bn), yn = ["innerHTML"], gn = { key: 1 }, _n = /* @__PURE__ */ B({
+}), xn = V(yn), bn = ["innerHTML"], gn = { key: 1 }, _n = /* @__PURE__ */ x({
   __name: "QTooltip",
   props: {
     modelValue: { type: Boolean },
@@ -1949,11 +1958,11 @@ const Qt = ["role"], Rt = {
   },
   setup(n) {
     const t = n;
-    return (o, e) => (u(), v(Z, null, [
-      y(o.$slots, "anchor", {
+    return (o, e) => (c(), v(J, null, [
+      h(o.$slots, "anchor", {
         props: { "aria-describedby": t.id }
       }),
-      W($(de), {
+      Z($(de), {
         "model-value": t.modelValue,
         anchor: t.anchor,
         role: "tooltip",
@@ -1968,10 +1977,10 @@ const Qt = ["role"], Rt = {
         trigger: t.trigger
       }, {
         default: I(() => [
-          t.html ? (u(), v("span", {
+          t.html ? (c(), v("span", {
             key: 0,
             innerHTML: t.text
-          }, null, 8, yn)) : (u(), v("span", gn, N(t.text), 1))
+          }, null, 8, bn)) : (c(), v("span", gn, N(t.text), 1))
         ]),
         _: 1
       }, 8, ["model-value", "anchor", "id", "appearance", "arrow", "attach", "class", "delay", "disabled", "placement", "trigger"])
@@ -1983,8 +1992,8 @@ export {
   ft as QButtonGroup,
   In as QButtonToggle,
   qn as QCombobox,
-  _e as QField,
-  J as QIcon,
+  ge as QField,
+  ee as QIcon,
   wt as QIconFont,
   $t as QIconImg,
   It as QIconSvg,
@@ -1996,7 +2005,7 @@ export {
   de as QOverlay,
   Bn as QPopover,
   xn as QSelect,
-  ge as QSpinnerLoader,
+  be as QSpinnerLoader,
   Yt as QTextField,
   Vn as QTooltip,
   $n as createFramework,