@quidgest/ui 0.7.13 → 0.7.15

package/dist/ui.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance as Ve, computed as k, ref as q, provide as Ne, inject as De, watch as z, defineComponent as x, openBlock as u, createElementBlock as m, normalizeClass as D, normalizeStyle as ae, createElementVNode as N, withModifiers as ee, createVNode as te, unref as _, createCommentVNode as L, Fragment as Z, createTextVNode as re, toDisplayString as H, renderSlot as h, toRef as pe, createBlock as B, withCtx as $, renderList as ve, resolveDynamicComponent as Te, h as $e, normalizeProps as de, mergeProps as ne, reactive as He, onBeforeUnmount as Ke, onMounted as Ee, Teleport as We, Transition as Ge, nextTick as J, createSlots as be, withDirectives as je, vModelDynamic as Xe, guardReactiveProps as he } from "vue";
+import { getCurrentInstance as Ve, computed as g, ref as q, provide as Ne, inject as De, watch as C, defineComponent as x, openBlock as d, createElementBlock as v, normalizeClass as D, normalizeStyle as ae, createElementVNode as G, withModifiers as ee, createVNode as te, unref as k, createCommentVNode as S, Fragment as Z, createTextVNode as re, toDisplayString as N, renderSlot as y, toRef as pe, createBlock as B, withCtx as $, renderList as ve, resolveDynamicComponent as Te, h as $e, normalizeProps as de, mergeProps as ne, reactive as He, onBeforeUnmount as Ke, onMounted as Ee, Teleport as We, Transition as Ge, nextTick as J, createSlots as be, withDirectives as je, vModelDynamic as Xe, guardReactiveProps as he } from "vue";
 function ye(n) {
   return n == null ? !0 : typeof n == "string" || Array.isArray(n) ? n.length === 0 : typeof n == "object" ? Object.keys(n).length === 0 : !1;
 }
@@ -6,21 +6,21 @@ function Ie(n) {
   return n !== null && typeof n == "object" && !Array.isArray(n);
 }
 function ze(n = {}, t = {}) {
-  const l = {};
+  const o = {};
   for (const e in n)
-    l[e] = n[e];
+    o[e] = n[e];
   for (const e in t) {
-    const o = n[e], a = t[e];
-    if (Ie(o) && Ie(a)) {
-      l[e] = ze(
-        o,
+    const l = n[e], a = t[e];
+    if (Ie(l) && Ie(a)) {
+      o[e] = ze(
+        l,
         a
       );
       continue;
     }
-    l[e] = a;
+    o[e] = a;
   }
-  return l;
+  return o;
 }
 const ge = "q-defaults";
 function Ye() {
@@ -30,16 +30,16 @@ function Ye() {
   const t = n.type.name ?? n.type.__name;
   if (!t)
     throw new Error("[Quidgest UI] Could not determine component name");
-  const l = Fe();
-  return k(() => {
+  const o = Fe();
+  return g(() => {
     var e;
-    return (e = l.value) == null ? void 0 : e[t];
+    return (e = o.value) == null ? void 0 : e[t];
   });
 }
 function Ce(n) {
   if (ye(n))
     return;
-  const t = Fe(), l = q(n), e = k(() => ye(l.value) ? t.value : ze(t.value, l.value));
+  const t = Fe(), o = q(n), e = g(() => ye(o.value) ? t.value : ze(t.value, o.value));
   Ne(ge, e);
 }
 function Fe() {
@@ -113,118 +113,118 @@ function Ae(n) {
   if (!/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(n))
     throw new Error("Invalid color format");
   n.length === 4 && (n = "#" + n[1] + n[1] + n[2] + n[2] + n[3] + n[3]);
-  const t = parseInt(n.slice(1, 3), 16), l = parseInt(n.slice(3, 5), 16), e = parseInt(n.slice(5, 7), 16);
-  return { r: t, g: l, b: e };
+  const t = parseInt(n.slice(1, 3), 16), o = parseInt(n.slice(3, 5), 16), e = parseInt(n.slice(5, 7), 16);
+  return { r: t, g: o, b: e };
 }
 function Ze(n, t) {
   if (t < 0 || t > 100)
     throw new Error("Amount must be in the range [0, 100]");
   if (t === 0)
     return n;
-  const l = Qe(n), e = t / 100;
-  return l.l = l.l + e * (100 - l.l), Re(l);
+  const o = Qe(n), e = t / 100;
+  return o.l = o.l + e * (100 - o.l), Re(o);
 }
 function Je(n, t) {
   if (t < 0 || t > 100)
     throw new Error("Amount must be in the range [0, 100]");
   if (t === 0)
     return n;
-  const l = Qe(n), e = t / 100;
-  return l.l = l.l - e * l.l, Re(l);
+  const o = Qe(n), e = t / 100;
+  return o.l = o.l - e * o.l, Re(o);
 }
 function Se(n) {
-  const t = n.r.toString(16).padStart(2, "0"), l = n.g.toString(16).padStart(2, "0"), e = n.b.toString(16).padStart(2, "0");
-  return `#${t}${l}${e}`;
+  const t = n.r.toString(16).padStart(2, "0"), o = n.g.toString(16).padStart(2, "0"), e = n.b.toString(16).padStart(2, "0");
+  return `#${t}${o}${e}`;
 }
 function Qe(n) {
-  const t = n.r / 255, l = n.g / 255, e = n.b / 255, o = Math.max(t, l, e), a = Math.min(t, l, e);
-  let c = 0, i;
-  const p = (o + a) / 2;
-  if (o === a)
-    c = i = 0;
+  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 u = 0, i;
+  const f = (l + a) / 2;
+  if (l === a)
+    u = i = 0;
   else {
-    const d = o - a;
-    switch (i = p > 0.5 ? d / (2 - o - a) : d / (o + a), o) {
+    const p = l - a;
+    switch (i = f > 0.5 ? p / (2 - l - a) : p / (l + a), l) {
       case t:
-        c = (l - e) / d + (l < e ? 6 : 0);
+        u = (o - e) / p + (o < e ? 6 : 0);
         break;
-      case l:
-        c = (e - t) / d + 2;
+      case o:
+        u = (e - t) / p + 2;
         break;
       case e:
-        c = (t - l) / d + 4;
+        u = (t - o) / p + 4;
         break;
     }
-    c /= 6;
+    u /= 6;
   }
   return {
-    h: Math.round(c * 360),
+    h: Math.round(u * 360),
     s: Math.round(i * 100),
-    l: Math.round(p * 100)
+    l: Math.round(f * 100)
   };
 }
 function Re(n) {
-  const t = n.h / 360, l = n.s / 100, e = n.l / 100;
-  let o, a, c;
-  if (l === 0)
-    o = a = c = e;
+  const t = n.h / 360, o = n.s / 100, e = n.l / 100;
+  let l, a, u;
+  if (o === 0)
+    l = a = u = e;
   else {
-    const i = e < 0.5 ? e * (1 + l) : e + l - e * l, p = 2 * e - i;
-    o = me(p, i, t + 1 / 3), a = me(p, i, t), c = me(p, i, t - 1 / 3);
+    const i = e < 0.5 ? e * (1 + o) : e + o - e * o, f = 2 * e - i;
+    l = me(f, i, t + 1 / 3), a = me(f, i, t), u = me(f, i, t - 1 / 3);
   }
   return {
-    r: Math.round(o * 255),
+    r: Math.round(l * 255),
     g: Math.round(a * 255),
-    b: Math.round(c * 255)
+    b: Math.round(u * 255)
   };
 }
-function me(n, t, l) {
-  return l < 0 && (l += 1), l > 1 && (l -= 1), l < 1 / 6 ? n + (t - n) * 6 * l : l < 1 / 2 ? t : l < 2 / 3 ? n + (t - n) * (2 / 3 - l) * 6 : n;
+function me(n, t, o) {
+  return o < 0 && (o += 1), o > 1 && (o -= 1), o < 1 / 6 ? n + (t - n) * 6 * o : o < 1 / 2 ? t : o < 2 / 3 ? n + (t - n) * (2 / 3 - o) * 6 : n;
 }
 const ue = "q-theme";
-function $n() {
+function wn() {
   const n = De(ue);
   if (!n)
     throw new Error("[Quidgest UI] Could not find theme instance");
   return n;
 }
 function et(n, t) {
-  let l = null;
+  let o = null;
   if (t)
     for (const e of t.themes) {
-      const o = e.mode === "light" ? qe : Pe;
+      const l = e.mode === "light" ? qe : Pe;
       if (e.colors) {
         let a;
         for (a in e.colors) {
-          const c = e.colors[a];
-          if (c && !a.startsWith("on") && !a.endsWith("Light") && !a.endsWith("Dark")) {
-            const i = Ae(c), p = `${a}Light`, d = `${a}Dark`;
-            p in e.colors || (e.colors[p] = Se(Ze(i, 85))), d in e.colors || (e.colors[d] = Se(Je(i, 25)));
+          const u = e.colors[a];
+          if (u && !a.startsWith("on") && !a.endsWith("Light") && !a.endsWith("Dark")) {
+            const i = Ae(u), f = `${a}Light`, p = `${a}Dark`;
+            f in e.colors || (e.colors[f] = Se(Ze(i, 85))), p in e.colors || (e.colors[p] = Se(Je(i, 25)));
           }
         }
       }
-      e.colors = tt(o, e.colors), e.name === t.defaultTheme && (l = e);
+      e.colors = tt(l, e.colors), e.name === t.defaultTheme && (o = e);
     }
   else {
     const e = "default";
-    l = {
+    o = {
       name: e,
       mode: "light",
       colors: qe
     }, t = {
       defaultTheme: e,
-      themes: [l]
+      themes: [o]
     };
   }
-  if (l) {
+  if (o) {
     const e = q({
-      activeTheme: l.name,
+      activeTheme: o.name,
       themes: t.themes
     });
-    z(
+    C(
       () => e.value.activeTheme,
-      (o) => {
-        const a = e.value.themes.find((c) => c.name === o);
+      (l) => {
+        const a = e.value.themes.find((u) => u.name === l);
         a && nt(a.colors);
       },
       { immediate: !0 }
@@ -239,34 +239,34 @@ function nt(n) {
     ue
   );
   t || (t = document.createElement("style"), t.type = "text/css", t.id = ue, document.head.appendChild(t));
-  let l = `:root {
+  let o = `:root {
 `, e;
   for (e in n) {
-    const o = n[e];
-    if (o) {
-      l += `  ${Le(e)}: ${o};
+    const l = n[e];
+    if (l) {
+      o += `  ${Le(e)}: ${l};
 `;
-      const a = Ae(o);
-      l += `  ${Le(e)}-rgb: ${a.r} ${a.g} ${a.b};
+      const a = Ae(l);
+      o += `  ${Le(e)}-rgb: ${a.r} ${a.g} ${a.b};
 `;
     }
   }
-  l += "}", t.textContent = l;
+  o += "}", t.textContent = o;
 }
 function Le(n) {
   return n ? `--q-theme-${n.replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase()}` : "";
 }
-function In(n = {}) {
-  return { install: (l) => {
+function $n(n = {}) {
+  return { install: (o) => {
     const e = n.components || {};
     for (const a in e)
-      l.component(a, e[a]);
-    const o = n.defaults || {};
-    l.provide(ge, q(o)), et(l, n.themes);
+      o.component(a, e[a]);
+    const l = n.defaults || {};
+    o.provide(ge, q(l)), et(o, n.themes);
   } };
 }
-const lt = /* @__PURE__ */ N("svg", { viewBox: "25 25 50 50" }, [
-  /* @__PURE__ */ N("circle", {
+const lt = /* @__PURE__ */ G("svg", { viewBox: "25 25 50 50" }, [
+  /* @__PURE__ */ G("circle", {
     class: "path",
     cx: "50",
     cy: "50",
@@ -285,36 +285,36 @@ const lt = /* @__PURE__ */ N("svg", { viewBox: "25 25 50 50" }, [
     class: { default: void 0 }
   },
   setup(n) {
-    const t = n, l = k(() => ({
+    const t = n, o = g(() => ({
       "font-size": t.size !== 48 ? `${t.size}px` : void 0
     }));
-    return (e, o) => (u(), m("div", {
+    return (e, l) => (d(), v("div", {
       class: D(["q-spinner-loader", t.class]),
-      style: ae(l.value)
+      style: ae(o.value)
     }, ot, 6));
   }
 });
 function st(n, t) {
-  var l;
-  return typeof ((l = n.props) == null ? void 0 : l[t]) < "u";
+  var o;
+  return typeof ((o = n.props) == null ? void 0 : o[t]) < "u";
 }
 function V(n) {
   const t = n.setup;
-  return t && (n.setup = (l, e) => {
-    const o = Ye();
-    if (ye(o.value))
-      return t(l, e);
+  return t && (n.setup = (o, e) => {
+    const l = Ye();
+    if (ye(l.value))
+      return t(o, e);
     const a = Ve();
     if (a === null)
-      return t(l, e);
-    const c = new Proxy(l, {
-      get(i, p) {
+      return t(o, e);
+    const u = new Proxy(o, {
+      get(i, f) {
         var w;
-        const d = Reflect.get(i, p), y = (w = o.value) == null ? void 0 : w[p];
-        return typeof p == "string" && !st(a.vnode, p) ? y ?? d : d;
+        const p = Reflect.get(i, f), m = (w = l.value) == null ? void 0 : w[f];
+        return typeof f == "string" && !st(a.vnode, f) ? m ?? p : p;
       }
     });
-    return t(c, e);
+    return t(u, e);
   }), n;
 }
 const _e = V(at), it = ["disabled"], rt = {
@@ -337,11 +337,11 @@ const _e = V(at), it = ["disabled"], rt = {
   },
   emits: ["click"],
   setup(n, { emit: t }) {
-    const l = t, e = n, o = k(() => e.disabled || e.loading);
+    const o = t, e = n, l = g(() => e.disabled || e.loading);
     function a(i) {
-      o.value || l("click", i);
+      l.value || o("click", i);
     }
-    const c = k(() => {
+    const u = g(() => {
       const i = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
       return [
         "q-btn",
@@ -357,22 +357,22 @@ const _e = V(at), it = ["disabled"], rt = {
         e.class
       ];
     });
-    return (i, p) => (u(), m("button", {
+    return (i, f) => (d(), v("button", {
       type: "button",
-      class: D(c.value),
-      disabled: o.value,
+      class: D(u.value),
+      disabled: l.value,
       onClick: ee(a, ["stop", "prevent"])
     }, [
-      i.loading ? (u(), m("div", rt, [
-        te(_(_e), { size: 23 })
-      ])) : L("", !0),
-      N("span", dt, [
-        i.iconOnRight ? (u(), m(Z, { key: 0 }, [
-          re(H(e.label), 1)
-        ], 64)) : L("", !0),
-        h(i.$slots, "default"),
-        i.iconOnRight ? L("", !0) : (u(), m(Z, { key: 1 }, [
-          re(H(e.label), 1)
+      i.loading ? (d(), v("div", rt, [
+        te(k(_e), { size: 23 })
+      ])) : S("", !0),
+      G("span", dt, [
+        i.iconOnRight ? (d(), v(Z, { key: 0 }, [
+          re(N(e.label), 1)
+        ], 64)) : S("", !0),
+        y(i.$slots, "default"),
+        i.iconOnRight ? S("", !0) : (d(), v(Z, { key: 1 }, [
+          re(N(e.label), 1)
         ], 64))
       ])
     ], 10, it));
@@ -395,7 +395,7 @@ const _e = V(at), it = ["disabled"], rt = {
         borderless: pe(t, "borderless"),
         elevated: !1
       }
-    }), (l, e) => (u(), m("div", {
+    }), (o, e) => (d(), v("div", {
       class: D([
         "q-btn-group",
         {
@@ -404,7 +404,7 @@ const _e = V(at), it = ["disabled"], rt = {
         t.class
       ])
     }, [
-      h(l.$slots, "default")
+      y(o.$slots, "default")
     ], 2));
   }
 }), pt = V(ft), mt = /* @__PURE__ */ x({
@@ -420,23 +420,23 @@ const _e = V(at), it = ["disabled"], rt = {
   },
   emits: ["update:modelValue"],
   setup(n, { emit: t }) {
-    const l = t, e = n, o = q(e.modelValue);
-    z(
+    const o = t, e = n, l = q(e.modelValue);
+    C(
       () => e.modelValue,
-      (i) => o.value = i
+      (i) => l.value = i
     );
-    const a = k({
+    const a = g({
       get() {
-        return o.value;
+        return l.value;
       },
       set(i) {
-        o.value = i, l("update:modelValue", i);
+        l.value = i, o("update:modelValue", i);
       }
     });
-    function c(i) {
+    function u(i) {
       a.value === i.key && !e.mandatory ? a.value = void 0 : a.value = i.key;
     }
-    return (i, p) => (u(), B(_(pt), {
+    return (i, f) => (d(), B(k(pt), {
       "b-style": "secondary",
       class: D(e.class),
       disabled: e.disabled,
@@ -444,15 +444,15 @@ const _e = V(at), it = ["disabled"], rt = {
       elevated: e.elevated
     }, {
       default: $(() => [
-        (u(!0), m(Z, null, ve(e.options, (d) => (u(), B(_(ct), {
-          key: d.key,
-          title: d.title,
-          label: d.label,
-          active: a.value === d.key,
-          onClick: () => c(d)
+        (d(!0), v(Z, null, ve(e.options, (p) => (d(), B(k(ct), {
+          key: p.key,
+          title: p.title,
+          label: p.label,
+          active: a.value === p.key,
+          onClick: () => u(p)
         }, {
           default: $(() => [
-            h(i.$slots, d.key)
+            y(i.$slots, p.key)
           ]),
           _: 2
         }, 1032, ["title", "label", "active", "onClick"]))), 128))
@@ -460,7 +460,7 @@ const _e = V(at), it = ["disabled"], rt = {
       _: 3
     }, 8, ["class", "disabled", "borderless", "elevated"]));
   }
-}), qn = V(mt), vt = /* @__PURE__ */ x({
+}), In = V(mt), vt = /* @__PURE__ */ x({
   __name: "QIcon",
   props: {
     icon: {},
@@ -469,7 +469,7 @@ const _e = V(at), it = ["disabled"], rt = {
     class: { default: void 0 }
   },
   setup(n) {
-    const t = n, l = k(() => {
+    const t = n, o = g(() => {
       switch (t.type) {
         case "svg":
           return qt;
@@ -481,7 +481,7 @@ const _e = V(at), it = ["disabled"], rt = {
           return;
       }
     });
-    return (e, o) => (u(), B(Te(l.value), {
+    return (e, l) => (d(), B(Te(o.value), {
       class: D(t.class),
       icon: t.icon,
       size: t.size
@@ -497,12 +497,12 @@ const _e = V(at), it = ["disabled"], rt = {
     class: { default: void 0 }
   },
   setup(n) {
-    const t = n, l = k(() => t.variant ? `${t.library}-${t.variant}` : t.library), e = k(() => t.library && t.icon ? `${t.library}-${t.icon}` : t.icon), o = k(() => ({
+    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, c) => (u(), m("i", {
-      class: D(["q-icon", "q-icon__font", l.value, e.value, t.class]),
-      style: ae(o.value)
+    return (a, u) => (d(), v("i", {
+      class: D(["q-icon", "q-icon__font", o.value, e.value, t.class]),
+      style: ae(l.value)
     }, null, 6));
   }
 }), yt = ["src"], bt = /* @__PURE__ */ x({
@@ -513,13 +513,13 @@ const _e = V(at), it = ["disabled"], rt = {
     class: {}
   },
   setup(n) {
-    const t = n, l = k(() => ({
+    const t = n, o = g(() => ({
       "font-size": t.size !== void 0 ? `${t.size}px` : void 0
     }));
-    return (e, o) => (u(), m("img", {
+    return (e, l) => (d(), v("img", {
       src: t.icon,
       class: D(["q-icon", "q-icon__img", t.class]),
-      style: ae(l.value)
+      style: ae(o.value)
     }, null, 14, yt));
   }
 }), oe = {}, gt = x({
@@ -568,14 +568,14 @@ const _e = V(at), it = ["disabled"], rt = {
   },
   methods: {
     copySvgAttrs(n, t) {
-      const l = t.attributes;
-      if (l)
-        for (const e of l)
+      const o = t.attributes;
+      if (o)
+        for (const e of o)
           n[e.name] = e.value;
     },
     copyComponentAttrs(n, t) {
-      for (const [l, e] of Object.entries(t))
-        e !== !1 && e !== null && e !== void 0 && (n[l] = e);
+      for (const [o, e] of Object.entries(t))
+        e !== !1 && e !== null && e !== void 0 && (n[o] = e);
     },
     getSvgContent(n) {
       return this.symbol && (n = n.getElementById(this.symbol), !n) ? null : (this.transformSource && (n = n.cloneNode(!0), n = this.transformSource(n)), this.title && (this.transformSource || (n = n.cloneNode(!0)), _t(n, this.title)), n);
@@ -602,7 +602,7 @@ const _e = V(at), it = ["disabled"], rt = {
       const t = await fetch(n);
       if (!t.ok)
         throw new Error("Error loading SVG");
-      const l = await t.text(), a = new DOMParser().parseFromString(l, "text/xml").getElementsByTagName("svg")[0];
+      const o = await t.text(), a = new DOMParser().parseFromString(o, "text/xml").getElementsByTagName("svg")[0];
       if (!a)
         throw new Error("Loaded file is not a valid SVG");
       return a;
@@ -615,9 +615,9 @@ const _e = V(at), it = ["disabled"], rt = {
   }
 });
 function _t(n, t) {
-  const l = n.getElementsByTagName("title");
-  if (l.length)
-    l[0].textContent = t;
+  const o = n.getElementsByTagName("title");
+  if (o.length)
+    o[0].textContent = t;
   else {
     const e = document.createElementNS("http://www.w3.org/2000/svg", "title");
     e.textContent = t, n.insertBefore(e, n.firstChild);
@@ -627,13 +627,13 @@ function kt(n) {
   if (n.getIsPending)
     return n;
   let t = !0;
-  const l = n.then(
+  const o = n.then(
     (e) => (t = !1, e),
     (e) => {
       throw t = !1, e;
     }
   );
-  return l.getIsPending = () => t, l;
+  return o.getIsPending = () => t, o;
 }
 const wt = /* @__PURE__ */ x({
   __name: "QIconSvg",
@@ -645,22 +645,22 @@ const wt = /* @__PURE__ */ x({
   },
   emits: ["loaded", "unloaded"],
   setup(n, { emit: t }) {
-    const l = t, e = n, o = k(() => ({
+    const o = t, e = n, l = g(() => ({
       "font-size": e.size !== void 0 ? `${e.size}px` : void 0
     }));
     function a(i) {
-      l("loaded", i);
+      o("loaded", i);
     }
-    function c() {
-      l("unloaded");
+    function u() {
+      o("unloaded");
     }
-    return (i, p) => (u(), B(_(gt), {
+    return (i, f) => (d(), B(k(gt), {
       class: D(["q-icon", "q-icon__svg", e.class]),
       src: e.bundle,
       symbol: e.icon,
-      style: ae(o.value),
+      style: ae(l.value),
       onLoaded: a,
-      onUnloaded: c
+      onUnloaded: u
     }, null, 8, ["class", "src", "symbol", "style"]));
   }
 }), P = V(vt), $t = V(ht), It = V(bt), qt = V(wt), St = /* @__PURE__ */ x({
@@ -676,25 +676,25 @@ const wt = /* @__PURE__ */ x({
     class: { default: void 0 }
   },
   emits: ["update:modelValue"],
-  setup(n, { expose: t, emit: l }) {
-    const e = l, o = n, a = q(o.modelValue), c = q(!1), i = k(() => p.value.length > 1 ? "div" : "ul"), p = k(() => o.groups.length ? o.groups : [{ id: "", title: "" }]), d = q(null);
-    function y(r) {
+  setup(n, { expose: t, emit: o }) {
+    const e = o, l = n, a = q(l.modelValue), u = q(!1), i = g(() => f.value.length > 1 ? "div" : "ul"), f = g(() => l.groups.length ? l.groups : [{ id: "", title: "" }]), p = q(null);
+    function m(r) {
       a.value = r, e("update:modelValue", r);
     }
     function w() {
-      c.value = !0;
+      u.value = !0;
     }
-    function C() {
-      c.value = !1;
+    function z() {
+      u.value = !1;
     }
     function F(r) {
-      var S;
-      if ((S = d.value) != null && S.contains(r.relatedTarget))
+      var L;
+      if ((L = p.value) != null && L.contains(r.relatedTarget))
         return;
-      let v;
-      a.value ? v = o.items.findIndex((G) => G[o.itemValue] === a.value) : v = Q();
-      const I = c.value;
-      O(v, I);
+      let h;
+      a.value ? h = l.items.findIndex((W) => W[l.itemValue] === a.value) : h = Q();
+      const I = u.value;
+      O(h, I);
     }
     function A(r) {
       switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(r.key) && r.preventDefault(), r.key) {
@@ -726,95 +726,95 @@ const wt = /* @__PURE__ */ x({
           break;
       }
     }
-    function O(r, v = !1) {
-      var S;
-      (S = E()[r]) == null || S.focus({ preventScroll: v });
+    function O(r, h = !1) {
+      var L;
+      (L = E()[r]) == null || L.focus({ preventScroll: h });
     }
     function E() {
-      var v;
-      const r = (v = d.value) == null ? void 0 : v.querySelectorAll("li");
+      var h;
+      const r = (h = p.value) == null ? void 0 : h.querySelectorAll("li");
       return r ? Array.from(r) : [];
     }
-    function K(r) {
+    function H(r) {
       return E()[r];
     }
     function j() {
       return E().indexOf(document.activeElement);
     }
     function Q() {
-      const r = E(), v = r.find((I) => b(I));
-      return v ? r.indexOf(v) : -1;
+      const r = E(), h = r.find((I) => b(I));
+      return h ? r.indexOf(h) : -1;
     }
     function M() {
-      const r = E(), v = [...r].reverse().find((I) => b(I));
-      return v ? r.indexOf(v) : -1;
+      const r = E(), h = [...r].reverse().find((I) => b(I));
+      return h ? r.indexOf(h) : -1;
     }
-    function U(r, v, I) {
-      return v === "prev" && r === 0 || v === "next" && r === I.length - 1;
+    function U(r, h, I) {
+      return h === "prev" && r === 0 || h === "next" && r === I.length - 1;
     }
     function X(r) {
-      const v = j();
-      return W(v, r);
+      const h = j();
+      return K(h, r);
     }
-    function W(r, v) {
+    function K(r, h) {
       const I = E();
-      if (U(r, v, I))
+      if (U(r, h, I))
         return r;
-      let S = r + (v === "next" ? 1 : -1);
-      for (; !b(I[S]); ) {
-        if (U(S, v, I))
+      let L = r + (h === "next" ? 1 : -1);
+      for (; !b(I[L]); ) {
+        if (U(L, h, I))
           return r;
-        S += v === "next" ? 1 : -1;
+        L += h === "next" ? 1 : -1;
       }
-      return S;
+      return L;
     }
     function b(r) {
       return r.tabIndex === -2;
     }
-    function f(r) {
-      return r ? o.items.filter((v) => v.group === r) : o.items;
+    function c(r) {
+      return r ? l.items.filter((h) => h.group === r) : l.items;
     }
-    return z(
-      () => o.modelValue,
+    return C(
+      () => l.modelValue,
       (r) => {
         a.value = r;
       }
     ), t({
       focusItem: O,
-      getItem: K,
-      getAdjacentItemIndex: W,
+      getItem: H,
+      getAdjacentItemIndex: K,
       getFirstFocusableItemIndex: Q,
       getLastFocusableItemIndex: M
-    }), (r, v) => (u(), B(Te(i.value), {
+    }), (r, h) => (d(), B(Te(i.value), {
       ref_key: "listRef",
-      ref: d,
-      class: D(["q-list", { "q-list--disabled": o.disabled }, o.class]),
+      ref: p,
+      class: D(["q-list", { "q-list--disabled": l.disabled }, l.class]),
       role: "listbox",
-      tabindex: o.disabled ? -1 : 0,
+      tabindex: l.disabled ? -1 : 0,
       onFocus: F,
       onMousedown: w,
-      onMouseup: C,
+      onMouseup: z,
       onKeydown: A
     }, {
       default: $(() => [
-        (u(!0), m(Z, null, ve(p.value, (I) => (u(), B(_(Ft), {
+        (d(!0), v(Z, null, ve(f.value, (I) => (d(), B(k(Ft), {
           key: I.id,
           title: I.title,
           disabled: I.disabled
         }, {
           default: $(() => [
-            (u(!0), m(Z, null, ve(f(I.id), (S) => (u(), B(_(Ct), {
-              key: S[o.itemValue],
-              value: S[o.itemValue],
-              label: S[o.itemLabel],
-              icon: S.icon,
-              disabled: o.disabled || S.disabled,
-              highlighted: o.highlighted === S[o.itemValue],
-              selected: a.value === S[o.itemValue],
-              onSelect: y
+            (d(!0), v(Z, null, ve(c(I.id), (L) => (d(), B(k(Ct), {
+              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: m
             }, {
               default: $(() => [
-                h(r.$slots, "item", { item: S })
+                y(r.$slots, "item", { item: L })
               ]),
               _: 2
             }, 1032, ["value", "label", "icon", "disabled", "highlighted", "selected"]))), 128))
@@ -847,15 +847,15 @@ const Bt = ["id", "tabindex", "aria-label", "aria-selected"], xt = { class: "q-l
   },
   emits: ["select"],
   setup(n, { emit: t }) {
-    const l = t, e = n, o = le();
+    const o = t, e = n, l = le();
     function a() {
-      e.disabled || l("select", e.value);
+      e.disabled || o("select", e.value);
     }
-    function c(i) {
+    function u(i) {
       i.key === "Tab" && a(), (i.key === "Enter" || i.key === " ") && (i.preventDefault(), i.stopPropagation(), a());
     }
-    return (i, p) => (u(), m("li", {
-      id: _(o),
+    return (i, f) => (d(), v("li", {
+      id: k(l),
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
       class: D([
@@ -868,15 +868,15 @@ const Bt = ["id", "tabindex", "aria-label", "aria-selected"], xt = { class: "q-l
       ]),
       "aria-label": e.label,
       "aria-selected": e.disabled ? void 0 : e.selected,
-      onKeydown: c,
+      onKeydown: u,
       onClick: ee(a, ["stop", "prevent"])
     }, [
-      h(i.$slots, "default", {}, () => [
-        e.icon ? (u(), B(_(P), de(ne({ key: 0 }, e.icon)), null, 16)) : L("", !0),
-        re(" " + H(e.label), 1)
+      y(i.$slots, "default", {}, () => [
+        e.icon ? (d(), B(k(P), de(ne({ key: 0 }, e.icon)), null, 16)) : S("", !0),
+        re(" " + N(e.label), 1)
       ]),
-      N("div", xt, [
-        e.selected ? (u(), B(_(P), ne({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : L("", !0)
+      G("div", xt, [
+        e.selected ? (d(), B(k(P), ne({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : S("", !0)
       ])
     ], 42, Bt));
   }
@@ -887,60 +887,60 @@ const Bt = ["id", "tabindex", "aria-label", "aria-selected"], xt = { class: "q-l
     disabled: { type: Boolean }
   },
   setup(n) {
-    const t = n, l = le();
-    return (e, o) => (u(), m("ul", {
+    const t = n, o = le();
+    return (e, l) => (d(), v("ul", {
       class: "q-list-item-group",
       role: "group",
-      "aria-labelledby": t.title ? _(l) : void 0
+      "aria-labelledby": t.title ? k(o) : void 0
     }, [
-      t.title ? (u(), m("li", {
+      t.title ? (d(), v("li", {
         key: 0,
-        id: _(l),
+        id: k(o),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, H(t.title), 9, Et)) : L("", !0),
-      h(e.$slots, "default")
+      }, N(t.title), 9, Et)) : S("", !0),
+      y(e.$slots, "default")
     ], 8, Tt));
   }
 }), Me = V(St), Ct = V(Dt), Ft = V(zt);
-function At(n, t, l = "right", e) {
-  const o = n.getBoundingClientRect(), a = o.x + window.scrollX, c = o.y + window.scrollY, i = t == null ? void 0 : t.getBoundingClientRect(), p = (i == null ? void 0 : i.width) ?? 0, d = (i == null ? void 0 : i.height) ?? 0;
-  let y = l;
-  i && !Oe(o, i, y) && (y = Qt(o, i, y));
-  const w = { x: 0, y: 0, placement: y };
-  switch (y) {
+function At(n, t, o = "right", e) {
+  const l = n.getBoundingClientRect(), a = l.x + window.scrollX, u = l.y + window.scrollY, i = t == null ? void 0 : t.getBoundingClientRect(), f = (i == null ? void 0 : i.width) ?? 0, p = (i == null ? void 0 : i.height) ?? 0;
+  let m = o;
+  i && !Oe(l, i, m) && (m = Qt(l, i, m));
+  const w = { x: 0, y: 0, placement: m };
+  switch (m) {
     case "top":
-      e === "anchor" ? w.x = a : w.x = a + (o.width - p) / 2, w.y = c - d;
+      e === "anchor" ? w.x = a : w.x = a + (l.width - f) / 2, w.y = u - p;
       break;
     case "bottom":
-      e === "anchor" ? w.x = a : w.x = a + (o.width - p) / 2, w.y = c + o.height;
+      e === "anchor" ? w.x = a : w.x = a + (l.width - f) / 2, w.y = u + l.height;
       break;
     case "left":
-      w.x = a - p, w.y = c + o.height / 2 - d / 2;
+      w.x = a - f, w.y = u + l.height / 2 - p / 2;
       break;
     case "right":
-      w.x = a + o.width, w.y = c + o.height / 2 - d / 2;
+      w.x = a + l.width, w.y = u + l.height / 2 - p / 2;
       break;
   }
-  return e === "anchor" && o.width >= p && (w.width = o.width), w;
+  return e === "anchor" && l.width >= f && (w.width = l.width), w;
 }
-function Oe(n, t, l) {
-  let e = !1, o = !1;
-  switch (l) {
+function Oe(n, t, o) {
+  let e = !1, l = !1;
+  switch (o) {
     case "top":
-      e = xe(n, t), o = n.top > t.height;
+      e = xe(n, t), l = n.top > t.height;
       break;
     case "bottom":
-      e = xe(n, t), o = window.innerHeight - n.top - n.height > t.height;
+      e = xe(n, t), l = window.innerHeight - n.top - n.height > t.height;
       break;
     case "left":
-      e = n.left > t.width, o = Be(n, t);
+      e = n.left > t.width, l = Be(n, t);
       break;
     case "right":
-      e = window.innerWidth - n.left - n.width > t.width, o = Be(n, t);
+      e = window.innerWidth - n.left - n.width > t.width, l = Be(n, t);
       break;
   }
-  return e && o;
+  return e && l;
 }
 function Be(n, t) {
   return window.innerHeight - n.top - n.height / 2 > t.height / 2 && n.top + n.height / 2 > t.height / 2;
@@ -948,17 +948,17 @@ function Be(n, t) {
 function xe(n, t) {
   return window.innerWidth - n.left - n.width / 2 > t.width / 2 && n.left + n.width / 2 > t.width / 2;
 }
-function Qt(n, t, l) {
+function Qt(n, t, o) {
   const e = {
     top: ["bottom", "left", "right"],
     bottom: ["top", "left", "right"],
     left: ["right", "top", "bottom"],
     right: ["left", "top", "bottom"]
   };
-  for (const o of e[l])
-    if (Oe(n, t, o))
-      return o;
-  return l;
+  for (const l of e[o])
+    if (Oe(n, t, l))
+      return l;
+  return o;
 }
 function ie(n) {
   return typeof n == "string" ? document.querySelector(n) : n && "$el" in n ? n.$el : n;
@@ -987,7 +987,7 @@ const Rt = {
   },
   emits: ["enter", "leave"],
   setup(n, { emit: t }) {
-    const l = t, e = n, o = k(() => [
+    const o = t, e = n, l = g(() => [
       "q-overlay",
       `q-overlay--${a.placement}`,
       { "q-overlay--inverted": e.appearance === "inverted" },
@@ -999,22 +999,22 @@ const Rt = {
       left: 0,
       width: 0,
       placement: e.placement
-    }), c = k(() => a.visible && !e.disabled);
-    z(
+    }), u = g(() => a.visible && !e.disabled);
+    C(
       () => e.modelValue,
       () => a.visible = e.modelValue
-    ), z(
+    ), C(
       () => a.visible,
       () => a.animating = !0
     );
-    const i = k(() => {
-      let b = 0, f = 0;
+    const i = g(() => {
+      let b = 0, c = 0;
       switch (a.placement) {
         case "top":
-          f = -(e.offset || 0);
+          c = -(e.offset || 0);
           break;
         case "bottom":
-          f = e.offset || 0;
+          c = e.offset || 0;
           break;
         case "left":
           b = -(e.offset || 0);
@@ -1024,39 +1024,39 @@ const Rt = {
           break;
       }
       const r = {
-        top: `${a.top + f}px`,
+        top: `${a.top + c}px`,
         left: `${a.left + b}px`
       };
       return a.width !== void 0 && ["top", "bottom"].includes(a.placement) && (r.width = `${a.width}px`), r;
-    }), p = q(null);
-    function d() {
+    }), f = q(null);
+    function p() {
       const b = ie(e.anchor);
       if (b) {
-        const f = At(b, p.value, e.placement, e.width);
-        a.left = f.x, a.top = f.y, a.width = f.width, a.placement = f.placement;
+        const c = At(b, f.value, e.placement, e.width);
+        a.left = c.x, a.top = c.y, a.width = c.width, a.placement = c.placement;
       }
     }
-    z([() => c.value, () => e.placement], d);
-    let y;
+    C([() => u.value, () => e.placement], p);
+    let m;
     function w() {
       const b = e.trigger === "hover" ? e.delay : 0;
-      y || (y = window.setTimeout(() => a.visible = !0, b));
+      m || (m = window.setTimeout(() => a.visible = !0, b));
     }
-    function C() {
-      clearTimeout(y), y = void 0, a.visible = !1;
+    function z() {
+      clearTimeout(m), m = void 0, a.visible = !1;
     }
     function F() {
-      c.value ? C() : w();
+      u.value ? z() : w();
     }
     let A;
     function R() {
-      l("enter");
+      o("enter");
     }
     function O() {
-      window.clearTimeout(A), A = window.setTimeout(() => a.animating = !1, 200), l("leave");
+      window.clearTimeout(A), A = window.setTimeout(() => a.animating = !1, 200), o("leave");
     }
     let E;
-    function K() {
+    function H() {
       J(() => {
         const b = ie(e.anchor);
         if (b)
@@ -1065,7 +1065,7 @@ const Rt = {
               b.addEventListener("click", F);
               break;
             case "hover":
-              b.addEventListener("mouseenter", w), b.addEventListener("mouseleave", C);
+              b.addEventListener("mouseenter", w), b.addEventListener("mouseleave", z);
               break;
           }
       });
@@ -1073,42 +1073,42 @@ const Rt = {
     function j() {
       J(() => {
         const b = ie(e.anchor);
-        b && (window.addEventListener("scroll", d), window.addEventListener("resize", d), E = new MutationObserver(d), E.observe(b, {
+        b && (window.addEventListener("scroll", p), window.addEventListener("resize", p), E = new MutationObserver(p), E.observe(b, {
           attributes: !1,
           childList: !0,
           characterData: !0,
           subtree: !0
-        }), d());
+        }), p());
       });
     }
     function Q() {
-      window.removeEventListener("scroll", d), window.removeEventListener("resize", d), E == null || E.disconnect();
+      window.removeEventListener("scroll", p), window.removeEventListener("resize", p), E == null || E.disconnect();
     }
     let M;
     function U() {
-      ie(e.anchor) ? (d(), M = window.setTimeout(U, 100)) : C();
+      ie(e.anchor) ? (p(), M = window.setTimeout(U, 100)) : z();
     }
     function X() {
       j(), e.spy && U();
     }
-    function W() {
+    function K() {
       Q(), e.spy && (clearTimeout(M), M = void 0);
     }
-    return Ke(W), Ee(d), z(
+    return Ke(K), Ee(p), C(
       () => e.disabled,
       (b) => {
-        b || K();
+        b || H();
       },
       { immediate: !0 }
-    ), z(
-      () => c.value,
+    ), C(
+      () => u.value,
       (b) => {
-        b ? X() : W();
+        b ? X() : K();
       },
       { immediate: !0 }
-    ), (b, f) => (u(), m(Z, null, [
-      h(b.$slots, "trigger", { open: c.value }),
-      c.value || a.animating ? (u(), B(We, {
+    ), (b, c) => (d(), v(Z, null, [
+      y(b.$slots, "trigger", { open: u.value }),
+      u.value || a.animating ? (d(), B(We, {
         key: 0,
         disabled: !e.attach,
         to: e.attach
@@ -1120,24 +1120,24 @@ const Rt = {
           onLeave: O
         }, {
           default: $(() => [
-            c.value ? (u(), m("div", {
+            u.value ? (d(), v("div", {
               key: 0,
-              class: D(o.value),
+              class: D(l.value),
               style: ae(i.value)
             }, [
-              N("div", {
+              G("div", {
                 class: "q-overlay__content",
                 ref_key: "overlay",
-                ref: p
+                ref: f
               }, [
-                e.arrow ? (u(), m("div", Rt)) : L("", !0),
-                h(b.$slots, "default")
+                e.arrow ? (d(), v("div", Rt)) : S("", !0),
+                y(b.$slots, "default")
               ], 512)
-            ], 6)) : L("", !0)
+            ], 6)) : S("", !0)
           ]),
           _: 3
         }, 8, ["name"])
-      ], 8, ["disabled", "to"])) : L("", !0)
+      ], 8, ["disabled", "to"])) : S("", !0)
     ], 64));
   }
 }), ce = V(Mt), Ot = ["id"], Ut = {
@@ -1165,47 +1165,47 @@ const Rt = {
     class: { default: void 0 }
   },
   setup(n, { expose: t }) {
-    const l = n, e = q(null), o = k(() => l.required && !l.readonly && !l.disabled);
+    const o = n, e = q(null), l = g(() => o.required && !o.readonly && !o.disabled);
     return t({
       fieldRef: e
-    }), (a, c) => (u(), m("div", {
-      id: l.id,
+    }), (a, u) => (d(), v("div", {
+      id: o.id,
       class: D([
         "q-field",
-        `q-field--${l.size}`,
+        `q-field--${o.size}`,
         {
-          "q-field--readonly": l.readonly,
-          "q-field--disabled": l.disabled,
-          "q-field--required": o.value
+          "q-field--readonly": o.readonly,
+          "q-field--disabled": o.disabled,
+          "q-field--required": l.value
         },
-        l.class
+        o.class
       ])
     }, [
-      l.label ? (u(), m("div", Ut, [
-        h(a.$slots, "label.prepend"),
-        N("label", {
-          for: l.id
-        }, H(l.label), 9, Nt),
-        h(a.$slots, "label.append")
-      ])) : L("", !0),
-      h(a.$slots, "control", {}, () => [
-        N("div", ne({
+      o.label ? (d(), v("div", Ut, [
+        y(a.$slots, "label.prepend"),
+        G("label", {
+          for: o.id
+        }, N(o.label), 9, Nt),
+        y(a.$slots, "label.append")
+      ])) : S("", !0),
+      y(a.$slots, "control", {}, () => [
+        G("div", ne({
           class: "q-field__control",
           ref_key: "fieldRef",
           ref: e
         }, a.$attrs), [
-          a.$slots.prepend ? (u(), m("div", Ht, [
-            h(a.$slots, "prepend")
-          ])) : L("", !0),
-          h(a.$slots, "default"),
-          a.$slots.append ? (u(), m("div", Kt, [
-            h(a.$slots, "append")
-          ])) : L("", !0)
+          a.$slots.prepend ? (d(), v("div", Ht, [
+            y(a.$slots, "prepend")
+          ])) : S("", !0),
+          y(a.$slots, "default"),
+          a.$slots.append ? (d(), v("div", Kt, [
+            y(a.$slots, "append")
+          ])) : S("", !0)
         ], 16)
       ]),
-      a.$slots.extras ? (u(), m("div", Wt, [
-        h(a.$slots, "extras")
-      ])) : L("", !0)
+      a.$slots.extras ? (d(), v("div", Wt, [
+        y(a.$slots, "extras")
+      ])) : S("", !0)
     ], 10, Ot));
   }
 }), ke = V(Gt), jt = ["type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Xt = /* @__PURE__ */ x({
@@ -1226,78 +1226,80 @@ const Rt = {
     class: { default: void 0 }
   },
   emits: ["update:modelValue"],
-  setup(n, { expose: t, emit: l }) {
-    const e = l, o = n, a = q(o.modelValue), c = q(null), i = q(null), p = k({
+  setup(n, { expose: t, emit: o }) {
+    const e = o, l = n, a = q(l.modelValue), u = q(null), i = q(null), f = g({
       get() {
         return a.value;
       },
-      set(d) {
-        a.value = d, e("update:modelValue", d);
+      set(m) {
+        a.value = m, e("update:modelValue", m);
       }
-    });
-    return z(
-      () => o.modelValue,
-      (d) => a.value = d
+    }), p = g(
+      () => l.readonly || l.disabled ? "" : l.placeholder
+    );
+    return C(
+      () => l.modelValue,
+      (m) => a.value = m
     ), t({
-      fieldRef: k(() => {
-        var d;
-        return (d = c.value) == null ? void 0 : d.fieldRef;
+      fieldRef: g(() => {
+        var m;
+        return (m = u.value) == null ? void 0 : m.fieldRef;
       }),
       inputRef: i
-    }), (d, y) => (u(), B(_(ke), {
+    }), (m, w) => (d(), B(k(ke), {
       ref_key: "fieldRef",
-      ref: c,
-      class: D(["q-text-field", o.class]),
-      id: o.id,
-      label: o.label,
-      size: o.size,
-      readonly: o.readonly,
-      disabled: o.disabled,
-      required: o.required
+      ref: u,
+      class: D(["q-text-field", l.class]),
+      id: l.id,
+      label: l.label,
+      size: l.size,
+      readonly: l.readonly,
+      disabled: l.disabled,
+      required: l.required
     }, be({
       "label.prepend": $(() => [
-        h(d.$slots, "label.prepend")
+        y(m.$slots, "label.prepend")
       ]),
       "label.append": $(() => [
-        h(d.$slots, "label.append")
+        y(m.$slots, "label.append")
       ]),
       default: $(() => [
-        je(N("input", ne({
-          "onUpdate:modelValue": y[0] || (y[0] = (w) => p.value = w),
+        je(G("input", ne({
+          "onUpdate:modelValue": w[0] || (w[0] = (z) => f.value = z),
           ref_key: "inputRef",
           ref: i,
           class: "q-text-field__input",
-          type: o.type,
-          role: o.role,
-          required: o.required,
-          placeholder: o.placeholder,
-          readonly: o.readonly,
-          disabled: o.disabled,
-          maxlength: o.maxLength
-        }, d.$attrs), null, 16, jt), [
-          [Xe, p.value]
+          type: l.type,
+          role: l.role,
+          required: l.required,
+          placeholder: p.value,
+          readonly: l.readonly,
+          disabled: l.disabled,
+          maxlength: l.maxLength
+        }, m.$attrs), null, 16, jt), [
+          [Xe, f.value]
         ])
       ]),
       _: 2
     }, [
-      d.$slots.prepend ? {
+      m.$slots.prepend ? {
         name: "prepend",
         fn: $(() => [
-          h(d.$slots, "prepend")
+          y(m.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
-      d.$slots.append ? {
+      m.$slots.append ? {
         name: "append",
         fn: $(() => [
-          h(d.$slots, "append")
+          y(m.$slots, "append")
         ]),
         key: "1"
       } : void 0,
-      d.$slots.extras ? {
+      m.$slots.extras ? {
         name: "extras",
         fn: $(() => [
-          h(d.$slots, "extras")
+          y(m.$slots, "extras")
         ]),
         key: "2"
       } : void 0
@@ -1336,108 +1338,108 @@ const Rt = {
     class: { default: void 0 }
   },
   emits: ["update:modelValue", "update:inputValue", "before-show", "before-hide", "show", "hide"],
-  setup(n, { expose: t, emit: l }) {
-    const e = l, o = n, a = q(o.modelValue), c = q(!1), i = q(""), p = q(void 0), d = q(null), y = q(null), w = q(null);
+  setup(n, { expose: t, emit: o }) {
+    const e = o, l = n, a = q(l.modelValue), u = q(!1), i = q(""), f = q(void 0), p = q(null), m = q(null), w = q(null);
     Ee(Q);
-    const C = k(
-      () => o.clearable && !o.readonly && !o.disabled && !o.loading
-    ), F = k(() => {
+    const z = g(
+      () => l.clearable && !l.readonly && !l.disabled && !l.loading
+    ), F = g(() => {
       var s;
-      return o.filterMode === "manual" || !E.value ? o.items : (s = o.items) == null ? void 0 : s.filter(
-        (g) => g[o.itemLabel].toLowerCase().startsWith(i.value.toLowerCase())
+      return l.filterMode === "manual" || !E.value ? l.items : (s = l.items) == null ? void 0 : s.filter(
+        (_) => _[l.itemLabel].toLowerCase().startsWith(i.value.toLowerCase())
       );
-    }), A = k(() => {
+    }), A = g(() => {
       var s;
-      return (s = o.items) == null ? void 0 : s.find((g) => g[o.itemValue] === a.value);
-    }), R = k(() => {
-      const s = p.value;
+      return (s = l.items) == null ? void 0 : s.find((_) => _[l.itemValue] === a.value);
+    }), R = g(() => {
+      const s = f.value;
       if (s !== void 0 && F.value[s])
         return F.value[s];
-    }), O = k(() => {
-      var g;
-      if (p.value === void 0)
+    }), O = g(() => {
+      var _;
+      if (f.value === void 0)
         return;
-      const s = (g = y.value) == null ? void 0 : g.getItem(p.value);
+      const s = (_ = m.value) == null ? void 0 : _.getItem(f.value);
       return s == null ? void 0 : s.id;
-    }), E = k(() => {
+    }), E = g(() => {
       var s;
-      return i.value.length > 0 && i.value !== ((s = A.value) == null ? void 0 : s[o.itemLabel]);
+      return i.value.length > 0 && i.value !== ((s = A.value) == null ? void 0 : s[l.itemLabel]);
     });
-    function K(s) {
+    function H(s) {
       a.value = s, Q(), e("update:modelValue", s);
     }
     function j(s) {
-      K(s), U();
+      H(s), U();
     }
     function Q() {
       var s;
-      i.value = ((s = A.value) == null ? void 0 : s[o.itemLabel]) || "";
+      i.value = ((s = A.value) == null ? void 0 : s[l.itemLabel]) || "";
     }
     function M() {
-      c.value || o.readonly || o.disabled || (e("before-show"), c.value = !0);
+      u.value || l.readonly || l.disabled || (e("before-show"), u.value = !0);
     }
     function U() {
-      c.value && (e("before-hide"), c.value = !1, p.value = void 0);
+      u.value && (e("before-hide"), u.value = !1, f.value = void 0);
     }
     function X() {
-      K(void 0), p.value = void 0;
+      H(void 0), f.value = void 0;
     }
-    function W() {
+    function K() {
       if (M(), A.value !== void 0) {
         const s = F.value.indexOf(A.value);
         s !== -1 && J(() => we(s));
       }
     }
     function b(s) {
-      var g, T;
-      if (!(!s.key || o.readonly || o.disabled))
+      var _, T;
+      if (!(!s.key || l.readonly || l.disabled))
         if (["ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && (s.preventDefault(), s.stopPropagation()), s.key === "Escape")
-          c.value ? U() : X();
+          u.value ? U() : X();
         else if (["ArrowDown", "ArrowUp"].includes(s.key))
-          c.value ? J(() => {
-            if (p.value === void 0)
-              f();
+          u.value ? J(() => {
+            if (f.value === void 0)
+              c();
             else {
               const Y = s.key === "ArrowDown" ? "next" : "prev";
-              v(p.value, Y);
+              h(f.value, Y);
             }
           }) : (M(), J(() => {
-            s.key === "ArrowDown" ? f() : r();
+            s.key === "ArrowDown" ? c() : r();
           }));
         else if (s.key === "Enter") {
           if (R.value === void 0)
             return;
-          j(R.value[o.itemValue]);
+          j(R.value[l.itemValue]);
         } else
-          s.key === "Home" ? p.value = (g = y.value) == null ? void 0 : g.getFirstFocusableItemIndex() : s.key === "End" ? p.value = (T = y.value) == null ? void 0 : T.getLastFocusableItemIndex() : (/^[a-z]$/i.test(s.key) || s.key === "Backspace") && M();
+          s.key === "Home" ? f.value = (_ = m.value) == null ? void 0 : _.getFirstFocusableItemIndex() : s.key === "End" ? f.value = (T = m.value) == null ? void 0 : T.getLastFocusableItemIndex() : (/^[a-z]$/i.test(s.key) || s.key === "Backspace") && M();
     }
-    function f() {
-      var s, g;
+    function c() {
+      var s, _;
       if (a.value !== void 0) {
         const T = F.value.findIndex(
-          (Y) => Y[o.itemValue] === a.value
+          (Y) => Y[l.itemValue] === a.value
         );
-        T === -1 ? p.value = (s = y.value) == null ? void 0 : s.getFirstFocusableItemIndex() : p.value = T;
+        T === -1 ? f.value = (s = m.value) == null ? void 0 : s.getFirstFocusableItemIndex() : f.value = T;
       } else
-        p.value = (g = y.value) == null ? void 0 : g.getFirstFocusableItemIndex();
+        f.value = (_ = m.value) == null ? void 0 : _.getFirstFocusableItemIndex();
     }
     function r() {
       var s;
-      p.value = (s = y.value) == null ? void 0 : s.getLastFocusableItemIndex();
+      f.value = (s = m.value) == null ? void 0 : s.getLastFocusableItemIndex();
     }
-    function v(s, g) {
+    function h(s, _) {
       var T;
-      p.value = (T = y.value) == null ? void 0 : T.getAdjacentItemIndex(s, g);
+      f.value = (T = m.value) == null ? void 0 : T.getAdjacentItemIndex(s, _);
     }
     function I(s) {
-      var g, T, Y;
-      !((g = w.value) != null && g.contains(s.relatedTarget)) && !((Y = (T = d.value) == null ? void 0 : T.fieldRef) != null && Y.contains(s.relatedTarget)) ? (U(), Q()) : (s.preventDefault(), s.stopPropagation());
+      var _, T, Y;
+      !((_ = w.value) != null && _.contains(s.relatedTarget)) && !((Y = (T = p.value) == null ? void 0 : T.fieldRef) != null && Y.contains(s.relatedTarget)) ? (U(), Q()) : (s.preventDefault(), s.stopPropagation());
     }
-    function S() {
-      var s, g;
-      (g = (s = d.value) == null ? void 0 : s.inputRef) == null || g.focus();
+    function L() {
+      var s, _;
+      (_ = (s = p.value) == null ? void 0 : s.inputRef) == null || _.focus();
     }
-    function G() {
+    function W() {
       e("show");
     }
     function Ue() {
@@ -1445,143 +1447,143 @@ const Rt = {
     }
     function we(s) {
       var T;
-      const g = (T = y.value) == null ? void 0 : T.getItem(s);
-      g == null || g.scrollIntoView({ block: "nearest", inline: "start" });
+      const _ = (T = m.value) == null ? void 0 : T.getItem(s);
+      _ == null || _.scrollIntoView({ block: "nearest", inline: "start" });
     }
-    return z(
-      () => o.modelValue,
+    return C(
+      () => l.modelValue,
       (s) => {
         a.value = s, Q();
       }
-    ), z(p, (s) => {
+    ), C(f, (s) => {
       s !== void 0 && we(s);
-    }), z(i, (s) => {
-      !s && C.value ? X() : c.value && o.selectionMode === "automatic" && J(f), e("update:inputValue", s);
+    }), C(i, (s) => {
+      !s && z.value ? X() : u.value && l.selectionMode === "automatic" && J(c), e("update:inputValue", s);
     }), t({
-      triggerEl: d
-    }), (s, g) => {
+      triggerEl: p
+    }), (s, _) => {
       var T, Y;
-      return u(), m(Z, null, [
-        te(_(Yt), {
+      return d(), v(Z, null, [
+        te(k(Yt), {
           modelValue: i.value,
-          "onUpdate:modelValue": g[0] || (g[0] = (se) => i.value = se),
-          id: o.id,
-          label: o.label,
-          required: o.required,
+          "onUpdate:modelValue": _[0] || (_[0] = (se) => i.value = se),
+          id: l.id,
+          label: l.label,
+          required: l.required,
           ref_key: "triggerEl",
-          ref: d,
+          ref: p,
           role: "combobox",
-          placeholder: o.placeholder,
-          class: D(["q-combobox", o.class]),
-          readonly: o.readonly,
-          disabled: o.disabled,
-          "aria-expanded": c.value,
+          placeholder: l.placeholder,
+          class: D(["q-combobox", l.class]),
+          readonly: l.readonly,
+          disabled: l.disabled,
+          "aria-expanded": u.value,
           "aria-haspopup": "listbox",
           "aria-autocomplete": "list",
           "aria-activedescendant": O.value,
-          size: o.size,
-          onClick: W,
+          size: l.size,
+          onClick: K,
           onFocusout: I,
           onKeydown: ee(b, ["stop"])
         }, be({
           "label.prepend": $(() => [
-            h(s.$slots, "label.prepend")
+            y(s.$slots, "label.prepend")
           ]),
           "label.append": $(() => [
-            h(s.$slots, "label.append")
+            y(s.$slots, "label.append")
           ]),
           _: 2
         }, [
           s.$slots.prepend ? {
             name: "prepend",
             fn: $(() => [
-              h(s.$slots, "prepend")
+              y(s.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
-          C.value && i.value || s.$slots.append ? {
+          z.value && i.value || s.$slots.append ? {
             name: "append",
             fn: $(() => [
-              C.value && i.value ? (u(), B(_(P), ne({ key: 0 }, o.icons.clear, {
+              z.value && i.value ? (d(), B(k(P), ne({ key: 0 }, l.icons.clear, {
                 class: "q-combobox__clear",
                 onClick: ee(X, ["stop", "prevent"])
-              }), null, 16)) : L("", !0),
-              h(s.$slots, "append")
+              }), null, 16)) : S("", !0),
+              y(s.$slots, "append")
             ]),
             key: "1"
           } : void 0,
           s.$slots.extras ? {
             name: "extras",
             fn: $(() => [
-              h(s.$slots, "extras")
+              y(s.$slots, "extras")
             ]),
             key: "2"
           } : void 0
         ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "aria-expanded", "aria-activedescendant", "size"]),
-        (T = d.value) != null && T.fieldRef ? (u(), B(_(ce), {
+        (T = p.value) != null && T.fieldRef ? (d(), B(k(ce), {
           key: 0,
-          "model-value": c.value,
+          "model-value": u.value,
           spy: "",
           trigger: "manual",
           placement: "bottom",
           width: "anchor",
           offset: 4,
-          anchor: (Y = d.value) == null ? void 0 : Y.fieldRef,
-          onEnter: G,
+          anchor: (Y = p.value) == null ? void 0 : Y.fieldRef,
+          onEnter: W,
           onLeave: Ue
         }, {
           default: $(() => {
             var se;
             return [
-              N("div", {
+              G("div", {
                 ref_key: "contentRef",
                 ref: w,
                 class: "q-select__body",
                 onFocusout: I
               }, [
-                h(s.$slots, "body.prepend"),
-                o.loading ? (u(), B(_(_e), {
+                y(s.$slots, "body.prepend"),
+                l.loading ? (d(), B(k(_e), {
                   key: 0,
                   class: "q-select__loader",
                   size: 24
-                })) : F.value.length ? (u(), B(_(Me), {
+                })) : F.value.length ? (d(), B(k(Me), {
                   key: 1,
                   ref_key: "listRef",
-                  ref: y,
+                  ref: m,
                   class: "q-select__items",
                   modelValue: a.value,
                   "onUpdate:modelValue": [
-                    g[1] || (g[1] = (fe) => a.value = fe),
+                    _[1] || (_[1] = (fe) => a.value = fe),
                     j
                   ],
-                  highlighted: (se = R.value) == null ? void 0 : se[o.itemValue],
+                  highlighted: (se = R.value) == null ? void 0 : se[l.itemValue],
                   items: F.value,
                   groups: s.groups,
-                  "item-label": o.itemLabel,
-                  "item-value": o.itemValue,
-                  onMouseup: S
+                  "item-label": l.itemLabel,
+                  "item-value": l.itemValue,
+                  onMouseup: L
                 }, {
                   item: $(({ item: fe }) => [
-                    h(s.$slots, "item", { item: fe })
+                    y(s.$slots, "item", { item: fe })
                   ]),
                   _: 3
-                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), m("div", Pt, H(s.texts.noData), 1)),
-                h(s.$slots, "body.append")
+                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (d(), v("div", Pt, N(s.texts.noData), 1)),
+                y(s.$slots, "body.append")
               ], 544)
             ];
           }),
           _: 3
-        }, 8, ["model-value", "anchor"])) : L("", !0)
+        }, 8, ["model-value", "anchor"])) : S("", !0)
       ], 64);
     };
   }
-}), Sn = V(en), tn = { class: "q-input-group" }, nn = {
+}), qn = V(en), tn = {
   key: 0,
   class: "q-input-group__prepend"
-}, ln = { key: 0 }, on = {
+}, nn = { key: 0 }, ln = {
   key: 1,
   class: "q-input-group__append"
-}, an = { key: 0 }, sn = /* @__PURE__ */ x({
+}, on = { key: 0 }, an = /* @__PURE__ */ x({
   __name: "QInputGroup",
   props: {
     id: { default: () => le() },
@@ -1600,53 +1602,51 @@ const Rt = {
       QField: {
         size: "block"
       }
-    }), (l, e) => (u(), B(_(ke), {
+    }), (o, e) => (d(), B(k(ke), {
       id: t.id,
-      class: D(t.class),
+      class: D(["q-input-group", t.class]),
       label: t.label,
       readonly: t.readonly,
       disabled: t.disabled,
       required: t.required,
       size: t.size
     }, {
-      control: $(() => [
-        N("div", tn, [
-          l.$slots.prepend || t.prependIcon ? (u(), m("div", nn, [
-            t.prependIcon ? (u(), m("span", ln, [
-              te(_(P), de(he(t.prependIcon)), null, 16)
-            ])) : L("", !0),
-            h(l.$slots, "prepend")
-          ])) : L("", !0),
-          h(l.$slots, "default"),
-          l.$slots.append || t.appendIcon ? (u(), m("div", on, [
-            t.appendIcon ? (u(), m("span", an, [
-              te(_(P), de(he(t.appendIcon)), null, 16)
-            ])) : L("", !0),
-            h(l.$slots, "append")
-          ])) : L("", !0)
-        ])
+      default: $(() => [
+        o.$slots.prepend || t.prependIcon ? (d(), v("div", tn, [
+          t.prependIcon ? (d(), v("span", nn, [
+            te(k(P), de(he(t.prependIcon)), null, 16)
+          ])) : S("", !0),
+          y(o.$slots, "prepend")
+        ])) : S("", !0),
+        y(o.$slots, "default"),
+        o.$slots.append || t.appendIcon ? (d(), v("div", ln, [
+          t.appendIcon ? (d(), v("span", on, [
+            te(k(P), de(he(t.appendIcon)), null, 16)
+          ])) : S("", !0),
+          y(o.$slots, "append")
+        ])) : S("", !0)
       ]),
       _: 3
     }, 8, ["id", "class", "label", "readonly", "disabled", "required", "size"]));
   }
-}), Ln = V(sn), rn = /* @__PURE__ */ x({
+}), Sn = V(an), sn = /* @__PURE__ */ x({
   __name: "QLineLoader",
   props: {
     class: { default: void 0 }
   },
   setup(n) {
     const t = n;
-    return (l, e) => (u(), m("div", {
+    return (o, e) => (d(), v("div", {
       class: D(["q-line-loader", t.class])
     }, null, 2));
   }
-}), Bn = V(rn), dn = {
+}), Ln = V(sn), rn = {
   key: 0,
   class: "q-popover__header"
-}, un = {
+}, dn = {
   key: 1,
   class: "q-popover__body"
-}, cn = ["innerHTML"], fn = { key: 1 }, pn = /* @__PURE__ */ x({
+}, un = ["innerHTML"], cn = { key: 1 }, fn = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QPopover",
   props: {
@@ -1663,7 +1663,7 @@ const Rt = {
   },
   setup(n) {
     const t = n;
-    return (l, e) => (u(), B(_(ce), {
+    return (o, e) => (d(), B(k(ce), {
       "model-value": t.modelValue,
       class: "q-popover",
       trigger: "click",
@@ -1675,37 +1675,37 @@ const Rt = {
       spy: t.spy
     }, {
       default: $(() => [
-        t.title || l.$slots.header ? (u(), m("h3", dn, [
-          re(H(t.title) + " ", 1),
-          h(l.$slots, "header")
-        ])) : L("", !0),
-        t.text || l.$slots.body ? (u(), m("div", un, [
-          t.html ? (u(), m("span", {
+        t.title || o.$slots.header ? (d(), v("h3", rn, [
+          re(N(t.title) + " ", 1),
+          y(o.$slots, "header")
+        ])) : S("", !0),
+        t.text || o.$slots.body ? (d(), v("div", dn, [
+          t.html ? (d(), v("span", {
             key: 0,
             innerHTML: t.text
-          }, null, 8, cn)) : (u(), m("span", fn, H(t.text), 1)),
-          h(l.$slots, "body")
-        ])) : L("", !0)
+          }, null, 8, un)) : (d(), v("span", cn, N(t.text), 1)),
+          y(o.$slots, "body")
+        ])) : S("", !0)
       ]),
       _: 3
     }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement", "spy"]));
   }
-}), xn = V(pn), mn = {
+}), Bn = V(fn), pn = {
   key: 0,
   class: "q-select__value"
-}, vn = {
+}, mn = {
   key: 1,
   class: "q-select__placeholder"
-}, hn = {
+}, vn = {
   placeholder: "Choose..."
-}, yn = {
+}, hn = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, bn = /* @__PURE__ */ x({
+}, yn = /* @__PURE__ */ x({
   __name: "QSelect",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -1716,95 +1716,95 @@ const Rt = {
     disabled: { type: Boolean },
     required: { type: Boolean },
     loading: { type: Boolean },
-    icons: { default: () => yn },
+    icons: { default: () => hn },
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     size: { default: void 0 },
-    texts: { default: () => hn },
+    texts: { default: () => vn },
     class: { default: "" }
   },
   emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
   setup(n, { emit: t }) {
-    const l = t, e = n, o = q(e.modelValue), a = q(!1), c = q(""), i = q(null), p = q(null), d = q(null), y = k(
+    const o = t, e = n, l = q(e.modelValue), a = q(!1), u = q(""), i = q(null), f = q(null), p = q(null), m = g(
       () => {
-        var f;
-        return (f = e.items) == null ? void 0 : f.find((r) => r[e.itemValue] === o.value);
+        var c;
+        return (c = e.items) == null ? void 0 : c.find((r) => r[e.itemValue] === l.value);
       }
-    ), w = k(
-      () => y.value ? y.value[e.itemLabel] : ""
-    ), C = k(
+    ), w = g(
+      () => m.value ? m.value[e.itemLabel] : ""
+    ), z = g(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
-    function F(f) {
-      o.value = f, l("update:modelValue", f), K();
+    function F(c) {
+      l.value = c, o("update:modelValue", c), H();
     }
     function A() {
-      C.value && F(void 0);
+      z.value && F(void 0);
     }
     function R() {
-      e.readonly || e.disabled || (a.value ? K() : E());
+      e.readonly || e.disabled || (a.value ? H() : E());
     }
-    function O(f) {
-      var r, v, I;
-      !((r = d.value) != null && r.contains(f.relatedTarget)) && !((I = (v = i.value) == null ? void 0 : v.fieldRef) != null && I.contains(f.relatedTarget)) && K();
+    function O(c) {
+      var r, h, I;
+      !((r = p.value) != null && r.contains(c.relatedTarget)) && !((I = (h = i.value) == null ? void 0 : h.fieldRef) != null && I.contains(c.relatedTarget)) && H();
     }
     function E() {
-      a.value || (l("before-show"), a.value = !0);
+      a.value || (o("before-show"), a.value = !0);
     }
-    function K() {
-      a.value && (l("before-hide"), a.value = !1);
+    function H() {
+      a.value && (o("before-hide"), a.value = !1);
     }
     let j;
-    function Q(f) {
-      if (!(!f.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(j), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(f.key) && (f.preventDefault(), f.stopPropagation()), ["Enter", " "].includes(f.key) && (a.value = !0), ["Escape", "Tab"].includes(f.key) && (a.value ? a.value = !1 : e.clearable && f.key === "Escape" && A()), f.key === "Delete" && e.clearable && A(), /^[a-z]$/i.test(f.key)) {
-          c.value += f.key.toLowerCase();
+    function Q(c) {
+      if (!(!c.key || e.readonly || e.disabled)) {
+        if (window.clearTimeout(j), ["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)) {
+          u.value += c.key.toLowerCase();
           for (let r = 0; r < e.items.length; r++)
-            if (e.items[r][e.itemLabel].toLowerCase().startsWith(c.value)) {
+            if (e.items[r][e.itemLabel].toLowerCase().startsWith(u.value)) {
               b(r);
               break;
             }
         }
         j = window.setTimeout(function() {
-          c.value = "";
+          u.value = "";
         }, 500);
       }
     }
     function M() {
-      var f;
-      e.loading ? (f = d.value) == null || f.focus() : W(), l("show");
+      var c;
+      e.loading ? (c = p.value) == null || c.focus() : K(), o("show");
     }
     function U() {
-      X(), l("hide");
+      X(), o("hide");
     }
     function X() {
-      var f, r;
-      (r = (f = i.value) == null ? void 0 : f.fieldRef) == null || r.focus();
+      var c, r;
+      (r = (c = i.value) == null ? void 0 : c.fieldRef) == null || r.focus();
     }
-    function W() {
-      var f;
-      (f = p.value) == null || f.$el.focus();
+    function K() {
+      var c;
+      (c = f.value) == null || c.$el.focus();
     }
-    function b(f) {
+    function b(c) {
       var r;
-      (r = p.value) == null || r.focusItem(f);
+      (r = f.value) == null || r.focusItem(c);
     }
-    return z(
+    return C(
       () => e.modelValue,
-      (f) => {
-        o.value = f;
+      (c) => {
+        l.value = c;
       }
-    ), z(
+    ), C(
       () => e.loading,
-      (f) => {
-        !f && a.value && J(W);
+      (c) => {
+        !c && a.value && J(K);
       }
-    ), (f, r) => {
-      var v, I, S;
-      return u(), m(Z, null, [
-        te(_(ke), {
+    ), (c, r) => {
+      var h, I, L;
+      return d(), v(Z, null, [
+        te(k(ke), {
           id: e.id,
           label: e.label,
           required: e.required,
@@ -1830,29 +1830,29 @@ const Rt = {
           onKeydown: ee(Q, ["stop"])
         }, be({
           append: $(() => [
-            C.value && o.value ? (u(), B(_(P), ne({ key: 0 }, e.icons.clear, {
+            z.value && l.value ? (d(), B(k(P), ne({ key: 0 }, e.icons.clear, {
               class: "q-select__clear",
               onClick: ee(A, ["stop", "prevent"])
-            }), null, 16)) : L("", !0),
-            !e.readonly && !e.disabled ? (u(), B(_(P), ne({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16)) : L("", !0)
+            }), null, 16)) : S("", !0),
+            e.readonly ? S("", !0) : (d(), B(k(P), ne({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16))
           ]),
           default: $(() => [
-            o.value ? (u(), m("span", mn, H(w.value), 1)) : (u(), m("span", vn, H(f.texts.placeholder), 1))
+            l.value ? (d(), v("span", pn, N(w.value), 1)) : !e.readonly && !e.disabled ? (d(), v("span", mn, N(c.texts.placeholder), 1)) : S("", !0)
           ]),
           _: 2
         }, [
-          (v = y.value) != null && v.icon ? {
+          (h = m.value) != null && h.icon ? {
             name: "prepend",
             fn: $(() => {
-              var G;
+              var W;
               return [
-                te(_(P), de(he((G = y.value) == null ? void 0 : G.icon)), null, 16)
+                te(k(P), de(he((W = m.value) == null ? void 0 : W.icon)), null, 16)
               ];
             }),
             key: "0"
           } : void 0
         ]), 1032, ["id", "label", "required", "class", "readonly", "disabled", "aria-expanded", "size"]),
-        (I = i.value) != null && I.fieldRef ? (u(), B(_(ce), {
+        (I = i.value) != null && I.fieldRef ? (d(), B(k(ce), {
           key: 0,
           "model-value": a.value,
           spy: "",
@@ -1860,53 +1860,53 @@ const Rt = {
           placement: "bottom",
           width: "anchor",
           offset: 2,
-          anchor: (S = i.value) == null ? void 0 : S.fieldRef,
+          anchor: (L = i.value) == null ? void 0 : L.fieldRef,
           onEnter: M,
           onLeave: U
         }, {
           default: $(() => [
-            N("div", {
+            G("div", {
               ref_key: "contentRef",
-              ref: d,
+              ref: p,
               class: "q-select__body",
               tabindex: "-1",
               onFocusout: O,
               onKeydown: ee(Q, ["stop"])
             }, [
-              h(f.$slots, "body.prepend"),
-              e.loading ? (u(), B(_(_e), {
+              y(c.$slots, "body.prepend"),
+              e.loading ? (d(), B(k(_e), {
                 key: 0,
                 class: "q-select__loader",
                 size: 24
-              })) : (u(), B(_(Me), {
+              })) : (d(), B(k(Me), {
                 key: 1,
                 ref_key: "listRef",
-                ref: p,
+                ref: f,
                 class: "q-select__items",
-                modelValue: o.value,
+                modelValue: l.value,
                 "onUpdate:modelValue": [
-                  r[0] || (r[0] = (G) => o.value = G),
+                  r[0] || (r[0] = (W) => l.value = W),
                   F
                 ],
                 items: e.items,
-                groups: f.groups,
+                groups: c.groups,
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue
               }, {
-                item: $(({ item: G }) => [
-                  h(f.$slots, "item", { item: G })
+                item: $(({ item: W }) => [
+                  y(c.$slots, "item", { item: W })
                 ]),
                 _: 3
               }, 8, ["modelValue", "items", "groups", "item-label", "item-value"])),
-              h(f.$slots, "body.append")
+              y(c.$slots, "body.append")
             ], 544)
           ]),
           _: 3
-        }, 8, ["model-value", "anchor"])) : L("", !0)
+        }, 8, ["model-value", "anchor"])) : S("", !0)
       ], 64);
     };
   }
-}), Vn = V(bn), gn = ["innerHTML"], _n = { key: 1 }, kn = /* @__PURE__ */ x({
+}), xn = V(yn), bn = ["innerHTML"], gn = { key: 1 }, _n = /* @__PURE__ */ x({
   __name: "QTooltip",
   props: {
     modelValue: { type: Boolean },
@@ -1924,7 +1924,7 @@ const Rt = {
   },
   setup(n) {
     const t = n;
-    return (l, e) => (u(), B(_(ce), {
+    return (o, e) => (d(), B(k(ce), {
       "model-value": t.modelValue,
       anchor: t.anchor,
       appearance: t.appearance,
@@ -1937,39 +1937,39 @@ const Rt = {
       trigger: t.trigger
     }, {
       default: $(() => [
-        t.html ? (u(), m("span", {
+        t.html ? (d(), v("span", {
           key: 0,
           innerHTML: t.text
-        }, null, 8, gn)) : (u(), m("span", _n, H(t.text), 1))
+        }, null, 8, bn)) : (d(), v("span", gn, N(t.text), 1))
       ]),
       _: 1
     }, 8, ["model-value", "anchor", "appearance", "arrow", "attach", "class", "delay", "disabled", "placement", "trigger"]));
   }
-}), Dn = V(kn);
+}), Vn = V(_n);
 export {
   ct as QButton,
   pt as QButtonGroup,
-  qn as QButtonToggle,
-  Sn as QCombobox,
+  In as QButtonToggle,
+  qn as QCombobox,
   ke as QField,
   P as QIcon,
   $t as QIconFont,
   It as QIconImg,
   qt as QIconSvg,
-  Ln as QInputGroup,
-  Bn as QLineLoader,
+  Sn as QInputGroup,
+  Ln as QLineLoader,
   Me as QList,
   Ct as QListItem,
   Ft as QListItemGroup,
   ce as QOverlay,
-  xn as QPopover,
-  Vn as QSelect,
+  Bn as QPopover,
+  xn as QSelect,
   _e as QSpinnerLoader,
   Yt as QTextField,
-  Dn as QTooltip,
-  In as createFramework,
+  Vn as QTooltip,
+  $n as createFramework,
   Pe as defaultDarkColorScheme,
   qe as defaultLightColorScheme,
-  $n as useTheme
+  wn as useTheme
 };
 //# sourceMappingURL=ui.esm.js.map