@quidgest/ui 0.7.21 → 0.7.23

package/dist/ui.esm.js

@@ -1,18 +1,18 @@
-import { getCurrentInstance as Le, computed as g, ref as q, provide as Oe, inject as xe, watch as F, defineComponent as L, openBlock as c, createElementBlock as v, normalizeClass as T, normalizeStyle as ae, createElementVNode as j, withModifiers as ne, createVNode as G, unref as $, createCommentVNode as S, Fragment as J, createTextVNode as se, toDisplayString as N, renderSlot as b, toRef as ce, createBlock as x, withCtx as I, renderList as pe, resolveDynamicComponent as Ve, h as ke, normalizeProps as ie, mergeProps as ee, reactive as Ue, onBeforeUnmount as Ne, onMounted as De, Teleport as He, Transition as Ke, withKeys as We, nextTick as P, createSlots as he, withDirectives as Ge, vModelDynamic as je, guardReactiveProps as me } from "vue";
-function ve(n) {
+import { getCurrentInstance as xe, computed as g, ref as q, provide as Oe, inject as Ve, watch as F, defineComponent as x, openBlock as c, createElementBlock as v, normalizeClass as T, normalizeStyle as se, createElementVNode as W, withModifiers as ne, createVNode as Z, unref as $, createCommentVNode as L, Fragment as J, createTextVNode as ae, toDisplayString as N, renderSlot as h, toRef as ce, createBlock as B, withCtx as I, renderList as pe, resolveDynamicComponent as De, h as ke, normalizeProps as ie, mergeProps as P, reactive as Ue, onBeforeUnmount as Ne, onMounted as Te, Teleport as He, Transition as Ke, withKeys as Ge, nextTick as Y, createSlots as ve, withDirectives as We, vModelDynamic as je, guardReactiveProps as we } from "vue";
+function me(n) {
   return n == null ? !0 : typeof n == "string" || Array.isArray(n) ? n.length === 0 : typeof n == "object" ? Object.keys(n).length === 0 : !1;
 }
-function we(n) {
+function $e(n) {
   return n !== null && typeof n == "object" && !Array.isArray(n);
 }
-function Te(n = {}, t = {}) {
+function he(n = {}, t = {}) {
   const o = {};
   for (const e in n)
     o[e] = n[e];
   for (const e in t) {
     const l = n[e], a = t[e];
-    if (we(l) && we(a)) {
-      o[e] = Te(
+    if ($e(l) && $e(a)) {
+      o[e] = he(
         l,
         a
       );
@@ -24,31 +24,29 @@ function Te(n = {}, t = {}) {
 }
 const ye = "q-defaults";
 function Xe() {
-  const n = Le();
+  var a, r;
+  const n = xe();
   if (!n)
     throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
   const t = n.type.name ?? n.type.__name;
   if (!t)
     throw new Error("[Quidgest UI] Could not determine component name");
-  const o = ze();
-  return g(() => {
-    var e;
-    return (e = o.value) == null ? void 0 : e[t];
-  });
+  const o = ze(), e = (a = o.value) == null ? void 0 : a.Global, l = (r = o.value) == null ? void 0 : r[t];
+  return g(() => he(e, l));
 }
 function Ee(n) {
-  if (ve(n))
+  if (me(n))
     return;
-  const t = ze(), o = q(n), e = g(() => ve(o.value) ? t.value : Te(t.value, o.value));
+  const t = ze(), o = q(n), e = g(() => me(o.value) ? t.value : he(t.value, o.value));
   Oe(ye, e);
 }
 function ze() {
-  const n = xe(ye, void 0);
+  const n = Ve(ye, void 0);
   if (!n)
     throw new Error("[Quidgest UI] Could not find defaults instance");
   return n;
 }
-const $e = {
+const Ie = {
   primary: "#00a1f8",
   primaryLight: "#e5f6ff",
   primaryDark: "#0079ba",
@@ -132,19 +130,19 @@ function Ze(n, t) {
   const o = Fe(n), e = t / 100;
   return o.l = o.l - e * o.l, Ae(o);
 }
-function Ie(n) {
+function qe(n) {
   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 Fe(n) {
   const t = n.r / 255, o = n.g / 255, e = n.b / 255, l = Math.max(t, o, e), a = Math.min(t, o, e);
   let r = 0, i;
-  const f = (l + a) / 2;
+  const p = (l + a) / 2;
   if (l === a)
     r = i = 0;
   else {
     const m = l - a;
-    switch (i = f > 0.5 ? m / (2 - l - a) : m / (l + a), l) {
+    switch (i = p > 0.5 ? m / (2 - l - a) : m / (l + a), l) {
       case t:
         r = (o - e) / m + (o < e ? 6 : 0);
         break;
@@ -160,7 +158,7 @@ function Fe(n) {
   return {
     h: Math.round(r * 360),
     s: Math.round(i * 100),
-    l: Math.round(f * 100)
+    l: Math.round(p * 100)
   };
 }
 function Ae(n) {
@@ -169,8 +167,8 @@ function Ae(n) {
   if (o === 0)
     l = a = r = e;
   else {
-    const i = e < 0.5 ? e * (1 + o) : e + o - e * o, f = 2 * e - i;
-    l = fe(f, i, t + 1 / 3), a = fe(f, i, t), r = fe(f, i, t - 1 / 3);
+    const i = e < 0.5 ? e * (1 + o) : e + o - e * o, p = 2 * e - i;
+    l = fe(p, i, t + 1 / 3), a = fe(p, i, t), r = fe(p, i, t - 1 / 3);
   }
   return {
     r: Math.round(l * 255),
@@ -183,7 +181,7 @@ function fe(n, t, o) {
 }
 const re = "q-theme";
 function wn() {
-  const n = xe(re);
+  const n = Ve(re);
   if (!n)
     throw new Error("[Quidgest UI] Could not find theme instance");
   return n;
@@ -192,14 +190,14 @@ function Je(n, t) {
   let o = null;
   if (t)
     for (const e of t.themes) {
-      const l = e.mode === "light" ? $e : Ye;
+      const l = e.mode === "light" ? Ie : Ye;
       if (e.colors) {
         let a;
         for (a in e.colors) {
           const r = e.colors[a];
           if (r && !a.startsWith("on") && !a.endsWith("Light") && !a.endsWith("Dark")) {
-            const i = Ce(r), f = `${a}Light`, m = `${a}Dark`;
-            f in e.colors || (e.colors[f] = Ie(Pe(i, 85))), m in e.colors || (e.colors[m] = Ie(Ze(i, 25)));
+            const i = Ce(r), p = `${a}Light`, m = `${a}Dark`;
+            p in e.colors || (e.colors[p] = qe(Pe(i, 85))), m in e.colors || (e.colors[m] = qe(Ze(i, 25)));
           }
         }
       }
@@ -210,7 +208,7 @@ function Je(n, t) {
     o = {
       name: e,
       mode: "light",
-      colors: $e
+      colors: Ie
     }, t = {
       defaultTheme: e,
       themes: [o]
@@ -244,16 +242,16 @@ function tt(n) {
   for (e in n) {
     const l = n[e];
     if (l) {
-      o += `  ${qe(e)}: ${l};
+      o += `  ${Se(e)}: ${l};
 `;
       const a = Ce(l);
-      o += `  ${qe(e)}-rgb: ${a.r} ${a.g} ${a.b};
+      o += `  ${Se(e)}-rgb: ${a.r} ${a.g} ${a.b};
 `;
     }
   }
   o += "}", t.textContent = o;
 }
-function qe(n) {
+function Se(n) {
   return n ? `--q-theme-${n.replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase()}` : "";
 }
 function $n(n = {}) {
@@ -265,8 +263,8 @@ function $n(n = {}) {
     o.provide(ye, q(l)), Je(o, n.themes);
   } };
 }
-const nt = /* @__PURE__ */ j("svg", { viewBox: "25 25 50 50" }, [
-  /* @__PURE__ */ j("circle", {
+const nt = /* @__PURE__ */ W("svg", { viewBox: "25 25 50 50" }, [
+  /* @__PURE__ */ W("circle", {
     class: "path",
     cx: "50",
     cy: "50",
@@ -278,7 +276,7 @@ const nt = /* @__PURE__ */ j("svg", { viewBox: "25 25 50 50" }, [
   })
 ], -1), lt = [
   nt
-], ot = /* @__PURE__ */ L({
+], ot = /* @__PURE__ */ x({
   __name: "QSpinnerLoader",
   props: {
     size: { default: 48 },
@@ -290,7 +288,7 @@ const nt = /* @__PURE__ */ j("svg", { viewBox: "25 25 50 50" }, [
     }));
     return (e, l) => (c(), v("div", {
       class: T(["q-spinner-loader", t.class]),
-      style: ae(o.value)
+      style: se(o.value)
     }, lt, 6));
   }
 });
@@ -302,16 +300,16 @@ function V(n) {
   const t = n.setup;
   return t && (n.setup = (o, e) => {
     const l = Xe();
-    if (ve(l.value))
+    if (me(l.value))
       return t(o, e);
-    const a = Le();
+    const a = xe();
     if (a === null)
       return t(o, e);
     const r = new Proxy(o, {
-      get(i, f) {
+      get(i, p) {
         var _;
-        const m = Reflect.get(i, f), p = (_ = l.value) == null ? void 0 : _[f];
-        return typeof f == "string" && !at(a.vnode, f) ? p ?? m : m;
+        const m = Reflect.get(i, p), f = (_ = l.value) == null ? void 0 : _[p];
+        return typeof p == "string" && !at(a.vnode, p) ? f ?? m : m;
       }
     });
     return t(r, e);
@@ -320,7 +318,7 @@ function V(n) {
 const be = V(ot), st = ["disabled"], it = {
   key: 0,
   class: "q-btn__spinner"
-}, rt = { class: "q-btn__content" }, dt = /* @__PURE__ */ L({
+}, rt = { class: "q-btn__content" }, dt = /* @__PURE__ */ x({
   __name: "QButton",
   props: {
     active: { type: Boolean },
@@ -357,27 +355,27 @@ const be = V(ot), st = ["disabled"], it = {
         e.class
       ];
     });
-    return (i, f) => (c(), v("button", {
+    return (i, p) => (c(), v("button", {
       type: "button",
       class: T(r.value),
       disabled: l.value,
       onClick: ne(a, ["stop", "prevent"])
     }, [
       i.loading ? (c(), v("div", it, [
-        G($(be), { size: 23 })
-      ])) : S("", !0),
-      j("span", rt, [
+        Z($(be), { size: 23 })
+      ])) : L("", !0),
+      W("span", rt, [
         i.iconOnRight ? (c(), v(J, { key: 0 }, [
-          se(N(e.label), 1)
-        ], 64)) : S("", !0),
-        b(i.$slots, "default"),
-        i.iconOnRight ? S("", !0) : (c(), v(J, { key: 1 }, [
-          se(N(e.label), 1)
+          ae(N(e.label), 1)
+        ], 64)) : L("", !0),
+        h(i.$slots, "default"),
+        i.iconOnRight ? L("", !0) : (c(), v(J, { key: 1 }, [
+          ae(N(e.label), 1)
         ], 64))
       ])
     ], 10, st));
   }
-}), ut = V(dt), ct = /* @__PURE__ */ L({
+}), ut = V(dt), ct = /* @__PURE__ */ x({
   __name: "QButtonGroup",
   props: {
     bStyle: { default: void 0 },
@@ -404,10 +402,10 @@ const be = V(ot), st = ["disabled"], it = {
         t.class
       ])
     }, [
-      b(o.$slots, "default")
+      h(o.$slots, "default")
     ], 2));
   }
-}), ft = V(ct), pt = /* @__PURE__ */ L({
+}), ft = V(ct), pt = /* @__PURE__ */ x({
   __name: "QButtonToggle",
   props: {
     modelValue: {},
@@ -436,7 +434,7 @@ const be = V(ot), st = ["disabled"], it = {
     function r(i) {
       a.value === i.key && !e.mandatory ? a.value = void 0 : a.value = i.key;
     }
-    return (i, f) => (c(), x($(ft), {
+    return (i, p) => (c(), B($(ft), {
       "b-style": "secondary",
       class: T(e.class),
       disabled: e.disabled,
@@ -444,7 +442,7 @@ const be = V(ot), st = ["disabled"], it = {
       elevated: e.elevated
     }, {
       default: I(() => [
-        (c(!0), v(J, null, pe(e.options, (m) => (c(), x($(ut), {
+        (c(!0), v(J, null, pe(e.options, (m) => (c(), B($(ut), {
           key: m.key,
           title: m.title,
           label: m.label,
@@ -452,7 +450,7 @@ const be = V(ot), st = ["disabled"], it = {
           onClick: () => r(m)
         }, {
           default: I(() => [
-            b(i.$slots, m.key)
+            h(i.$slots, m.key)
           ]),
           _: 2
         }, 1032, ["title", "label", "active", "onClick"]))), 128))
@@ -460,7 +458,7 @@ const be = V(ot), st = ["disabled"], it = {
       _: 3
     }, 8, ["class", "disabled", "borderless", "elevated"]));
   }
-}), In = V(pt), mt = /* @__PURE__ */ L({
+}), In = V(pt), mt = /* @__PURE__ */ x({
   __name: "QIcon",
   props: {
     icon: {},
@@ -481,13 +479,13 @@ const be = V(ot), st = ["disabled"], it = {
           return;
       }
     });
-    return (e, l) => (c(), x(Ve(o.value), {
+    return (e, l) => (c(), B(De(o.value), {
       class: T(t.class),
       icon: t.icon,
       size: t.size
     }, null, 8, ["class", "icon", "size"]));
   }
-}), vt = /* @__PURE__ */ L({
+}), vt = /* @__PURE__ */ x({
   __name: "QIconFont",
   props: {
     icon: {},
@@ -502,10 +500,10 @@ const be = V(ot), st = ["disabled"], it = {
     }));
     return (a, r) => (c(), v("i", {
       class: T(["q-icon", "q-icon__font", o.value, e.value, t.class]),
-      style: ae(l.value)
+      style: se(l.value)
     }, null, 6));
   }
-}), ht = ["src"], yt = /* @__PURE__ */ L({
+}), ht = ["src"], yt = /* @__PURE__ */ x({
   __name: "QIconImg",
   props: {
     icon: {},
@@ -519,10 +517,10 @@ const be = V(ot), st = ["disabled"], it = {
     return (e, l) => (c(), v("img", {
       src: t.icon,
       class: T(["q-icon", "q-icon__img", t.class]),
-      style: ae(o.value)
+      style: se(o.value)
     }, null, 14, ht));
   }
-}), le = {}, bt = L({
+}), le = {}, bt = x({
   name: "InlineSvg",
   emits: ["loaded", "unloaded", "error"],
   inheritAttrs: !1,
@@ -635,7 +633,7 @@ function _t(n) {
   );
   return o.getIsPending = () => t, o;
 }
-const kt = /* @__PURE__ */ L({
+const kt = /* @__PURE__ */ x({
   __name: "QIconSvg",
   props: {
     icon: {},
@@ -654,16 +652,16 @@ const kt = /* @__PURE__ */ L({
     function r() {
       o("unloaded");
     }
-    return (i, f) => (c(), x($(bt), {
+    return (i, p) => (c(), B($(bt), {
       class: T(["q-icon", "q-icon__svg", e.class]),
       src: e.bundle,
       symbol: e.icon,
-      style: ae(l.value),
+      style: se(l.value),
       onLoaded: a,
       onUnloaded: r
     }, null, 8, ["class", "src", "symbol", "style"]));
   }
-}), Z = V(mt), wt = V(vt), $t = V(yt), It = V(kt), qt = /* @__PURE__ */ L({
+}), ee = V(mt), wt = V(vt), $t = V(yt), It = V(kt), qt = /* @__PURE__ */ x({
   __name: "QList",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -677,8 +675,8 @@ const kt = /* @__PURE__ */ L({
   },
   emits: ["update:modelValue"],
   setup(n, { expose: t, emit: o }) {
-    const e = o, l = n, a = q(l.modelValue), r = q(!1), i = g(() => f.value.length > 1 ? "div" : "ul"), f = g(() => l.groups.length ? l.groups : [{ id: "", title: "" }]), m = q(null);
-    function p(d) {
+    const e = o, l = n, a = q(l.modelValue), r = q(!1), i = g(() => p.value.length > 1 ? "div" : "ul"), p = g(() => l.groups.length ? l.groups : [{ id: "", title: "" }]), m = q(null);
+    function f(d) {
       a.value = d, e("update:modelValue", d);
     }
     function _() {
@@ -688,13 +686,13 @@ const kt = /* @__PURE__ */ L({
       r.value = !1;
     }
     function E(d) {
-      var B;
-      if ((B = m.value) != null && B.contains(d.relatedTarget))
+      var S;
+      if ((S = m.value) != null && S.contains(d.relatedTarget))
         return;
-      let y;
-      a.value ? y = l.items.findIndex((ue) => ue[l.itemValue] === a.value) : y = Q();
+      let b;
+      a.value ? b = l.items.findIndex((ue) => ue[l.itemValue] === a.value) : b = Q();
       const k = r.value;
-      O(y, k);
+      O(b, k);
     }
     function A(d) {
       switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(d.key) && d.preventDefault(), d.key) {
@@ -716,7 +714,7 @@ const kt = /* @__PURE__ */ L({
       switch (d) {
         case "next":
         case "prev":
-          O(Y(d));
+          O(X(d));
           break;
         case "first":
           O(Q());
@@ -726,53 +724,53 @@ const kt = /* @__PURE__ */ L({
           break;
       }
     }
-    function O(d, y = !1) {
-      var B;
-      (B = z()[d]) == null || B.focus({ preventScroll: y });
+    function O(d, b = !1) {
+      var S;
+      (S = z()[d]) == null || S.focus({ preventScroll: b });
     }
     function z() {
-      var y;
-      const d = (y = m.value) == null ? void 0 : y.querySelectorAll("li");
+      var b;
+      const d = (b = m.value) == null ? void 0 : b.querySelectorAll("li");
       return d ? Array.from(d) : [];
     }
     function H(d) {
       return z()[d];
     }
-    function X() {
+    function j() {
       return z().indexOf(document.activeElement);
     }
     function Q() {
-      const d = z(), y = d.find((k) => h(k));
-      return y ? d.indexOf(y) : -1;
+      const d = z(), b = d.find((k) => y(k));
+      return b ? d.indexOf(b) : -1;
     }
     function M() {
-      const d = z(), y = [...d].reverse().find((k) => h(k));
-      return y ? d.indexOf(y) : -1;
+      const d = z(), b = [...d].reverse().find((k) => y(k));
+      return b ? d.indexOf(b) : -1;
     }
-    function U(d, y, k) {
-      return y === "prev" && d === 0 || y === "next" && d === k.length - 1;
+    function U(d, b, k) {
+      return b === "prev" && d === 0 || b === "next" && d === k.length - 1;
     }
-    function Y(d) {
-      const y = X();
-      return K(y, d);
+    function X(d) {
+      const b = j();
+      return K(b, d);
     }
-    function K(d, y) {
+    function K(d, b) {
       const k = z();
-      if (U(d, y, k))
+      if (U(d, b, k))
         return d;
-      let B = d + (y === "next" ? 1 : -1);
-      for (; !h(k[B]); ) {
-        if (U(B, y, k))
+      let S = d + (b === "next" ? 1 : -1);
+      for (; !y(k[S]); ) {
+        if (U(S, b, k))
           return d;
-        B += y === "next" ? 1 : -1;
+        S += b === "next" ? 1 : -1;
       }
-      return B;
+      return S;
     }
-    function h(d) {
+    function y(d) {
       return d.tabIndex === -2;
     }
     function u(d) {
-      return d ? l.items.filter((y) => y.group === d) : l.items;
+      return d ? l.items.filter((b) => b.group === d) : l.items;
     }
     return F(
       () => l.modelValue,
@@ -785,7 +783,7 @@ const kt = /* @__PURE__ */ L({
       getAdjacentItemIndex: K,
       getFirstFocusableItemIndex: Q,
       getLastFocusableItemIndex: M
-    }), (d, y) => (c(), x(Ve(i.value), {
+    }), (d, b) => (c(), B(De(i.value), {
       ref_key: "listRef",
       ref: m,
       class: T(["q-list", { "q-list--disabled": l.disabled }, l.class]),
@@ -797,24 +795,24 @@ const kt = /* @__PURE__ */ L({
       onKeydown: A
     }, {
       default: I(() => [
-        (c(!0), v(J, null, pe(f.value, (k) => (c(), x($(Ct), {
+        (c(!0), v(J, null, pe(p.value, (k) => (c(), B($(Ct), {
           key: k.id,
-          title: f.value.length === 1 ? void 0 : k.title,
+          title: p.value.length === 1 ? void 0 : k.title,
           disabled: k.disabled
         }, {
           default: I(() => [
-            (c(!0), v(J, null, pe(u(k.id), (B) => (c(), x($(zt), {
-              key: B[l.itemValue],
-              value: B[l.itemValue],
-              label: B[l.itemLabel],
-              icon: B.icon,
-              disabled: l.disabled || B.disabled,
-              highlighted: l.highlighted === B[l.itemValue],
-              selected: a.value === B[l.itemValue],
-              onSelect: p
+            (c(!0), v(J, null, pe(u(k.id), (S) => (c(), B($(zt), {
+              key: S[l.itemValue],
+              value: S[l.itemValue],
+              label: S[l.itemLabel],
+              icon: S.icon,
+              disabled: l.disabled || S.disabled,
+              highlighted: l.highlighted === S[l.itemValue],
+              selected: a.value === S[l.itemValue],
+              onSelect: f
             }, {
               default: I(() => [
-                b(d.$slots, "item", { item: B })
+                h(d.$slots, "item", { item: S })
               ]),
               _: 2
             }, 1032, ["value", "label", "icon", "disabled", "highlighted", "selected"]))), 128))
@@ -830,11 +828,11 @@ let St = 0;
 function te() {
   return `uid-${++St}`;
 }
-const Bt = ["id", "tabindex", "aria-label", "aria-selected"], Lt = { class: "q-list-item__check-container" }, xt = {
+const Lt = ["id", "tabindex", "aria-label", "aria-selected"], Bt = { class: "q-list-item__check-container" }, xt = {
   check: {
     icon: "check"
   }
-}, Vt = /* @__PURE__ */ L({
+}, Vt = /* @__PURE__ */ x({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
@@ -854,7 +852,7 @@ const Bt = ["id", "tabindex", "aria-label", "aria-selected"], Lt = { class: "q-l
     function r(i) {
       i.key === "Tab" && a(), (i.key === "Enter" || i.key === " ") && (i.preventDefault(), i.stopPropagation(), a());
     }
-    return (i, f) => (c(), v("li", {
+    return (i, p) => (c(), v("li", {
       id: $(l),
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
@@ -871,16 +869,16 @@ const Bt = ["id", "tabindex", "aria-label", "aria-selected"], Lt = { class: "q-l
       onKeydown: r,
       onClick: ne(a, ["stop", "prevent"])
     }, [
-      b(i.$slots, "default", {}, () => [
-        e.icon ? (c(), x($(Z), ie(ee({ key: 0 }, e.icon)), null, 16)) : S("", !0),
-        se(" " + N(e.label), 1)
+      h(i.$slots, "default", {}, () => [
+        e.icon ? (c(), B($(ee), ie(P({ key: 0 }, e.icon)), null, 16)) : L("", !0),
+        ae(" " + N(e.label), 1)
       ]),
-      j("div", Lt, [
-        e.selected ? (c(), x($(Z), ee({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : S("", !0)
+      W("div", Bt, [
+        e.selected ? (c(), B($(ee), P({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : L("", !0)
       ])
-    ], 42, Bt));
+    ], 42, Lt));
   }
-}), Dt = ["aria-labelledby"], Tt = ["id"], Et = /* @__PURE__ */ L({
+}), Dt = ["aria-labelledby"], Tt = ["id"], Et = /* @__PURE__ */ x({
   __name: "QListItemGroup",
   props: {
     title: { default: "" },
@@ -898,31 +896,31 @@ const Bt = ["id", "tabindex", "aria-label", "aria-selected"], Lt = { class: "q-l
         id: $(o),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, N(t.title), 9, Tt)) : S("", !0),
-      b(e.$slots, "default")
+      }, N(t.title), 9, Tt)) : L("", !0),
+      h(e.$slots, "default")
     ], 8, Dt));
   }
 }), Qe = V(qt), zt = V(Vt), Ct = V(Et);
 function Ft(n, t, o = "right", e) {
-  const l = n.getBoundingClientRect(), a = l.x + window.scrollX, r = l.y + window.scrollY, i = t == null ? void 0 : t.getBoundingClientRect(), f = (i == null ? void 0 : i.width) ?? 0, m = (i == null ? void 0 : i.height) ?? 0;
-  let p = o;
-  i && !Re(l, i, p) && (p = At(l, i, p));
-  const _ = { x: 0, y: 0, placement: p };
-  switch (p) {
+  const l = n.getBoundingClientRect(), a = l.x + window.scrollX, r = l.y + window.scrollY, i = t == null ? void 0 : t.getBoundingClientRect(), p = (i == null ? void 0 : i.width) ?? 0, m = (i == null ? void 0 : i.height) ?? 0;
+  let f = o;
+  i && !Re(l, i, f) && (f = At(l, i, f));
+  const _ = { x: 0, y: 0, placement: f };
+  switch (f) {
     case "top":
-      e === "anchor" ? _.x = a : _.x = a + (l.width - f) / 2, _.y = r - m;
+      e === "anchor" ? _.x = a : _.x = a + (l.width - p) / 2, _.y = r - m;
       break;
     case "bottom":
-      e === "anchor" ? _.x = a : _.x = a + (l.width - f) / 2, _.y = r + l.height;
+      e === "anchor" ? _.x = a : _.x = a + (l.width - p) / 2, _.y = r + l.height;
       break;
     case "left":
-      _.x = a - f, _.y = r + l.height / 2 - m / 2;
+      _.x = a - p, _.y = r + l.height / 2 - m / 2;
       break;
     case "right":
       _.x = a + l.width, _.y = r + l.height / 2 - m / 2;
       break;
   }
-  return e === "anchor" && l.width >= f && (_.width = l.width), _;
+  return e === "anchor" && l.width >= p && (_.width = l.width), _;
 }
 function Re(n, t, o) {
   let e = !1, l = !1;
@@ -934,15 +932,15 @@ function Re(n, t, o) {
       e = Be(n, t), l = window.innerHeight - n.top - n.height > t.height;
       break;
     case "left":
-      e = n.left > t.width, l = Se(n, t);
+      e = n.left > t.width, l = Le(n, t);
       break;
     case "right":
-      e = window.innerWidth - n.left - n.width > t.width, l = Se(n, t);
+      e = window.innerWidth - n.left - n.width > t.width, l = Le(n, t);
       break;
   }
   return e && l;
 }
-function Se(n, t) {
+function Le(n, t) {
   return window.innerHeight - n.top - n.height / 2 > t.height / 2 && n.top + n.height / 2 > t.height / 2;
 }
 function Be(n, t) {
@@ -967,7 +965,7 @@ const Qt = ["role"], Rt = {
   key: 0,
   role: "presentation",
   class: "q-overlay__arrow"
-}, Mt = /* @__PURE__ */ L({
+}, Mt = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QOverlay",
   props: {
@@ -1011,8 +1009,8 @@ const Qt = ["role"], Rt = {
       () => r.visible,
       () => r.animating = !0
     );
-    const f = g(() => {
-      let h = 0, u = 0;
+    const p = g(() => {
+      let y = 0, u = 0;
       switch (r.placement) {
         case "top":
           u = -(e.offset || 0);
@@ -1021,24 +1019,24 @@ const Qt = ["role"], Rt = {
           u = e.offset || 0;
           break;
         case "left":
-          h = -(e.offset || 0);
+          y = -(e.offset || 0);
           break;
         case "right":
-          h = e.offset || 0;
+          y = e.offset || 0;
           break;
       }
       const d = {
         top: `${r.top + u}px`,
-        left: `${r.left + h}px`
+        left: `${r.left + y}px`
       };
       return r.width !== void 0 && ["top", "bottom"].includes(r.placement) && (d.width = `${r.width}px`), d;
     }), m = q(null);
-    function p() {
+    function f() {
       if (e.anchor) {
-        const h = oe(e.anchor);
-        if (h) {
+        const y = oe(e.anchor);
+        if (y) {
           const u = Ft(
-            h,
+            y,
             m.value,
             e.placement,
             e.width
@@ -1047,21 +1045,21 @@ const Qt = ["role"], Rt = {
         }
       }
     }
-    F([() => i.value, () => e.placement], p);
+    F([() => i.value, () => e.placement], f);
     let _;
-    function C(h) {
+    function C(y) {
       _ || (_ = window.setTimeout(() => {
-        r.visible = !0, P(() => {
+        r.visible = !0, Y(() => {
           var u;
           e.trigger === "click" && ((u = m.value) == null || u.focus());
         });
-      }, h));
+      }, y));
     }
     function E() {
-      clearTimeout(_), _ = void 0, r.visible = !1, P(() => {
+      clearTimeout(_), _ = void 0, r.visible = !1, Y(() => {
         if (e.anchor && e.trigger === "click") {
-          const h = oe(e.anchor);
-          h == null || h.focus();
+          const y = oe(e.anchor);
+          y == null || y.focus();
         }
       });
     }
@@ -1074,62 +1072,62 @@ const Qt = ["role"], Rt = {
     }
     let z;
     function H() {
-      P(() => {
+      Y(() => {
         if (!e.anchor)
           return;
-        const h = oe(e.anchor);
-        if (h)
+        const y = oe(e.anchor);
+        if (y)
           switch (e.trigger) {
             case "click":
-              h.addEventListener("click", () => C(0));
+              y.addEventListener("click", () => C(0));
               break;
             case "hover":
-              h.addEventListener("mouseenter", () => C(e.delay)), h.addEventListener("mouseleave", E), h.addEventListener("focusin", () => C(0)), h.addEventListener("focusout", E);
+              y.addEventListener("mouseenter", () => C(e.delay)), y.addEventListener("mouseleave", E), y.addEventListener("focusin", () => C(0)), y.addEventListener("focusout", E);
               break;
           }
       });
     }
-    function X() {
-      P(() => {
+    function j() {
+      Y(() => {
         if (!e.anchor)
           return;
-        const h = oe(e.anchor);
-        h && (window.addEventListener("scroll", p), window.addEventListener("resize", p), z = new MutationObserver(p), z.observe(h, {
+        const y = oe(e.anchor);
+        y && (window.addEventListener("scroll", f), window.addEventListener("resize", f), z = new MutationObserver(f), z.observe(y, {
           attributes: !1,
           childList: !0,
           characterData: !0,
           subtree: !0
-        }), p());
+        }), f());
       });
     }
     function Q() {
-      window.removeEventListener("scroll", p), window.removeEventListener("resize", p), z == null || z.disconnect();
+      window.removeEventListener("scroll", f), window.removeEventListener("resize", f), z == null || z.disconnect();
     }
     let M;
     function U() {
       if (!e.anchor)
         return;
-      oe(e.anchor) ? (p(), M = window.setTimeout(U, 100)) : E();
+      oe(e.anchor) ? (f(), M = window.setTimeout(U, 100)) : E();
     }
-    function Y() {
-      X(), e.spy && U();
+    function X() {
+      j(), e.spy && U();
     }
     function K() {
       Q(), e.spy && (clearTimeout(M), M = void 0);
     }
-    return Ne(K), De(p), F(
+    return Ne(K), Te(f), F(
       () => e.disabled,
-      (h) => {
-        h || H();
+      (y) => {
+        y || H();
       },
       { immediate: !0 }
     ), F(
       () => i.value,
-      (h) => {
-        h ? Y() : K();
+      (y) => {
+        y ? X() : K();
       },
       { immediate: !0 }
-    ), (h, u) => (c(), x(He, {
+    ), (y, u) => (c(), B(He, {
       disabled: !i.value && !r.animating || !e.attach,
       to: e.attach
     }, [
@@ -1139,8 +1137,8 @@ const Qt = ["role"], Rt = {
           "q-overlay__underlay",
           { "q-overlay__underlay--blur": e.backdropBlur }
         ])
-      }, null, 2)) : S("", !0),
-      G(Ke, {
+      }, null, 2)) : L("", !0),
+      Z(Ke, {
         name: e.transition,
         appear: "",
         onEnter: R,
@@ -1150,22 +1148,22 @@ const Qt = ["role"], Rt = {
           i.value ? (c(), v("div", {
             key: 0,
             class: T(l.value),
-            style: ae(f.value)
+            style: se(p.value)
           }, [
-            j("div", ee({
+            W("div", P({
               class: "q-overlay__content",
               ref_key: "overlayRef",
               ref: m,
               tabindex: "-1",
               role: a.value ? "dialog" : void 0
-            }, h.$attrs, {
-              onKeydown: We(E, ["escape"]),
+            }, y.$attrs, {
+              onKeydown: Ge(E, ["escape"]),
               onBlur: E
             }), [
-              e.arrow ? (c(), v("div", Rt)) : S("", !0),
-              b(h.$slots, "default")
+              e.arrow ? (c(), v("div", Rt)) : L("", !0),
+              h(y.$slots, "default")
             ], 16, Qt)
-          ], 6)) : S("", !0)
+          ], 6)) : L("", !0)
         ]),
         _: 3
       }, 8, ["name"])
@@ -1180,10 +1178,10 @@ const Qt = ["role"], Rt = {
 }, Kt = {
   key: 1,
   class: "q-field__append"
-}, Wt = {
+}, Gt = {
   key: 1,
   class: "q-field__extras"
-}, Gt = /* @__PURE__ */ L({
+}, Wt = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QField",
   props: {
@@ -1213,33 +1211,33 @@ const Qt = ["role"], Rt = {
       ])
     }, [
       o.label ? (c(), v("div", Ut, [
-        b(a.$slots, "label.prepend"),
-        j("label", {
+        h(a.$slots, "label.prepend"),
+        W("label", {
           for: o.id
         }, N(o.label), 9, Nt),
-        b(a.$slots, "label.append")
-      ])) : S("", !0),
-      b(a.$slots, "control", {}, () => [
-        j("div", ee({
+        h(a.$slots, "label.append")
+      ])) : L("", !0),
+      h(a.$slots, "control", {}, () => [
+        W("div", P({
           class: "q-field__control",
           ref_key: "fieldRef",
           ref: e
         }, a.$attrs), [
           a.$slots.prepend ? (c(), v("div", Ht, [
-            b(a.$slots, "prepend")
-          ])) : S("", !0),
-          b(a.$slots, "default"),
+            h(a.$slots, "prepend")
+          ])) : L("", !0),
+          h(a.$slots, "default"),
           a.$slots.append ? (c(), v("div", Kt, [
-            b(a.$slots, "append")
-          ])) : S("", !0)
+            h(a.$slots, "append")
+          ])) : L("", !0)
         ], 16)
       ]),
-      a.$slots.extras ? (c(), v("div", Wt, [
-        b(a.$slots, "extras")
-      ])) : S("", !0)
+      a.$slots.extras ? (c(), v("div", Gt, [
+        h(a.$slots, "extras")
+      ])) : L("", !0)
     ], 10, Ot));
   }
-}), ge = V(Gt), jt = ["type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Xt = /* @__PURE__ */ L({
+}), ge = V(Wt), jt = ["type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Xt = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QTextField",
   props: {
@@ -1258,26 +1256,26 @@ const Qt = ["role"], Rt = {
   },
   emits: ["update:modelValue"],
   setup(n, { expose: t, emit: o }) {
-    const e = o, l = n, a = q(l.modelValue), r = q(null), i = q(null), f = g({
+    const e = o, l = n, a = q(l.modelValue), r = q(null), i = q(null), p = g({
       get() {
         return a.value;
       },
-      set(p) {
-        a.value = p, e("update:modelValue", p);
+      set(f) {
+        a.value = f, e("update:modelValue", f);
       }
     }), m = g(
       () => l.readonly || l.disabled ? "" : l.placeholder
     );
     return F(
       () => l.modelValue,
-      (p) => a.value = p
+      (f) => a.value = f
     ), t({
       fieldRef: g(() => {
-        var p;
-        return (p = r.value) == null ? void 0 : p.fieldRef;
+        var f;
+        return (f = r.value) == null ? void 0 : f.fieldRef;
       }),
       inputRef: i
-    }), (p, _) => (c(), x($(ge), {
+    }), (f, _) => (c(), B($(ge), {
       ref_key: "fieldRef",
       ref: r,
       class: T(["q-text-field", l.class]),
@@ -1287,16 +1285,16 @@ const Qt = ["role"], Rt = {
       readonly: l.readonly,
       disabled: l.disabled,
       required: l.required
-    }, he({
+    }, ve({
       "label.prepend": I(() => [
-        b(p.$slots, "label.prepend")
+        h(f.$slots, "label.prepend")
       ]),
       "label.append": I(() => [
-        b(p.$slots, "label.append")
+        h(f.$slots, "label.append")
       ]),
       default: I(() => [
-        Ge(j("input", ee({
-          "onUpdate:modelValue": _[0] || (_[0] = (C) => f.value = C),
+        We(W("input", P({
+          "onUpdate:modelValue": _[0] || (_[0] = (C) => p.value = C),
           ref_key: "inputRef",
           ref: i,
           class: "q-text-field__input",
@@ -1307,30 +1305,30 @@ const Qt = ["role"], Rt = {
           readonly: l.readonly,
           disabled: l.disabled,
           maxlength: l.maxLength
-        }, p.$attrs), null, 16, jt), [
-          [je, f.value]
+        }, f.$attrs), null, 16, jt), [
+          [je, p.value]
         ])
       ]),
       _: 2
     }, [
-      p.$slots.prepend ? {
+      f.$slots.prepend ? {
         name: "prepend",
         fn: I(() => [
-          b(p.$slots, "prepend")
+          h(f.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
-      p.$slots.append ? {
+      f.$slots.append ? {
         name: "append",
         fn: I(() => [
-          b(p.$slots, "append")
+          h(f.$slots, "append")
         ]),
         key: "1"
       } : void 0,
-      p.$slots.extras ? {
+      f.$slots.extras ? {
         name: "extras",
         fn: I(() => [
-          b(p.$slots, "extras")
+          h(f.$slots, "extras")
         ]),
         key: "2"
       } : void 0
@@ -1345,7 +1343,7 @@ const Qt = ["role"], Rt = {
   clear: {
     icon: "close"
   }
-}, en = /* @__PURE__ */ L({
+}, en = /* @__PURE__ */ x({
   __name: "QCombobox",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -1370,8 +1368,8 @@ const Qt = ["role"], Rt = {
   },
   emits: ["update:modelValue", "update:inputValue", "before-show", "before-hide", "show", "hide"],
   setup(n, { expose: t, emit: o }) {
-    const e = o, l = n, a = q(l.modelValue), r = q(!1), i = q(""), f = q(void 0), m = q(null), p = q(null), _ = q(null);
-    De(Q);
+    const e = o, l = n, a = q(l.modelValue), r = q(!1), i = q(""), p = q(void 0), m = q(null), f = q(null), _ = q(null);
+    Te(Q);
     const C = g(
       () => l.clearable && !l.readonly && !l.disabled && !l.loading
     ), E = g(() => {
@@ -1383,14 +1381,14 @@ const Qt = ["role"], Rt = {
       var s;
       return (s = l.items) == null ? void 0 : s.find((w) => w[l.itemValue] === a.value);
     }), R = g(() => {
-      const s = f.value;
+      const s = p.value;
       if (s !== void 0 && E.value[s])
         return E.value[s];
     }), O = g(() => {
       var w;
-      if (f.value === void 0)
+      if (p.value === void 0)
         return;
-      const s = (w = p.value) == null ? void 0 : w.getItem(f.value);
+      const s = (w = f.value) == null ? void 0 : w.getItem(p.value);
       return s == null ? void 0 : s.id;
     }), z = g(() => {
       var s;
@@ -1399,7 +1397,7 @@ const Qt = ["role"], Rt = {
     function H(s) {
       a.value = s, Q(), e("update:modelValue", s);
     }
-    function X(s) {
+    function j(s) {
       H(s), U();
     }
     function Q() {
@@ -1410,63 +1408,63 @@ const Qt = ["role"], Rt = {
       r.value || l.readonly || l.disabled || (e("before-show"), r.value = !0);
     }
     function U() {
-      r.value && (e("before-hide"), r.value = !1, f.value = void 0);
+      r.value && (e("before-hide"), r.value = !1, p.value = void 0);
     }
-    function Y() {
-      H(void 0), f.value = void 0;
+    function X() {
+      H(void 0), p.value = void 0;
     }
     function K() {
       if (M(), A.value !== void 0) {
         const s = E.value.indexOf(A.value);
-        s !== -1 && P(() => _e(s));
+        s !== -1 && Y(() => _e(s));
       }
     }
-    function h(s) {
+    function y(s) {
       var w, D;
       if (!(!s.key || l.readonly || l.disabled))
         if (["ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && (s.preventDefault(), s.stopPropagation()), s.key === "Escape")
-          r.value ? U() : Y();
+          r.value ? U() : X();
         else if (["ArrowDown", "ArrowUp"].includes(s.key))
-          r.value ? P(() => {
-            if (f.value === void 0)
+          r.value ? Y(() => {
+            if (p.value === void 0)
               u();
             else {
-              const W = s.key === "ArrowDown" ? "next" : "prev";
-              y(f.value, W);
+              const G = s.key === "ArrowDown" ? "next" : "prev";
+              b(p.value, G);
             }
-          }) : (M(), P(() => {
+          }) : (M(), Y(() => {
             s.key === "ArrowDown" ? u() : d();
           }));
         else if (s.key === "Enter") {
           if (R.value === void 0)
             return;
-          X(R.value[l.itemValue]);
+          j(R.value[l.itemValue]);
         } else
-          s.key === "Home" ? f.value = (w = p.value) == null ? void 0 : w.getFirstFocusableItemIndex() : s.key === "End" ? f.value = (D = p.value) == null ? void 0 : D.getLastFocusableItemIndex() : (/^[a-z]$/i.test(s.key) || s.key === "Backspace") && M();
+          s.key === "Home" ? p.value = (w = f.value) == null ? void 0 : w.getFirstFocusableItemIndex() : s.key === "End" ? p.value = (D = f.value) == null ? void 0 : D.getLastFocusableItemIndex() : (/^[a-z]$/i.test(s.key) || s.key === "Backspace") && M();
     }
     function u() {
       var s, w;
       if (a.value !== void 0) {
         const D = E.value.findIndex(
-          (W) => W[l.itemValue] === a.value
+          (G) => G[l.itemValue] === a.value
         );
-        D === -1 ? f.value = (s = p.value) == null ? void 0 : s.getFirstFocusableItemIndex() : f.value = D;
+        D === -1 ? p.value = (s = f.value) == null ? void 0 : s.getFirstFocusableItemIndex() : p.value = D;
       } else
-        f.value = (w = p.value) == null ? void 0 : w.getFirstFocusableItemIndex();
+        p.value = (w = f.value) == null ? void 0 : w.getFirstFocusableItemIndex();
     }
     function d() {
       var s;
-      f.value = (s = p.value) == null ? void 0 : s.getLastFocusableItemIndex();
+      p.value = (s = f.value) == null ? void 0 : s.getLastFocusableItemIndex();
     }
-    function y(s, w) {
+    function b(s, w) {
       var D;
-      f.value = (D = p.value) == null ? void 0 : D.getAdjacentItemIndex(s, w);
+      p.value = (D = f.value) == null ? void 0 : D.getAdjacentItemIndex(s, w);
     }
     function k(s) {
-      var w, D, W;
-      !((w = _.value) != null && w.contains(s.relatedTarget)) && !((W = (D = m.value) == null ? void 0 : D.fieldRef) != null && W.contains(s.relatedTarget)) ? (U(), Q()) : (s.preventDefault(), s.stopPropagation());
+      var w, D, G;
+      !((w = _.value) != null && w.contains(s.relatedTarget)) && !((G = (D = m.value) == null ? void 0 : D.fieldRef) != null && G.contains(s.relatedTarget)) ? (U(), Q()) : (s.preventDefault(), s.stopPropagation());
     }
-    function B() {
+    function S() {
       var s, w;
       (w = (s = m.value) == null ? void 0 : s.inputRef) == null || w.focus();
     }
@@ -1478,7 +1476,7 @@ const Qt = ["role"], Rt = {
     }
     function _e(s) {
       var D;
-      const w = (D = p.value) == null ? void 0 : D.getItem(s);
+      const w = (D = f.value) == null ? void 0 : D.getItem(s);
       w == null || w.scrollIntoView({ block: "nearest", inline: "start" });
     }
     return F(
@@ -1486,14 +1484,14 @@ const Qt = ["role"], Rt = {
       (s) => {
         a.value = s, Q();
       }
-    ), F(f, (s) => {
+    ), F(p, (s) => {
       s !== void 0 && _e(s);
     }), F(i, (s) => {
-      !s && C.value ? Y() : r.value && l.selectionMode === "automatic" && P(u), e("update:inputValue", s);
+      !s && C.value ? X() : r.value && l.selectionMode === "automatic" && Y(u), e("update:inputValue", s);
     }), t({
       triggerEl: m
     }), (s, w) => (c(), v(J, null, [
-      G($(Yt), {
+      Z($(Yt), {
         modelValue: i.value,
         "onUpdate:modelValue": w[0] || (w[0] = (D) => i.value = D),
         id: l.id,
@@ -1513,43 +1511,43 @@ const Qt = ["role"], Rt = {
         size: l.size,
         onClick: K,
         onFocusout: k,
-        onKeydown: ne(h, ["stop"])
-      }, he({
+        onKeydown: ne(y, ["stop"])
+      }, ve({
         "label.prepend": I(() => [
-          b(s.$slots, "label.prepend")
+          h(s.$slots, "label.prepend")
         ]),
         "label.append": I(() => [
-          b(s.$slots, "label.append")
+          h(s.$slots, "label.append")
         ]),
         _: 2
       }, [
         s.$slots.prepend ? {
           name: "prepend",
           fn: I(() => [
-            b(s.$slots, "prepend")
+            h(s.$slots, "prepend")
           ]),
           key: "0"
         } : void 0,
         C.value && i.value || s.$slots.append ? {
           name: "append",
           fn: I(() => [
-            C.value && i.value ? (c(), x($(Z), ee({ key: 0 }, l.icons.clear, {
+            C.value && i.value ? (c(), B($(ee), P({ key: 0 }, l.icons.clear, {
               class: "q-combobox__clear",
-              onClick: ne(Y, ["stop", "prevent"])
-            }), null, 16)) : S("", !0),
-            b(s.$slots, "append")
+              onClick: ne(X, ["stop", "prevent"])
+            }), null, 16)) : L("", !0),
+            h(s.$slots, "append")
           ]),
           key: "1"
         } : void 0,
         s.$slots.extras ? {
           name: "extras",
           fn: I(() => [
-            b(s.$slots, "extras")
+            h(s.$slots, "extras")
           ]),
           key: "2"
         } : void 0
       ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "aria-expanded", "aria-activedescendant", "size"]),
-      G($(de), {
+      Z($(de), {
         "model-value": r.value,
         spy: "",
         trigger: "manual",
@@ -1563,40 +1561,40 @@ const Qt = ["role"], Rt = {
         default: I(() => {
           var D;
           return [
-            j("div", {
+            W("div", {
               ref_key: "contentRef",
               ref: _,
               class: "q-select__body",
               onFocusout: k
             }, [
-              b(s.$slots, "body.prepend"),
-              l.loading ? (c(), x($(be), {
+              h(s.$slots, "body.prepend"),
+              l.loading ? (c(), B($(be), {
                 key: 0,
                 class: "q-select__loader",
                 size: 24
-              })) : E.value.length ? (c(), x($(Qe), {
+              })) : E.value.length ? (c(), B($(Qe), {
                 key: 1,
                 ref_key: "listRef",
-                ref: p,
+                ref: f,
                 class: "q-select__items",
                 modelValue: a.value,
                 "onUpdate:modelValue": [
-                  w[1] || (w[1] = (W) => a.value = W),
-                  X
+                  w[1] || (w[1] = (G) => a.value = G),
+                  j
                 ],
                 highlighted: (D = R.value) == null ? void 0 : D[l.itemValue],
                 items: E.value,
                 groups: s.groups,
                 "item-label": l.itemLabel,
                 "item-value": l.itemValue,
-                onMouseup: B
+                onMouseup: S
               }, {
-                item: I(({ item: W }) => [
-                  b(s.$slots, "item", { item: W })
+                item: I(({ item: G }) => [
+                  h(s.$slots, "item", { item: G })
                 ]),
                 _: 3
               }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (c(), v("div", Pt, N(s.texts.noData), 1)),
-              b(s.$slots, "body.append")
+              h(s.$slots, "body.append")
             ], 544)
           ];
         }),
@@ -1610,13 +1608,11 @@ const Qt = ["role"], Rt = {
 }, nn = { key: 0 }, ln = {
   key: 1,
   class: "q-input-group__append"
-}, on = { key: 0 }, an = /* @__PURE__ */ L({
+}, on = { key: 0 }, an = /* @__PURE__ */ x({
   __name: "QInputGroup",
   props: {
     id: { default: () => te() },
     label: { default: "" },
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
     required: { type: Boolean },
     prependIcon: { default: void 0 },
     appendIcon: { default: void 0 },
@@ -1629,34 +1625,32 @@ const Qt = ["role"], Rt = {
       QField: {
         size: "block"
       }
-    }), (o, e) => (c(), x($(ge), {
+    }), (o, e) => (c(), B($(ge), {
       id: t.id,
       class: T(["q-input-group", t.class]),
       label: t.label,
-      readonly: t.readonly,
-      disabled: t.disabled,
       required: t.required,
       size: t.size
     }, {
       default: I(() => [
         o.$slots.prepend || t.prependIcon ? (c(), v("div", tn, [
           t.prependIcon ? (c(), v("span", nn, [
-            G($(Z), ie(me(t.prependIcon)), null, 16)
-          ])) : S("", !0),
-          b(o.$slots, "prepend")
-        ])) : S("", !0),
-        b(o.$slots, "default"),
+            Z($(ee), ie(we(t.prependIcon)), null, 16)
+          ])) : L("", !0),
+          h(o.$slots, "prepend")
+        ])) : L("", !0),
+        h(o.$slots, "default"),
         o.$slots.append || t.appendIcon ? (c(), v("div", ln, [
           t.appendIcon ? (c(), v("span", on, [
-            G($(Z), ie(me(t.appendIcon)), null, 16)
-          ])) : S("", !0),
-          b(o.$slots, "append")
-        ])) : S("", !0)
+            Z($(ee), ie(we(t.appendIcon)), null, 16)
+          ])) : L("", !0),
+          h(o.$slots, "append")
+        ])) : L("", !0)
       ]),
       _: 3
-    }, 8, ["id", "class", "label", "readonly", "disabled", "required", "size"]));
+    }, 8, ["id", "class", "label", "required", "size"]));
   }
-}), Sn = V(an), sn = /* @__PURE__ */ L({
+}), Sn = V(an), sn = /* @__PURE__ */ x({
   __name: "QLineLoader",
   props: {
     class: { default: void 0 }
@@ -1667,13 +1661,13 @@ const Qt = ["role"], Rt = {
       class: T(["q-line-loader", t.class])
     }, null, 2));
   }
-}), Bn = V(sn), rn = {
+}), Ln = V(sn), rn = {
   key: 0,
   class: "q-popover__header"
 }, dn = {
   key: 1,
   class: "q-popover__body"
-}, un = ["innerHTML"], cn = { key: 1 }, fn = /* @__PURE__ */ L({
+}, un = ["innerHTML"], cn = { key: 1 }, fn = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QPopover",
   props: {
@@ -1690,7 +1684,7 @@ const Qt = ["role"], Rt = {
   },
   setup(n) {
     const t = n;
-    return (o, e) => (c(), x($(de), {
+    return (o, e) => (c(), B($(de), {
       "model-value": t.modelValue,
       class: "q-popover",
       trigger: "click",
@@ -1703,21 +1697,21 @@ const Qt = ["role"], Rt = {
     }, {
       default: I(() => [
         t.title || o.$slots.header ? (c(), v("h3", rn, [
-          se(N(t.title) + " ", 1),
-          b(o.$slots, "header")
-        ])) : S("", !0),
+          ae(N(t.title) + " ", 1),
+          h(o.$slots, "header")
+        ])) : L("", !0),
         t.text || o.$slots.body ? (c(), v("div", dn, [
           t.html ? (c(), v("span", {
             key: 0,
             innerHTML: t.text
           }, null, 8, un)) : (c(), v("span", cn, N(t.text), 1)),
-          b(o.$slots, "body")
-        ])) : S("", !0)
+          h(o.$slots, "body")
+        ])) : L("", !0)
       ]),
       _: 3
     }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement", "spy"]));
   }
-}), Ln = V(fn), pn = {
+}), Bn = V(fn), pn = {
   key: 0,
   class: "q-select__value"
 }, mn = {
@@ -1732,7 +1726,7 @@ const Qt = ["role"], Rt = {
   clear: {
     icon: "close"
   }
-}, yn = /* @__PURE__ */ L({
+}, yn = /* @__PURE__ */ x({
   __name: "QSelect",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -1754,13 +1748,13 @@ const Qt = ["role"], Rt = {
   },
   emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
   setup(n, { emit: t }) {
-    const o = t, e = n, l = q(e.modelValue), a = q(!1), r = q(""), i = q(null), f = q(null), m = q(null), p = g(
+    const o = t, e = n, l = q(e.modelValue), a = q(!1), r = q(""), i = q(null), p = q(null), m = q(null), f = g(
       () => {
         var u;
         return (u = e.items) == null ? void 0 : u.find((d) => d[e.itemValue] === l.value);
       }
     ), _ = g(
-      () => p.value ? p.value[e.itemLabel] : ""
+      () => f.value ? f.value[e.itemLabel] : ""
     ), C = g(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
@@ -1774,8 +1768,8 @@ const Qt = ["role"], Rt = {
       e.readonly || e.disabled || (a.value ? H() : z());
     }
     function O(u) {
-      var d, y, k;
-      !((d = m.value) != null && d.contains(u.relatedTarget)) && !((k = (y = i.value) == null ? void 0 : y.fieldRef) != null && k.contains(u.relatedTarget)) && H();
+      var d, b, k;
+      !((d = m.value) != null && d.contains(u.relatedTarget)) && !((k = (b = i.value) == null ? void 0 : b.fieldRef) != null && k.contains(u.relatedTarget)) && H();
     }
     function z() {
       a.value || (o("before-show"), a.value = !0);
@@ -1783,18 +1777,18 @@ const Qt = ["role"], Rt = {
     function H() {
       a.value && (o("before-hide"), a.value = !1);
     }
-    let X;
+    let j;
     function Q(u) {
       if (!(!u.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(X), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(u.key) && (u.preventDefault(), u.stopPropagation()), ["Enter", " "].includes(u.key) && (a.value = !0), ["Escape", "Tab"].includes(u.key) && (a.value ? a.value = !1 : e.clearable && u.key === "Escape" && A()), u.key === "Delete" && e.clearable && A(), /^[a-z]$/i.test(u.key)) {
+        if (window.clearTimeout(j), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(u.key) && (u.preventDefault(), u.stopPropagation()), ["Enter", " "].includes(u.key) && (a.value = !0), ["Escape", "Tab"].includes(u.key) && (a.value ? a.value = !1 : e.clearable && u.key === "Escape" && A()), u.key === "Delete" && e.clearable && A(), /^[a-z]$/i.test(u.key)) {
           r.value += u.key.toLowerCase();
           for (let d = 0; d < e.items.length; d++)
             if (e.items[d][e.itemLabel].toLowerCase().startsWith(r.value)) {
-              h(d);
+              y(d);
               break;
             }
         }
-        X = window.setTimeout(function() {
+        j = window.setTimeout(function() {
           r.value = "";
         }, 500);
       }
@@ -1804,19 +1798,19 @@ const Qt = ["role"], Rt = {
       e.loading ? (u = m.value) == null || u.focus() : K(), o("show");
     }
     function U() {
-      Y(), o("hide");
+      X(), o("hide");
     }
-    function Y() {
+    function X() {
       var u, d;
       (d = (u = i.value) == null ? void 0 : u.fieldRef) == null || d.focus();
     }
     function K() {
       var u;
-      (u = f.value) == null || u.$el.focus();
+      (u = p.value) == null || u.$el.focus();
     }
-    function h(u) {
+    function y(u) {
       var d;
-      (d = f.value) == null || d.focusItem(u);
+      (d = p.value) == null || d.focusItem(u);
     }
     return F(
       () => e.modelValue,
@@ -1826,12 +1820,12 @@ const Qt = ["role"], Rt = {
     ), F(
       () => e.loading,
       (u) => {
-        !u && a.value && P(K);
+        !u && a.value && Y(K);
       }
     ), (u, d) => {
-      var y;
+      var b;
       return c(), v(J, null, [
-        G($(ge), {
+        Z($(ge), {
           id: e.id,
           label: e.label,
           required: e.required,
@@ -1855,31 +1849,44 @@ const Qt = ["role"], Rt = {
           size: e.size,
           onClick: R,
           onKeydown: ne(Q, ["stop"])
-        }, he({
+        }, ve({
           append: I(() => [
-            C.value && l.value ? (c(), x($(Z), ee({ key: 0 }, e.icons.clear, {
+            h(u.$slots, "append"),
+            C.value && l.value ? (c(), B($(ee), P({ key: 0 }, e.icons.clear, {
               class: "q-select__clear",
               onClick: ne(A, ["stop", "prevent"])
-            }), null, 16)) : S("", !0),
-            e.readonly ? S("", !0) : (c(), x($(Z), ee({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16))
+            }), null, 16)) : L("", !0),
+            e.readonly ? L("", !0) : (c(), B($(ee), P({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16))
           ]),
           default: I(() => [
-            l.value !== void 0 ? (c(), v("span", pn, N(_.value), 1)) : !e.readonly && !e.disabled ? (c(), v("span", mn, N(u.texts.placeholder), 1)) : S("", !0)
+            l.value !== void 0 ? (c(), v("span", pn, N(_.value), 1)) : (c(), v("span", mn, [
+              !e.readonly && !e.disabled ? (c(), v(J, { key: 0 }, [
+                ae(N(u.texts.placeholder), 1)
+              ], 64)) : L("", !0)
+            ]))
           ]),
           _: 2
         }, [
-          (y = p.value) != null && y.icon ? {
+          (b = f.value) != null && b.icon || u.$slots.prepend ? {
             name: "prepend",
             fn: I(() => {
-              var k;
+              var k, S;
               return [
-                G($(Z), ie(me((k = p.value) == null ? void 0 : k.icon)), null, 16)
+                h(u.$slots, "prepend"),
+                (k = f.value) != null && k.icon ? (c(), B($(ee), ie(P({ key: 0 }, (S = f.value) == null ? void 0 : S.icon)), null, 16)) : L("", !0)
               ];
             }),
             key: "0"
+          } : void 0,
+          u.$slots.extras ? {
+            name: "extras",
+            fn: I(() => [
+              h(u.$slots, "extras")
+            ]),
+            key: "1"
           } : void 0
         ]), 1032, ["id", "label", "required", "class", "readonly", "disabled", "aria-expanded", "size"]),
-        G($(de), {
+        Z($(de), {
           "model-value": a.value,
           spy: "",
           trigger: "manual",
@@ -1891,7 +1898,7 @@ const Qt = ["role"], Rt = {
           onLeave: U
         }, {
           default: I(() => [
-            j("div", {
+            W("div", {
               ref_key: "contentRef",
               ref: m,
               class: "q-select__body",
@@ -1899,15 +1906,15 @@ const Qt = ["role"], Rt = {
               onFocusout: O,
               onKeydown: ne(Q, ["stop"])
             }, [
-              b(u.$slots, "body.prepend"),
-              e.loading ? (c(), x($(be), {
+              h(u.$slots, "body.prepend"),
+              e.loading ? (c(), B($(be), {
                 key: 0,
                 class: "q-select__loader",
                 size: 24
-              })) : (c(), x($(Qe), {
+              })) : (c(), B($(Qe), {
                 key: 1,
                 ref_key: "listRef",
-                ref: f,
+                ref: p,
                 class: "q-select__items",
                 modelValue: l.value,
                 "onUpdate:modelValue": [
@@ -1920,11 +1927,11 @@ const Qt = ["role"], Rt = {
                 "item-value": e.itemValue
               }, {
                 item: I(({ item: k }) => [
-                  b(u.$slots, "item", { item: k })
+                  h(u.$slots, "item", { item: k })
                 ]),
                 _: 3
               }, 8, ["modelValue", "items", "groups", "item-label", "item-value"])),
-              b(u.$slots, "body.append")
+              h(u.$slots, "body.append")
             ], 544)
           ]),
           _: 3
@@ -1932,7 +1939,7 @@ const Qt = ["role"], Rt = {
       ], 64);
     };
   }
-}), xn = V(yn), bn = ["innerHTML"], gn = { key: 1 }, _n = /* @__PURE__ */ L({
+}), xn = V(yn), bn = ["innerHTML"], gn = { key: 1 }, _n = /* @__PURE__ */ x({
   __name: "QTooltip",
   props: {
     modelValue: { type: Boolean },
@@ -1952,10 +1959,10 @@ const Qt = ["role"], Rt = {
   setup(n) {
     const t = n;
     return (o, e) => (c(), v(J, null, [
-      b(o.$slots, "anchor", {
+      h(o.$slots, "anchor", {
         props: { "aria-describedby": t.id }
       }),
-      G($(de), {
+      Z($(de), {
         "model-value": t.modelValue,
         anchor: t.anchor,
         role: "tooltip",
@@ -1986,24 +1993,24 @@ export {
   In as QButtonToggle,
   qn as QCombobox,
   ge as QField,
-  Z as QIcon,
+  ee as QIcon,
   wt as QIconFont,
   $t as QIconImg,
   It as QIconSvg,
   Sn as QInputGroup,
-  Bn as QLineLoader,
+  Ln as QLineLoader,
   Qe as QList,
   zt as QListItem,
   Ct as QListItemGroup,
   de as QOverlay,
-  Ln as QPopover,
+  Bn as QPopover,
   xn as QSelect,
   be as QSpinnerLoader,
   Yt as QTextField,
   Vn as QTooltip,
   $n as createFramework,
   Ye as defaultDarkColorScheme,
-  $e as defaultLightColorScheme,
+  Ie as defaultLightColorScheme,
   wn as useTheme
 };
 //# sourceMappingURL=ui.esm.js.map