@quidgest/ui 0.8.12 → 0.9.0

package/dist/ui.esm.js

@@ -1,66 +1,66 @@
-import { getCurrentInstance as Ve, computed as k, ref as q, provide as Be, inject as Ee, watch as z, defineComponent as S, openBlock as c, createElementBlock as v, normalizeClass as E, normalizeStyle as ce, createElementVNode as X, withModifiers as ie, createVNode as C, unref as b, createCommentVNode as L, Fragment as ee, createTextVNode as re, toDisplayString as W, renderSlot as h, toRef as we, createBlock as B, withCtx as _, renderList as me, resolveDynamicComponent as Te, h as $e, normalizeProps as te, mergeProps as oe, reactive as Ne, onBeforeUnmount as Me, onMounted as De, nextTick as G, Teleport as He, Transition as Ke, withKeys as Ge, createSlots as he, withDirectives as We, vModelDynamic as je, guardReactiveProps as ae } from "vue";
-function ve(t) {
+import { getCurrentInstance as Ee, computed as w, ref as T, provide as Te, inject as De, watch as P, defineComponent as B, openBlock as u, createElementBlock as p, normalizeClass as E, normalizeStyle as fe, createElementVNode as Y, withModifiers as re, createVNode as A, unref as v, createCommentVNode as L, Fragment as te, createTextVNode as de, toDisplayString as H, renderSlot as m, toRef as qe, mergeModels as K, useModel as X, createBlock as V, withCtx as _, renderList as he, resolveDynamicComponent as ze, h as Ie, normalizeProps as ne, mergeProps as ae, reactive as Ne, onBeforeUnmount as He, onMounted as Ce, nextTick as N, Teleport as Ke, Transition as Ge, withKeys as We, createSlots as ye, withDirectives as je, vModelDynamic as Pe, guardReactiveProps as se } from "vue";
+function be(t) {
   return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
 }
-function qe(t) {
+function Le(t) {
   return t !== null && typeof t == "object" && !Array.isArray(t);
 }
-function be(t = {}, l = {}) {
-  const o = {};
-  for (const e in t)
-    o[e] = t[e];
-  for (const e in l) {
-    const n = t[e], d = l[e];
-    if (qe(n) && qe(d)) {
-      o[e] = be(
-        n,
-        d
+function ge(t = {}, n = {}) {
+  const e = {};
+  for (const o in t)
+    e[o] = t[o];
+  for (const o in n) {
+    const a = t[o], r = n[o];
+    if (Le(a) && Le(r)) {
+      e[o] = ge(
+        a,
+        r
       );
       continue;
     }
-    o[e] = d;
+    e[o] = r;
   }
-  return o;
+  return e;
 }
-const ye = "q-defaults";
-function Pe() {
-  var d, s;
-  const t = Ve();
+const _e = "q-defaults";
+function Xe() {
+  var r, d;
+  const t = Ee();
   if (!t)
     throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
-  const l = t.type.name ?? t.type.__name;
-  if (!l)
+  const n = t.type.name ?? t.type.__name;
+  if (!n)
     throw new Error("[Quidgest UI] Could not determine component name");
-  const o = Ce(), e = (d = o.value) == null ? void 0 : d.Global, n = (s = o.value) == null ? void 0 : s[l];
-  return k(() => be(e, n));
+  const e = Ae(), o = (r = e.value) == null ? void 0 : r.Global, a = (d = e.value) == null ? void 0 : d[n];
+  return w(() => ge(o, a));
 }
-function ze(t) {
-  if (ve(t))
+function Qe(t) {
+  if (be(t))
     return;
-  const l = Ce(), o = q(t), e = k(() => ve(o.value) ? l.value : be(l.value, o.value));
-  Be(ye, e);
+  const n = Ae(), e = T(t), o = w(() => be(e.value) ? n.value : ge(n.value, e.value));
+  Te(_e, o);
 }
-function Ce() {
-  const t = Ee(ye, void 0);
+function Ae() {
+  const t = De(_e, void 0);
   if (!t)
     throw new Error("[Quidgest UI] Could not find defaults instance");
   return t;
 }
-const de = "q-theme";
-function Xe() {
-  const t = Ee(de);
+const ue = "q-theme";
+function Ye() {
+  const t = De(ue);
   if (!t)
     throw new Error("[Quidgest UI] Could not find theme instance");
   return t;
 }
-function Il(t) {
-  const l = Xe(), o = {
-    activeTheme: q(t),
-    themes: l.themes
+function xn(t) {
+  const n = Ye(), e = {
+    activeTheme: T(t),
+    themes: n.themes
   };
-  return Be(de, o), o;
+  return Te(ue, e), e;
 }
-const Ie = {
+const xe = {
   primary: "#008ad2",
   primaryLight: "#cde5ff",
   primaryDark: "#006398",
@@ -91,7 +91,7 @@ const Ie = {
   onWarning: "#fff",
   onDanger: "#fff",
   onInfo: "#fff"
-}, Ye = {
+}, Ze = {
   primary: "#009ff5",
   primaryLight: "#ade2ff",
   primaryDark: "#164965",
@@ -123,92 +123,92 @@ const Ie = {
   onDanger: "#fff",
   onInfo: "#fff"
 };
-function Ze(t) {
+function Je(t) {
   return /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t);
 }
-function Je(t) {
-  if (!Ze(t))
+function et(t) {
+  if (!Je(t))
     throw new Error("Invalid color format");
   t.length === 4 && (t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
-  const l = parseInt(t.slice(1, 3), 16), o = parseInt(t.slice(3, 5), 16), e = parseInt(t.slice(5, 7), 16);
-  return { r: l, g: o, b: e };
+  const n = parseInt(t.slice(1, 3), 16), e = parseInt(t.slice(3, 5), 16), o = parseInt(t.slice(5, 7), 16);
+  return { r: n, g: e, b: o };
 }
-function Qe(t) {
+function Fe(t) {
   return t.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([0-9])([A-Za-z])/g, "$1-$2").replace(/([A-Za-z])([0-9])/g, "$1-$2").toLowerCase();
 }
-function et() {
+function tt() {
   let t = document.getElementById(
-    de
+    ue
   );
-  return t || (t = document.createElement("style"), t.id = de, document.head.appendChild(t)), t;
+  return t || (t = document.createElement("style"), t.id = ue, document.head.appendChild(t)), t;
 }
-function tt(t) {
-  let l = "";
-  for (const e of t) {
-    l += `.q-theme--${e.name} {
+function nt(t) {
+  let n = "";
+  for (const o of t) {
+    n += `.q-theme--${o.name} {
 `;
-    const n = e.scheme;
-    let d;
-    for (d in n) {
-      const s = n[d];
-      if (s) {
-        l += `  ${Le(d)}: ${s};
+    const a = o.scheme;
+    let r;
+    for (r in a) {
+      const d = a[r];
+      if (d) {
+        n += `  ${Be(r)}: ${d};
 `;
-        const u = Je(s);
-        l += `  ${Le(d)}-rgb: ${u.r} ${u.g} ${u.b};
+        const i = et(d);
+        n += `  ${Be(r)}-rgb: ${i.r} ${i.g} ${i.b};
 `;
       }
     }
-    l += `}
+    n += `}
 `;
   }
-  const o = et();
-  o.textContent = l;
+  const e = tt();
+  e.textContent = n;
 }
-function Le(t) {
-  return t ? `--q-theme-${Qe(t)}` : "";
+function Be(t) {
+  return t ? `--q-theme-${Fe(t)}` : "";
 }
-function Ll(t = {}) {
-  return { install: (o) => {
-    const e = t.components || {};
-    for (const d in e)
-      o.component(d, e[d]);
-    const n = t.defaults || {};
-    o.provide(ye, q(n)), lt(o, t.themes);
+function Bn(t = {}) {
+  return { install: (e) => {
+    const o = t.components || {};
+    for (const r in o)
+      e.component(r, o[r]);
+    const a = t.defaults || {};
+    e.provide(_e, T(a)), ot(e, t.themes);
   } };
 }
-function lt(t, l) {
-  const o = [];
-  let e;
-  if (!l)
-    e = "default", o.push({
-      name: e,
+function ot(t, n) {
+  const e = [];
+  let o;
+  if (!n)
+    o = "default", e.push({
+      name: o,
       mode: "light",
-      scheme: Ie
+      scheme: xe
     });
   else
-    for (const n of l.themes) {
-      const s = { ...n.mode === "light" ? Ie : Ye, ...n.colors };
-      o.push({
-        name: n.name,
-        mode: n.mode,
-        scheme: s
-      }), n.name === l.defaultTheme && (e = n.name);
-    }
-  if (e) {
-    const n = {
-      activeTheme: q(e),
-      themes: o
+    for (const a of n.themes) {
+      const d = { ...a.mode === "light" ? xe : Ze, ...a.colors };
+      e.push({
+        name: a.name,
+        mode: a.mode,
+        scheme: d
+      }), a.name === n.defaultTheme && (o = a.name);
+    }
+  if (o) {
+    const a = {
+      activeTheme: T(o),
+      themes: e
     };
-    tt(o), z(n.activeTheme, nt, { immediate: !0 }), t.provide(de, n);
+    nt(e), P(a.activeTheme, lt, { immediate: !0 }), t.provide(ue, a);
   }
 }
-function nt(t) {
-  const l = document.documentElement, e = Array.from(l.classList).filter((n) => !n.startsWith("q-theme"));
-  l.className = e.join(" "), l.classList.add(`q-theme--${t}`);
+function lt(t) {
+  const n = document.documentElement, o = Array.from(n.classList).filter((a) => !a.startsWith("q-theme"));
+  n.className = o.join(" "), n.classList.add(`q-theme--${t}`);
 }
-const ot = /* @__PURE__ */ X("svg", { viewBox: "25 25 50 50" }, [
-  /* @__PURE__ */ X("circle", {
+const at = /* @__PURE__ */ Y("svg", { viewBox: "25 25 50 50" }, [
+  /* @__PURE__ */ Y("circle", {
     class: "path",
     cx: "50",
     cy: "50",
@@ -218,52 +218,52 @@ const ot = /* @__PURE__ */ X("svg", { viewBox: "25 25 50 50" }, [
     "stroke-width": "5",
     "stroke-miterlimit": "10"
   })
-], -1), at = [
-  ot
-], st = /* @__PURE__ */ S({
+], -1), st = [
+  at
+], it = /* @__PURE__ */ B({
   __name: "QSpinnerLoader",
   props: {
     size: { default: 48 },
     class: { default: void 0 }
   },
   setup(t) {
-    const l = t, o = k(() => ({
-      "font-size": l.size !== 48 ? `${l.size}px` : void 0
+    const n = t, e = w(() => ({
+      "font-size": n.size !== 48 ? `${n.size}px` : void 0
     }));
-    return (e, n) => (c(), v("div", {
-      class: E(["q-spinner-loader", l.class]),
-      style: ce(o.value)
-    }, at, 6));
+    return (o, a) => (u(), p("div", {
+      class: E(["q-spinner-loader", n.class]),
+      style: fe(e.value)
+    }, st, 6));
   }
 });
-function it(t, l) {
-  var e;
-  const o = Qe(l);
-  return o ? typeof ((e = t.props) == null ? void 0 : e[o]) < "u" : !1;
+function rt(t, n) {
+  var o;
+  const e = Fe(n);
+  return e ? typeof ((o = t.props) == null ? void 0 : o[e]) < "u" : !1;
 }
-function x(t) {
-  const l = t.setup;
-  return l && (t.setup = (o, e) => {
-    const n = Pe();
-    if (ve(n.value))
-      return l(o, e);
-    const d = Ve();
-    if (d === null)
-      return l(o, e);
-    const s = new Proxy(o, {
-      get(u, p) {
-        var f;
-        const y = Reflect.get(u, p), w = (f = n.value) == null ? void 0 : f[p];
-        return typeof p == "string" && !it(d.vnode, p) ? w ?? y : y;
+function S(t) {
+  const n = t.setup;
+  return n && (t.setup = (e, o) => {
+    const a = Xe();
+    if (be(a.value))
+      return n(e, o);
+    const r = Ee();
+    if (r === null)
+      return n(e, o);
+    const d = new Proxy(e, {
+      get(i, c) {
+        var g;
+        const q = Reflect.get(i, c), k = (g = a.value) == null ? void 0 : g[c];
+        return typeof c == "string" && !rt(r.vnode, c) ? k ?? q : q;
       }
     });
-    return l(s, e);
+    return n(d, o);
   }), t;
 }
-const ge = x(st), rt = ["disabled"], dt = {
+const ke = S(it), dt = ["disabled"], ut = {
   key: 0,
   class: "q-btn__spinner"
-}, ut = { class: "q-btn__content" }, ct = /* @__PURE__ */ S({
+}, ct = { class: "q-btn__content" }, ft = /* @__PURE__ */ B({
   __name: "QButton",
   props: {
     active: { type: Boolean },
@@ -279,17 +279,17 @@ const ge = x(st), rt = ["disabled"], dt = {
     class: { default: void 0 }
   },
   emits: ["click"],
-  setup(t, { emit: l }) {
-    const o = l, e = t, n = k(() => e.disabled || e.loading);
-    function d(u) {
-      n.value || o("click", u);
+  setup(t, { emit: n }) {
+    const e = t, o = n, a = w(() => e.disabled || e.loading);
+    function r(i) {
+      a.value || o("click", i);
     }
-    const s = k(() => {
-      const u = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
+    const d = w(() => {
+      const i = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
       return [
         "q-btn",
         `q-btn--${e.bStyle}`,
-        u,
+        i,
         {
           "q-btn--active": e.active,
           "q-btn--borderless": e.borderless,
@@ -300,27 +300,27 @@ const ge = x(st), rt = ["disabled"], dt = {
         e.class
       ];
     });
-    return (u, p) => (c(), v("button", {
+    return (i, c) => (u(), p("button", {
       type: "button",
-      class: E(s.value),
-      disabled: n.value,
-      onClick: ie(d, ["stop", "prevent"])
+      class: E(d.value),
+      disabled: a.value,
+      onClick: re(r, ["stop", "prevent"])
     }, [
-      u.loading ? (c(), v("div", dt, [
-        C(b(ge), { size: 20 })
+      i.loading ? (u(), p("div", ut, [
+        A(v(ke), { size: 20 })
       ])) : L("", !0),
-      X("span", ut, [
-        u.iconOnRight ? (c(), v(ee, { key: 0 }, [
-          re(W(e.label), 1)
+      Y("span", ct, [
+        i.iconOnRight ? (u(), p(te, { key: 0 }, [
+          de(H(e.label), 1)
         ], 64)) : L("", !0),
-        h(u.$slots, "default"),
-        u.iconOnRight ? L("", !0) : (c(), v(ee, { key: 1 }, [
-          re(W(e.label), 1)
+        m(i.$slots, "default"),
+        i.iconOnRight ? L("", !0) : (u(), p(te, { key: 1 }, [
+          de(H(e.label), 1)
         ], 64))
       ])
-    ], 10, rt));
+    ], 10, dt));
   }
-}), ue = x(ct), ft = /* @__PURE__ */ S({
+}), ce = S(ft), pt = /* @__PURE__ */ B({
   __name: "QButtonGroup",
   props: {
     disabled: { type: Boolean },
@@ -329,72 +329,62 @@ const ge = x(st), rt = ["disabled"], dt = {
     class: { default: void 0 }
   },
   setup(t) {
-    const l = t;
-    return ze({
+    const n = t;
+    return Qe({
       QButton: {
         bStyle: "secondary",
-        disabled: we(l, "disabled"),
-        borderless: we(l, "borderless"),
+        disabled: qe(n, "disabled"),
+        borderless: qe(n, "borderless"),
         elevated: !1
       }
-    }), (o, e) => (c(), v("div", {
+    }), (e, o) => (u(), p("div", {
       class: E([
         "q-btn-group",
         {
-          "q-btn-group--elevated": l.elevated
+          "q-btn-group--elevated": n.elevated
         },
-        l.class
+        n.class
       ])
     }, [
-      h(o.$slots, "default")
+      m(e.$slots, "default")
     ], 2));
   }
-}), pt = x(ft), mt = /* @__PURE__ */ S({
+}), mt = S(pt), vt = /* @__PURE__ */ B({
   __name: "QButtonToggle",
-  props: {
-    modelValue: {},
+  props: /* @__PURE__ */ K({
     options: {},
     disabled: { type: Boolean },
     borderless: { type: Boolean },
     elevated: { type: Boolean },
     required: { type: Boolean },
     class: {}
-  },
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
   emits: ["update:modelValue"],
-  setup(t, { emit: l }) {
-    const o = l, e = t, n = q(e.modelValue);
-    z(
-      () => e.modelValue,
-      (u) => n.value = u
-    );
-    const d = k({
-      get() {
-        return n.value;
-      },
-      set(u) {
-        n.value = u, o("update:modelValue", u);
-      }
-    });
-    function s(u) {
-      d.value === u.key && !e.required ? d.value = void 0 : d.value = u.key;
+  setup(t) {
+    const n = t, e = X(t, "modelValue");
+    function o(a) {
+      e.value === a.key && !n.required ? e.value = void 0 : e.value = a.key;
     }
-    return (u, p) => (c(), B(b(pt), {
+    return (a, r) => (u(), V(v(mt), {
       "b-style": "secondary",
-      class: E(e.class),
-      disabled: e.disabled,
-      borderless: e.borderless,
-      elevated: e.elevated
+      class: E(n.class),
+      disabled: n.disabled,
+      borderless: n.borderless,
+      elevated: n.elevated
     }, {
       default: _(() => [
-        (c(!0), v(ee, null, me(e.options, (y) => (c(), B(b(ue), {
-          key: y.key,
-          title: y.title,
-          label: y.label,
-          active: d.value === y.key,
-          onClick: () => s(y)
+        (u(!0), p(te, null, he(n.options, (d) => (u(), V(v(ce), {
+          key: d.key,
+          title: d.title,
+          label: d.label,
+          active: e.value === d.key,
+          onClick: () => o(d)
         }, {
           default: _(() => [
-            h(u.$slots, y.key)
+            m(a.$slots, d.key)
           ]),
           _: 2
         }, 1032, ["title", "label", "active", "onClick"]))), 128))
@@ -402,7 +392,7 @@ const ge = x(st), rt = ["disabled"], dt = {
       _: 3
     }, 8, ["class", "disabled", "borderless", "elevated"]));
   }
-}), Sl = x(mt), vt = /* @__PURE__ */ S({
+}), Sn = S(vt), ht = /* @__PURE__ */ B({
   __name: "QIcon",
   props: {
     icon: {},
@@ -411,25 +401,25 @@ const ge = x(st), rt = ["disabled"], dt = {
     class: { default: void 0 }
   },
   setup(t) {
-    const l = t, o = k(() => {
-      switch (l.type) {
+    const n = t, e = w(() => {
+      switch (n.type) {
         case "svg":
-          return It;
+          return Lt;
         case "font":
-          return $t;
-        case "img":
           return qt;
+        case "img":
+          return It;
         default:
           return;
       }
     });
-    return (e, n) => (c(), B(Te(o.value), {
-      class: E(l.class),
-      icon: l.icon,
-      size: l.size
+    return (o, a) => (u(), V(ze(e.value), {
+      class: E(n.class),
+      icon: n.icon,
+      size: n.size
     }, null, 8, ["class", "icon", "size"]));
   }
-}), ht = /* @__PURE__ */ S({
+}), bt = /* @__PURE__ */ B({
   __name: "QIconFont",
   props: {
     icon: {},
@@ -439,15 +429,15 @@ const ge = x(st), rt = ["disabled"], dt = {
     class: { default: void 0 }
   },
   setup(t) {
-    const l = t, o = k(() => l.variant ? `${l.library}-${l.variant}` : l.library), e = k(() => l.library && l.icon ? `${l.library}-${l.icon}` : l.icon), n = k(() => ({
-      "font-size": l.size !== void 0 ? `${l.size}px` : void 0
+    const n = t, e = w(() => n.variant ? `${n.library}-${n.variant}` : n.library), o = w(() => n.library && n.icon ? `${n.library}-${n.icon}` : n.icon), a = w(() => ({
+      "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
-    return (d, s) => (c(), v("i", {
-      class: E(["q-icon", "q-icon__font", o.value, e.value, l.class]),
-      style: ce(n.value)
+    return (r, d) => (u(), p("i", {
+      class: E(["q-icon", "q-icon__font", e.value, o.value, n.class]),
+      style: fe(a.value)
     }, null, 6));
   }
-}), bt = ["src"], yt = /* @__PURE__ */ S({
+}), yt = ["src"], gt = /* @__PURE__ */ B({
   __name: "QIconImg",
   props: {
     icon: {},
@@ -455,16 +445,16 @@ const ge = x(st), rt = ["disabled"], dt = {
     class: {}
   },
   setup(t) {
-    const l = t, o = k(() => ({
-      "font-size": l.size !== void 0 ? `${l.size}px` : void 0
+    const n = t, e = w(() => ({
+      "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
-    return (e, n) => (c(), v("img", {
-      src: l.icon,
-      class: E(["q-icon", "q-icon__img", l.class]),
-      style: ce(o.value)
-    }, null, 14, bt));
+    return (o, a) => (u(), p("img", {
+      src: n.icon,
+      class: E(["q-icon", "q-icon__img", n.class]),
+      style: fe(e.value)
+    }, null, 14, yt));
   }
-}), se = {}, gt = S({
+}), ie = {}, _t = B({
   name: "InlineSvg",
   emits: {
     loaded: (t) => typeof t == "object",
@@ -477,9 +467,9 @@ const ge = x(st), rt = ["disabled"], dt = {
       return null;
     const t = this.getSvgContent(this.svgElSource);
     if (!t)
-      return $e("div", this.$attrs);
-    const l = {};
-    return this.copySvgAttrs(l, this.svgElSource), this.copySvgAttrs(l, t), this.copyComponentAttrs(l, this.$attrs), l.innerHTML = t.innerHTML, $e("svg", l);
+      return Ie("div", this.$attrs);
+    const n = {};
+    return this.copySvgAttrs(n, this.svgElSource), this.copySvgAttrs(n, t), this.copyComponentAttrs(n, this.$attrs), n.innerHTML = t.innerHTML, Ie("svg", n);
   },
   props: {
     /**
@@ -530,18 +520,18 @@ const ge = x(st), rt = ["disabled"], dt = {
     await this.getSource(this.src);
   },
   methods: {
-    copySvgAttrs(t, l) {
-      const o = l.attributes;
-      if (o)
-        for (const e of o)
-          t[e.name] = e.value;
+    copySvgAttrs(t, n) {
+      const e = n.attributes;
+      if (e)
+        for (const o of e)
+          t[o.name] = o.value;
     },
-    copyComponentAttrs(t, l) {
-      for (const [o, e] of Object.entries(l))
-        e !== !1 && e !== null && e !== void 0 && (t[o] = e);
+    copyComponentAttrs(t, n) {
+      for (const [e, o] of Object.entries(n))
+        o !== !1 && o !== null && o !== void 0 && (t[e] = o);
     },
     getSvgContent(t) {
-      return this.symbol && (t = t.getElementById(this.symbol), !t) ? null : (this.transformSource && (t = t.cloneNode(!0), t = this.transformSource(t)), this.title && (this.transformSource || (t = t.cloneNode(!0)), _t(t, this.title)), t);
+      return this.symbol && (t = t.getElementById(this.symbol), !t) ? null : (this.transformSource && (t = t.cloneNode(!0), t = this.transformSource(t)), this.title && (this.transformSource || (t = t.cloneNode(!0)), kt(t, this.title)), t);
     },
     /**
      * Get svgElSource
@@ -549,11 +539,11 @@ const ge = x(st), rt = ["disabled"], dt = {
      */
     async getSource(t) {
       try {
-        se[t] || (se[t] = kt(this.download(t))), this.svgElSource && se[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
-        const l = await se[t];
-        this.svgElSource = l, await this.$nextTick(), this.$emit("loaded", this.$el);
-      } catch (l) {
-        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete se[t], this.$emit("error", l);
+        ie[t] || (ie[t] = wt(this.download(t))), this.svgElSource && ie[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
+        const n = await ie[t];
+        this.svgElSource = n, await this.$nextTick(), this.$emit("loaded", this.$el);
+      } catch (n) {
+        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete ie[t], this.$emit("error", n);
       }
     },
     /**
@@ -562,13 +552,13 @@ const ge = x(st), rt = ["disabled"], dt = {
      * @returns {PromiseWithState<Element>}
      */
     async download(t) {
-      const l = await fetch(t);
-      if (!l.ok)
+      const n = await fetch(t);
+      if (!n.ok)
         throw new Error("Error loading SVG");
-      const o = await l.text(), d = new DOMParser().parseFromString(o, "text/xml").getElementsByTagName("svg")[0];
-      if (!d)
+      const e = await n.text(), r = new DOMParser().parseFromString(e, "text/xml").getElementsByTagName("svg")[0];
+      if (!r)
         throw new Error("Loaded file is not a valid SVG");
-      return d;
+      return r;
     }
   },
   watch: {
@@ -578,28 +568,28 @@ const ge = x(st), rt = ["disabled"], dt = {
   },
   expose: []
 });
-function _t(t, l) {
-  const o = t.getElementsByTagName("title");
-  if (o.length)
-    o[0].textContent = l;
+function kt(t, n) {
+  const e = t.getElementsByTagName("title");
+  if (e.length)
+    e[0].textContent = n;
   else {
-    const e = document.createElementNS("http://www.w3.org/2000/svg", "title");
-    e.textContent = l, t.insertBefore(e, t.firstChild);
+    const o = document.createElementNS("http://www.w3.org/2000/svg", "title");
+    o.textContent = n, t.insertBefore(o, t.firstChild);
   }
 }
-function kt(t) {
+function wt(t) {
   if (t.getIsPending)
     return t;
-  let l = !0;
-  const o = t.then(
-    (e) => (l = !1, e),
-    (e) => {
-      throw l = !1, e;
+  let n = !0;
+  const e = t.then(
+    (o) => (n = !1, o),
+    (o) => {
+      throw n = !1, o;
     }
   );
-  return o.getIsPending = () => l, o;
+  return e.getIsPending = () => n, e;
 }
-const wt = /* @__PURE__ */ S({
+const $t = /* @__PURE__ */ B({
   __name: "QIconSvg",
   props: {
     icon: {},
@@ -608,29 +598,28 @@ const wt = /* @__PURE__ */ S({
     class: { default: void 0 }
   },
   emits: ["loaded", "unloaded"],
-  setup(t, { emit: l }) {
-    const o = l, e = t, n = k(() => ({
+  setup(t, { emit: n }) {
+    const e = t, o = n, a = w(() => ({
       "font-size": e.size !== void 0 ? `${e.size}px` : void 0
     }));
-    function d(u) {
-      o("loaded", u);
+    function r(i) {
+      o("loaded", i);
     }
-    function s() {
+    function d() {
       o("unloaded");
     }
-    return (u, p) => (c(), B(b(gt), {
+    return (i, c) => (u(), V(v(_t), {
       class: E(["q-icon", "q-icon__svg", e.class]),
       src: e.bundle,
       symbol: e.icon,
-      style: ce(n.value),
-      onLoaded: d,
-      onUnloaded: s
+      style: fe(a.value),
+      onLoaded: r,
+      onUnloaded: d
     }, null, 8, ["class", "src", "symbol", "style"]));
   }
-}), J = x(vt), $t = x(ht), qt = x(yt), It = x(wt), Lt = /* @__PURE__ */ S({
+}), ee = S(ht), qt = S(bt), It = S(gt), Lt = S($t), xt = /* @__PURE__ */ B({
   __name: "QList",
-  props: {
-    modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
+  props: /* @__PURE__ */ K({
     highlighted: { type: [String, Number, Boolean, Symbol], default: void 0 },
     items: {},
     groups: { default: () => [] },
@@ -638,147 +627,145 @@ const wt = /* @__PURE__ */ S({
     itemLabel: { default: "label" },
     disabled: { type: Boolean },
     class: { default: void 0 }
-  },
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
   emits: ["update:modelValue"],
-  setup(t, { expose: l, emit: o }) {
-    const e = o, n = t, d = q(n.modelValue), s = q(!1), u = k(() => p.value.length > 1 ? "div" : "ul"), p = k(() => n.groups.length ? n.groups : [{ id: "", title: "" }]), y = q(null);
-    function w(i) {
-      d.value = i, e("update:modelValue", i);
+  setup(t, { expose: n }) {
+    const e = t, o = X(t, "modelValue"), a = T(!1), r = w(() => d.value.length > 1 ? "div" : "ul"), d = w(() => e.groups.length ? e.groups : [{ id: "", title: "" }]), i = T(null);
+    function c(f) {
+      o.value = f;
     }
-    function f() {
-      s.value = !0;
+    function q() {
+      a.value = !0;
     }
-    function Q() {
-      s.value = !1;
+    function k() {
+      a.value = !1;
     }
-    function T(i) {
-      var $;
-      if (($ = y.value) != null && $.contains(i.relatedTarget))
+    function g(f) {
+      var l;
+      if ((l = i.value) != null && l.contains(f.relatedTarget))
         return;
-      let a;
-      d.value ? a = n.items.findIndex((D) => D[n.itemValue] === d.value) : a = j();
-      const m = s.value;
-      R(a, m);
+      let b;
+      o.value ? b = e.items.findIndex((h) => h[e.itemValue] === o.value) : b = W();
+      const $ = a.value;
+      z(b, $);
     }
-    function V(i) {
-      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(i.key) && i.preventDefault(), i.key) {
+    function F(f) {
+      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(f.key) && f.preventDefault(), f.key) {
         case "ArrowDown":
-          A("next");
+          D("next");
           break;
         case "ArrowUp":
-          A("prev");
+          D("prev");
           break;
         case "Home":
-          A("first");
+          D("first");
           break;
         case "End":
-          A("last");
+          D("last");
           break;
       }
     }
-    function A(i) {
-      switch (i) {
+    function D(f) {
+      switch (f) {
         case "next":
         case "prev":
-          R(M(i));
+          z(j(f));
           break;
         case "first":
-          R(j());
+          z(W());
           break;
         case "last":
-          R(F());
+          z(C());
           break;
       }
     }
-    function R(i, a = !1) {
-      var $;
-      ($ = O()[i]) == null || $.focus({ preventScroll: a });
-    }
-    function O() {
-      var a;
-      const i = (a = y.value) == null ? void 0 : a.querySelectorAll("li");
-      return i ? Array.from(i) : [];
-    }
-    function U(i) {
-      return O()[i];
-    }
-    function N() {
-      return O().indexOf(document.activeElement);
-    }
-    function j() {
-      const i = O(), a = i.find((m) => Z(m));
-      return a ? i.indexOf(a) : -1;
-    }
-    function F() {
-      const i = O(), a = [...i].reverse().find((m) => Z(m));
-      return a ? i.indexOf(a) : -1;
-    }
-    function K(i, a, m) {
-      return a === "prev" && i === 0 || a === "next" && i === m.length - 1;
-    }
-    function M(i) {
-      const a = N();
-      return Y(a, i);
-    }
-    function Y(i, a) {
-      const m = O();
-      if (K(i, a, m))
-        return i;
-      let $ = i + (a === "next" ? 1 : -1);
-      for (; !Z(m[$]); ) {
-        if (K($, a, m))
-          return i;
-        $ += a === "next" ? 1 : -1;
+    function z(f, b = !1) {
+      var l;
+      (l = x()[f]) == null || l.focus({ preventScroll: b });
+    }
+    function x() {
+      var b;
+      const f = (b = i.value) == null ? void 0 : b.querySelectorAll("li");
+      return f ? Array.from(f) : [];
+    }
+    function G(f) {
+      return x()[f];
+    }
+    function oe() {
+      return x().indexOf(document.activeElement);
+    }
+    function W() {
+      const f = x(), b = f.find(($) => Z($));
+      return b ? f.indexOf(b) : -1;
+    }
+    function C() {
+      const f = x(), b = [...f].reverse().find(($) => Z($));
+      return b ? f.indexOf(b) : -1;
+    }
+    function M(f, b, $) {
+      return b === "prev" && f === 0 || b === "next" && f === $.length - 1;
+    }
+    function j(f) {
+      const b = oe();
+      return R(b, f);
+    }
+    function R(f, b) {
+      const $ = x();
+      if (M(f, b, $))
+        return f;
+      let l = f + (b === "next" ? 1 : -1);
+      for (; !Z($[l]); ) {
+        if (M(l, b, $))
+          return f;
+        l += b === "next" ? 1 : -1;
       }
-      return $;
+      return l;
     }
-    function Z(i) {
-      return i.tabIndex === -2;
+    function Z(f) {
+      return f.tabIndex === -2;
     }
-    function P(i) {
-      return i ? n.items.filter((a) => a.group === i) : n.items;
+    function J(f) {
+      return f ? e.items.filter((b) => b.group === f) : e.items;
     }
-    return z(
-      () => n.modelValue,
-      (i) => {
-        d.value = i;
-      }
-    ), l({
-      focusItem: R,
-      getItem: U,
-      getAdjacentItemIndex: Y,
-      getFirstFocusableItemIndex: j,
-      getLastFocusableItemIndex: F
-    }), (i, a) => (c(), B(Te(u.value), {
+    return n({
+      focusItem: z,
+      getItem: G,
+      getAdjacentItemIndex: R,
+      getFirstFocusableItemIndex: W,
+      getLastFocusableItemIndex: C
+    }), (f, b) => (u(), V(ze(r.value), {
       ref_key: "listRef",
-      ref: y,
-      class: E(["q-list", { "q-list--disabled": n.disabled }, n.class]),
+      ref: i,
+      class: E(["q-list", { "q-list--disabled": e.disabled }, e.class]),
       role: "listbox",
-      tabindex: n.disabled ? -1 : 0,
-      onFocus: T,
-      onMousedown: f,
-      onMouseup: Q,
-      onKeydown: V
+      tabindex: e.disabled ? -1 : 0,
+      onFocus: g,
+      onMousedown: q,
+      onMouseup: k,
+      onKeydown: F
     }, {
       default: _(() => [
-        (c(!0), v(ee, null, me(p.value, (m) => (c(), B(b(Qt), {
-          key: m.id,
-          title: p.value.length === 1 ? void 0 : m.title,
-          disabled: m.disabled
+        (u(!0), p(te, null, he(d.value, ($) => (u(), V(v(At), {
+          key: $.id,
+          title: d.value.length === 1 ? void 0 : $.title,
+          disabled: $.disabled
         }, {
           default: _(() => [
-            (c(!0), v(ee, null, me(P(m.id), ($) => (c(), B(b(Ct), {
-              key: $[n.itemValue],
-              value: $[n.itemValue],
-              label: $[n.itemLabel],
-              icon: $.icon,
-              disabled: n.disabled || $.disabled,
-              highlighted: n.highlighted === $[n.itemValue],
-              selected: d.value === $[n.itemValue],
-              onSelect: w
+            (u(!0), p(te, null, he(J($.id), (l) => (u(), V(v(Qt), {
+              key: l[e.itemValue],
+              value: l[e.itemValue],
+              label: l[e.itemLabel],
+              icon: l.icon,
+              disabled: e.disabled || l.disabled,
+              highlighted: e.highlighted === l[e.itemValue],
+              selected: o.value === l[e.itemValue],
+              onSelect: c
             }, {
               default: _(() => [
-                h(i.$slots, "item", { item: $ })
+                m(f.$slots, "item", { item: l })
               ]),
               _: 2
             }, 1032, ["value", "label", "icon", "disabled", "highlighted", "selected"]))), 128))
@@ -790,15 +777,15 @@ const wt = /* @__PURE__ */ S({
     }, 40, ["class", "tabindex"]));
   }
 });
-let St = 0;
-function fe(t) {
-  return t || `uid-${++St}`;
+let Bt = 0;
+function pe(t) {
+  return t || `uid-${++Bt}`;
 }
-const xt = ["id", "tabindex", "aria-label", "aria-selected"], Vt = { class: "q-list-item__check-container" }, Bt = {
+const St = ["id", "tabindex", "aria-label", "aria-selected"], Vt = { class: "q-list-item__check-container" }, Et = {
   check: {
     icon: "check"
   }
-}, Et = /* @__PURE__ */ S({
+}, Tt = /* @__PURE__ */ B({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
@@ -806,20 +793,20 @@ const xt = ["id", "tabindex", "aria-label", "aria-selected"], Vt = { class: "q-l
     icon: { default: void 0 },
     selected: { type: Boolean },
     highlighted: { type: Boolean },
-    icons: { default: () => Bt },
+    icons: { default: () => Et },
     disabled: { type: Boolean }
   },
   emits: ["select"],
-  setup(t, { emit: l }) {
-    const o = l, e = t, n = fe();
-    function d() {
+  setup(t, { emit: n }) {
+    const e = t, o = n, a = pe();
+    function r() {
       e.disabled || o("select", e.value);
     }
-    function s(u) {
-      u.key === "Tab" && d(), (u.key === "Enter" || u.key === " ") && (u.preventDefault(), u.stopPropagation(), d());
+    function d(i) {
+      i.key === "Tab" && r(), (i.key === "Enter" || i.key === " ") && (i.preventDefault(), i.stopPropagation(), r());
     }
-    return (u, p) => (c(), v("li", {
-      id: b(n),
+    return (i, c) => (u(), p("li", {
+      id: v(a),
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
       class: E([
@@ -832,110 +819,109 @@ const xt = ["id", "tabindex", "aria-label", "aria-selected"], Vt = { class: "q-l
       ]),
       "aria-label": e.label,
       "aria-selected": e.disabled ? void 0 : e.selected,
-      onKeydown: s,
-      onClick: ie(d, ["stop", "prevent"])
+      onKeydown: d,
+      onClick: re(r, ["stop", "prevent"])
     }, [
-      h(u.$slots, "default", {}, () => [
-        e.icon ? (c(), B(b(J), te(oe({ key: 0 }, e.icon)), null, 16)) : L("", !0),
-        re(" " + W(e.label), 1)
+      m(i.$slots, "default", {}, () => [
+        e.icon ? (u(), V(v(ee), ne(ae({ key: 0 }, e.icon)), null, 16)) : L("", !0),
+        de(" " + H(e.label), 1)
       ]),
-      X("div", Vt, [
-        e.selected ? (c(), B(b(J), oe({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : L("", !0)
+      Y("div", Vt, [
+        e.selected ? (u(), V(v(ee), ae({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : L("", !0)
       ])
-    ], 42, xt));
+    ], 42, St));
   }
-}), Tt = ["aria-labelledby"], Dt = ["id"], zt = /* @__PURE__ */ S({
+}), Dt = ["aria-labelledby"], zt = ["id"], Ct = /* @__PURE__ */ B({
   __name: "QListItemGroup",
   props: {
     title: { default: "" },
     disabled: { type: Boolean }
   },
   setup(t) {
-    const l = t, o = fe();
-    return (e, n) => (c(), v("ul", {
+    const n = t, e = pe();
+    return (o, a) => (u(), p("ul", {
       class: "q-list-item-group",
       role: "group",
-      "aria-labelledby": l.title ? b(o) : void 0
+      "aria-labelledby": n.title ? v(e) : void 0
     }, [
-      l.title ? (c(), v("li", {
+      n.title ? (u(), p("li", {
         key: 0,
-        id: b(o),
+        id: v(e),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, W(l.title), 9, Dt)) : L("", !0),
-      h(e.$slots, "default")
-    ], 8, Tt));
+      }, H(n.title), 9, zt)) : L("", !0),
+      m(o.$slots, "default")
+    ], 8, Dt));
   }
-}), Ae = x(Lt), Ct = x(Et), Qt = x(zt);
-function At(t, l, o = "right", e) {
-  const n = t.getBoundingClientRect(), d = n.x + window.scrollX, s = n.y + window.scrollY, u = l == null ? void 0 : l.getBoundingClientRect(), p = (u == null ? void 0 : u.width) ?? 0, y = (u == null ? void 0 : u.height) ?? 0;
-  let w = o;
-  u && !Fe(n, u, w) && (w = Ft(n, u, w));
-  const f = { x: 0, y: 0, placement: w };
-  switch (w) {
+}), Me = S(xt), Qt = S(Tt), At = S(Ct);
+function Ft(t, n, e = "right", o) {
+  const a = t.getBoundingClientRect(), r = a.x + window.scrollX, d = a.y + window.scrollY, i = n == null ? void 0 : n.getBoundingClientRect(), c = (i == null ? void 0 : i.width) ?? 0, q = (i == null ? void 0 : i.height) ?? 0;
+  let k = e;
+  i && !Re(a, i, k) && (k = Mt(a, i, k));
+  const g = { x: 0, y: 0, placement: k };
+  switch (k) {
     case "top":
-      e === "anchor" ? f.x = d : f.x = d + (n.width - p) / 2, f.y = s - y;
+      o === "anchor" ? g.x = r : g.x = r + (a.width - c) / 2, g.y = d - q;
       break;
     case "bottom":
-      e === "anchor" ? f.x = d : f.x = d + (n.width - p) / 2, f.y = s + n.height;
+      o === "anchor" ? g.x = r : g.x = r + (a.width - c) / 2, g.y = d + a.height;
       break;
     case "left":
-      f.x = d - p, f.y = s + n.height / 2 - y / 2;
+      g.x = r - c, g.y = d + a.height / 2 - q / 2;
       break;
     case "right":
-      f.x = d + n.width, f.y = s + n.height / 2 - y / 2;
+      g.x = r + a.width, g.y = d + a.height / 2 - q / 2;
       break;
   }
-  return e === "anchor" && n.width >= p && (f.width = n.width), f;
+  return o === "anchor" && a.width >= c && (g.width = a.width), g;
 }
-function Fe(t, l, o) {
-  let e = !1, n = !1;
-  switch (o) {
+function Re(t, n, e) {
+  let o = !1, a = !1;
+  switch (e) {
     case "top":
-      e = xe(t, l), n = t.top > l.height;
+      o = Ve(t, n), a = t.top > n.height;
       break;
     case "bottom":
-      e = xe(t, l), n = window.innerHeight - t.top - t.height > l.height;
+      o = Ve(t, n), a = window.innerHeight - t.top - t.height > n.height;
       break;
     case "left":
-      e = t.left > l.width, n = Se(t, l);
+      o = t.left > n.width, a = Se(t, n);
       break;
     case "right":
-      e = window.innerWidth - t.left - t.width > l.width, n = Se(t, l);
+      o = window.innerWidth - t.left - t.width > n.width, a = Se(t, n);
       break;
   }
-  return e && n;
+  return o && a;
 }
-function Se(t, l) {
-  return window.innerHeight - t.top - t.height / 2 > l.height / 2 && t.top + t.height / 2 > l.height / 2;
+function Se(t, n) {
+  return window.innerHeight - t.top - t.height / 2 > n.height / 2 && t.top + t.height / 2 > n.height / 2;
 }
-function xe(t, l) {
-  return window.innerWidth - t.left - t.width / 2 > l.width / 2 && t.left + t.width / 2 > l.width / 2;
+function Ve(t, n) {
+  return window.innerWidth - t.left - t.width / 2 > n.width / 2 && t.left + t.width / 2 > n.width / 2;
 }
-function Ft(t, l, o) {
-  const e = {
+function Mt(t, n, e) {
+  const o = {
     top: ["bottom", "left", "right"],
     bottom: ["top", "left", "right"],
     left: ["right", "top", "bottom"],
     right: ["left", "top", "bottom"]
   };
-  for (const n of e[o])
-    if (Fe(t, l, n))
-      return n;
-  return o;
+  for (const a of o[e])
+    if (Re(t, n, a))
+      return a;
+  return e;
 }
-function ne(t) {
+function le(t) {
   return typeof t == "string" ? document.querySelector(t) : t && "$el" in t ? t.$el : t;
 }
 const Rt = ["role"], Ot = {
   key: 0,
   role: "presentation",
   class: "q-overlay__arrow"
-}, Ut = /* @__PURE__ */ S({
+}, Ut = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QOverlay",
-  props: {
-    modelValue: { type: Boolean },
+  props: /* @__PURE__ */ K({
     anchor: { default: void 0 },
     appearance: { default: "regular" },
     arrow: { type: Boolean },
@@ -949,204 +935,200 @@ const Rt = ["role"], Ot = {
     trigger: { default: "click" },
     width: { default: "auto" },
     class: { default: void 0 }
-  },
-  emits: ["update:modelValue", "enter", "leave"],
-  setup(t, { emit: l }) {
-    const o = l, e = t, n = k(() => [
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ K(["enter", "leave"], ["update:modelValue"]),
+  setup(t, { emit: n }) {
+    const e = t, o = n, a = X(t, "modelValue"), r = w(() => [
       "q-overlay",
-      `q-overlay--${s.placement}`,
+      `q-overlay--${i.placement}`,
       { "q-overlay--inverted": e.appearance === "inverted" },
       e.class
-    ]), d = k(
-      () => (s.visible || s.animating) && e.trigger === "click"
-    ), s = Ne({
-      visible: e.modelValue,
+    ]), d = w(
+      () => (a.value || i.animating) && e.trigger === "click"
+    ), i = Ne({
       animating: !1,
       top: 0,
       left: 0,
       width: 0,
       placement: e.placement
     });
-    z(
-      () => e.modelValue,
-      () => s.visible = e.modelValue
-    ), z(
-      () => s.visible,
-      () => s.animating = !0
-    );
-    const u = k(() => {
-      let i = 0, a = 0;
-      switch (s.placement) {
+    P(a, () => i.animating = !0);
+    const c = w(() => {
+      let l = 0, h = 0;
+      switch (i.placement) {
         case "top":
-          a = -(e.offset || 0);
+          h = -(e.offset || 0);
           break;
         case "bottom":
-          a = e.offset || 0;
+          h = e.offset || 0;
           break;
         case "left":
-          i = -(e.offset || 0);
+          l = -(e.offset || 0);
           break;
         case "right":
-          i = e.offset || 0;
+          l = e.offset || 0;
           break;
       }
-      const m = {
-        top: `${s.top + a}px`,
-        left: `${s.left + i}px`
+      const O = {
+        top: `${i.top + h}px`,
+        left: `${i.left + l}px`
       };
-      return s.width !== void 0 && ["top", "bottom"].includes(s.placement) && (m.width = `${s.width}px`), m;
-    }), p = q(null);
-    function y() {
+      return i.width !== void 0 && ["top", "bottom"].includes(i.placement) && (O.width = `${i.width}px`), O;
+    }), q = T(null);
+    function k() {
       if (e.anchor) {
-        const i = ne(e.anchor);
-        if (i) {
-          const a = At(
-            i,
-            p.value,
+        const l = le(e.anchor);
+        if (l) {
+          const h = Ft(
+            l,
+            q.value,
             e.placement,
             e.width
           );
-          s.left = a.x, s.top = a.y, s.width = a.width, s.placement = a.placement;
+          i.left = h.x, i.top = h.y, i.width = h.width, i.placement = h.placement;
         }
       }
     }
-    z([() => s.visible, () => e.placement], y);
-    let w;
-    function f() {
-      T(0);
+    P([a, () => e.placement], k);
+    let g;
+    function F() {
+      z(0);
     }
-    function Q() {
-      T(e.delay);
+    function D() {
+      z(e.delay);
     }
-    function T(i) {
-      w || (w = window.setTimeout(() => {
-        s.visible = !0, G(() => {
-          var a;
-          e.trigger === "click" && ((a = p.value) == null || a.focus());
+    function z(l) {
+      g || (g = window.setTimeout(() => {
+        a.value = !0, N(() => {
+          var h;
+          e.trigger === "click" && ((h = q.value) == null || h.focus());
         });
-      }, i));
+      }, l));
     }
-    function V() {
-      clearTimeout(w), w = void 0, s.visible = !1, G(() => {
+    function x() {
+      clearTimeout(g), g = void 0, a.value = !1, N(() => {
         if (e.anchor && e.trigger === "click") {
-          const i = ne(e.anchor);
-          i == null || i.focus();
+          const l = le(e.anchor);
+          l == null || l.focus();
         }
       });
     }
-    let A;
-    function R() {
+    let G;
+    function oe() {
       o("enter");
     }
-    function O() {
-      window.clearTimeout(A), A = window.setTimeout(() => s.animating = !1, 200), o("leave");
+    function W() {
+      window.clearTimeout(G), G = window.setTimeout(() => i.animating = !1, 200), o("leave");
     }
-    let U;
-    function N() {
-      G(() => {
+    let C;
+    function M() {
+      N(() => {
         if (!e.anchor)
           return;
-        const i = ne(e.anchor);
-        if (i)
+        const l = le(e.anchor);
+        if (l)
           switch (e.trigger) {
             case "click":
-              i.addEventListener("click", f);
+              l.addEventListener("click", F);
               break;
             case "hover":
-              i.addEventListener("mouseenter", Q), i.addEventListener("mouseleave", V), i.addEventListener("focusin", f), i.addEventListener("focusout", V);
+              l.addEventListener("mouseenter", D), l.addEventListener("mouseleave", x), l.addEventListener("focusin", F), l.addEventListener("focusout", x);
               break;
           }
       });
     }
     function j() {
-      G(() => {
+      N(() => {
         if (!e.anchor)
           return;
-        const i = ne(e.anchor);
-        i && (window.addEventListener("resize", y), U = new MutationObserver(y), U.observe(i, {
+        const l = le(e.anchor);
+        l && (window.addEventListener("resize", k), C = new MutationObserver(k), C.observe(l, {
           attributes: !1,
           childList: !0,
           characterData: !0,
           subtree: !0
-        }), y());
+        }), k());
       });
     }
-    function F() {
+    function R() {
       if (!e.anchor)
         return;
-      const i = ne(e.anchor);
-      if (i)
+      const l = le(e.anchor);
+      if (l)
         switch (e.trigger) {
           case "click":
-            i.removeEventListener("click", f);
+            l.removeEventListener("click", F);
             break;
           case "hover":
-            i.removeEventListener("mouseenter", Q), i.removeEventListener("mouseleave", V), i.removeEventListener("focusin", f), i.removeEventListener("focusout", V);
+            l.removeEventListener("mouseenter", D), l.removeEventListener("mouseleave", x), l.removeEventListener("focusin", F), l.removeEventListener("focusout", x);
             break;
         }
     }
-    function K() {
-      window.removeEventListener("resize", y), U == null || U.disconnect();
+    function Z() {
+      window.removeEventListener("resize", k), C == null || C.disconnect();
     }
-    let M;
-    function Y() {
+    let J;
+    function f() {
       if (!e.anchor)
         return;
-      ne(e.anchor) ? (y(), M = window.setTimeout(Y, 100)) : V();
+      le(e.anchor) ? (k(), J = window.setTimeout(f, 100)) : x();
     }
-    function Z() {
-      j(), e.spy && Y(), e.anchor && document.addEventListener("scroll", V);
+    function b() {
+      j(), e.spy && f(), e.anchor && document.addEventListener("scroll", x);
     }
-    function P() {
-      K(), e.spy && (clearTimeout(M), M = void 0), document.removeEventListener("scroll", V);
+    function $() {
+      Z(), e.spy && (clearTimeout(J), J = void 0), document.removeEventListener("scroll", x);
     }
-    return Me(() => {
-      F(), P();
-    }), De(() => {
-      G(() => {
-        N(), y();
+    return He(() => {
+      R(), $();
+    }), Ce(() => {
+      N(() => {
+        M(), k();
       });
-    }), z(
-      () => s.visible,
-      (i) => {
-        i ? Z() : P(), o("update:modelValue", i);
+    }), P(
+      a,
+      (l) => {
+        l ? b() : $();
       },
       { immediate: !0 }
-    ), (i, a) => (c(), B(He, {
-      disabled: !s.visible && !s.animating || !e.attach,
+    ), (l, h) => (u(), V(Ke, {
+      disabled: !a.value && !i.animating || !e.attach,
       to: e.attach
     }, [
-      d.value ? (c(), v("div", {
+      d.value ? (u(), p("div", {
         key: 0,
         class: E([
           "q-overlay__underlay",
           { "q-overlay__underlay--blur": e.backdropBlur }
         ])
       }, null, 2)) : L("", !0),
-      C(Ke, {
+      A(Ge, {
         name: e.transition,
         appear: "",
-        onEnter: R,
-        onLeave: O
+        onEnter: oe,
+        onLeave: W
       }, {
         default: _(() => [
-          s.visible ? (c(), v("div", {
+          a.value ? (u(), p("div", {
             key: 0,
-            class: E(n.value),
-            style: ce(u.value)
+            class: E(r.value),
+            style: fe(c.value)
           }, [
-            X("div", oe({
+            Y("div", ae({
               class: "q-overlay__content",
               ref_key: "overlayRef",
-              ref: p,
+              ref: q,
               tabindex: "-1",
               role: d.value ? "dialog" : void 0
-            }, i.$attrs, {
-              onKeydown: Ge(V, ["escape"]),
-              onBlur: V
+            }, l.$attrs, {
+              onKeydown: We(x, ["escape"]),
+              onBlur: x
             }), [
-              e.arrow ? (c(), v("div", Ot)) : L("", !0),
-              h(i.$slots, "default")
+              e.arrow ? (u(), p("div", Ot)) : L("", !0),
+              m(l.$slots, "default")
             ], 16, Rt)
           ], 6)) : L("", !0)
         ]),
@@ -1154,19 +1136,19 @@ const Rt = ["role"], Ot = {
       }, 8, ["name"])
     ], 8, ["disabled", "to"]));
   }
-}), pe = x(Ut), Nt = ["id"], Mt = {
+}), ve = S(Ut), Nt = ["id"], Ht = {
   key: 0,
   class: "q-field__label"
-}, Ht = ["for"], Kt = {
+}, Kt = ["for"], Gt = {
   key: 0,
   class: "q-field__prepend"
-}, Gt = {
+}, Wt = {
   key: 1,
   class: "q-field__append"
-}, Wt = {
+}, jt = {
   key: 1,
   class: "q-field__extras"
-}, jt = /* @__PURE__ */ S({
+}, Pt = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QField",
   props: {
@@ -1179,55 +1161,54 @@ const Rt = ["role"], Ot = {
     required: { type: Boolean },
     class: { default: void 0 }
   },
-  setup(t, { expose: l }) {
-    const o = t, e = fe(o.id), n = q(null), d = k(() => o.required && !o.readonly && !o.disabled);
-    return l({
-      fieldRef: n
-    }), (s, u) => (c(), v("div", {
-      id: b(e),
+  setup(t, { expose: n }) {
+    const e = t, o = pe(e.id), a = T(null), r = w(() => e.required && !e.readonly && !e.disabled);
+    return n({
+      fieldRef: a
+    }), (d, i) => (u(), p("div", {
+      id: v(o),
       class: E([
         "q-field",
-        `q-field--${o.size}`,
+        `q-field--${e.size}`,
         {
-          "q-field--readonly": o.readonly,
-          "q-field--disabled": o.disabled,
-          "q-field--required": d.value
+          "q-field--readonly": e.readonly,
+          "q-field--disabled": e.disabled,
+          "q-field--required": r.value
         },
-        o.class
+        e.class
       ])
     }, [
-      o.label ? (c(), v("div", Mt, [
-        h(s.$slots, "label.prepend"),
-        X("label", {
-          for: o.for
-        }, W(o.label), 9, Ht),
-        h(s.$slots, "label.append")
+      e.label ? (u(), p("div", Ht, [
+        m(d.$slots, "label.prepend"),
+        Y("label", {
+          for: e.for
+        }, H(e.label), 9, Kt),
+        m(d.$slots, "label.append")
       ])) : L("", !0),
-      h(s.$slots, "control", {}, () => [
-        X("div", oe({
+      m(d.$slots, "control", {}, () => [
+        Y("div", ae({
           class: "q-field__control",
           ref_key: "fieldRef",
-          ref: n
-        }, s.$attrs), [
-          s.$slots.prepend ? (c(), v("div", Kt, [
-            h(s.$slots, "prepend")
+          ref: a
+        }, d.$attrs), [
+          d.$slots.prepend ? (u(), p("div", Gt, [
+            m(d.$slots, "prepend")
           ])) : L("", !0),
-          h(s.$slots, "default"),
-          s.$slots.append ? (c(), v("div", Gt, [
-            h(s.$slots, "append")
+          m(d.$slots, "default"),
+          d.$slots.append ? (u(), p("div", Wt, [
+            m(d.$slots, "append")
           ])) : L("", !0)
         ], 16)
       ]),
-      s.$slots.extras ? (c(), v("div", Wt, [
-        h(s.$slots, "extras")
+      d.$slots.extras ? (u(), p("div", jt, [
+        m(d.$slots, "extras")
       ])) : L("", !0)
     ], 10, Nt));
   }
-}), _e = x(jt), Pt = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Xt = /* @__PURE__ */ S({
+}), we = S(Pt), Xt = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Yt = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QTextField",
-  props: {
-    modelValue: { default: "" },
+  props: /* @__PURE__ */ K({
     id: { default: void 0 },
     placeholder: { default: "" },
     label: { default: "" },
@@ -1239,107 +1220,99 @@ const Rt = ["role"], Ot = {
     role: { default: void 0 },
     type: { default: "text" },
     class: { default: void 0 }
-  },
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
   emits: ["update:modelValue"],
-  setup(t, { expose: l, emit: o }) {
-    const e = o, n = t, d = fe(n.id), s = q(n.modelValue), u = q(null), p = q(null), y = k({
-      get() {
-        return s.value;
-      },
-      set(f) {
-        s.value = f, e("update:modelValue", f);
-      }
-    }), w = k(
-      () => n.readonly || n.disabled ? "" : n.placeholder
+  setup(t, { expose: n }) {
+    const e = t, o = X(t, "modelValue"), a = pe(e.id), r = T(null), d = T(null), i = w(
+      () => e.readonly || e.disabled ? "" : e.placeholder
     );
-    return z(
-      () => n.modelValue,
-      (f) => s.value = f
-    ), l({
-      fieldRef: k(() => {
-        var f;
-        return (f = u.value) == null ? void 0 : f.fieldRef;
+    return n({
+      fieldRef: w(() => {
+        var c;
+        return (c = r.value) == null ? void 0 : c.fieldRef;
       }),
-      inputRef: p
-    }), (f, Q) => (c(), B(b(_e), {
+      inputRef: d
+    }), (c, q) => (u(), V(v(we), {
       ref_key: "fieldRef",
-      ref: u,
-      class: E(["q-text-field", n.class]),
-      for: b(d),
-      label: n.label,
-      size: n.size,
-      readonly: n.readonly,
-      disabled: n.disabled,
-      required: n.required
-    }, he({
+      ref: r,
+      class: E(["q-text-field", e.class]),
+      for: v(a),
+      label: e.label,
+      size: e.size,
+      readonly: e.readonly,
+      disabled: e.disabled,
+      required: e.required
+    }, ye({
       "label.prepend": _(() => [
-        h(f.$slots, "label.prepend")
+        m(c.$slots, "label.prepend")
       ]),
       "label.append": _(() => [
-        h(f.$slots, "label.append")
+        m(c.$slots, "label.append")
       ]),
       default: _(() => [
-        We(X("input", oe({
-          "onUpdate:modelValue": Q[0] || (Q[0] = (T) => y.value = T),
+        je(Y("input", ae({
+          "onUpdate:modelValue": q[0] || (q[0] = (k) => o.value = k),
           ref_key: "inputRef",
-          ref: p,
-          id: b(d),
+          ref: d,
+          id: v(a),
           class: "q-text-field__input",
-          type: n.type,
-          role: n.role,
-          required: n.required,
-          placeholder: w.value,
-          readonly: n.readonly,
-          disabled: n.disabled,
-          maxlength: n.maxLength
-        }, f.$attrs), null, 16, Pt), [
-          [je, y.value]
+          type: e.type,
+          role: e.role,
+          required: e.required,
+          placeholder: i.value,
+          readonly: e.readonly,
+          disabled: e.disabled,
+          maxlength: e.maxLength
+        }, c.$attrs), null, 16, Xt), [
+          [Pe, o.value]
         ])
       ]),
       _: 2
     }, [
-      f.$slots.prepend ? {
+      c.$slots.prepend ? {
         name: "prepend",
         fn: _(() => [
-          h(f.$slots, "prepend")
+          m(c.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
-      f.$slots.append ? {
+      c.$slots.append ? {
         name: "append",
         fn: _(() => [
-          h(f.$slots, "append")
+          m(c.$slots, "append")
         ]),
         key: "1"
       } : void 0,
-      f.$slots.extras ? {
+      c.$slots.extras ? {
         name: "extras",
         fn: _(() => [
-          h(f.$slots, "extras")
+          m(c.$slots, "extras")
         ]),
         key: "2"
       } : void 0
     ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
   }
-}), Yt = x(Xt), Zt = {
+}), Zt = S(Yt), Jt = {
   key: 0,
   class: "q-select__loader"
-}, Jt = {
+}, en = {
   key: 2,
   class: "q-select__loader"
-}, el = {
+}, tn = {
   noData: "No data available"
-}, tl = {
+}, nn = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, ll = /* @__PURE__ */ S({
+}, on = /* @__PURE__ */ B({
   __name: "QCombobox",
-  props: {
-    modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
+  props: /* @__PURE__ */ K({
     id: { default: void 0 },
     placeholder: { default: "" },
     selectionMode: { default: "automatic" },
@@ -1356,285 +1329,284 @@ const Rt = ["role"], Ot = {
     itemLabel: { default: "label" },
     emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
     size: { default: void 0 },
-    texts: { default: () => el },
-    icons: { default: () => tl },
+    texts: { default: () => tn },
+    icons: { default: () => nn },
     class: { default: void 0 }
-  },
-  emits: ["update:modelValue", "update:inputValue", "before-show", "before-hide", "show", "hide"],
-  setup(t, { expose: l, emit: o }) {
-    const e = o, n = t, d = q(n.modelValue), s = q(!1), u = q(""), p = q(void 0), y = q(null), w = q(null), f = q(null);
-    De(F);
-    const Q = k(() => n.clearable && !n.readonly && !n.disabled), T = k(() => {
-      var r;
-      return n.filterMode === "manual" || !U.value ? n.items : (r = n.items) == null ? void 0 : r.filter(
-        (g) => g[n.itemLabel].toLowerCase().startsWith(u.value.toLowerCase())
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {},
+    open: { type: Boolean },
+    openModifiers: {},
+    search: { default: "" },
+    searchModifiers: {}
+  }),
+  emits: /* @__PURE__ */ K(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
+  setup(t, { expose: n, emit: e }) {
+    const o = t, a = e, r = X(t, "modelValue"), d = X(t, "open"), i = X(t, "search"), c = T(void 0), q = T(null), k = T(null), g = T(null);
+    Ce(M);
+    const F = w(() => o.clearable && !o.readonly && !o.disabled), D = w(() => {
+      var s;
+      return o.filterMode === "manual" || !W.value ? o.items : (s = o.items) == null ? void 0 : s.filter(
+        (y) => y[o.itemLabel].toLowerCase().startsWith(i.value.toLowerCase())
       );
-    }), V = k(() => {
-      var r;
-      return (r = n.items) == null ? void 0 : r.find((g) => g[n.itemValue] === d.value);
-    }), A = k(() => V.value === void 0), R = k(() => {
-      const r = p.value;
-      if (r !== void 0 && T.value[r])
-        return T.value[r];
-    }), O = k(() => {
-      var g;
-      if (p.value === void 0)
+    }), z = w(() => {
+      var s;
+      return (s = o.items) == null ? void 0 : s.find((y) => y[o.itemValue] === r.value);
+    }), x = w(() => z.value === void 0), G = w(() => {
+      const s = c.value;
+      if (s !== void 0 && D.value[s])
+        return D.value[s];
+    }), oe = w(() => {
+      var y;
+      if (c.value === void 0)
         return;
-      const r = (g = w.value) == null ? void 0 : g.getItem(p.value);
-      return r == null ? void 0 : r.id;
-    }), U = k(() => {
-      var r;
-      return u.value.length > 0 && u.value !== ((r = V.value) == null ? void 0 : r[n.itemLabel]);
+      const s = (y = k.value) == null ? void 0 : y.getItem(c.value);
+      return s == null ? void 0 : s.id;
+    }), W = w(() => {
+      var s;
+      return i.value.length > 0 && i.value !== ((s = z.value) == null ? void 0 : s[o.itemLabel]);
     });
-    function N(r) {
-      d.value = r, F(), e("update:modelValue", r);
-    }
-    function j(r) {
-      N(r), M();
-    }
-    function F() {
-      var r;
-      u.value = ((r = V.value) == null ? void 0 : r[n.itemLabel]) || "";
-    }
-    function K() {
-      s.value || n.readonly || n.disabled || (e("before-show"), s.value = !0, le());
+    function C(s) {
+      r.value = s, R();
     }
     function M() {
-      s.value && (e("before-hide"), s.value = !1, p.value = void 0);
+      var s;
+      i.value = ((s = z.value) == null ? void 0 : s[o.itemLabel]) || "";
+    }
+    function j() {
+      d.value || o.readonly || o.disabled || (a("before-show"), d.value = !0, Q());
     }
-    function Y() {
-      s.value ? M() : P();
+    function R() {
+      d.value && (a("before-hide"), d.value = !1, c.value = void 0);
     }
     function Z() {
-      Q.value && (N(n.emptyValue), p.value = void 0, le());
+      d.value ? R() : f();
     }
-    function P() {
-      if (K(), V.value !== void 0) {
-        const r = T.value.indexOf(V.value);
-        r !== -1 && G(() => ke(r));
+    function J() {
+      F.value && (r.value = o.emptyValue, c.value = void 0, Q());
+    }
+    function f() {
+      if (j(), z.value !== void 0) {
+        const s = D.value.indexOf(z.value);
+        s !== -1 && N(() => $e(s));
       }
     }
-    function i(r) {
-      var g, I;
-      if (!(!r.key || n.readonly || n.disabled))
-        if (["ArrowDown", "ArrowUp", "Home", "End"].includes(r.key) && (r.preventDefault(), r.stopPropagation()), r.key === "Escape")
-          F(), s.value && M();
-        else if (["ArrowDown", "ArrowUp"].includes(r.key))
-          s.value ? G(() => {
-            if (p.value === void 0)
-              a();
+    function b(s) {
+      var y, I;
+      if (!(!s.key || o.readonly || o.disabled))
+        if (["ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && (s.preventDefault(), s.stopPropagation()), s.key === "Escape")
+          M(), d.value && R();
+        else if (["ArrowDown", "ArrowUp"].includes(s.key))
+          d.value ? N(() => {
+            if (c.value === void 0)
+              $();
             else {
-              const H = r.key === "ArrowDown" ? "next" : "prev";
-              $(p.value, H);
+              const U = s.key === "ArrowDown" ? "next" : "prev";
+              h(c.value, U);
             }
-          }) : (K(), G(() => {
-            r.key === "ArrowDown" ? a() : m();
+          }) : (j(), N(() => {
+            s.key === "ArrowDown" ? $() : l();
           }));
-        else if (r.key === "Enter") {
-          if (R.value === void 0)
+        else if (s.key === "Enter") {
+          if (G.value === void 0)
             return;
-          j(R.value[n.itemValue]);
+          C(G.value[o.itemValue]);
         } else
-          r.key === "Home" ? p.value = (g = w.value) == null ? void 0 : g.getFirstFocusableItemIndex() : r.key === "End" ? p.value = (I = w.value) == null ? void 0 : I.getLastFocusableItemIndex() : (/^[a-z]$/i.test(r.key) || r.key === "Backspace") && K();
+          s.key === "Home" ? c.value = (y = k.value) == null ? void 0 : y.getFirstFocusableItemIndex() : s.key === "End" ? c.value = (I = k.value) == null ? void 0 : I.getLastFocusableItemIndex() : (/^[a-z]$/i.test(s.key) || s.key === "Backspace") && j();
     }
-    function a() {
-      var r, g;
-      if (A.value)
-        p.value = (g = w.value) == null ? void 0 : g.getFirstFocusableItemIndex();
+    function $() {
+      var s, y;
+      if (x.value)
+        c.value = (y = k.value) == null ? void 0 : y.getFirstFocusableItemIndex();
       else {
-        const I = T.value.findIndex(
-          (H) => H[n.itemValue] === d.value
+        const I = D.value.findIndex(
+          (U) => U[o.itemValue] === r.value
         );
-        I === -1 ? p.value = (r = w.value) == null ? void 0 : r.getFirstFocusableItemIndex() : p.value = I;
+        I === -1 ? c.value = (s = k.value) == null ? void 0 : s.getFirstFocusableItemIndex() : c.value = I;
       }
     }
-    function m() {
-      var r;
-      p.value = (r = w.value) == null ? void 0 : r.getLastFocusableItemIndex();
+    function l() {
+      var s;
+      c.value = (s = k.value) == null ? void 0 : s.getLastFocusableItemIndex();
     }
-    function $(r, g) {
+    function h(s, y) {
       var I;
-      p.value = (I = w.value) == null ? void 0 : I.getAdjacentItemIndex(r, g);
+      c.value = (I = k.value) == null ? void 0 : I.getAdjacentItemIndex(s, y);
     }
-    function D(r) {
-      var g, I, H;
-      !((g = f.value) != null && g.contains(r.relatedTarget)) && !((H = (I = y.value) == null ? void 0 : I.fieldRef) != null && H.contains(r.relatedTarget)) ? (M(), Q.value && !u.value && N(n.emptyValue), F()) : (r.preventDefault(), r.stopPropagation());
+    function O(s) {
+      var y, I, U;
+      !((y = g.value) != null && y.contains(s.relatedTarget)) && !((U = (I = q.value) == null ? void 0 : I.fieldRef) != null && U.contains(s.relatedTarget)) ? (R(), F.value && !i.value && (r.value = o.emptyValue), M()) : (s.preventDefault(), s.stopPropagation());
     }
-    function le() {
-      var r, g;
-      (g = (r = y.value) == null ? void 0 : r.inputRef) == null || g.focus();
+    function Q() {
+      var s, y;
+      (y = (s = q.value) == null ? void 0 : s.inputRef) == null || y.focus();
     }
-    function Re() {
-      le();
+    function me() {
+      Q();
     }
     function Oe() {
-      e("show");
+      a("show");
     }
     function Ue() {
-      e("hide");
+      a("hide");
     }
-    function ke(r) {
+    function $e(s) {
       var I;
-      const g = (I = w.value) == null ? void 0 : I.getItem(r);
-      g == null || g.scrollIntoView({ block: "nearest", inline: "start" });
-    }
-    return z(
-      () => n.modelValue,
-      (r) => {
-        d.value = r;
-      }
-    ), z(d, F), z(
-      () => n.items,
-      (r, g) => {
-        if (!A.value) {
-          const I = g.find((H) => H[n.itemValue] === d.value);
-          u.value === (I == null ? void 0 : I[n.itemLabel]) && F();
+      const y = (I = k.value) == null ? void 0 : I.getItem(s);
+      y == null || y.scrollIntoView({ block: "nearest", inline: "start" });
+    }
+    return P(r, M), P(
+      () => o.items,
+      (s, y) => {
+        if (!x.value) {
+          const I = y.find((U) => U[o.itemValue] === r.value);
+          i.value === (I == null ? void 0 : I[o.itemLabel]) && M();
         }
       },
       { deep: !0 }
-    ), z(p, (r) => {
-      r !== void 0 && ke(r);
-    }), z(u, (r) => {
-      r && s.value && n.selectionMode === "automatic" && G(a), e("update:inputValue", r);
-    }), z(
-      () => n.loading,
-      (r) => {
-        !r && s.value && G(a);
+    ), P(c, (s) => {
+      s !== void 0 && $e(s);
+    }), P(i, (s) => {
+      s && d.value && o.selectionMode === "automatic" && N($);
+    }), P(
+      () => o.loading,
+      (s) => {
+        !s && d.value && N($);
       }
-    ), l({
-      triggerEl: y
-    }), (r, g) => (c(), v(ee, null, [
-      C(b(Yt), {
-        modelValue: u.value,
-        "onUpdate:modelValue": g[0] || (g[0] = (I) => u.value = I),
-        id: n.id,
-        label: n.label,
-        required: n.required,
+    ), n({
+      triggerEl: q
+    }), (s, y) => (u(), p(te, null, [
+      A(v(Zt), {
+        modelValue: i.value,
+        "onUpdate:modelValue": y[0] || (y[0] = (I) => i.value = I),
+        id: o.id,
+        label: o.label,
+        required: o.required,
         ref_key: "triggerEl",
-        ref: y,
+        ref: q,
         role: "combobox",
-        placeholder: n.placeholder,
+        placeholder: o.placeholder,
         class: E([
           "q-combobox",
           {
-            "q-combobox--readonly": n.readonly,
-            "q-combobox--disabled": n.disabled,
-            "q-combobox--expanded": s.value
+            "q-combobox--readonly": o.readonly,
+            "q-combobox--disabled": o.disabled,
+            "q-combobox--expanded": d.value
           },
-          n.class
+          o.class
         ]),
-        readonly: n.readonly,
-        disabled: n.disabled,
+        readonly: o.readonly,
+        disabled: o.disabled,
         autocomplete: "off",
-        "aria-expanded": s.value,
+        "aria-expanded": d.value,
         "aria-haspopup": "listbox",
         "aria-autocomplete": "list",
-        "aria-activedescendant": O.value,
-        size: n.size,
-        onClick: P,
-        onFocusout: D,
-        onKeydown: ie(i, ["stop"])
-      }, he({
+        "aria-activedescendant": oe.value,
+        size: o.size,
+        onClick: f,
+        onFocusout: O,
+        onKeydown: re(b, ["stop"])
+      }, ye({
         "label.prepend": _(() => [
-          h(r.$slots, "label.prepend")
+          m(s.$slots, "label.prepend")
         ]),
         "label.append": _(() => [
-          h(r.$slots, "label.append")
+          m(s.$slots, "label.append")
         ]),
         append: _(() => [
-          h(r.$slots, "append"),
-          Q.value && u.value ? (c(), B(b(ue), {
+          m(s.$slots, "append"),
+          F.value && i.value ? (u(), V(v(ce), {
             key: 0,
             class: "q-combobox__clear",
             "b-style": "plain",
             borderless: "",
             tabindex: "-1",
-            onClick: Z
+            onClick: J
           }, {
             default: _(() => [
-              C(b(J), te(ae(n.icons.clear)), null, 16)
+              A(v(ee), ne(se(o.icons.clear)), null, 16)
             ]),
             _: 1
           })) : L("", !0),
-          n.readonly ? L("", !0) : (c(), B(b(ue), {
+          o.readonly ? L("", !0) : (u(), V(v(ce), {
             key: 1,
             class: "q-combobox__chevron",
             "b-style": "plain",
             borderless: "",
             tabindex: "-1",
-            disabled: n.disabled,
-            onClick: Y
+            disabled: o.disabled,
+            onClick: Z
           }, {
             default: _(() => [
-              C(b(J), te(ae(n.icons.chevron)), null, 16)
+              A(v(ee), ne(se(o.icons.chevron)), null, 16)
             ]),
             _: 1
           }, 8, ["disabled"]))
         ]),
         _: 2
       }, [
-        r.$slots.prepend ? {
+        s.$slots.prepend ? {
           name: "prepend",
           fn: _(() => [
-            h(r.$slots, "prepend")
+            m(s.$slots, "prepend")
           ]),
           key: "0"
         } : void 0,
-        r.$slots.extras ? {
+        s.$slots.extras ? {
           name: "extras",
           fn: _(() => [
-            h(r.$slots, "extras")
+            m(s.$slots, "extras")
           ]),
           key: "1"
         } : void 0
       ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "aria-expanded", "aria-activedescendant", "size"]),
-      C(b(pe), {
-        modelValue: s.value,
-        "onUpdate:modelValue": g[2] || (g[2] = (I) => s.value = I),
+      A(v(ve), {
+        modelValue: d.value,
+        "onUpdate:modelValue": y[2] || (y[2] = (I) => d.value = I),
         spy: "",
         trigger: "manual",
         placement: "bottom",
         width: "anchor",
         offset: 4,
-        anchor: y.value,
+        anchor: q.value,
         onEnter: Oe,
         onLeave: Ue
       }, {
         default: _(() => {
           var I;
           return [
-            X("div", {
+            Y("div", {
               ref_key: "contentRef",
-              ref: f,
+              ref: g,
               class: "q-select__body",
-              onFocusout: D
+              onFocusout: O
             }, [
-              h(r.$slots, "body.prepend"),
-              n.loading ? (c(), v("div", Zt, [
-                C(b(ge), { size: 24 })
-              ])) : T.value.length ? (c(), B(b(Ae), {
+              m(s.$slots, "body.prepend"),
+              o.loading ? (u(), p("div", Jt, [
+                A(v(ke), { size: 24 })
+              ])) : D.value.length ? (u(), V(v(Me), {
                 key: 1,
                 ref_key: "listRef",
-                ref: w,
+                ref: k,
                 class: "q-select__items",
-                modelValue: d.value,
+                modelValue: r.value,
                 "onUpdate:modelValue": [
-                  g[1] || (g[1] = (H) => d.value = H),
-                  j
+                  y[1] || (y[1] = (U) => r.value = U),
+                  C
                 ],
-                highlighted: (I = R.value) == null ? void 0 : I[n.itemValue],
-                items: T.value,
-                groups: r.groups,
-                "item-label": n.itemLabel,
-                "item-value": n.itemValue,
-                onMouseup: Re
+                highlighted: (I = G.value) == null ? void 0 : I[o.itemValue],
+                items: D.value,
+                groups: s.groups,
+                "item-label": o.itemLabel,
+                "item-value": o.itemValue,
+                onMouseup: me
               }, {
-                item: _(({ item: H }) => [
-                  h(r.$slots, "item", { item: H })
+                item: _(({ item: U }) => [
+                  m(s.$slots, "item", { item: U })
                 ]),
                 _: 3
-              }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (c(), v("div", Jt, W(r.texts.noData), 1)),
-              h(r.$slots, "body.append")
+              }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), p("div", en, H(s.texts.noData), 1)),
+              m(s.$slots, "body.append")
             ], 544)
           ];
         }),
@@ -1642,13 +1614,13 @@ const Rt = ["role"], Ot = {
       }, 8, ["modelValue", "anchor"])
     ], 64));
   }
-}), xl = x(ll), nl = {
+}), Vn = S(on), ln = {
   key: 0,
   class: "q-input-group__prepend"
-}, ol = { key: 0 }, al = {
+}, an = { key: 0 }, sn = {
   key: 1,
   class: "q-input-group__append"
-}, sl = { key: 0 }, il = /* @__PURE__ */ S({
+}, rn = { key: 0 }, dn = /* @__PURE__ */ B({
   __name: "QInputGroup",
   props: {
     id: { default: void 0 },
@@ -1660,58 +1632,57 @@ const Rt = ["role"], Ot = {
     class: { default: void 0 }
   },
   setup(t) {
-    const l = t;
-    return ze({
+    const n = t;
+    return Qe({
       QField: {
         size: "block"
       }
-    }), (o, e) => (c(), B(b(_e), {
-      id: l.id,
-      class: E(["q-input-group", l.class]),
-      label: l.label,
-      required: l.required,
-      size: l.size
+    }), (e, o) => (u(), V(v(we), {
+      id: n.id,
+      class: E(["q-input-group", n.class]),
+      label: n.label,
+      required: n.required,
+      size: n.size
     }, {
       default: _(() => [
-        o.$slots.prepend || l.prependIcon ? (c(), v("div", nl, [
-          l.prependIcon ? (c(), v("span", ol, [
-            C(b(J), te(ae(l.prependIcon)), null, 16)
+        e.$slots.prepend || n.prependIcon ? (u(), p("div", ln, [
+          n.prependIcon ? (u(), p("span", an, [
+            A(v(ee), ne(se(n.prependIcon)), null, 16)
           ])) : L("", !0),
-          h(o.$slots, "prepend")
+          m(e.$slots, "prepend")
         ])) : L("", !0),
-        h(o.$slots, "default"),
-        o.$slots.append || l.appendIcon ? (c(), v("div", al, [
-          l.appendIcon ? (c(), v("span", sl, [
-            C(b(J), te(ae(l.appendIcon)), null, 16)
+        m(e.$slots, "default"),
+        e.$slots.append || n.appendIcon ? (u(), p("div", sn, [
+          n.appendIcon ? (u(), p("span", rn, [
+            A(v(ee), ne(se(n.appendIcon)), null, 16)
           ])) : L("", !0),
-          h(o.$slots, "append")
+          m(e.$slots, "append")
         ])) : L("", !0)
       ]),
       _: 3
     }, 8, ["id", "class", "label", "required", "size"]));
   }
-}), Vl = x(il), rl = /* @__PURE__ */ S({
+}), En = S(dn), un = /* @__PURE__ */ B({
   __name: "QLineLoader",
   props: {
     class: { default: void 0 }
   },
   setup(t) {
-    const l = t;
-    return (o, e) => (c(), v("div", {
-      class: E(["q-line-loader", l.class])
+    const n = t;
+    return (e, o) => (u(), p("div", {
+      class: E(["q-line-loader", n.class])
     }, null, 2));
   }
-}), Bl = x(rl), dl = {
+}), Tn = S(un), cn = {
   key: 0,
   class: "q-popover__header"
-}, ul = {
+}, fn = {
   key: 1,
   class: "q-popover__body"
-}, cl = ["innerHTML"], fl = { key: 1 }, pl = /* @__PURE__ */ S({
+}, pn = ["innerHTML"], mn = { key: 1 }, vn = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QPopover",
-  props: {
-    modelValue: { type: Boolean },
+  props: /* @__PURE__ */ K({
     anchor: {},
     arrow: { type: Boolean, default: !0 },
     attach: { default: "body" },
@@ -1720,57 +1691,60 @@ const Rt = ["role"], Ot = {
     placement: { default: "right" },
     text: {},
     title: {}
-  },
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
   setup(t) {
-    const l = t;
-    return (o, e) => (c(), B(b(pe), {
-      "model-value": l.modelValue,
+    const n = t, e = X(t, "modelValue");
+    return (o, a) => (u(), V(v(ve), {
+      "model-value": e.value,
       class: "q-popover",
       trigger: "click",
-      anchor: l.anchor,
-      arrow: l.arrow,
-      attach: l.attach,
-      disabled: l.disabled,
-      placement: l.placement
+      anchor: n.anchor,
+      arrow: n.arrow,
+      attach: n.attach,
+      disabled: n.disabled,
+      placement: n.placement
     }, {
       default: _(() => [
-        l.title || o.$slots.header ? (c(), v("h3", dl, [
-          re(W(l.title) + " ", 1),
-          h(o.$slots, "header")
+        n.title || o.$slots.header ? (u(), p("h3", cn, [
+          de(H(n.title) + " ", 1),
+          m(o.$slots, "header")
         ])) : L("", !0),
-        l.text || o.$slots.body ? (c(), v("div", ul, [
-          l.html ? (c(), v("span", {
+        n.text || o.$slots.body ? (u(), p("div", fn, [
+          n.html ? (u(), p("span", {
             key: 0,
-            innerHTML: l.text
-          }, null, 8, cl)) : (c(), v("span", fl, W(l.text), 1)),
-          h(o.$slots, "body")
+            innerHTML: n.text
+          }, null, 8, pn)) : (u(), p("span", mn, H(n.text), 1)),
+          m(o.$slots, "body")
         ])) : L("", !0)
       ]),
       _: 3
     }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement"]));
   }
-}), El = x(pl), ml = {
+}), Dn = S(vn), hn = {
   key: 0,
   class: "q-select__value"
-}, vl = {
+}, bn = {
   key: 1,
   class: "q-select__placeholder"
-}, hl = {
+}, yn = {
   key: 0,
   class: "q-select__loader"
-}, bl = {
+}, gn = {
   placeholder: "Choose..."
-}, yl = {
+}, _n = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, gl = /* @__PURE__ */ S({
+}, kn = /* @__PURE__ */ B({
   __name: "QSelect",
-  props: {
-    modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
+  props: /* @__PURE__ */ K({
     id: { default: void 0 },
     label: { default: "" },
     clearable: { type: Boolean },
@@ -1778,104 +1752,102 @@ const Rt = ["role"], Ot = {
     disabled: { type: Boolean },
     required: { type: Boolean },
     loading: { type: Boolean },
-    icons: { default: () => yl },
+    icons: { default: () => _n },
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
     size: { default: void 0 },
-    texts: { default: () => bl },
+    texts: { default: () => gn },
     class: { default: "" }
-  },
-  emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
-  setup(t, { emit: l }) {
-    const o = l, e = t, n = q(e.modelValue), d = q(!1), s = q(""), u = q(null), p = q(null), y = q(null), w = k(() => f.value === void 0), f = k(
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ K(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
+  setup(t, { emit: n }) {
+    const e = t, o = n, a = X(t, "modelValue"), r = T(!1), d = T(""), i = T(null), c = T(null), q = T(null), k = w(() => g.value === void 0), g = w(
       () => {
-        var a;
-        return (a = e.items) == null ? void 0 : a.find((m) => m[e.itemValue] === n.value);
+        var l;
+        return (l = e.items) == null ? void 0 : l.find((h) => h[e.itemValue] === a.value);
       }
-    ), Q = k(
-      () => f.value ? f.value[e.itemLabel] : ""
-    ), T = k(
+    ), F = w(
+      () => g.value ? g.value[e.itemLabel] : ""
+    ), D = w(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
-    function V(a) {
-      n.value = a, o("update:modelValue", a), N();
+    function z(l) {
+      a.value = l, C();
     }
-    function A() {
-      T.value && V(e.emptyValue);
+    function x() {
+      D.value && z(e.emptyValue);
     }
-    function R() {
-      e.readonly || e.disabled || (d.value ? N() : U());
+    function G() {
+      e.readonly || e.disabled || (r.value ? C() : W());
     }
-    function O(a) {
-      var m, $, D;
-      !((m = y.value) != null && m.contains(a.relatedTarget)) && !((D = ($ = u.value) == null ? void 0 : $.fieldRef) != null && D.contains(a.relatedTarget)) && N();
+    function oe(l) {
+      var h, O, Q;
+      !((h = q.value) != null && h.contains(l.relatedTarget)) && !((Q = (O = i.value) == null ? void 0 : O.fieldRef) != null && Q.contains(l.relatedTarget)) && C();
     }
-    function U() {
-      d.value || (o("before-show"), d.value = !0);
+    function W() {
+      r.value || (o("before-show"), r.value = !0);
     }
-    function N() {
-      d.value && (o("before-hide"), d.value = !1);
+    function C() {
+      r.value && (o("before-hide"), r.value = !1);
     }
-    function j() {
-      d.value ? N() : U();
-    }
-    let F;
-    function K(a) {
-      if (!(!a.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(F), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(a.key) && (a.preventDefault(), a.stopPropagation()), ["Enter", " "].includes(a.key) && (d.value = !0), ["Escape", "Tab"].includes(a.key) && (d.value ? d.value = !1 : T.value && a.key === "Escape" && A()), a.key === "Delete" && e.clearable && A(), /^[a-z]$/i.test(a.key)) {
-          s.value += a.key.toLowerCase();
-          for (let m = 0; m < e.items.length; m++)
-            if (e.items[m][e.itemLabel].toLowerCase().startsWith(s.value)) {
-              i(m);
+    function M() {
+      r.value ? C() : W();
+    }
+    let j;
+    function R(l) {
+      if (!(!l.key || e.readonly || e.disabled)) {
+        if (window.clearTimeout(j), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(l.key) && (l.preventDefault(), l.stopPropagation()), ["Enter", " "].includes(l.key) && (r.value = !0), ["Escape", "Tab"].includes(l.key) && (r.value ? r.value = !1 : D.value && l.key === "Escape" && x()), l.key === "Delete" && e.clearable && x(), /^[a-z]$/i.test(l.key)) {
+          d.value += l.key.toLowerCase();
+          for (let h = 0; h < e.items.length; h++)
+            if (e.items[h][e.itemLabel].toLowerCase().startsWith(d.value)) {
+              $(h);
               break;
             }
         }
-        F = window.setTimeout(function() {
-          s.value = "";
+        j = window.setTimeout(function() {
+          d.value = "";
         }, 500);
       }
     }
-    function M() {
-      var a;
-      e.loading ? (a = y.value) == null || a.focus() : P(), o("show");
+    function Z() {
+      var l;
+      e.loading ? (l = q.value) == null || l.focus() : b(), o("show");
     }
-    function Y() {
-      Z(), o("hide");
+    function J() {
+      f(), o("hide");
     }
-    function Z() {
-      var a, m;
-      (m = (a = u.value) == null ? void 0 : a.fieldRef) == null || m.focus();
+    function f() {
+      var l, h;
+      (h = (l = i.value) == null ? void 0 : l.fieldRef) == null || h.focus();
     }
-    function P() {
-      var a;
-      (a = p.value) == null || a.$el.focus();
+    function b() {
+      var l;
+      (l = c.value) == null || l.$el.focus();
     }
-    function i(a) {
-      var m;
-      (m = p.value) == null || m.focusItem(a);
+    function $(l) {
+      var h;
+      (h = c.value) == null || h.focusItem(l);
     }
-    return z(
-      () => e.modelValue,
-      (a) => {
-        n.value = a;
-      }
-    ), z(
+    return P(
       () => e.loading,
-      (a) => {
-        !a && d.value && G(P);
+      (l) => {
+        !l && r.value && N(b);
       }
-    ), (a, m) => {
-      var $;
-      return c(), v(ee, null, [
-        C(b(_e), {
+    ), (l, h) => {
+      var O;
+      return u(), p(te, null, [
+        A(v(we), {
           id: e.id,
           label: e.label,
           required: e.required,
           ref_key: "triggerEl",
-          ref: u,
+          ref: i,
           role: "combobox",
           tabindex: e.disabled ? -1 : 0,
           class: E([
@@ -1883,121 +1855,121 @@ const Rt = ["role"], Ot = {
             {
               "q-select--readonly": e.readonly,
               "q-select--disabled": e.disabled,
-              "q-select--expanded": d.value
+              "q-select--expanded": r.value
             },
             e.class
           ]),
           readonly: e.readonly,
           disabled: e.disabled,
-          "aria-expanded": d.value,
+          "aria-expanded": r.value,
           "aria-haspopup": "listbox",
           size: e.size,
-          onClick: R,
-          onKeydown: ie(K, ["stop"])
-        }, he({
+          onClick: G,
+          onKeydown: re(R, ["stop"])
+        }, ye({
           append: _(() => [
-            h(a.$slots, "append"),
-            T.value && n.value ? (c(), B(b(ue), {
+            m(l.$slots, "append"),
+            D.value && a.value ? (u(), V(v(ce), {
               key: 0,
               class: "q-select__clear",
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
-              onClick: A
+              onClick: x
             }, {
               default: _(() => [
-                C(b(J), te(ae(e.icons.clear)), null, 16)
+                A(v(ee), ne(se(e.icons.clear)), null, 16)
               ]),
               _: 1
             })) : L("", !0),
-            e.readonly ? L("", !0) : (c(), B(b(ue), {
+            e.readonly ? L("", !0) : (u(), V(v(ce), {
               key: 1,
               class: "q-select__chevron",
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
               disabled: e.disabled,
-              onClick: j
+              onClick: M
             }, {
               default: _(() => [
-                C(b(J), te(ae(e.icons.chevron)), null, 16)
+                A(v(ee), ne(se(e.icons.chevron)), null, 16)
               ]),
               _: 1
             }, 8, ["disabled"]))
           ]),
           default: _(() => [
-            w.value ? (c(), v("span", vl, [
-              !e.readonly && !e.disabled ? (c(), v(ee, { key: 0 }, [
-                re(W(a.texts.placeholder), 1)
+            k.value ? (u(), p("span", bn, [
+              !e.readonly && !e.disabled ? (u(), p(te, { key: 0 }, [
+                de(H(l.texts.placeholder), 1)
               ], 64)) : L("", !0)
-            ])) : (c(), v("span", ml, W(Q.value), 1))
+            ])) : (u(), p("span", hn, H(F.value), 1))
           ]),
           _: 2
         }, [
-          ($ = f.value) != null && $.icon || a.$slots.prepend ? {
+          (O = g.value) != null && O.icon || l.$slots.prepend ? {
             name: "prepend",
             fn: _(() => {
-              var D, le;
+              var Q, me;
               return [
-                h(a.$slots, "prepend"),
-                (D = f.value) != null && D.icon ? (c(), B(b(J), te(oe({ key: 0 }, (le = f.value) == null ? void 0 : le.icon)), null, 16)) : L("", !0)
+                m(l.$slots, "prepend"),
+                (Q = g.value) != null && Q.icon ? (u(), V(v(ee), ne(ae({ key: 0 }, (me = g.value) == null ? void 0 : me.icon)), null, 16)) : L("", !0)
               ];
             }),
             key: "0"
           } : void 0,
-          a.$slots.extras ? {
+          l.$slots.extras ? {
             name: "extras",
             fn: _(() => [
-              h(a.$slots, "extras")
+              m(l.$slots, "extras")
             ]),
             key: "1"
           } : void 0
         ]), 1032, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "aria-expanded", "size"]),
-        C(b(pe), {
-          modelValue: d.value,
-          "onUpdate:modelValue": m[1] || (m[1] = (D) => d.value = D),
+        A(v(ve), {
+          modelValue: r.value,
+          "onUpdate:modelValue": h[1] || (h[1] = (Q) => r.value = Q),
           spy: "",
           trigger: "manual",
           placement: "bottom",
           width: "anchor",
-          anchor: u.value,
+          anchor: i.value,
           offset: 2,
-          onEnter: M,
-          onLeave: Y
+          onEnter: Z,
+          onLeave: J
         }, {
           default: _(() => [
-            X("div", {
+            Y("div", {
               ref_key: "contentRef",
-              ref: y,
+              ref: q,
               class: "q-select__body",
               tabindex: "-1",
-              onFocusout: O,
-              onKeydown: ie(K, ["stop"])
+              onFocusout: oe,
+              onKeydown: re(R, ["stop"])
             }, [
-              h(a.$slots, "body.prepend"),
-              e.loading ? (c(), v("div", hl, [
-                C(b(ge), { size: 24 })
-              ])) : (c(), B(b(Ae), {
+              m(l.$slots, "body.prepend"),
+              e.loading ? (u(), p("div", yn, [
+                A(v(ke), { size: 24 })
+              ])) : (u(), V(v(Me), {
                 key: 1,
                 ref_key: "listRef",
-                ref: p,
+                ref: c,
                 class: "q-select__items",
-                modelValue: n.value,
+                modelValue: a.value,
                 "onUpdate:modelValue": [
-                  m[0] || (m[0] = (D) => n.value = D),
-                  V
+                  h[0] || (h[0] = (Q) => a.value = Q),
+                  z
                 ],
                 items: e.items,
-                groups: a.groups,
+                groups: l.groups,
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue
               }, {
-                item: _(({ item: D }) => [
-                  h(a.$slots, "item", { item: D })
+                item: _(({ item: Q }) => [
+                  m(l.$slots, "item", { item: Q })
                 ]),
                 _: 3
               }, 8, ["modelValue", "items", "groups", "item-label", "item-value"])),
-              h(a.$slots, "body.append")
+              m(l.$slots, "body.append")
             ], 544)
           ]),
           _: 3
@@ -2005,23 +1977,22 @@ const Rt = ["role"], Ot = {
       ], 64);
     };
   }
-}), Tl = x(gl), _l = /* @__PURE__ */ S({
+}), zn = S(kn), wn = /* @__PURE__ */ B({
   __name: "QThemeProvider",
   props: {
     theme: {}
   },
   setup(t) {
-    const l = t;
-    return (o, e) => (c(), v("div", {
-      class: E(["q-theme-provider", `q-theme--${l.theme}`])
+    const n = t;
+    return (e, o) => (u(), p("div", {
+      class: E(["q-theme-provider", `q-theme--${n.theme}`])
     }, [
-      h(o.$slots, "default")
+      m(e.$slots, "default")
     ], 2));
   }
-}), Dl = x(_l), kl = ["innerHTML"], wl = { key: 1 }, $l = /* @__PURE__ */ S({
+}), Cn = S(wn), $n = ["innerHTML"], qn = { key: 1 }, In = /* @__PURE__ */ B({
   __name: "QTooltip",
-  props: {
-    modelValue: { type: Boolean },
+  props: /* @__PURE__ */ K({
     id: { default: void 0 },
     anchor: {},
     appearance: { default: "inverted" },
@@ -2034,64 +2005,68 @@ const Rt = ["role"], Ot = {
     text: {},
     trigger: { default: "hover" },
     class: { default: void 0 }
-  },
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
   setup(t) {
-    const l = t, o = fe(l.id);
-    return (e, n) => (c(), v(ee, null, [
-      h(e.$slots, "anchor", {
-        props: { "aria-describedby": b(o) }
+    const n = t, e = X(t, "modelValue"), o = pe(n.id);
+    return (a, r) => (u(), p(te, null, [
+      m(a.$slots, "anchor", {
+        props: { "aria-describedby": v(o) }
       }),
-      C(b(pe), {
-        "model-value": l.modelValue,
-        anchor: l.anchor,
+      A(v(ve), {
+        "model-value": e.value,
+        anchor: n.anchor,
         role: "tooltip",
-        id: b(o),
-        appearance: l.appearance,
-        arrow: l.arrow,
-        attach: l.attach,
-        class: E(["q-tooltip", l.class]),
-        delay: l.delay,
-        disabled: l.disabled,
-        placement: l.placement,
-        trigger: l.trigger
+        id: v(o),
+        appearance: n.appearance,
+        arrow: n.arrow,
+        attach: n.attach,
+        class: E(["q-tooltip", n.class]),
+        delay: n.delay,
+        disabled: n.disabled,
+        placement: n.placement,
+        trigger: n.trigger
       }, {
         default: _(() => [
-          l.html ? (c(), v("span", {
+          n.html ? (u(), p("span", {
             key: 0,
-            innerHTML: l.text
-          }, null, 8, kl)) : (c(), v("span", wl, W(l.text), 1))
+            innerHTML: n.text
+          }, null, 8, $n)) : (u(), p("span", qn, H(n.text), 1))
         ]),
         _: 1
       }, 8, ["model-value", "anchor", "id", "appearance", "arrow", "attach", "class", "delay", "disabled", "placement", "trigger"])
     ], 64));
   }
-}), zl = x($l);
+}), Qn = S(In);
 export {
-  ue as QButton,
-  pt as QButtonGroup,
-  Sl as QButtonToggle,
-  xl as QCombobox,
-  _e as QField,
-  J as QIcon,
-  $t as QIconFont,
-  qt as QIconImg,
-  It as QIconSvg,
-  Vl as QInputGroup,
-  Bl as QLineLoader,
-  Ae as QList,
-  Ct as QListItem,
-  Qt as QListItemGroup,
-  pe as QOverlay,
-  El as QPopover,
-  Tl as QSelect,
-  ge as QSpinnerLoader,
-  Yt as QTextField,
-  Dl as QThemeProvider,
-  zl as QTooltip,
-  Ll as createFramework,
-  Ye as defaultDarkColorScheme,
-  Ie as defaultLightColorScheme,
-  Il as provideTheme,
-  Xe as useTheme
+  ce as QButton,
+  mt as QButtonGroup,
+  Sn as QButtonToggle,
+  Vn as QCombobox,
+  we as QField,
+  ee as QIcon,
+  qt as QIconFont,
+  It as QIconImg,
+  Lt as QIconSvg,
+  En as QInputGroup,
+  Tn as QLineLoader,
+  Me as QList,
+  Qt as QListItem,
+  At as QListItemGroup,
+  ve as QOverlay,
+  Dn as QPopover,
+  zn as QSelect,
+  ke as QSpinnerLoader,
+  Zt as QTextField,
+  Cn as QThemeProvider,
+  Qn as QTooltip,
+  Bn as createFramework,
+  Ze as defaultDarkColorScheme,
+  xe as defaultLightColorScheme,
+  xn as provideTheme,
+  Ye as useTheme
 };
 //# sourceMappingURL=ui.esm.js.map