@quidgest/ui 0.8.0 → 0.8.2

package/dist/ui.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance as Be, computed as k, ref as q, provide as Se, inject as xe, watch as A, defineComponent as B, openBlock as u, createElementBlock as v, normalizeClass as V, normalizeStyle as se, createElementVNode as P, withModifiers as te, createVNode as j, unref as y, createCommentVNode as L, Fragment as J, createTextVNode as oe, toDisplayString as M, renderSlot as b, toRef as ge, createBlock as x, withCtx as $, renderList as ce, resolveDynamicComponent as Ve, h as _e, normalizeProps as re, mergeProps as Z, reactive as Fe, onBeforeUnmount as Ae, onMounted as Ee, nextTick as W, Teleport as Re, Transition as Oe, withKeys as Ue, createSlots as pe, withDirectives as Me, vModelDynamic as Ne, guardReactiveProps as ke } from "vue";
+import { getCurrentInstance as Be, computed as k, ref as q, provide as Se, inject as xe, watch as F, defineComponent as B, openBlock as u, createElementBlock as v, normalizeClass as x, normalizeStyle as se, createElementVNode as P, withModifiers as te, createVNode as M, unref as y, createCommentVNode as L, Fragment as J, createTextVNode as oe, toDisplayString as N, renderSlot as b, toRef as ge, createBlock as E, withCtx as $, renderList as ce, resolveDynamicComponent as Ve, h as _e, normalizeProps as re, mergeProps as Z, reactive as Fe, onBeforeUnmount as Re, onMounted as Ee, nextTick as j, Teleport as Oe, Transition as Ue, withKeys as Me, createSlots as pe, withDirectives as Ne, vModelDynamic as He, guardReactiveProps as ke } from "vue";
 function fe(t) {
   return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
 }
@@ -23,7 +23,7 @@ function me(t = {}, n = {}) {
   return o;
 }
 const ve = "q-defaults";
-function He() {
+function Ke() {
   var r, s;
   const t = Be();
   if (!t)
@@ -47,14 +47,14 @@ function Te() {
   return t;
 }
 const ae = "q-theme";
-function Ke() {
+function Ge() {
   const t = xe(ae);
   if (!t)
     throw new Error("[Quidgest UI] Could not find theme instance");
   return t;
 }
-function kn(t) {
-  const n = Ke(), o = {
+function $n(t) {
+  const n = Ge(), o = {
     activeTheme: q(t),
     themes: n.themes
   };
@@ -91,7 +91,7 @@ const $e = {
   onWarning: "#fff",
   onDanger: "#fff",
   onInfo: "#fff"
-}, Ge = {
+}, We = {
   primary: "#018BD2",
   primaryLight: "#cce7f6",
   primaryDark: "#006fac",
@@ -123,23 +123,26 @@ const $e = {
   onDanger: "#fff",
   onInfo: "#fff"
 };
-function We(t) {
+function je(t) {
   return /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t);
 }
-function je(t) {
-  if (!We(t))
+function Pe(t) {
+  if (!je(t))
     throw new Error("Invalid color format");
   t.length === 4 && (t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
   const n = parseInt(t.slice(1, 3), 16), o = parseInt(t.slice(3, 5), 16), e = parseInt(t.slice(5, 7), 16);
   return { r: n, g: o, b: e };
 }
-function Pe() {
+function ze(t) {
+  return t.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([0-9])([A-Za-z])/g, "$1-$2").replace(/([A-Za-z])([0-9])/g, "$1-$2").toLowerCase();
+}
+function Xe() {
   let t = document.getElementById(
     ae
   );
   return t || (t = document.createElement("style"), t.id = ae, document.head.appendChild(t)), t;
 }
-function Xe(t) {
+function Ye(t) {
   let n = "";
   for (const e of t) {
     n += `.q-theme--${e.name} {
@@ -151,7 +154,7 @@ function Xe(t) {
       if (s) {
         n += `  ${qe(r)}: ${s};
 `;
-        const d = je(s);
+        const d = Pe(s);
         n += `  ${qe(r)}-rgb: ${d.r} ${d.g} ${d.b};
 `;
       }
@@ -159,22 +162,22 @@ function Xe(t) {
     n += `}
 `;
   }
-  const o = Pe();
+  const o = Xe();
   o.textContent = n;
 }
 function qe(t) {
-  return t ? `--q-theme-${t.replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase()}` : "";
+  return t ? `--q-theme-${ze(t)}` : "";
 }
-function wn(t = {}) {
+function qn(t = {}) {
   return { install: (o) => {
     const e = t.components || {};
     for (const r in e)
       o.component(r, e[r]);
     const l = t.defaults || {};
-    o.provide(ve, q(l)), Ye(o, t.themes);
+    o.provide(ve, q(l)), Ze(o, t.themes);
   } };
 }
-function Ye(t, n) {
+function Ze(t, n) {
   const o = [];
   let e;
   if (!n)
@@ -185,7 +188,7 @@ function Ye(t, n) {
     });
   else
     for (const l of n.themes) {
-      const s = { ...l.mode === "light" ? $e : Ge, ...l.colors };
+      const s = { ...l.mode === "light" ? $e : We, ...l.colors };
       o.push({
         name: l.name,
         mode: l.mode,
@@ -197,14 +200,14 @@ function Ye(t, n) {
       activeTheme: q(e),
       themes: o
     };
-    Xe(o), A(l.activeTheme, Ze, { immediate: !0 }), t.provide(ae, l);
+    Ye(o), F(l.activeTheme, Je, { immediate: !0 }), t.provide(ae, l);
   }
 }
-function Ze(t) {
+function Je(t) {
   const n = document.documentElement, e = Array.from(n.classList).filter((l) => !l.startsWith("q-theme"));
   n.className = e.join(" "), n.classList.add(`q-theme--${t}`);
 }
-const Je = /* @__PURE__ */ P("svg", { viewBox: "25 25 50 50" }, [
+const et = /* @__PURE__ */ P("svg", { viewBox: "25 25 50 50" }, [
   /* @__PURE__ */ P("circle", {
     class: "path",
     cx: "50",
@@ -215,9 +218,9 @@ const Je = /* @__PURE__ */ P("svg", { viewBox: "25 25 50 50" }, [
     "stroke-width": "5",
     "stroke-miterlimit": "10"
   })
-], -1), et = [
-  Je
-], tt = /* @__PURE__ */ B({
+], -1), tt = [
+  et
+], nt = /* @__PURE__ */ B({
   __name: "QSpinnerLoader",
   props: {
     size: { default: 48 },
@@ -228,19 +231,20 @@ const Je = /* @__PURE__ */ P("svg", { viewBox: "25 25 50 50" }, [
       "font-size": n.size !== 48 ? `${n.size}px` : void 0
     }));
     return (e, l) => (u(), v("div", {
-      class: V(["q-spinner-loader", n.class]),
+      class: x(["q-spinner-loader", n.class]),
       style: se(o.value)
-    }, et, 6));
+    }, tt, 6));
   }
 });
-function nt(t, n) {
-  var o;
-  return typeof ((o = t.props) == null ? void 0 : o[n]) < "u";
+function lt(t, n) {
+  var e;
+  const o = ze(n);
+  return o ? typeof ((e = t.props) == null ? void 0 : e[o]) < "u" : !1;
 }
 function S(t) {
   const n = t.setup;
   return n && (t.setup = (o, e) => {
-    const l = He();
+    const l = Ke();
     if (fe(l.value))
       return n(o, e);
     const r = Be();
@@ -250,16 +254,16 @@ function S(t) {
       get(d, m) {
         var p;
         const h = Reflect.get(d, m), _ = (p = l.value) == null ? void 0 : p[m];
-        return typeof m == "string" && !nt(r.vnode, m) ? _ ?? h : h;
+        return typeof m == "string" && !lt(r.vnode, m) ? _ ?? h : h;
       }
     });
     return n(s, e);
   }), t;
 }
-const he = S(tt), lt = ["disabled"], ot = {
+const he = S(nt), ot = ["disabled"], at = {
   key: 0,
   class: "q-btn__spinner"
-}, at = { class: "q-btn__content" }, st = /* @__PURE__ */ B({
+}, st = { class: "q-btn__content" }, it = /* @__PURE__ */ B({
   __name: "QButton",
   props: {
     active: { type: Boolean },
@@ -298,25 +302,25 @@ const he = S(tt), lt = ["disabled"], ot = {
     });
     return (d, m) => (u(), v("button", {
       type: "button",
-      class: V(s.value),
+      class: x(s.value),
       disabled: l.value,
       onClick: te(r, ["stop", "prevent"])
     }, [
-      d.loading ? (u(), v("div", ot, [
-        j(y(he), { size: 20 })
+      d.loading ? (u(), v("div", at, [
+        M(y(he), { size: 20 })
       ])) : L("", !0),
-      P("span", at, [
+      P("span", st, [
         d.iconOnRight ? (u(), v(J, { key: 0 }, [
-          oe(M(e.label), 1)
+          oe(N(e.label), 1)
         ], 64)) : L("", !0),
         b(d.$slots, "default"),
         d.iconOnRight ? L("", !0) : (u(), v(J, { key: 1 }, [
-          oe(M(e.label), 1)
+          oe(N(e.label), 1)
         ], 64))
       ])
-    ], 10, lt));
+    ], 10, ot));
   }
-}), it = S(st), rt = /* @__PURE__ */ B({
+}), rt = S(it), dt = /* @__PURE__ */ B({
   __name: "QButtonGroup",
   props: {
     disabled: { type: Boolean },
@@ -334,7 +338,7 @@ const he = S(tt), lt = ["disabled"], ot = {
         elevated: !1
       }
     }), (o, e) => (u(), v("div", {
-      class: V([
+      class: x([
         "q-btn-group",
         {
           "q-btn-group--elevated": n.elevated
@@ -345,7 +349,7 @@ const he = S(tt), lt = ["disabled"], ot = {
       b(o.$slots, "default")
     ], 2));
   }
-}), dt = S(rt), ut = /* @__PURE__ */ B({
+}), ut = S(dt), ct = /* @__PURE__ */ B({
   __name: "QButtonToggle",
   props: {
     modelValue: {},
@@ -359,7 +363,7 @@ const he = S(tt), lt = ["disabled"], ot = {
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
     const o = n, e = t, l = q(e.modelValue);
-    A(
+    F(
       () => e.modelValue,
       (d) => l.value = d
     );
@@ -374,15 +378,15 @@ const he = S(tt), lt = ["disabled"], ot = {
     function s(d) {
       r.value === d.key && !e.required ? r.value = void 0 : r.value = d.key;
     }
-    return (d, m) => (u(), x(y(dt), {
+    return (d, m) => (u(), E(y(ut), {
       "b-style": "secondary",
-      class: V(e.class),
+      class: x(e.class),
       disabled: e.disabled,
       borderless: e.borderless,
       elevated: e.elevated
     }, {
       default: $(() => [
-        (u(!0), v(J, null, ce(e.options, (h) => (u(), x(y(it), {
+        (u(!0), v(J, null, ce(e.options, (h) => (u(), E(y(rt), {
           key: h.key,
           title: h.title,
           label: h.label,
@@ -398,7 +402,7 @@ const he = S(tt), lt = ["disabled"], ot = {
       _: 3
     }, 8, ["class", "disabled", "borderless", "elevated"]));
   }
-}), $n = S(ut), ct = /* @__PURE__ */ B({
+}), In = S(ct), ft = /* @__PURE__ */ B({
   __name: "QIcon",
   props: {
     icon: {},
@@ -410,22 +414,22 @@ const he = S(tt), lt = ["disabled"], ot = {
     const n = t, o = k(() => {
       switch (n.type) {
         case "svg":
-          return kt;
+          return wt;
         case "font":
-          return gt;
-        case "img":
           return _t;
+        case "img":
+          return kt;
         default:
           return;
       }
     });
-    return (e, l) => (u(), x(Ve(o.value), {
-      class: V(n.class),
+    return (e, l) => (u(), E(Ve(o.value), {
+      class: x(n.class),
       icon: n.icon,
       size: n.size
     }, null, 8, ["class", "icon", "size"]));
   }
-}), ft = /* @__PURE__ */ B({
+}), pt = /* @__PURE__ */ B({
   __name: "QIconFont",
   props: {
     icon: {},
@@ -439,11 +443,11 @@ const he = S(tt), lt = ["disabled"], ot = {
       "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
     return (r, s) => (u(), v("i", {
-      class: V(["q-icon", "q-icon__font", o.value, e.value, n.class]),
+      class: x(["q-icon", "q-icon__font", o.value, e.value, n.class]),
       style: se(l.value)
     }, null, 6));
   }
-}), pt = ["src"], mt = /* @__PURE__ */ B({
+}), mt = ["src"], vt = /* @__PURE__ */ B({
   __name: "QIconImg",
   props: {
     icon: {},
@@ -456,11 +460,11 @@ const he = S(tt), lt = ["disabled"], ot = {
     }));
     return (e, l) => (u(), v("img", {
       src: n.icon,
-      class: V(["q-icon", "q-icon__img", n.class]),
+      class: x(["q-icon", "q-icon__img", n.class]),
       style: se(o.value)
-    }, null, 14, pt));
+    }, null, 14, mt));
   }
-}), le = {}, vt = B({
+}), le = {}, ht = B({
   name: "InlineSvg",
   emits: ["loaded", "unloaded", "error"],
   inheritAttrs: !1,
@@ -516,7 +520,7 @@ const he = S(tt), lt = ["disabled"], ot = {
         e !== !1 && e !== null && e !== void 0 && (t[o] = e);
     },
     getSvgContent(t) {
-      return this.symbol && (t = t.getElementById(this.symbol), !t) ? null : (this.transformSource && (t = t.cloneNode(!0), t = this.transformSource(t)), this.title && (this.transformSource || (t = t.cloneNode(!0)), ht(t, this.title)), t);
+      return this.symbol && (t = t.getElementById(this.symbol), !t) ? null : (this.transformSource && (t = t.cloneNode(!0), t = this.transformSource(t)), this.title && (this.transformSource || (t = t.cloneNode(!0)), bt(t, this.title)), t);
     },
     /**
      * Get svgElSource
@@ -524,7 +528,7 @@ const he = S(tt), lt = ["disabled"], ot = {
      */
     async getSource(t) {
       try {
-        le[t] || (le[t] = bt(this.download(t))), this.svgElSource && le[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
+        le[t] || (le[t] = yt(this.download(t))), this.svgElSource && le[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
         const n = await le[t];
         this.svgElSource = n, await this.$nextTick(), this.$emit("loaded", this.$el);
       } catch (n) {
@@ -552,7 +556,7 @@ const he = S(tt), lt = ["disabled"], ot = {
     }
   }
 });
-function ht(t, n) {
+function bt(t, n) {
   const o = t.getElementsByTagName("title");
   if (o.length)
     o[0].textContent = n;
@@ -561,7 +565,7 @@ function ht(t, n) {
     e.textContent = n, t.insertBefore(e, t.firstChild);
   }
 }
-function bt(t) {
+function yt(t) {
   if (t.getIsPending)
     return t;
   let n = !0;
@@ -573,7 +577,7 @@ function bt(t) {
   );
   return o.getIsPending = () => n, o;
 }
-const yt = /* @__PURE__ */ B({
+const gt = /* @__PURE__ */ B({
   __name: "QIconSvg",
   props: {
     icon: {},
@@ -592,8 +596,8 @@ const yt = /* @__PURE__ */ B({
     function s() {
       o("unloaded");
     }
-    return (d, m) => (u(), x(y(vt), {
-      class: V(["q-icon", "q-icon__svg", e.class]),
+    return (d, m) => (u(), E(y(ht), {
+      class: x(["q-icon", "q-icon__svg", e.class]),
       src: e.bundle,
       symbol: e.icon,
       style: se(l.value),
@@ -601,7 +605,7 @@ const yt = /* @__PURE__ */ B({
       onUnloaded: s
     }, null, 8, ["class", "src", "symbol", "style"]));
   }
-}), ee = S(ct), gt = S(ft), _t = S(mt), kt = S(yt), wt = /* @__PURE__ */ B({
+}), ee = S(ft), _t = S(pt), kt = S(vt), wt = S(gt), $t = /* @__PURE__ */ B({
   __name: "QList",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -622,7 +626,7 @@ const yt = /* @__PURE__ */ B({
     function p() {
       s.value = !0;
     }
-    function C() {
+    function z() {
       s.value = !1;
     }
     function T(a) {
@@ -630,7 +634,7 @@ const yt = /* @__PURE__ */ B({
       if ((I = h.value) != null && I.contains(a.relatedTarget))
         return;
       let f;
-      r.value ? f = l.items.findIndex((ue) => ue[l.itemValue] === r.value) : f = F();
+      r.value ? f = l.items.findIndex((ue) => ue[l.itemValue] === r.value) : f = A();
       const g = s.value;
       O(f, g);
     }
@@ -657,10 +661,10 @@ const yt = /* @__PURE__ */ B({
           O(U(a));
           break;
         case "first":
-          O(F());
+          O(A());
           break;
         case "last":
-          O(N());
+          O(H());
           break;
       }
     }
@@ -673,34 +677,34 @@ const yt = /* @__PURE__ */ B({
       const a = (f = h.value) == null ? void 0 : f.querySelectorAll("li");
       return a ? Array.from(a) : [];
     }
-    function z(a) {
+    function C(a) {
       return R()[a];
     }
     function X() {
       return R().indexOf(document.activeElement);
     }
-    function F() {
+    function A() {
       const a = R(), f = a.find((g) => Y(g));
       return f ? a.indexOf(f) : -1;
     }
-    function N() {
+    function H() {
       const a = R(), f = [...a].reverse().find((g) => Y(g));
       return f ? a.indexOf(f) : -1;
     }
-    function H(a, f, g) {
+    function K(a, f, g) {
       return f === "prev" && a === 0 || f === "next" && a === g.length - 1;
     }
     function U(a) {
       const f = X();
-      return K(f, a);
+      return G(f, a);
     }
-    function K(a, f) {
+    function G(a, f) {
       const g = R();
-      if (H(a, f, g))
+      if (K(a, f, g))
         return a;
       let I = a + (f === "next" ? 1 : -1);
       for (; !Y(g[I]); ) {
-        if (H(I, f, g))
+        if (K(I, f, g))
           return a;
         I += f === "next" ? 1 : -1;
       }
@@ -712,36 +716,36 @@ const yt = /* @__PURE__ */ B({
     function c(a) {
       return a ? l.items.filter((f) => f.group === a) : l.items;
     }
-    return A(
+    return F(
       () => l.modelValue,
       (a) => {
         r.value = a;
       }
     ), n({
       focusItem: O,
-      getItem: z,
-      getAdjacentItemIndex: K,
-      getFirstFocusableItemIndex: F,
-      getLastFocusableItemIndex: N
-    }), (a, f) => (u(), x(Ve(d.value), {
+      getItem: C,
+      getAdjacentItemIndex: G,
+      getFirstFocusableItemIndex: A,
+      getLastFocusableItemIndex: H
+    }), (a, f) => (u(), E(Ve(d.value), {
       ref_key: "listRef",
       ref: h,
-      class: V(["q-list", { "q-list--disabled": l.disabled }, l.class]),
+      class: x(["q-list", { "q-list--disabled": l.disabled }, l.class]),
       role: "listbox",
       tabindex: l.disabled ? -1 : 0,
       onFocus: T,
       onMousedown: p,
-      onMouseup: C,
+      onMouseup: z,
       onKeydown: D
     }, {
       default: $(() => [
-        (u(!0), v(J, null, ce(m.value, (g) => (u(), x(y(Dt), {
+        (u(!0), v(J, null, ce(m.value, (g) => (u(), E(y(Tt), {
           key: g.id,
           title: m.value.length === 1 ? void 0 : g.title,
           disabled: g.disabled
         }, {
           default: $(() => [
-            (u(!0), v(J, null, ce(c(g.id), (I) => (u(), x(y(Et), {
+            (u(!0), v(J, null, ce(c(g.id), (I) => (u(), E(y(Dt), {
               key: I[l.itemValue],
               value: I[l.itemValue],
               label: I[l.itemLabel],
@@ -764,15 +768,15 @@ const yt = /* @__PURE__ */ B({
     }, 40, ["class", "tabindex"]));
   }
 });
-let $t = 0;
+let qt = 0;
 function ie(t) {
-  return t || `uid-${++$t}`;
+  return t || `uid-${++qt}`;
 }
-const qt = ["id", "tabindex", "aria-label", "aria-selected"], It = { class: "q-list-item__check-container" }, Lt = {
+const It = ["id", "tabindex", "aria-label", "aria-selected"], Lt = { class: "q-list-item__check-container" }, Bt = {
   check: {
     icon: "check"
   }
-}, Bt = /* @__PURE__ */ B({
+}, St = /* @__PURE__ */ B({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
@@ -780,7 +784,7 @@ const qt = ["id", "tabindex", "aria-label", "aria-selected"], It = { class: "q-l
     icon: { default: void 0 },
     selected: { type: Boolean },
     highlighted: { type: Boolean },
-    icons: { default: () => Lt },
+    icons: { default: () => Bt },
     disabled: { type: Boolean }
   },
   emits: ["select"],
@@ -796,7 +800,7 @@ const qt = ["id", "tabindex", "aria-label", "aria-selected"], It = { class: "q-l
       id: y(l),
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
-      class: V([
+      class: x([
         "q-list-item",
         {
           "q-list-item--disabled": e.disabled,
@@ -810,15 +814,15 @@ const qt = ["id", "tabindex", "aria-label", "aria-selected"], It = { class: "q-l
       onClick: te(r, ["stop", "prevent"])
     }, [
       b(d.$slots, "default", {}, () => [
-        e.icon ? (u(), x(y(ee), re(Z({ key: 0 }, e.icon)), null, 16)) : L("", !0),
-        oe(" " + M(e.label), 1)
+        e.icon ? (u(), E(y(ee), re(Z({ key: 0 }, e.icon)), null, 16)) : L("", !0),
+        oe(" " + N(e.label), 1)
       ]),
-      P("div", It, [
-        e.selected ? (u(), x(y(ee), Z({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : L("", !0)
+      P("div", Lt, [
+        e.selected ? (u(), E(y(ee), Z({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : L("", !0)
       ])
-    ], 42, qt));
+    ], 42, It));
   }
-}), St = ["aria-labelledby"], xt = ["id"], Vt = /* @__PURE__ */ B({
+}), xt = ["aria-labelledby"], Vt = ["id"], Et = /* @__PURE__ */ B({
   __name: "QListItemGroup",
   props: {
     title: { default: "" },
@@ -836,15 +840,15 @@ const qt = ["id", "tabindex", "aria-label", "aria-selected"], It = { class: "q-l
         id: y(o),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, M(n.title), 9, xt)) : L("", !0),
+      }, N(n.title), 9, Vt)) : L("", !0),
       b(e.$slots, "default")
-    ], 8, St));
+    ], 8, xt));
   }
-}), Ce = S(wt), Et = S(Bt), Dt = S(Vt);
-function Tt(t, n, o = "right", e) {
+}), Ce = S($t), Dt = S(St), Tt = S(Et);
+function zt(t, n, o = "right", e) {
   const l = t.getBoundingClientRect(), r = l.x + window.scrollX, s = l.y + window.scrollY, d = n == null ? void 0 : n.getBoundingClientRect(), m = (d == null ? void 0 : d.width) ?? 0, h = (d == null ? void 0 : d.height) ?? 0;
   let _ = o;
-  d && !ze(l, d, _) && (_ = Ct(l, d, _));
+  d && !Qe(l, d, _) && (_ = Ct(l, d, _));
   const p = { x: 0, y: 0, placement: _ };
   switch (_) {
     case "top":
@@ -862,7 +866,7 @@ function Tt(t, n, o = "right", e) {
   }
   return e === "anchor" && l.width >= m && (p.width = l.width), p;
 }
-function ze(t, n, o) {
+function Qe(t, n, o) {
   let e = !1, l = !1;
   switch (o) {
     case "top":
@@ -894,14 +898,14 @@ function Ct(t, n, o) {
     right: ["left", "top", "bottom"]
   };
   for (const l of e[o])
-    if (ze(t, n, l))
+    if (Qe(t, n, l))
       return l;
   return o;
 }
 function ne(t) {
   return typeof t == "string" ? document.querySelector(t) : t && "$el" in t ? t.$el : t;
 }
-const zt = ["role"], Qt = {
+const Qt = ["role"], At = {
   key: 0,
   role: "presentation",
   class: "q-overlay__arrow"
@@ -941,10 +945,10 @@ const zt = ["role"], Qt = {
       width: 0,
       placement: e.placement
     });
-    A(
+    F(
       () => e.modelValue,
       () => s.visible = e.modelValue
-    ), A(
+    ), F(
       () => s.visible,
       () => s.animating = !0
     );
@@ -974,7 +978,7 @@ const zt = ["role"], Qt = {
       if (e.anchor) {
         const a = ne(e.anchor);
         if (a) {
-          const f = Tt(
+          const f = zt(
             a,
             m.value,
             e.placement,
@@ -984,24 +988,24 @@ const zt = ["role"], Qt = {
         }
       }
     }
-    A([() => s.visible, () => e.placement], h);
+    F([() => s.visible, () => e.placement], h);
     let _;
     function p() {
       T(0);
     }
-    function C() {
+    function z() {
       T(e.delay);
     }
     function T(a) {
       _ || (_ = window.setTimeout(() => {
-        s.visible = !0, W(() => {
+        s.visible = !0, j(() => {
           var f;
           e.trigger === "click" && ((f = m.value) == null || f.focus());
         });
       }, a));
     }
     function D() {
-      clearTimeout(_), _ = void 0, s.visible = !1, W(() => {
+      clearTimeout(_), _ = void 0, s.visible = !1, j(() => {
         if (e.anchor && e.trigger === "click") {
           const a = ne(e.anchor);
           a == null || a.focus();
@@ -1015,9 +1019,9 @@ const zt = ["role"], Qt = {
     function R() {
       window.clearTimeout(Q), Q = window.setTimeout(() => s.animating = !1, 200), o("leave");
     }
-    let z;
+    let C;
     function X() {
-      W(() => {
+      j(() => {
         if (!e.anchor)
           return;
         const a = ne(e.anchor);
@@ -1027,17 +1031,17 @@ const zt = ["role"], Qt = {
               a.addEventListener("click", p);
               break;
             case "hover":
-              a.addEventListener("mouseenter", C), a.addEventListener("mouseleave", D), a.addEventListener("focusin", p), a.addEventListener("focusout", D);
+              a.addEventListener("mouseenter", z), a.addEventListener("mouseleave", D), a.addEventListener("focusin", p), a.addEventListener("focusout", D);
               break;
           }
       });
     }
-    function F() {
-      W(() => {
+    function A() {
+      j(() => {
         if (!e.anchor)
           return;
         const a = ne(e.anchor);
-        a && (window.addEventListener("scroll", h), window.addEventListener("resize", h), z = new MutationObserver(h), z.observe(a, {
+        a && (window.addEventListener("scroll", h), window.addEventListener("resize", h), C = new MutationObserver(h), C.observe(a, {
           attributes: !1,
           childList: !0,
           characterData: !0,
@@ -1045,7 +1049,7 @@ const zt = ["role"], Qt = {
         }), h());
       });
     }
-    function N() {
+    function H() {
       if (!e.anchor)
         return;
       const a = ne(e.anchor);
@@ -1055,49 +1059,49 @@ const zt = ["role"], Qt = {
             a.removeEventListener("click", p);
             break;
           case "hover":
-            a.removeEventListener("mouseenter", C), a.removeEventListener("mouseleave", D), a.removeEventListener("focusin", p), a.removeEventListener("focusout", D);
+            a.removeEventListener("mouseenter", z), a.removeEventListener("mouseleave", D), a.removeEventListener("focusin", p), a.removeEventListener("focusout", D);
             break;
         }
     }
-    function H() {
-      window.removeEventListener("scroll", h), window.removeEventListener("resize", h), z == null || z.disconnect();
+    function K() {
+      window.removeEventListener("scroll", h), window.removeEventListener("resize", h), C == null || C.disconnect();
     }
     let U;
-    function K() {
+    function G() {
       if (!e.anchor)
         return;
-      ne(e.anchor) ? (h(), U = window.setTimeout(K, 100)) : D();
+      ne(e.anchor) ? (h(), U = window.setTimeout(G, 100)) : D();
     }
     function Y() {
-      F(), e.spy && K();
+      A(), e.spy && G();
     }
     function c() {
-      H(), e.spy && (clearTimeout(U), U = void 0);
+      K(), e.spy && (clearTimeout(U), U = void 0);
     }
-    return Ae(() => {
-      N(), c();
+    return Re(() => {
+      H(), c();
     }), Ee(() => {
-      W(() => {
+      j(() => {
         X(), h();
       });
-    }), A(
+    }), F(
       () => s.visible,
       (a) => {
         a ? Y() : c();
       },
       { immediate: !0 }
-    ), (a, f) => (u(), x(Re, {
+    ), (a, f) => (u(), E(Oe, {
       disabled: !s.visible && !s.animating || !e.attach,
       to: e.attach
     }, [
       r.value ? (u(), v("div", {
         key: 0,
-        class: V([
+        class: x([
           "q-overlay__underlay",
           { "q-overlay__underlay--blur": e.backdropBlur }
         ])
       }, null, 2)) : L("", !0),
-      j(Oe, {
+      M(Ue, {
         name: e.transition,
         appear: "",
         onEnter: O,
@@ -1106,7 +1110,7 @@ const zt = ["role"], Qt = {
         default: $(() => [
           s.visible ? (u(), v("div", {
             key: 0,
-            class: V(l.value),
+            class: x(l.value),
             style: se(d.value)
           }, [
             P("div", Z({
@@ -1116,31 +1120,31 @@ const zt = ["role"], Qt = {
               tabindex: "-1",
               role: r.value ? "dialog" : void 0
             }, a.$attrs, {
-              onKeydown: Ue(D, ["escape"]),
+              onKeydown: Me(D, ["escape"]),
               onBlur: D
             }), [
-              e.arrow ? (u(), v("div", Qt)) : L("", !0),
+              e.arrow ? (u(), v("div", At)) : L("", !0),
               b(a.$slots, "default")
-            ], 16, zt)
+            ], 16, Qt)
           ], 6)) : L("", !0)
         ]),
         _: 3
       }, 8, ["name"])
     ], 8, ["disabled", "to"]));
   }
-}), de = S(Ft), At = ["id"], Rt = {
+}), de = S(Ft), Rt = ["id"], Ot = {
   key: 0,
   class: "q-field__label"
-}, Ot = ["for"], Ut = {
+}, Ut = ["for"], Mt = {
   key: 0,
   class: "q-field__prepend"
-}, Mt = {
+}, Nt = {
   key: 1,
   class: "q-field__append"
-}, Nt = {
+}, Ht = {
   key: 1,
   class: "q-field__extras"
-}, Ht = /* @__PURE__ */ B({
+}, Kt = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QField",
   props: {
@@ -1159,7 +1163,7 @@ const zt = ["role"], Qt = {
       fieldRef: l
     }), (s, d) => (u(), v("div", {
       id: y(e),
-      class: V([
+      class: x([
         "q-field",
         `q-field--${o.size}`,
         {
@@ -1170,11 +1174,11 @@ const zt = ["role"], Qt = {
         o.class
       ])
     }, [
-      o.label ? (u(), v("div", Rt, [
+      o.label ? (u(), v("div", Ot, [
         b(s.$slots, "label.prepend"),
         P("label", {
           for: o.for
-        }, M(o.label), 9, Ot),
+        }, N(o.label), 9, Ut),
         b(s.$slots, "label.append")
       ])) : L("", !0),
       b(s.$slots, "control", {}, () => [
@@ -1183,21 +1187,21 @@ const zt = ["role"], Qt = {
           ref_key: "fieldRef",
           ref: l
         }, s.$attrs), [
-          s.$slots.prepend ? (u(), v("div", Ut, [
+          s.$slots.prepend ? (u(), v("div", Mt, [
             b(s.$slots, "prepend")
           ])) : L("", !0),
           b(s.$slots, "default"),
-          s.$slots.append ? (u(), v("div", Mt, [
+          s.$slots.append ? (u(), v("div", Nt, [
             b(s.$slots, "append")
           ])) : L("", !0)
         ], 16)
       ]),
-      s.$slots.extras ? (u(), v("div", Nt, [
+      s.$slots.extras ? (u(), v("div", Ht, [
         b(s.$slots, "extras")
       ])) : L("", !0)
-    ], 10, At));
+    ], 10, Rt));
   }
-}), be = S(Ht), Kt = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Gt = /* @__PURE__ */ B({
+}), be = S(Kt), Gt = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Wt = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QTextField",
   props: {
@@ -1226,7 +1230,7 @@ const zt = ["role"], Qt = {
     }), _ = k(
       () => l.readonly || l.disabled ? "" : l.placeholder
     );
-    return A(
+    return F(
       () => l.modelValue,
       (p) => s.value = p
     ), n({
@@ -1235,10 +1239,10 @@ const zt = ["role"], Qt = {
         return (p = d.value) == null ? void 0 : p.fieldRef;
       }),
       inputRef: m
-    }), (p, C) => (u(), x(y(be), {
+    }), (p, z) => (u(), E(y(be), {
       ref_key: "fieldRef",
       ref: d,
-      class: V(["q-text-field", l.class]),
+      class: x(["q-text-field", l.class]),
       for: y(r),
       label: l.label,
       size: l.size,
@@ -1253,8 +1257,8 @@ const zt = ["role"], Qt = {
         b(p.$slots, "label.append")
       ]),
       default: $(() => [
-        Me(P("input", Z({
-          "onUpdate:modelValue": C[0] || (C[0] = (T) => h.value = T),
+        Ne(P("input", Z({
+          "onUpdate:modelValue": z[0] || (z[0] = (T) => h.value = T),
           ref_key: "inputRef",
           ref: m,
           id: y(r),
@@ -1266,8 +1270,8 @@ const zt = ["role"], Qt = {
           readonly: l.readonly,
           disabled: l.disabled,
           maxlength: l.maxLength
-        }, p.$attrs), null, 16, Kt), [
-          [Ne, h.value]
+        }, p.$attrs), null, 16, Gt), [
+          [He, h.value]
         ])
       ]),
       _: 2
@@ -1295,16 +1299,19 @@ const zt = ["role"], Qt = {
       } : void 0
     ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
   }
-}), Wt = S(Gt), jt = {
+}), jt = S(Wt), Pt = {
+  key: 0,
+  class: "q-select__loader"
+}, Xt = {
   key: 2,
   class: "q-select__loader"
-}, Pt = {
+}, Yt = {
   noData: "No data available"
-}, Xt = {
+}, Zt = {
   clear: {
     icon: "close"
   }
-}, Yt = /* @__PURE__ */ B({
+}, Jt = /* @__PURE__ */ B({
   __name: "QCombobox",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -1323,15 +1330,15 @@ const zt = ["role"], Qt = {
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     size: { default: void 0 },
-    texts: { default: () => Pt },
-    icons: { default: () => Xt },
+    texts: { default: () => Yt },
+    icons: { default: () => Zt },
     class: { default: void 0 }
   },
   emits: ["update:modelValue", "update:inputValue", "before-show", "before-hide", "show", "hide"],
   setup(t, { expose: n, emit: o }) {
     const e = o, l = t, r = q(l.modelValue), s = q(!1), d = q(""), m = q(void 0), h = q(null), _ = q(null), p = q(null);
-    Ee(F);
-    const C = k(
+    Ee(A);
+    const z = k(
       () => l.clearable && !l.readonly && !l.disabled && !l.loading
     ), T = k(() => {
       var i;
@@ -1355,45 +1362,45 @@ const zt = ["role"], Qt = {
       var i;
       return d.value.length > 0 && d.value !== ((i = D.value) == null ? void 0 : i[l.itemLabel]);
     });
-    function z(i) {
-      r.value = i, F(), e("update:modelValue", i);
+    function C(i) {
+      r.value = i, A(), e("update:modelValue", i);
     }
     function X(i) {
-      z(i), H();
+      C(i), K();
     }
-    function F() {
+    function A() {
       var i;
       d.value = ((i = D.value) == null ? void 0 : i[l.itemLabel]) || "";
     }
-    function N() {
+    function H() {
       s.value || l.readonly || l.disabled || (e("before-show"), s.value = !0);
     }
-    function H() {
+    function K() {
       s.value && (e("before-hide"), s.value = !1, m.value = void 0);
     }
     function U() {
-      z(void 0), m.value = void 0;
+      C(void 0), m.value = void 0;
     }
-    function K() {
-      if (N(), D.value !== void 0) {
+    function G() {
+      if (H(), D.value !== void 0) {
         const i = T.value.indexOf(D.value);
-        i !== -1 && W(() => ye(i));
+        i !== -1 && j(() => ye(i));
       }
     }
     function Y(i) {
-      var w, E;
+      var w, V;
       if (!(!i.key || l.readonly || l.disabled))
         if (["ArrowDown", "ArrowUp", "Home", "End"].includes(i.key) && (i.preventDefault(), i.stopPropagation()), i.key === "Escape")
-          s.value ? H() : U();
+          s.value ? K() : U();
         else if (["ArrowDown", "ArrowUp"].includes(i.key))
-          s.value ? W(() => {
+          s.value ? j(() => {
             if (m.value === void 0)
               c();
             else {
-              const G = i.key === "ArrowDown" ? "next" : "prev";
-              f(m.value, G);
+              const W = i.key === "ArrowDown" ? "next" : "prev";
+              f(m.value, W);
             }
-          }) : (N(), W(() => {
+          }) : (H(), j(() => {
             i.key === "ArrowDown" ? c() : a();
           }));
         else if (i.key === "Enter") {
@@ -1401,15 +1408,15 @@ const zt = ["role"], Qt = {
             return;
           X(Q.value[l.itemValue]);
         } else
-          i.key === "Home" ? m.value = (w = _.value) == null ? void 0 : w.getFirstFocusableItemIndex() : i.key === "End" ? m.value = (E = _.value) == null ? void 0 : E.getLastFocusableItemIndex() : (/^[a-z]$/i.test(i.key) || i.key === "Backspace") && N();
+          i.key === "Home" ? m.value = (w = _.value) == null ? void 0 : w.getFirstFocusableItemIndex() : i.key === "End" ? m.value = (V = _.value) == null ? void 0 : V.getLastFocusableItemIndex() : (/^[a-z]$/i.test(i.key) || i.key === "Backspace") && H();
     }
     function c() {
       var i, w;
       if (r.value !== void 0) {
-        const E = T.value.findIndex(
-          (G) => G[l.itemValue] === r.value
+        const V = T.value.findIndex(
+          (W) => W[l.itemValue] === r.value
         );
-        E === -1 ? m.value = (i = _.value) == null ? void 0 : i.getFirstFocusableItemIndex() : m.value = E;
+        V === -1 ? m.value = (i = _.value) == null ? void 0 : i.getFirstFocusableItemIndex() : m.value = V;
       } else
         m.value = (w = _.value) == null ? void 0 : w.getFirstFocusableItemIndex();
     }
@@ -1418,12 +1425,12 @@ const zt = ["role"], Qt = {
       m.value = (i = _.value) == null ? void 0 : i.getLastFocusableItemIndex();
     }
     function f(i, w) {
-      var E;
-      m.value = (E = _.value) == null ? void 0 : E.getAdjacentItemIndex(i, w);
+      var V;
+      m.value = (V = _.value) == null ? void 0 : V.getAdjacentItemIndex(i, w);
     }
     function g(i) {
-      var w, E, G;
-      !((w = p.value) != null && w.contains(i.relatedTarget)) && !((G = (E = h.value) == null ? void 0 : E.fieldRef) != null && G.contains(i.relatedTarget)) ? (H(), F()) : (i.preventDefault(), i.stopPropagation());
+      var w, V, W;
+      !((w = p.value) != null && w.contains(i.relatedTarget)) && !((W = (V = h.value) == null ? void 0 : V.fieldRef) != null && W.contains(i.relatedTarget)) ? (K(), A()) : (i.preventDefault(), i.stopPropagation());
     }
     function I() {
       var i, w;
@@ -1432,29 +1439,29 @@ const zt = ["role"], Qt = {
     function ue() {
       e("show");
     }
-    function Qe() {
+    function Ae() {
       e("hide");
     }
     function ye(i) {
-      var E;
-      const w = (E = _.value) == null ? void 0 : E.getItem(i);
+      var V;
+      const w = (V = _.value) == null ? void 0 : V.getItem(i);
       w == null || w.scrollIntoView({ block: "nearest", inline: "start" });
     }
-    return A(
+    return F(
       () => l.modelValue,
       (i) => {
-        r.value = i, F();
+        r.value = i, A();
       }
-    ), A(m, (i) => {
+    ), F(m, (i) => {
       i !== void 0 && ye(i);
-    }), A(d, (i) => {
-      !i && C.value ? U() : s.value && l.selectionMode === "automatic" && W(c), e("update:inputValue", i);
+    }), F(d, (i) => {
+      !i && z.value ? U() : s.value && l.selectionMode === "automatic" && j(c), e("update:inputValue", i);
     }), n({
       triggerEl: h
     }), (i, w) => (u(), v(J, null, [
-      j(y(Wt), {
+      M(y(jt), {
         modelValue: d.value,
-        "onUpdate:modelValue": w[0] || (w[0] = (E) => d.value = E),
+        "onUpdate:modelValue": w[0] || (w[0] = (V) => d.value = V),
         id: l.id,
         label: l.label,
         required: l.required,
@@ -1462,7 +1469,7 @@ const zt = ["role"], Qt = {
         ref: h,
         role: "combobox",
         placeholder: l.placeholder,
-        class: V(["q-combobox", l.class]),
+        class: x(["q-combobox", l.class]),
         readonly: l.readonly,
         disabled: l.disabled,
         "aria-expanded": s.value,
@@ -1470,7 +1477,7 @@ const zt = ["role"], Qt = {
         "aria-autocomplete": "list",
         "aria-activedescendant": O.value,
         size: l.size,
-        onClick: K,
+        onClick: G,
         onFocusout: g,
         onKeydown: te(Y, ["stop"])
       }, pe({
@@ -1489,10 +1496,10 @@ const zt = ["role"], Qt = {
           ]),
           key: "0"
         } : void 0,
-        C.value && d.value || i.$slots.append ? {
+        z.value && d.value || i.$slots.append ? {
           name: "append",
           fn: $(() => [
-            C.value && d.value ? (u(), x(y(ee), Z({ key: 0 }, l.icons.clear, {
+            z.value && d.value ? (u(), E(y(ee), Z({ key: 0 }, l.icons.clear, {
               class: "q-combobox__clear",
               onClick: te(U, ["stop", "prevent"])
             }), null, 16)) : L("", !0),
@@ -1508,7 +1515,7 @@ const zt = ["role"], Qt = {
           key: "2"
         } : void 0
       ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "aria-expanded", "aria-activedescendant", "size"]),
-      j(y(de), {
+      M(y(de), {
         "model-value": s.value,
         spy: "",
         trigger: "manual",
@@ -1517,10 +1524,10 @@ const zt = ["role"], Qt = {
         offset: 4,
         anchor: h.value,
         onEnter: ue,
-        onLeave: Qe
+        onLeave: Ae
       }, {
         default: $(() => {
-          var E;
+          var V;
           return [
             P("div", {
               ref_key: "contentRef",
@@ -1529,32 +1536,30 @@ const zt = ["role"], Qt = {
               onFocusout: g
             }, [
               b(i.$slots, "body.prepend"),
-              l.loading ? (u(), x(y(he), {
-                key: 0,
-                class: "q-select__loader",
-                size: 24
-              })) : T.value.length ? (u(), x(y(Ce), {
+              l.loading ? (u(), v("div", Pt, [
+                M(y(he), { size: 24 })
+              ])) : T.value.length ? (u(), E(y(Ce), {
                 key: 1,
                 ref_key: "listRef",
                 ref: _,
                 class: "q-select__items",
                 modelValue: r.value,
                 "onUpdate:modelValue": [
-                  w[1] || (w[1] = (G) => r.value = G),
+                  w[1] || (w[1] = (W) => r.value = W),
                   X
                 ],
-                highlighted: (E = Q.value) == null ? void 0 : E[l.itemValue],
+                highlighted: (V = Q.value) == null ? void 0 : V[l.itemValue],
                 items: T.value,
                 groups: i.groups,
                 "item-label": l.itemLabel,
                 "item-value": l.itemValue,
                 onMouseup: I
               }, {
-                item: $(({ item: G }) => [
-                  b(i.$slots, "item", { item: G })
+                item: $(({ item: W }) => [
+                  b(i.$slots, "item", { item: W })
                 ]),
                 _: 3
-              }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), v("div", jt, M(i.texts.noData), 1)),
+              }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), v("div", Xt, N(i.texts.noData), 1)),
               b(i.$slots, "body.append")
             ], 544)
           ];
@@ -1563,13 +1568,13 @@ const zt = ["role"], Qt = {
       }, 8, ["model-value", "anchor"])
     ], 64));
   }
-}), qn = S(Yt), Zt = {
+}), Ln = S(Jt), en = {
   key: 0,
   class: "q-input-group__prepend"
-}, Jt = { key: 0 }, en = {
+}, tn = { key: 0 }, nn = {
   key: 1,
   class: "q-input-group__append"
-}, tn = { key: 0 }, nn = /* @__PURE__ */ B({
+}, ln = { key: 0 }, on = /* @__PURE__ */ B({
   __name: "QInputGroup",
   props: {
     id: { default: void 0 },
@@ -1586,24 +1591,24 @@ const zt = ["role"], Qt = {
       QField: {
         size: "block"
       }
-    }), (o, e) => (u(), x(y(be), {
+    }), (o, e) => (u(), E(y(be), {
       id: n.id,
-      class: V(["q-input-group", n.class]),
+      class: x(["q-input-group", n.class]),
       label: n.label,
       required: n.required,
       size: n.size
     }, {
       default: $(() => [
-        o.$slots.prepend || n.prependIcon ? (u(), v("div", Zt, [
-          n.prependIcon ? (u(), v("span", Jt, [
-            j(y(ee), re(ke(n.prependIcon)), null, 16)
+        o.$slots.prepend || n.prependIcon ? (u(), v("div", en, [
+          n.prependIcon ? (u(), v("span", tn, [
+            M(y(ee), re(ke(n.prependIcon)), null, 16)
           ])) : L("", !0),
           b(o.$slots, "prepend")
         ])) : L("", !0),
         b(o.$slots, "default"),
-        o.$slots.append || n.appendIcon ? (u(), v("div", en, [
-          n.appendIcon ? (u(), v("span", tn, [
-            j(y(ee), re(ke(n.appendIcon)), null, 16)
+        o.$slots.append || n.appendIcon ? (u(), v("div", nn, [
+          n.appendIcon ? (u(), v("span", ln, [
+            M(y(ee), re(ke(n.appendIcon)), null, 16)
           ])) : L("", !0),
           b(o.$slots, "append")
         ])) : L("", !0)
@@ -1611,7 +1616,7 @@ const zt = ["role"], Qt = {
       _: 3
     }, 8, ["id", "class", "label", "required", "size"]));
   }
-}), In = S(nn), ln = /* @__PURE__ */ B({
+}), Bn = S(on), an = /* @__PURE__ */ B({
   __name: "QLineLoader",
   props: {
     class: { default: void 0 }
@@ -1619,16 +1624,16 @@ const zt = ["role"], Qt = {
   setup(t) {
     const n = t;
     return (o, e) => (u(), v("div", {
-      class: V(["q-line-loader", n.class])
+      class: x(["q-line-loader", n.class])
     }, null, 2));
   }
-}), Ln = S(ln), on = {
+}), Sn = S(an), sn = {
   key: 0,
   class: "q-popover__header"
-}, an = {
+}, rn = {
   key: 1,
   class: "q-popover__body"
-}, sn = ["innerHTML"], rn = { key: 1 }, dn = /* @__PURE__ */ B({
+}, dn = ["innerHTML"], un = { key: 1 }, cn = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QPopover",
   props: {
@@ -1644,7 +1649,7 @@ const zt = ["role"], Qt = {
   },
   setup(t) {
     const n = t;
-    return (o, e) => (u(), x(y(de), {
+    return (o, e) => (u(), E(y(de), {
       "model-value": n.modelValue,
       class: "q-popover",
       trigger: "click",
@@ -1655,40 +1660,40 @@ const zt = ["role"], Qt = {
       placement: n.placement
     }, {
       default: $(() => [
-        n.title || o.$slots.header ? (u(), v("h3", on, [
-          oe(M(n.title) + " ", 1),
+        n.title || o.$slots.header ? (u(), v("h3", sn, [
+          oe(N(n.title) + " ", 1),
           b(o.$slots, "header")
         ])) : L("", !0),
-        n.text || o.$slots.body ? (u(), v("div", an, [
+        n.text || o.$slots.body ? (u(), v("div", rn, [
           n.html ? (u(), v("span", {
             key: 0,
             innerHTML: n.text
-          }, null, 8, sn)) : (u(), v("span", rn, M(n.text), 1)),
+          }, null, 8, dn)) : (u(), v("span", un, N(n.text), 1)),
           b(o.$slots, "body")
         ])) : L("", !0)
       ]),
       _: 3
     }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement"]));
   }
-}), Bn = S(dn), un = {
+}), xn = S(cn), fn = {
   key: 0,
   class: "q-select__value"
-}, cn = {
+}, pn = {
   key: 1,
   class: "q-select__placeholder"
-}, fn = {
+}, mn = {
   key: 0,
   class: "q-select__loader"
-}, pn = {
+}, vn = {
   placeholder: "Choose..."
-}, mn = {
+}, hn = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, vn = /* @__PURE__ */ B({
+}, bn = /* @__PURE__ */ B({
   __name: "QSelect",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -1699,13 +1704,13 @@ const zt = ["role"], Qt = {
     disabled: { type: Boolean },
     required: { type: Boolean },
     loading: { type: Boolean },
-    icons: { default: () => mn },
+    icons: { default: () => hn },
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     size: { default: void 0 },
-    texts: { default: () => pn },
+    texts: { default: () => vn },
     class: { default: "" }
   },
   emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
@@ -1717,30 +1722,30 @@ const zt = ["role"], Qt = {
       }
     ), p = k(
       () => _.value ? _.value[e.itemLabel] : ""
-    ), C = k(
+    ), z = k(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
     function T(c) {
-      l.value = c, o("update:modelValue", c), z();
+      l.value = c, o("update:modelValue", c), C();
     }
     function D() {
-      C.value && T(void 0);
+      z.value && T(void 0);
     }
     function Q() {
-      e.readonly || e.disabled || (r.value ? z() : R());
+      e.readonly || e.disabled || (r.value ? C() : R());
     }
     function O(c) {
       var a, f, g;
-      !((a = h.value) != null && a.contains(c.relatedTarget)) && !((g = (f = d.value) == null ? void 0 : f.fieldRef) != null && g.contains(c.relatedTarget)) && z();
+      !((a = h.value) != null && a.contains(c.relatedTarget)) && !((g = (f = d.value) == null ? void 0 : f.fieldRef) != null && g.contains(c.relatedTarget)) && C();
     }
     function R() {
       r.value || (o("before-show"), r.value = !0);
     }
-    function z() {
+    function C() {
       r.value && (o("before-hide"), r.value = !1);
     }
     let X;
-    function F(c) {
+    function A(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) && (r.value = !0), ["Escape", "Tab"].includes(c.key) && (r.value ? r.value = !1 : e.clearable && c.key === "Escape" && D()), c.key === "Delete" && e.clearable && D(), /^[a-z]$/i.test(c.key)) {
           s.value += c.key.toLowerCase();
@@ -1755,18 +1760,18 @@ const zt = ["role"], Qt = {
         }, 500);
       }
     }
-    function N() {
+    function H() {
       var c;
-      e.loading ? (c = h.value) == null || c.focus() : K(), o("show");
+      e.loading ? (c = h.value) == null || c.focus() : G(), o("show");
     }
-    function H() {
+    function K() {
       U(), o("hide");
     }
     function U() {
       var c, a;
       (a = (c = d.value) == null ? void 0 : c.fieldRef) == null || a.focus();
     }
-    function K() {
+    function G() {
       var c;
       (c = m.value) == null || c.$el.focus();
     }
@@ -1774,20 +1779,20 @@ const zt = ["role"], Qt = {
       var a;
       (a = m.value) == null || a.focusItem(c);
     }
-    return A(
+    return F(
       () => e.modelValue,
       (c) => {
         l.value = c;
       }
-    ), A(
+    ), F(
       () => e.loading,
       (c) => {
-        !c && r.value && W(K);
+        !c && r.value && j(G);
       }
     ), (c, a) => {
       var f;
       return u(), v(J, null, [
-        j(y(be), {
+        M(y(be), {
           id: e.id,
           label: e.label,
           required: e.required,
@@ -1795,7 +1800,7 @@ const zt = ["role"], Qt = {
           ref: d,
           role: "combobox",
           tabindex: e.disabled ? -1 : 0,
-          class: V([
+          class: x([
             "q-select",
             {
               "q-select--readonly": e.readonly,
@@ -1810,20 +1815,20 @@ const zt = ["role"], Qt = {
           "aria-haspopup": "listbox",
           size: e.size,
           onClick: Q,
-          onKeydown: te(F, ["stop"])
+          onKeydown: te(A, ["stop"])
         }, pe({
           append: $(() => [
             b(c.$slots, "append"),
-            C.value && l.value ? (u(), x(y(ee), Z({ key: 0 }, e.icons.clear, {
+            z.value && l.value ? (u(), E(y(ee), Z({ key: 0 }, e.icons.clear, {
               class: "q-select__clear",
               onClick: te(D, ["stop", "prevent"])
             }), null, 16)) : L("", !0),
-            e.readonly ? L("", !0) : (u(), x(y(ee), Z({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16))
+            e.readonly ? L("", !0) : (u(), E(y(ee), Z({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16))
           ]),
           default: $(() => [
-            l.value !== void 0 ? (u(), v("span", un, M(p.value), 1)) : (u(), v("span", cn, [
+            l.value !== void 0 ? (u(), v("span", fn, N(p.value), 1)) : (u(), v("span", pn, [
               !e.readonly && !e.disabled ? (u(), v(J, { key: 0 }, [
-                oe(M(c.texts.placeholder), 1)
+                oe(N(c.texts.placeholder), 1)
               ], 64)) : L("", !0)
             ]))
           ]),
@@ -1835,7 +1840,7 @@ const zt = ["role"], Qt = {
               var g, I;
               return [
                 b(c.$slots, "prepend"),
-                (g = _.value) != null && g.icon ? (u(), x(y(ee), re(Z({ key: 0 }, (I = _.value) == null ? void 0 : I.icon)), null, 16)) : L("", !0)
+                (g = _.value) != null && g.icon ? (u(), E(y(ee), re(Z({ key: 0 }, (I = _.value) == null ? void 0 : I.icon)), null, 16)) : L("", !0)
               ];
             }),
             key: "0"
@@ -1848,7 +1853,7 @@ const zt = ["role"], Qt = {
             key: "1"
           } : void 0
         ]), 1032, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "aria-expanded", "size"]),
-        j(y(de), {
+        M(y(de), {
           "model-value": r.value,
           spy: "",
           trigger: "manual",
@@ -1856,8 +1861,8 @@ const zt = ["role"], Qt = {
           width: "anchor",
           anchor: d.value,
           offset: 2,
-          onEnter: N,
-          onLeave: H
+          onEnter: H,
+          onLeave: K
         }, {
           default: $(() => [
             P("div", {
@@ -1866,12 +1871,12 @@ const zt = ["role"], Qt = {
               class: "q-select__body",
               tabindex: "-1",
               onFocusout: O,
-              onKeydown: te(F, ["stop"])
+              onKeydown: te(A, ["stop"])
             }, [
               b(c.$slots, "body.prepend"),
-              e.loading ? (u(), v("div", fn, [
-                j(y(he), { size: 24 })
-              ])) : (u(), x(y(Ce), {
+              e.loading ? (u(), v("div", mn, [
+                M(y(he), { size: 24 })
+              ])) : (u(), E(y(Ce), {
                 key: 1,
                 ref_key: "listRef",
                 ref: m,
@@ -1899,7 +1904,7 @@ const zt = ["role"], Qt = {
       ], 64);
     };
   }
-}), Sn = S(vn), hn = /* @__PURE__ */ B({
+}), Vn = S(bn), yn = /* @__PURE__ */ B({
   __name: "QThemeProvider",
   props: {
     theme: {}
@@ -1907,12 +1912,12 @@ const zt = ["role"], Qt = {
   setup(t) {
     const n = t;
     return (o, e) => (u(), v("div", {
-      class: V(["q-theme-provider", `q-theme--${n.theme}`])
+      class: x(["q-theme-provider", `q-theme--${n.theme}`])
     }, [
       b(o.$slots, "default")
     ], 2));
   }
-}), xn = S(hn), bn = ["innerHTML"], yn = { key: 1 }, gn = /* @__PURE__ */ B({
+}), En = S(yn), gn = ["innerHTML"], _n = { key: 1 }, kn = /* @__PURE__ */ B({
   __name: "QTooltip",
   props: {
     modelValue: { type: Boolean },
@@ -1935,7 +1940,7 @@ const zt = ["role"], Qt = {
       b(e.$slots, "anchor", {
         props: { "aria-describedby": y(o) }
       }),
-      j(y(de), {
+      M(y(de), {
         "model-value": n.modelValue,
         anchor: n.anchor,
         role: "tooltip",
@@ -1943,7 +1948,7 @@ const zt = ["role"], Qt = {
         appearance: n.appearance,
         arrow: n.arrow,
         attach: n.attach,
-        class: V(["q-tooltip", n.class]),
+        class: x(["q-tooltip", n.class]),
         delay: n.delay,
         disabled: n.disabled,
         placement: n.placement,
@@ -1953,39 +1958,39 @@ const zt = ["role"], Qt = {
           n.html ? (u(), v("span", {
             key: 0,
             innerHTML: n.text
-          }, null, 8, bn)) : (u(), v("span", yn, M(n.text), 1))
+          }, null, 8, gn)) : (u(), v("span", _n, N(n.text), 1))
         ]),
         _: 1
       }, 8, ["model-value", "anchor", "id", "appearance", "arrow", "attach", "class", "delay", "disabled", "placement", "trigger"])
     ], 64));
   }
-}), Vn = S(gn);
+}), Dn = S(kn);
 export {
-  it as QButton,
-  dt as QButtonGroup,
-  $n as QButtonToggle,
-  qn as QCombobox,
+  rt as QButton,
+  ut as QButtonGroup,
+  In as QButtonToggle,
+  Ln as QCombobox,
   be as QField,
   ee as QIcon,
-  gt as QIconFont,
-  _t as QIconImg,
-  kt as QIconSvg,
-  In as QInputGroup,
-  Ln as QLineLoader,
+  _t as QIconFont,
+  kt as QIconImg,
+  wt as QIconSvg,
+  Bn as QInputGroup,
+  Sn as QLineLoader,
   Ce as QList,
-  Et as QListItem,
-  Dt as QListItemGroup,
+  Dt as QListItem,
+  Tt as QListItemGroup,
   de as QOverlay,
-  Bn as QPopover,
-  Sn as QSelect,
+  xn as QPopover,
+  Vn as QSelect,
   he as QSpinnerLoader,
-  Wt as QTextField,
-  xn as QThemeProvider,
-  Vn as QTooltip,
-  wn as createFramework,
-  Ge as defaultDarkColorScheme,
+  jt as QTextField,
+  En as QThemeProvider,
+  Dn as QTooltip,
+  qn as createFramework,
+  We as defaultDarkColorScheme,
   $e as defaultLightColorScheme,
-  kn as provideTheme,
-  Ke as useTheme
+  $n as provideTheme,
+  Ge as useTheme
 };
 //# sourceMappingURL=ui.esm.js.map