@selfeesas/shared-components 0.2.6 → 0.2.8

package/dist/shared-components.es.js

@@ -1,4 +1,4 @@
-import { computed as f, markRaw as Bn, defineComponent as gt, h as g, withDirectives as Vt, getCurrentInstance as te, useAttrs as Ho, createBlock as ft, openBlock as Ce, mergeProps as Bt, withCtx as _e, createElementBlock as Tt, Fragment as Tn, renderList as An, createVNode as ze, unref as Do, ref as V, onBeforeUnmount as de, Transition as vt, inject as ol, createCommentVNode as jo, toRaw as Ye, reactive as No, onMounted as qe, nextTick as fe, watch as Q, onDeactivated as bt, onActivated as hl, onUnmounted as Wo, Teleport as Ko, onBeforeUpdate as On, onBeforeMount as Qo, onUpdated as Uo, normalizeStyle as Xo, normalizeClass as Yo, createSlots as Go } from "vue";
+import { computed as f, markRaw as Bn, defineComponent as gt, h as b, withDirectives as Vt, getCurrentInstance as te, useAttrs as Ho, createBlock as ft, openBlock as Ce, mergeProps as Bt, withCtx as _e, createElementBlock as Tt, Fragment as Tn, renderList as An, createVNode as ze, unref as Do, ref as V, onBeforeUnmount as de, Transition as vt, inject as ol, createCommentVNode as jo, toRaw as Ye, reactive as No, onMounted as qe, nextTick as fe, watch as Q, onDeactivated as bt, onActivated as hl, onUnmounted as Wo, Teleport as Ko, onBeforeUpdate as On, onBeforeMount as Qo, onUpdated as Uo, normalizeStyle as Xo, normalizeClass as Yo, createSlots as Go } from "vue";
 const il = {
   xs: 18,
   sm: 24,
@@ -43,7 +43,7 @@ function Jo(e, t) {
 }
 function ei(e, t, l, o, n, i) {
   t.key = o + n;
-  const r = g(e, t, l);
+  const r = b(e, t, l);
   return n === !0 ? Vt(r, i()) : r;
 }
 const Fl = "0 0 24 24", jt = (e) => e, Nt = (e) => `ionicons ${e}`, Ln = {
@@ -101,13 +101,13 @@ const Fl = "0 0 24 24", jt = (e) => e, Nt = (e) => `ionicons ${e}`, Ln = {
             };
       }
       if (ni.test(a) === !0) {
-        const [c, b = Fl] = a.split("|");
+        const [c, h = Fl] = a.split("|");
         return {
           svg: !0,
-          viewBox: b,
+          viewBox: h,
           nodes: c.split("&&").map((m) => {
             const [v, y, E] = m.split("@@");
-            return g("path", { style: y, d: v, transform: E });
+            return b("path", { style: y, d: v, transform: E });
           })
         };
       }
@@ -117,17 +117,17 @@ const Fl = "0 0 24 24", jt = (e) => e, Nt = (e) => `ionicons ${e}`, Ln = {
           src: a.substring(4)
         };
       if (ii.test(a) === !0) {
-        const [c, b = Fl] = a.split("|");
+        const [c, h = Fl] = a.split("|");
         return {
           svguse: !0,
           src: c.substring(7),
-          viewBox: b
+          viewBox: h
         };
       }
-      let s = " ";
-      const d = a.match(ti);
-      if (d !== null)
-        r = Ln[d[1]](a);
+      let d = " ";
+      const s = a.match(ti);
+      if (s !== null)
+        r = Ln[s[1]](a);
       else if (ai.test(a) === !0)
         r = a;
       else if (ri.test(a) === !0)
@@ -135,15 +135,15 @@ const Fl = "0 0 24 24", jt = (e) => e, Nt = (e) => `ionicons ${e}`, Ln = {
       else if (Il.test(a) === !0) {
         r = "notranslate material-symbols";
         const c = a.match(Il);
-        c !== null && (a = a.substring(6), r += Pn[c[1]]), s = a;
+        c !== null && (a = a.substring(6), r += Pn[c[1]]), d = a;
       } else {
         r = "notranslate material-icons";
         const c = a.match(li);
-        c !== null && (a = a.substring(2), r += Mn[c[1]]), s = a;
+        c !== null && (a = a.substring(2), r += Mn[c[1]]), d = a;
       }
       return {
         cls: r,
-        content: s
+        content: d
       };
     });
     return () => {
@@ -152,19 +152,19 @@ const Fl = "0 0 24 24", jt = (e) => e, Nt = (e) => `ionicons ${e}`, Ln = {
         style: o.value,
         "aria-hidden": "true"
       };
-      return i.value.none === !0 ? g(e.tag, r, ge(t.default)) : i.value.img === !0 ? g(e.tag, r, ke(t.default, [
-        g("img", { src: i.value.src })
-      ])) : i.value.svg === !0 ? g(e.tag, r, ke(t.default, [
-        g("svg", {
+      return i.value.none === !0 ? b(e.tag, r, ge(t.default)) : i.value.img === !0 ? b(e.tag, r, ke(t.default, [
+        b("img", { src: i.value.src })
+      ])) : i.value.svg === !0 ? b(e.tag, r, ke(t.default, [
+        b("svg", {
           viewBox: i.value.viewBox || "0 0 24 24"
         }, i.value.nodes)
-      ])) : i.value.svguse === !0 ? g(e.tag, r, ke(t.default, [
-        g("svg", {
+      ])) : i.value.svguse === !0 ? b(e.tag, r, ke(t.default, [
+        b("svg", {
           viewBox: i.value.viewBox
         }, [
-          g("use", { "xlink:href": i.value.src })
+          b("use", { "xlink:href": i.value.src })
         ])
-      ])) : (i.value.cls !== void 0 && (r.class += " " + i.value.cls), g(e.tag, r, ke(t.default, [
+      ])) : (i.value.cls !== void 0 && (r.class += " " + i.value.cls), b(e.tag, r, ke(t.default, [
         i.value.content
       ])));
     };
@@ -251,20 +251,20 @@ const Hn = {
   }
 };
 function bl({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
-  const l = te(), { props: o, proxy: n, emit: i } = l, r = Fn(l), a = f(() => o.disable !== !0 && o.href !== void 0), s = t === !0 ? f(
+  const l = te(), { props: o, proxy: n, emit: i } = l, r = Fn(l), a = f(() => o.disable !== !0 && o.href !== void 0), d = t === !0 ? f(
     () => r === !0 && o.disable !== !0 && a.value !== !0 && o.to !== void 0 && o.to !== null && o.to !== ""
   ) : f(
     () => r === !0 && a.value !== !0 && o.to !== void 0 && o.to !== null && o.to !== ""
-  ), d = f(() => s.value === !0 ? B(o.to) : null), c = f(() => d.value !== null), b = f(() => a.value === !0 || c.value === !0), m = f(() => o.type === "a" || b.value === !0 ? "a" : o.tag || e || "div"), v = f(() => a.value === !0 ? {
+  ), s = f(() => d.value === !0 ? B(o.to) : null), c = f(() => s.value !== null), h = f(() => a.value === !0 || c.value === !0), m = f(() => o.type === "a" || h.value === !0 ? "a" : o.tag || e || "div"), v = f(() => a.value === !0 ? {
     href: o.href,
     target: o.target
   } : c.value === !0 ? {
-    href: d.value.href,
+    href: s.value.href,
     target: o.target
   } : {}), y = f(() => {
     if (c.value === !1)
       return -1;
-    const { matched: T } = d.value, { length: A } = T, L = T[A - 1];
+    const { matched: T } = s.value, { length: A } = T, L = T[A - 1];
     if (L === void 0)
       return -1;
     const F = n.$route.matched;
@@ -283,9 +283,9 @@ function bl({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
       ) : W
     );
   }), E = f(
-    () => c.value === !0 && y.value !== -1 && si(n.$route.params, d.value.params)
+    () => c.value === !0 && y.value !== -1 && si(n.$route.params, s.value.params)
   ), S = f(
-    () => E.value === !0 && y.value === n.$route.matched.length - 1 && di(n.$route.params, d.value.params)
+    () => E.value === !0 && y.value === n.$route.matched.length - 1 && di(n.$route.params, s.value.params)
   ), M = f(() => c.value === !0 ? S.value === !0 ? ` ${o.exactActiveClass} ${o.activeClass}` : o.exact === !0 ? "" : E.value === !0 ? ` ${o.activeClass}` : "" : "");
   function B(T) {
     try {
@@ -319,9 +319,9 @@ function bl({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
   return {
     hasRouterLink: c,
     hasHrefLink: a,
-    hasLink: b,
+    hasLink: h,
     linkTag: m,
-    resolvedLink: d,
+    resolvedLink: s,
     linkIsActive: E,
     linkIsExactActive: S,
     linkClass: M,
@@ -352,16 +352,16 @@ const fi = re({
       () => "q-breadcrumbs__el-icon" + (e.label !== void 0 ? " q-breadcrumbs__el-icon--with-label" : "")
     );
     return () => {
-      const s = [];
-      return e.icon !== void 0 && s.push(
-        g(be, {
+      const d = [];
+      return e.icon !== void 0 && d.push(
+        b(be, {
           class: a.value,
           name: e.icon
         })
-      ), e.label !== void 0 && s.push(e.label), g(
+      ), e.label !== void 0 && d.push(e.label), b(
         l.value,
         { ...r.value },
-        ke(t.default, s)
+        ke(t.default, d)
       );
     };
   }
@@ -415,29 +415,29 @@ const mi = ["", !0], hi = re({
       );
       if (r.length === 0) return;
       let a = 1;
-      const s = [], d = r.filter((b) => {
+      const d = [], s = r.filter((h) => {
         var m;
-        return ((m = b.type) == null ? void 0 : m.name) === "QBreadcrumbsEl";
+        return ((m = h.type) == null ? void 0 : m.name) === "QBreadcrumbsEl";
       }).length, c = t.separator !== void 0 ? t.separator : () => e.separator;
-      return r.forEach((b) => {
+      return r.forEach((h) => {
         var m;
-        if (((m = b.type) == null ? void 0 : m.name) === "QBreadcrumbsEl") {
-          const v = a < d, y = b.props !== null && mi.includes(b.props.disable), E = (v === !0 ? "" : " q-breadcrumbs--last") + (y !== !0 && v === !0 ? i.value : "");
-          a++, s.push(
-            g("div", {
+        if (((m = h.type) == null ? void 0 : m.name) === "QBreadcrumbsEl") {
+          const v = a < s, y = h.props !== null && mi.includes(h.props.disable), E = (v === !0 ? "" : " q-breadcrumbs--last") + (y !== !0 && v === !0 ? i.value : "");
+          a++, d.push(
+            b("div", {
               class: `flex items-center${E}`
-            }, [b])
-          ), v === !0 && s.push(
-            g("div", {
+            }, [h])
+          ), v === !0 && d.push(
+            b("div", {
               class: "q-breadcrumbs__separator" + n.value
             }, c())
           );
         } else
-          s.push(b);
-      }), g("div", {
+          d.push(h);
+      }), b("div", {
         class: "q-breadcrumbs"
       }, [
-        g("div", { class: o.value }, s)
+        b("div", { class: o.value }, d)
       ]);
     };
   }
@@ -466,21 +466,21 @@ const mi = ["", !0], hi = re({
       "data-cy": m.dataCy,
       class: "cursor-pointer text-h5",
       color: m.color
-    }), i = f(() => t.activeColor || "primary"), r = f(() => t.separatorIcon || "chevron_right"), a = f(() => t.separatorSize || "2em"), s = f(() => t.separatorColor || "primary"), d = f(() => ({
+    }), i = f(() => t.activeColor || "primary"), r = f(() => t.separatorIcon || "chevron_right"), a = f(() => t.separatorSize || "2em"), d = f(() => t.separatorColor || "primary"), s = f(() => ({
       store: t.store,
       route: t.route,
       navStore: t.navStore || {}
     })), c = f(() => {
       const m = [];
       return t.breadcrumbConfig.forEach((v) => {
-        if (!v.shouldRender(d.value))
+        if (!v.shouldRender(s.value))
           return;
-        const y = v.getLabel ? v.getLabel(d.value) : v.defaultLabel, E = v.getColor ? v.getColor(d.value) : "dark", S = {
+        const y = v.getLabel ? v.getLabel(s.value) : v.defaultLabel, E = v.getColor ? v.getColor(s.value) : "dark", S = {
           name: v.routeName,
           ...v.getRouteParams && {
-            params: v.getRouteParams(d.value)
+            params: v.getRouteParams(s.value)
           }
-        }, M = v.clearActions ? v.clearActions.map((B) => () => B(d.value)) : [];
+        }, M = v.clearActions ? v.clearActions.map((B) => () => B(s.value)) : [];
         m.push({
           label: y,
           dataCy: v.dataCy,
@@ -489,7 +489,7 @@ const mi = ["", !0], hi = re({
           clearActions: M
         });
       }), m;
-    }), b = (m) => {
+    }), h = (m) => {
       m.clearActions && m.clearActions.forEach((v) => v()), t.router.push(m.route);
     };
     return (m, v) => (Ce(), ft(hi, Bt({
@@ -500,13 +500,13 @@ const mi = ["", !0], hi = re({
         ze(be, {
           size: a.value,
           name: r.value,
-          color: s.value
+          color: d.value
         }, null, 8, ["size", "name", "color"])
       ]),
       default: _e(() => [
         (Ce(!0), Tt(Tn, null, An(c.value, (y, E) => (Ce(), ft(fi, Bt({ key: E }, { ref_for: !0 }, n(y), {
           label: y.label,
-          onClick: (S) => b(y)
+          onClick: (S) => h(y)
         }), null, 16, ["label", "onClick"]))), 128))
       ]),
       _: 1
@@ -538,13 +538,13 @@ const pl = re({
   },
   setup(e) {
     const { cSize: t, classes: l } = bi(e);
-    return () => g("svg", {
+    return () => b("svg", {
       class: l.value + " q-spinner-mat",
       width: t.value,
       height: t.value,
       viewBox: "25 25 50 50"
     }, [
-      g("circle", {
+      b("circle", {
         class: "path",
         cx: "50",
         cy: "50",
@@ -677,7 +677,7 @@ function Nl(e, t, l, o) {
   const n = l.modifiers.color;
   let i = l.modifiers.center;
   i = i === !0 || o === !0;
-  const r = document.createElement("span"), a = document.createElement("span"), s = mt(e), { left: d, top: c, width: b, height: m } = t.getBoundingClientRect(), v = Math.sqrt(b * b + m * m), y = v / 2, E = `${(b - v) / 2}px`, S = i ? E : `${s.left - d - y}px`, M = `${(m - v) / 2}px`, B = i ? M : `${s.top - c - y}px`;
+  const r = document.createElement("span"), a = document.createElement("span"), d = mt(e), { left: s, top: c, width: h, height: m } = t.getBoundingClientRect(), v = Math.sqrt(h * h + m * m), y = v / 2, E = `${(h - v) / 2}px`, S = i ? E : `${d.left - s - y}px`, M = `${(m - v) / 2}px`, B = i ? M : `${d.top - c - y}px`;
   a.className = "q-ripple__inner", rl(a, {
     height: `${v}px`,
     width: `${v}px`,
@@ -810,19 +810,19 @@ const zi = {
 function Vi(e) {
   const t = Pt(e, xi), l = Wn(e), { hasRouterLink: o, hasLink: n, linkTag: i, linkAttrs: r, navigateOnClick: a } = bl({
     fallbackTag: "button"
-  }), s = f(() => {
+  }), d = f(() => {
     const S = e.fab === !1 && e.fabMini === !1 ? t.value : {};
     return e.padding !== void 0 ? Object.assign({}, S, {
       padding: e.padding.split(/\s+/).map((M) => M in Kl ? Kl[M] + "px" : M).join(" "),
       minWidth: "0",
       minHeight: "0"
     }) : S;
-  }), d = f(
+  }), s = f(
     () => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
   ), c = f(
     () => e.disable !== !0 && e.loading !== !0
-  ), b = f(() => c.value === !0 ? e.tabindex || 0 : -1), m = f(() => _i(e, "standard")), v = f(() => {
-    const S = { tabindex: b.value };
+  ), h = f(() => c.value === !0 ? e.tabindex || 0 : -1), m = f(() => _i(e, "standard")), v = f(() => {
+    const S = { tabindex: h.value };
     return n.value === !0 ? Object.assign(S, r.value) : ki.includes(e.type) === !0 && (S.type = e.type), i.value === "a" ? (e.disable === !0 ? S["aria-disabled"] = "true" : S.href === void 0 && (S.role = "button"), o.value !== !0 && Ci.test(e.type) === !0 && (S.type = e.type)) : e.disable === !0 && (S.disabled = "", S["aria-disabled"] = "true"), e.loading === !0 && e.percentage !== void 0 && Object.assign(S, {
       role: "progressbar",
       "aria-valuemin": 0,
@@ -832,14 +832,14 @@ function Vi(e) {
   }), y = f(() => {
     let S;
     e.color !== void 0 ? e.flat === !0 || e.outline === !0 ? S = `text-${e.textColor || e.color}` : S = `bg-${e.color} text-${e.textColor || "white"}` : e.textColor && (S = `text-${e.textColor}`);
-    const M = e.round === !0 ? "round" : `rectangle${d.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
+    const M = e.round === !0 ? "round" : `rectangle${s.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
     return `q-btn--${m.value} q-btn--${M}` + (S !== void 0 ? " " + S : "") + (c.value === !0 ? " q-btn--actionable q-focusable q-hoverable" : e.disable === !0 ? " disabled" : "") + (e.fab === !0 ? " q-btn--fab" : e.fabMini === !0 ? " q-btn--fab-mini" : "") + (e.noCaps === !0 ? " q-btn--no-uppercase" : "") + (e.dense === !0 ? " q-btn--dense" : "") + (e.stretch === !0 ? " no-border-radius self-stretch" : "") + (e.glossy === !0 ? " glossy" : "") + (e.square ? " q-btn--square" : "");
   }), E = f(
     () => l.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
   );
   return {
     classes: y,
-    style: s,
+    style: d,
     innerClasses: E,
     attributes: v,
     hasLink: n,
@@ -865,20 +865,20 @@ const Ql = re({
       style: i,
       innerClasses: r,
       attributes: a,
-      hasLink: s,
-      linkTag: d,
+      hasLink: d,
+      linkTag: s,
       navigateOnClick: c,
-      isActionable: b
+      isActionable: h
     } = Vi(e), m = V(null), v = V(null);
     let y = null, E, S = null;
     const M = f(
       () => e.label !== void 0 && e.label !== null && e.label !== ""
     ), B = f(() => e.disable === !0 || e.ripple === !1 ? !1 : {
-      keyCodes: s.value === !0 ? [13, 32] : [13],
+      keyCodes: d.value === !0 ? [13, 32] : [13],
       ...e.ripple === !0 ? {} : e.ripple
     }), q = f(() => ({ center: e.round })), P = f(() => {
-      const h = Math.max(0, Math.min(100, e.percentage));
-      return h > 0 ? { transition: "transform 0.6s", transform: `translateX(${h - 100}%)` } : {};
+      const g = Math.max(0, Math.min(100, e.percentage));
+      return g > 0 ? { transition: "transform 0.6s", transform: `translateX(${g - 100}%)` } : {};
     }), T = f(() => {
       if (e.loading === !0)
         return {
@@ -888,17 +888,17 @@ const Ql = re({
           onKeydown: U,
           onKeyup: U
         };
-      if (b.value === !0) {
-        const h = {
+      if (h.value === !0) {
+        const g = {
           onClick: L,
           onKeydown: F,
           onMousedown: Y
         };
         if (o.$q.platform.has.touch === !0) {
           const w = e.onTouchstart !== void 0 ? "" : "Passive";
-          h[`onTouchstart${w}`] = W;
+          g[`onTouchstart${w}`] = W;
         }
-        return h;
+        return g;
       }
       return {
         // needed; especially for disabled <a> tags
@@ -911,13 +911,13 @@ const Ql = re({
       ...a.value,
       ...T.value
     }));
-    function L(h) {
+    function L(g) {
       if (m.value !== null) {
-        if (h !== void 0) {
-          if (h.defaultPrevented === !0) return;
+        if (g !== void 0) {
+          if (g.defaultPrevented === !0) return;
           const w = document.activeElement;
           if (e.type === "submit" && w !== document.body && m.value.contains(w) === !1 && w.contains(m.value) === !1) {
-            h.qAvoidFocus !== !0 && m.value.focus();
+            g.qAvoidFocus !== !0 && m.value.focus();
             const R = () => {
               var J;
               document.removeEventListener("keydown", ie, !0), document.removeEventListener("keyup", R, he), (J = m.value) == null || J.removeEventListener("blur", R, he);
@@ -925,94 +925,94 @@ const Ql = re({
             document.addEventListener("keydown", ie, !0), document.addEventListener("keyup", R, he), m.value.addEventListener("blur", R, he);
           }
         }
-        c(h);
+        c(g);
       }
     }
-    function F(h) {
-      m.value !== null && (l("keydown", h), Fe(h, [13, 32]) === !0 && Ze !== m.value && (Ze !== null && $(), h.defaultPrevented !== !0 && (h.qAvoidFocus !== !0 && m.value.focus(), Ze = m.value, m.value.classList.add("q-btn--active"), document.addEventListener("keyup", X, !0), m.value.addEventListener("blur", X, he)), ie(h)));
+    function F(g) {
+      m.value !== null && (l("keydown", g), Fe(g, [13, 32]) === !0 && Ze !== m.value && (Ze !== null && $(), g.defaultPrevented !== !0 && (g.qAvoidFocus !== !0 && m.value.focus(), Ze = m.value, m.value.classList.add("q-btn--active"), document.addEventListener("keyup", X, !0), m.value.addEventListener("blur", X, he)), ie(g)));
     }
-    function W(h) {
-      m.value !== null && (l("touchstart", h), h.defaultPrevented !== !0 && (Ge !== m.value && (Ge !== null && $(), Ge = m.value, y = h.target, y.addEventListener("touchcancel", X, he), y.addEventListener("touchend", X, he)), E = !0, S !== null && clearTimeout(S), S = setTimeout(() => {
+    function W(g) {
+      m.value !== null && (l("touchstart", g), g.defaultPrevented !== !0 && (Ge !== m.value && (Ge !== null && $(), Ge = m.value, y = g.target, y.addEventListener("touchcancel", X, he), y.addEventListener("touchend", X, he)), E = !0, S !== null && clearTimeout(S), S = setTimeout(() => {
         S = null, E = !1;
       }, 200)));
     }
-    function Y(h) {
-      m.value !== null && (h.qSkipRipple = E === !0, l("mousedown", h), h.defaultPrevented !== !0 && Je !== m.value && (Je !== null && $(), Je = m.value, m.value.classList.add("q-btn--active"), document.addEventListener("mouseup", X, he)));
+    function Y(g) {
+      m.value !== null && (g.qSkipRipple = E === !0, l("mousedown", g), g.defaultPrevented !== !0 && Je !== m.value && (Je !== null && $(), Je = m.value, m.value.classList.add("q-btn--active"), document.addEventListener("mouseup", X, he)));
     }
-    function X(h) {
-      if (m.value !== null && !((h == null ? void 0 : h.type) === "blur" && document.activeElement === m.value)) {
-        if ((h == null ? void 0 : h.type) === "keyup") {
-          if (Ze === m.value && Fe(h, [13, 32]) === !0) {
-            const w = new MouseEvent("click", h);
-            w.qKeyEvent = !0, h.defaultPrevented === !0 && ve(w), h.cancelBubble === !0 && ye(w), m.value.dispatchEvent(w), ie(h), h.qKeyEvent = !0;
+    function X(g) {
+      if (m.value !== null && !((g == null ? void 0 : g.type) === "blur" && document.activeElement === m.value)) {
+        if ((g == null ? void 0 : g.type) === "keyup") {
+          if (Ze === m.value && Fe(g, [13, 32]) === !0) {
+            const w = new MouseEvent("click", g);
+            w.qKeyEvent = !0, g.defaultPrevented === !0 && ve(w), g.cancelBubble === !0 && ye(w), m.value.dispatchEvent(w), ie(g), g.qKeyEvent = !0;
           }
-          l("keyup", h);
+          l("keyup", g);
         }
         $();
       }
     }
-    function $(h) {
+    function $(g) {
       var R, J;
       const w = v.value;
-      h !== !0 && (Ge === m.value || Je === m.value) && w !== null && w !== document.activeElement && (w.setAttribute("tabindex", -1), w.focus()), Ge === m.value && (y !== null && (y.removeEventListener("touchcancel", X, he), y.removeEventListener("touchend", X, he)), Ge = y = null), Je === m.value && (document.removeEventListener("mouseup", X, he), Je = null), Ze === m.value && (document.removeEventListener("keyup", X, !0), (R = m.value) == null || R.removeEventListener("blur", X, he), Ze = null), (J = m.value) == null || J.classList.remove("q-btn--active");
+      g !== !0 && (Ge === m.value || Je === m.value) && w !== null && w !== document.activeElement && (w.setAttribute("tabindex", -1), w.focus()), Ge === m.value && (y !== null && (y.removeEventListener("touchcancel", X, he), y.removeEventListener("touchend", X, he)), Ge = y = null), Je === m.value && (document.removeEventListener("mouseup", X, he), Je = null), Ze === m.value && (document.removeEventListener("keyup", X, !0), (R = m.value) == null || R.removeEventListener("blur", X, he), Ze = null), (J = m.value) == null || J.classList.remove("q-btn--active");
     }
-    function U(h) {
-      ie(h), h.qSkipRipple = !0;
+    function U(g) {
+      ie(g), g.qSkipRipple = !0;
     }
     return de(() => {
       $(!0);
     }), Object.assign(o, {
-      click: (h) => {
-        b.value === !0 && L(h);
+      click: (g) => {
+        h.value === !0 && L(g);
       }
     }), () => {
-      let h = [];
-      e.icon !== void 0 && h.push(
-        g(be, {
+      let g = [];
+      e.icon !== void 0 && g.push(
+        b(be, {
           name: e.icon,
           left: e.stack !== !0 && M.value === !0,
           role: "img"
         })
-      ), M.value === !0 && h.push(
-        g("span", { class: "block" }, [e.label])
-      ), h = ke(t.default, h), e.iconRight !== void 0 && e.round === !1 && h.push(
-        g(be, {
+      ), M.value === !0 && g.push(
+        b("span", { class: "block" }, [e.label])
+      ), g = ke(t.default, g), e.iconRight !== void 0 && e.round === !1 && g.push(
+        b(be, {
           name: e.iconRight,
           right: e.stack !== !0 && M.value === !0,
           role: "img"
         })
       );
       const w = [
-        g("span", {
+        b("span", {
           class: "q-focus-helper",
           ref: v
         })
       ];
       return e.loading === !0 && e.percentage !== void 0 && w.push(
-        g("span", {
+        b("span", {
           class: "q-btn__progress absolute-full overflow-hidden" + (e.darkPercentage === !0 ? " q-btn__progress--dark" : "")
         }, [
-          g("span", {
+          b("span", {
             class: "q-btn__progress-indicator fit block",
             style: P.value
           })
         ])
       ), w.push(
-        g("span", {
+        b("span", {
           class: "q-btn__content text-center col items-center q-anchor--skip " + r.value
-        }, h)
+        }, g)
       ), e.loading !== null && w.push(
-        g(vt, {
+        b(vt, {
           name: "q-transition--fade"
         }, () => e.loading === !0 ? [
-          g("span", {
+          b("span", {
             key: "loading",
             class: "absolute-full flex flex-center"
-          }, t.loading !== void 0 ? t.loading() : [g(pl)])
+          }, t.loading !== void 0 ? t.loading() : [b(pl)])
         ] : null)
       ), Vt(
-        g(
-          d.value,
+        b(
+          s.value,
           A.value,
           w
         ),
@@ -1087,7 +1087,7 @@ function He(e, t) {
   return f(() => e.dark === null ? t.dark.isActive : e.dark);
 }
 function Ai(e, t) {
-  const l = V(null), o = f(() => e.disable === !0 ? null : g("span", {
+  const l = V(null), o = f(() => e.disable === !0 ? null : b("span", {
     ref: l,
     class: "no-outline",
     tabindex: -1
@@ -1107,7 +1107,7 @@ const Yn = {
 function Oi(e = {}) {
   return (t, l, o) => {
     t[l](
-      g("input", {
+      b("input", {
         class: "hidden" + (o || ""),
         ...e.value
       })
@@ -1152,7 +1152,7 @@ const Li = {
   tabindex: [String, Number]
 }, Pi = ["update:modelValue"];
 function Ri(e, t) {
-  const { props: l, slots: o, emit: n, proxy: i } = te(), { $q: r } = i, a = He(l, r), s = V(null), { refocusTargetEl: d, refocusTarget: c } = Ai(l, s), b = Pt(l, Li), m = f(
+  const { props: l, slots: o, emit: n, proxy: i } = te(), { $q: r } = i, a = He(l, r), d = V(null), { refocusTargetEl: s, refocusTarget: c } = Ai(l, d), h = Pt(l, Li), m = f(
     () => l.val !== void 0 && Array.isArray(l.modelValue)
   ), v = f(() => {
     const $ = Ye(l.val);
@@ -1218,20 +1218,20 @@ function Ri(e, t) {
       ` q-${e}__native absolute q-ma-none q-pa-none`
     );
     const U = [
-      g("div", {
+      b("div", {
         class: q.value,
-        style: b.value,
+        style: h.value,
         "aria-hidden": "true"
       }, $)
     ];
-    d.value !== null && U.push(d.value);
-    const h = l.label !== void 0 ? ke(o.default, [l.label]) : ge(o.default);
-    return h !== void 0 && U.push(
-      g("div", {
+    s.value !== null && U.push(s.value);
+    const g = l.label !== void 0 ? ke(o.default, [l.label]) : ge(o.default);
+    return g !== void 0 && U.push(
+      b("div", {
         class: `q-${e}__label q-anchor--skip`
-      }, h)
-    ), g("div", {
-      ref: s,
+      }, g)
+    ), b("div", {
+      ref: d,
       class: B.value,
       ...A.value,
       onClick: L,
@@ -1240,20 +1240,20 @@ function Ri(e, t) {
     }, U);
   };
 }
-const Fi = () => g("div", {
+const Fi = () => b("div", {
   key: "svg",
   class: "q-checkbox__bg absolute"
 }, [
-  g("svg", {
+  b("svg", {
     class: "q-checkbox__svg fit absolute-full",
     viewBox: "0 0 24 24"
   }, [
-    g("path", {
+    b("path", {
       class: "q-checkbox__truthy",
       fill: "none",
       d: "M1.73,12.91 8.1,19.28 22.79,4.59"
     }),
-    g("path", {
+    b("path", {
       class: "q-checkbox__indet",
       d: "M4,14H20V10H4"
     })
@@ -1269,11 +1269,11 @@ const Fi = () => g("div", {
         () => (o.value === !0 ? e.checkedIcon : n.value === !0 ? e.indeterminateIcon : e.uncheckedIcon) || null
       );
       return () => i.value !== null ? [
-        g("div", {
+        b("div", {
           key: "icon",
           class: "q-checkbox__icon-container absolute-full flex flex-center no-wrap"
         }, [
-          g(be, {
+          b(be, {
             class: "q-checkbox__icon",
             name: i.value
           })
@@ -1291,20 +1291,20 @@ const Fi = () => g("div", {
   ],
   setup(e) {
     return () => [
-      g("div", {
+      b("div", {
         class: e.store.scroll.vertical.barClass.value,
         style: [e.barStyle, e.verticalBarStyle],
         "aria-hidden": "true",
         onMousedown: e.store.onVerticalMousedown
       }),
-      g("div", {
+      b("div", {
         class: e.store.scroll.horizontal.barClass.value,
         style: [e.barStyle, e.horizontalBarStyle],
         "aria-hidden": "true",
         onMousedown: e.store.onHorizontalMousedown
       }),
       Vt(
-        g("div", {
+        b("div", {
           ref: e.store.scroll.vertical.ref,
           class: e.store.scroll.vertical.thumbClass.value,
           style: e.store.scroll.vertical.style.value,
@@ -1313,7 +1313,7 @@ const Fi = () => g("div", {
         e.store.thumbVertDir
       ),
       Vt(
-        g("div", {
+        b("div", {
           ref: e.store.scroll.horizontal.ref,
           class: e.store.scroll.horizontal.thumbClass.value,
           style: e.store.scroll.horizontal.style.value,
@@ -1451,43 +1451,43 @@ const Zn = typeof ResizeObserver < "u", Xl = Zn === !0 ? {} : {
   emits: ["resize"],
   setup(e, { emit: t }) {
     let l = null, o, n = { width: -1, height: -1 };
-    function i(s) {
-      s === !0 || e.debounce === 0 || e.debounce === "0" ? r() : l === null && (l = setTimeout(r, e.debounce));
+    function i(d) {
+      d === !0 || e.debounce === 0 || e.debounce === "0" ? r() : l === null && (l = setTimeout(r, e.debounce));
     }
     function r() {
       if (l !== null && (clearTimeout(l), l = null), o) {
-        const { offsetWidth: s, offsetHeight: d } = o;
-        (s !== n.width || d !== n.height) && (n = { width: s, height: d }, t("resize", n));
+        const { offsetWidth: d, offsetHeight: s } = o;
+        (d !== n.width || s !== n.height) && (n = { width: d, height: s }, t("resize", n));
       }
     }
     const { proxy: a } = te();
     if (a.trigger = i, Zn === !0) {
-      let s;
-      const d = (c) => {
-        o = a.$el.parentNode, o ? (s = new ResizeObserver(i), s.observe(o), r()) : c !== !0 && fe(() => {
-          d(!0);
+      let d;
+      const s = (c) => {
+        o = a.$el.parentNode, o ? (d = new ResizeObserver(i), d.observe(o), r()) : c !== !0 && fe(() => {
+          s(!0);
         });
       };
       return qe(() => {
-        d();
+        s();
       }), de(() => {
-        l !== null && clearTimeout(l), s !== void 0 && (s.disconnect !== void 0 ? s.disconnect() : o && s.unobserve(o));
+        l !== null && clearTimeout(l), d !== void 0 && (d.disconnect !== void 0 ? d.disconnect() : o && d.unobserve(o));
       }), Rt;
     } else {
-      let s = function() {
-        l !== null && (clearTimeout(l), l = null), b !== void 0 && (b.removeEventListener !== void 0 && b.removeEventListener("resize", i, ae.passive), b = void 0);
-      }, d = function() {
-        s(), o != null && o.contentDocument && (b = o.contentDocument.defaultView, b.addEventListener("resize", i, ae.passive), r());
+      let d = function() {
+        l !== null && (clearTimeout(l), l = null), h !== void 0 && (h.removeEventListener !== void 0 && h.removeEventListener("resize", i, ae.passive), h = void 0);
+      }, s = function() {
+        d(), o != null && o.contentDocument && (h = o.contentDocument.defaultView, h.addEventListener("resize", i, ae.passive), r());
       };
       const { isHydrated: c } = Ki();
-      let b;
+      let h;
       return qe(() => {
         fe(() => {
-          o = a.$el, o && d();
+          o = a.$el, o && s();
         });
-      }), de(s), () => {
+      }), de(d), () => {
         if (c.value === !0)
-          return g("object", {
+          return b("object", {
             class: "q--avoid-card-border",
             style: Xl.style,
             tabindex: -1,
@@ -1495,7 +1495,7 @@ const Zn = typeof ResizeObserver < "u", Xl = Zn === !0 ? {} : {
             type: "text/html",
             data: Xl.url,
             "aria-hidden": "true",
-            onLoad: d
+            onLoad: s
           });
       };
     }
@@ -1622,26 +1622,26 @@ const { passive: Zl } = ae, Yi = ["both", "horizontal", "vertical"], Gi = re({
     };
     let o = null, n, i;
     Q(() => e.scrollTarget, () => {
-      s(), a();
+      d(), a();
     });
     function r() {
       o == null || o();
-      const b = Math.max(0, yl(n)), m = Sl(n), v = {
-        top: b - l.position.top,
+      const h = Math.max(0, yl(n)), m = Sl(n), v = {
+        top: h - l.position.top,
         left: m - l.position.left
       };
       if (e.axis === "vertical" && v.top === 0 || e.axis === "horizontal" && v.left === 0) return;
       const y = Math.abs(v.top) >= Math.abs(v.left) ? v.top < 0 ? "up" : "down" : v.left < 0 ? "left" : "right";
-      l.position = { top: b, left: m }, l.directionChanged = l.direction !== y, l.delta = v, l.directionChanged === !0 && (l.direction = y, l.inflectionPoint = l.position), t("scroll", { ...l });
+      l.position = { top: h, left: m }, l.directionChanged = l.direction !== y, l.delta = v, l.directionChanged === !0 && (l.direction = y, l.inflectionPoint = l.position), t("scroll", { ...l });
     }
     function a() {
-      n = eo(i, e.scrollTarget), n.addEventListener("scroll", d, Zl), d(!0);
+      n = eo(i, e.scrollTarget), n.addEventListener("scroll", s, Zl), s(!0);
     }
-    function s() {
-      n !== void 0 && (n.removeEventListener("scroll", d, Zl), n = void 0);
+    function d() {
+      n !== void 0 && (n.removeEventListener("scroll", s, Zl), n = void 0);
     }
-    function d(b) {
-      if (b === !0 || e.debounce === 0 || e.debounce === "0")
+    function s(h) {
+      if (h === !0 || e.debounce === 0 || e.debounce === "0")
         r();
       else if (o === null) {
         const [m, v] = e.debounce ? [setTimeout(r, e.debounce), clearTimeout] : [requestAnimationFrame(r), cancelAnimationFrame];
@@ -1654,9 +1654,9 @@ const { passive: Zl } = ae, Yi = ["both", "horizontal", "vertical"], Gi = re({
     return Q(() => c.$q.lang.rtl, r), qe(() => {
       i = c.$el.parentNode, a();
     }), de(() => {
-      o == null || o(), s();
+      o == null || o(), d();
     }), Object.assign(c, {
-      trigger: d,
+      trigger: s,
       getPosition: () => l
     }), Rt;
   }
@@ -1687,14 +1687,14 @@ function no() {
 }
 function Ut(e, t, l) {
   const o = mt(e);
-  let n, i = o.left - t.event.x, r = o.top - t.event.y, a = Math.abs(i), s = Math.abs(r);
-  const d = t.direction;
-  d.horizontal === !0 && d.vertical !== !0 ? n = i < 0 ? "left" : "right" : d.horizontal !== !0 && d.vertical === !0 ? n = r < 0 ? "up" : "down" : d.up === !0 && r < 0 ? (n = "up", a > s && (d.left === !0 && i < 0 ? n = "left" : d.right === !0 && i > 0 && (n = "right"))) : d.down === !0 && r > 0 ? (n = "down", a > s && (d.left === !0 && i < 0 ? n = "left" : d.right === !0 && i > 0 && (n = "right"))) : d.left === !0 && i < 0 ? (n = "left", a < s && (d.up === !0 && r < 0 ? n = "up" : d.down === !0 && r > 0 && (n = "down"))) : d.right === !0 && i > 0 && (n = "right", a < s && (d.up === !0 && r < 0 ? n = "up" : d.down === !0 && r > 0 && (n = "down")));
+  let n, i = o.left - t.event.x, r = o.top - t.event.y, a = Math.abs(i), d = Math.abs(r);
+  const s = t.direction;
+  s.horizontal === !0 && s.vertical !== !0 ? n = i < 0 ? "left" : "right" : s.horizontal !== !0 && s.vertical === !0 ? n = r < 0 ? "up" : "down" : s.up === !0 && r < 0 ? (n = "up", a > d && (s.left === !0 && i < 0 ? n = "left" : s.right === !0 && i > 0 && (n = "right"))) : s.down === !0 && r > 0 ? (n = "down", a > d && (s.left === !0 && i < 0 ? n = "left" : s.right === !0 && i > 0 && (n = "right"))) : s.left === !0 && i < 0 ? (n = "left", a < d && (s.up === !0 && r < 0 ? n = "up" : s.down === !0 && r > 0 && (n = "down"))) : s.right === !0 && i > 0 && (n = "right", a < d && (s.up === !0 && r < 0 ? n = "up" : s.down === !0 && r > 0 && (n = "down")));
   let c = !1;
   if (n === void 0 && l === !1) {
     if (t.event.isFirst === !0 || t.event.lastDir === void 0)
       return {};
-    n = t.event.lastDir, c = !0, n === "left" || n === "right" ? (o.left -= i, a = 0, i = 0) : (o.top -= r, s = 0, r = 0);
+    n = t.event.lastDir, c = !0, n === "left" || n === "right" ? (o.left -= i, a = 0, i = 0) : (o.top -= r, d = 0, r = 0);
   }
   return {
     synthetic: c,
@@ -1709,7 +1709,7 @@ function Ut(e, t, l) {
       duration: Date.now() - t.event.time,
       distance: {
         x: a,
-        y: s
+        y: d
       },
       offset: {
         x: i,
@@ -1756,42 +1756,42 @@ const tn = $n(
         start(i, r) {
           if (ue.is.firefox === !0 && Kt(e, !0), n.lastEvt = i, r === !0 || l.stop === !0) {
             if (n.direction.all !== !0 && (r !== !0 || n.modifiers.mouseAllDir !== !0 && n.modifiers.mousealldir !== !0)) {
-              const d = i.type.indexOf("mouse") !== -1 ? new MouseEvent(i.type, i) : new TouchEvent(i.type, i);
-              i.defaultPrevented === !0 && ve(d), i.cancelBubble === !0 && ye(d), Object.assign(d, {
+              const s = i.type.indexOf("mouse") !== -1 ? new MouseEvent(i.type, i) : new TouchEvent(i.type, i);
+              i.defaultPrevented === !0 && ve(s), i.cancelBubble === !0 && ye(s), Object.assign(s, {
                 qKeyEvent: i.qKeyEvent,
                 qClickOutside: i.qClickOutside,
                 qAnchorHandled: i.qAnchorHandled,
                 qClonedBy: i.qClonedBy === void 0 ? [n.uid] : i.qClonedBy.concat(n.uid)
               }), n.initialEvent = {
                 target: i.target,
-                event: d
+                event: s
               };
             }
             ye(i);
           }
-          const { left: a, top: s } = mt(i);
+          const { left: a, top: d } = mt(i);
           n.event = {
             x: a,
-            y: s,
+            y: d,
             time: Date.now(),
             mouse: r === !0,
             detected: !1,
             isFirst: !0,
             isFinal: !1,
             lastX: a,
-            lastY: s
+            lastY: d
           };
         },
         move(i) {
           if (n.event === void 0) return;
-          const r = mt(i), a = r.left - n.event.x, s = r.top - n.event.y;
-          if (a === 0 && s === 0) return;
+          const r = mt(i), a = r.left - n.event.x, d = r.top - n.event.y;
+          if (a === 0 && d === 0) return;
           n.lastEvt = i;
-          const d = n.event.mouse === !0, c = () => {
-            o(i, d);
+          const s = n.event.mouse === !0, c = () => {
+            o(i, s);
             let v;
-            l.preserveCursor !== !0 && l.preservecursor !== !0 && (v = document.documentElement.style.cursor || "", document.documentElement.style.cursor = "grabbing"), d === !0 && document.body.classList.add("no-pointer-events--children"), document.body.classList.add("non-selectable"), no(), n.styleCleanup = (y) => {
-              if (n.styleCleanup = void 0, v !== void 0 && (document.documentElement.style.cursor = v), document.body.classList.remove("non-selectable"), d === !0) {
+            l.preserveCursor !== !0 && l.preservecursor !== !0 && (v = document.documentElement.style.cursor || "", document.documentElement.style.cursor = "grabbing"), s === !0 && document.body.classList.add("no-pointer-events--children"), document.body.classList.add("non-selectable"), no(), n.styleCleanup = (y) => {
+              if (n.styleCleanup = void 0, v !== void 0 && (document.documentElement.style.cursor = v), document.body.classList.remove("non-selectable"), s === !0) {
                 const E = () => {
                   document.body.classList.remove("no-pointer-events--children");
                 };
@@ -1807,12 +1807,12 @@ const tn = $n(
             v !== void 0 && (n.handler(v) === !1 ? n.end(i) : (n.styleCleanup === void 0 && n.event.isFirst === !0 && c(), n.event.lastX = v.position.left, n.event.lastY = v.position.top, n.event.lastDir = y === !0 ? void 0 : v.direction, n.event.isFirst = !1));
             return;
           }
-          if (n.direction.all === !0 || d === !0 && (n.modifiers.mouseAllDir === !0 || n.modifiers.mousealldir === !0)) {
+          if (n.direction.all === !0 || s === !0 && (n.modifiers.mouseAllDir === !0 || n.modifiers.mousealldir === !0)) {
             c(), n.event.detected = !0, n.move(i);
             return;
           }
-          const b = Math.abs(a), m = Math.abs(s);
-          b !== m && (n.direction.horizontal === !0 && b > m || n.direction.vertical === !0 && b < m || n.direction.up === !0 && b < m && s < 0 || n.direction.down === !0 && b < m && s > 0 || n.direction.left === !0 && b > m && a < 0 || n.direction.right === !0 && b > m && a > 0 ? (n.event.detected = !0, n.move(i)) : n.end(i, !0));
+          const h = Math.abs(a), m = Math.abs(d);
+          h !== m && (n.direction.horizontal === !0 && h > m || n.direction.vertical === !0 && h < m || n.direction.up === !0 && h < m && d < 0 || n.direction.down === !0 && h < m && d > 0 || n.direction.left === !0 && h > m && a < 0 || n.direction.right === !0 && h > m && a > 0 ? (n.event.detected = !0, n.move(i)) : n.end(i, !0));
         },
         end(i, r) {
           var a;
@@ -1821,10 +1821,10 @@ const tn = $n(
               (a = n.styleCleanup) == null || a.call(n), n.event.detected !== !0 && n.initialEvent !== void 0 && n.initialEvent.target.dispatchEvent(n.initialEvent.event);
             else if (n.event.detected === !0) {
               n.event.isFirst === !0 && n.handler(Ut(i === void 0 ? n.lastEvt : i, n).payload);
-              const { payload: s } = Ut(i === void 0 ? n.lastEvt : i, n, !0), d = () => {
-                n.handler(s);
+              const { payload: d } = Ut(i === void 0 ? n.lastEvt : i, n, !0), s = () => {
+                n.handler(d);
               };
-              n.styleCleanup !== void 0 ? n.styleCleanup(d) : d();
+              n.styleCleanup !== void 0 ? n.styleCleanup(s) : s();
             }
             n.event = void 0, n.initialEvent = void 0, n.lastEvt = void 0;
           }
@@ -1928,19 +1928,19 @@ const nn = ["vertical", "horizontal"], Xt = {
         position: V(0),
         size: V(0)
       }
-    }, { proxy: s } = te(), d = He(e, s.$q);
-    let c = null, b;
+    }, { proxy: d } = te(), s = He(e, d.$q);
+    let c = null, h;
     const m = V(null), v = f(
-      () => "q-scrollarea" + (d.value === !0 ? " q-scrollarea--dark" : "")
+      () => "q-scrollarea" + (s.value === !0 ? " q-scrollarea--dark" : "")
     );
     Object.assign(r, {
       verticalInner: f(() => r.vertical.value - e.verticalOffset[0] - e.verticalOffset[1]),
       horizontalInner: f(() => r.horizontal.value - e.horizontalOffset[0] - e.horizontalOffset[1])
     }), a.vertical.percentage = f(() => {
-      const h = a.vertical.size.value - r.vertical.value;
-      if (h <= 0)
+      const g = a.vertical.size.value - r.vertical.value;
+      if (g <= 0)
         return 0;
-      const w = rt(a.vertical.position.value / h, 0, 1);
+      const w = rt(a.vertical.position.value / g, 0, 1);
       return Math.round(w * 1e4) / 1e4;
     }), a.vertical.thumbHidden = f(() => (e.visible === null ? i.value : e.visible) !== !0 && o.value === !1 && n.value === !1 || a.vertical.size.value <= r.vertical.value + 1), a.vertical.thumbStart = f(() => e.verticalOffset[0] + a.vertical.percentage.value * (r.verticalInner.value - a.vertical.thumbSize.value)), a.vertical.thumbSize = f(
       () => Math.round(
@@ -1957,10 +1957,10 @@ const nn = ["vertical", "horizontal"], Xt = {
       height: `${a.vertical.thumbSize.value}px`,
       right: `${e.horizontalOffset[1]}px`
     })), a.vertical.thumbClass = f(() => "q-scrollarea__thumb q-scrollarea__thumb--v absolute-right" + (a.vertical.thumbHidden.value === !0 ? " q-scrollarea__thumb--invisible" : "")), a.vertical.barClass = f(() => "q-scrollarea__bar q-scrollarea__bar--v absolute-right" + (a.vertical.thumbHidden.value === !0 ? " q-scrollarea__bar--invisible" : "")), a.horizontal.percentage = f(() => {
-      const h = a.horizontal.size.value - r.horizontal.value;
-      if (h <= 0)
+      const g = a.horizontal.size.value - r.horizontal.value;
+      if (g <= 0)
         return 0;
-      const w = rt(Math.abs(a.horizontal.position.value) / h, 0, 1);
+      const w = rt(Math.abs(a.horizontal.position.value) / g, 0, 1);
       return Math.round(w * 1e4) / 1e4;
     }), a.horizontal.thumbHidden = f(() => (e.visible === null ? i.value : e.visible) !== !0 && o.value === !1 && n.value === !1 || a.horizontal.size.value <= r.horizontal.value + 1), a.horizontal.thumbStart = f(() => e.horizontalOffset[0] + a.horizontal.percentage.value * (r.horizontalInner.value - a.horizontal.thumbSize.value)), a.horizontal.thumbSize = f(
       () => Math.round(
@@ -1973,66 +1973,66 @@ const nn = ["vertical", "horizontal"], Xt = {
     ), a.horizontal.style = f(() => ({
       ...e.thumbStyle,
       ...e.horizontalThumbStyle,
-      [s.$q.lang.rtl === !0 ? "right" : "left"]: `${a.horizontal.thumbStart.value}px`,
+      [d.$q.lang.rtl === !0 ? "right" : "left"]: `${a.horizontal.thumbStart.value}px`,
       width: `${a.horizontal.thumbSize.value}px`,
       bottom: `${e.verticalOffset[1]}px`
     })), a.horizontal.thumbClass = f(() => "q-scrollarea__thumb q-scrollarea__thumb--h absolute-bottom" + (a.horizontal.thumbHidden.value === !0 ? " q-scrollarea__thumb--invisible" : "")), a.horizontal.barClass = f(() => "q-scrollarea__bar q-scrollarea__bar--h absolute-bottom" + (a.horizontal.thumbHidden.value === !0 ? " q-scrollarea__bar--invisible" : ""));
     const y = f(() => a.vertical.thumbHidden.value === !0 && a.horizontal.thumbHidden.value === !0 ? e.contentStyle : e.contentActiveStyle);
     function E() {
-      const h = {};
+      const g = {};
       return nn.forEach((w) => {
         const R = a[w];
-        Object.assign(h, {
+        Object.assign(g, {
           [w + "Position"]: R.position.value,
           [w + "Percentage"]: R.percentage.value,
           [w + "Size"]: R.size.value,
           [w + "ContainerSize"]: r[w].value,
           [w + "ContainerInnerSize"]: r[w + "Inner"].value
         });
-      }), h;
+      }), g;
     }
     const S = xl(() => {
-      const h = E();
-      h.ref = s, l("scroll", h);
+      const g = E();
+      g.ref = d, l("scroll", g);
     }, 0);
-    function M(h, w, R) {
-      if (nn.includes(h) === !1) {
+    function M(g, w, R) {
+      if (nn.includes(g) === !1) {
         console.error("[QScrollArea]: wrong first param of setScrollPosition (vertical/horizontal)");
         return;
       }
-      (h === "vertical" ? Gl : Qt)(m.value, w, R);
+      (g === "vertical" ? Gl : Qt)(m.value, w, R);
     }
-    function B({ height: h, width: w }) {
+    function B({ height: g, width: w }) {
       let R = !1;
-      r.vertical.value !== h && (r.vertical.value = h, R = !0), r.horizontal.value !== w && (r.horizontal.value = w, R = !0), R === !0 && L();
+      r.vertical.value !== g && (r.vertical.value = g, R = !0), r.horizontal.value !== w && (r.horizontal.value = w, R = !0), R === !0 && L();
     }
-    function q({ position: h }) {
+    function q({ position: g }) {
       let w = !1;
-      a.vertical.position.value !== h.top && (a.vertical.position.value = h.top, w = !0), a.horizontal.position.value !== h.left && (a.horizontal.position.value = h.left, w = !0), w === !0 && L();
+      a.vertical.position.value !== g.top && (a.vertical.position.value = g.top, w = !0), a.horizontal.position.value !== g.left && (a.horizontal.position.value = g.left, w = !0), w === !0 && L();
     }
-    function P({ height: h, width: w }) {
-      a.horizontal.size.value !== w && (a.horizontal.size.value = w, L()), a.vertical.size.value !== h && (a.vertical.size.value = h, L());
+    function P({ height: g, width: w }) {
+      a.horizontal.size.value !== w && (a.horizontal.size.value = w, L()), a.vertical.size.value !== g && (a.vertical.size.value = g, L());
     }
-    function T(h, w) {
+    function T(g, w) {
       const R = a[w];
-      if (h.isFirst === !0) {
+      if (g.isFirst === !0) {
         if (R.thumbHidden.value === !0) return;
-        b = R.position.value, n.value = !0;
+        h = R.position.value, n.value = !0;
       } else if (n.value !== !0)
         return;
-      h.isFinal === !0 && (n.value = !1);
-      const J = Xt[w], _ = (R.size.value - r[w].value) / (r[w + "Inner"].value - R.thumbSize.value), I = h.distance[J.dist], le = b + (h.direction === J.dir ? 1 : -1) * I * _;
+      g.isFinal === !0 && (n.value = !1);
+      const J = Xt[w], _ = (R.size.value - r[w].value) / (r[w + "Inner"].value - R.thumbSize.value), I = g.distance[J.dist], le = h + (g.direction === J.dir ? 1 : -1) * I * _;
       F(le, w);
     }
-    function A(h, w) {
+    function A(g, w) {
       const R = a[w];
       if (R.thumbHidden.value !== !0) {
-        const J = w === "vertical" ? e.verticalOffset[0] : e.horizontalOffset[0], _ = h[Xt[w].offset] - J, I = R.thumbStart.value - J;
+        const J = w === "vertical" ? e.verticalOffset[0] : e.horizontalOffset[0], _ = g[Xt[w].offset] - J, I = R.thumbStart.value - J;
         if (_ < I || _ > I + R.thumbSize.value) {
           const le = _ - R.thumbSize.value / 2, p = rt(le / (r[w + "Inner"].value - R.thumbSize.value), 0, 1);
           F(p * Math.max(0, R.size.value - r[w].value), w);
         }
-        R.ref.value !== null && R.ref.value.dispatchEvent(new MouseEvent(h.type, h));
+        R.ref.value !== null && R.ref.value.dispatchEvent(new MouseEvent(g.type, g));
       }
     }
     function L() {
@@ -2040,23 +2040,23 @@ const nn = ["vertical", "horizontal"], Xt = {
         c = null, o.value = !1;
       }, e.delay), e.onScroll !== void 0 && S();
     }
-    function F(h, w) {
-      m.value[Xt[w].scroll] = h;
+    function F(g, w) {
+      m.value[Xt[w].scroll] = g;
     }
     let W = null;
     function Y() {
       W !== null && clearTimeout(W), W = setTimeout(() => {
         W = null, i.value = !0;
-      }, s.$q.platform.is.ios ? 50 : 0);
+      }, d.$q.platform.is.ios ? 50 : 0);
     }
     function X() {
       W !== null && (clearTimeout(W), W = null), i.value = !1;
     }
     let $ = null;
-    Q(() => s.$q.lang.rtl, (h) => {
+    Q(() => d.$q.lang.rtl, (g) => {
       m.value !== null && Qt(
         m.value,
-        Math.abs(a.horizontal.position.value) * (h === !0 ? -1 : 1)
+        Math.abs(a.horizontal.position.value) * (g === !0 ? -1 : 1)
       );
     }), bt(() => {
       $ = {
@@ -2065,9 +2065,9 @@ const nn = ["vertical", "horizontal"], Xt = {
       };
     }), hl(() => {
       if ($ === null) return;
-      const h = m.value;
-      h !== null && (Qt(h, $.left), Gl(h, $.top));
-    }), de(S.cancel), Object.assign(s, {
+      const g = m.value;
+      g !== null && (Qt(g, $.left), Gl(g, $.top));
+    }), de(S.cancel), Object.assign(d, {
       getScrollTarget: () => m.value,
       getScroll: E,
       getScrollPosition: () => ({
@@ -2079,10 +2079,10 @@ const nn = ["vertical", "horizontal"], Xt = {
         left: a.horizontal.percentage.value
       }),
       setScrollPosition: M,
-      setScrollPercentage(h, w, R) {
+      setScrollPercentage(g, w, R) {
         M(
-          h,
-          w * (a[h].size.value - r[h].value) * (h === "horizontal" && s.$q.lang.rtl === !0 ? -1 : 1),
+          g,
+          w * (a[g].size.value - r[g].value) * (g === "horizontal" && d.$q.lang.rtl === !0 ? -1 : 1),
           R
         );
       }
@@ -2091,56 +2091,56 @@ const nn = ["vertical", "horizontal"], Xt = {
       scroll: a,
       thumbVertDir: [[
         tn,
-        (h) => {
-          T(h, "vertical");
+        (g) => {
+          T(g, "vertical");
         },
         void 0,
         { vertical: !0, ...on }
       ]],
       thumbHorizDir: [[
         tn,
-        (h) => {
-          T(h, "horizontal");
+        (g) => {
+          T(g, "horizontal");
         },
         void 0,
         { horizontal: !0, ...on }
       ]],
-      onVerticalMousedown(h) {
-        A(h, "vertical");
+      onVerticalMousedown(g) {
+        A(g, "vertical");
       },
-      onHorizontalMousedown(h) {
-        A(h, "horizontal");
+      onHorizontalMousedown(g) {
+        A(g, "horizontal");
       }
     };
-    return () => g("div", {
+    return () => b("div", {
       class: v.value,
       onMouseenter: Y,
       onMouseleave: X
     }, [
-      g("div", {
+      b("div", {
         ref: m,
         class: "q-scrollarea__container scroll relative-position fit hide-scrollbar",
         tabindex: e.tabindex !== void 0 ? e.tabindex : void 0
       }, [
-        g("div", {
+        b("div", {
           class: "q-scrollarea__content absolute",
           style: y.value
         }, ke(t.default, [
-          g(Yl, {
+          b(Yl, {
             debounce: 0,
             onResize: P
           })
         ])),
-        g(Gi, {
+        b(Gi, {
           axis: "both",
           onScroll: q
         })
       ]),
-      g(Yl, {
+      b(Yl, {
         debounce: 0,
         onResize: B
       }),
-      g(Hi, {
+      b(Hi, {
         store: U,
         barStyle: e.barStyle,
         verticalBarStyle: e.verticalBarStyle,
@@ -2164,7 +2164,7 @@ const nn = ["vertical", "horizontal"], Xt = {
     const { proxy: { $q: l } } = te(), o = He(e, l), n = f(
       () => "q-card" + (o.value === !0 ? " q-card--dark q-dark" : "") + (e.bordered === !0 ? " q-card--bordered" : "") + (e.square === !0 ? " q-card--square no-border-radius" : "") + (e.flat === !0 ? " q-card--flat no-shadow" : "")
     );
-    return () => g(e.tag, { class: n.value }, ge(t.default));
+    return () => b(e.tag, { class: n.value }, ge(t.default));
   }
 }), nr = {
   /* SSR does not know about Element */
@@ -2186,11 +2186,11 @@ function ir({
 }) {
   const { props: o, proxy: n, emit: i } = te(), r = V(null);
   let a = null;
-  function s(v) {
+  function d(v) {
     return r.value === null ? !1 : v === void 0 || v.touches === void 0 || v.touches.length <= 1;
   }
-  const d = {};
-  l === void 0 && (Object.assign(d, {
+  const s = {};
+  l === void 0 && (Object.assign(s, {
     hide(v) {
       n.hide(v);
     },
@@ -2198,7 +2198,7 @@ function ir({
       n.toggle(v), v.qAnchorHandled = !0;
     },
     toggleKey(v) {
-      Fe(v, 13) === !0 && d.toggle(v);
+      Fe(v, 13) === !0 && s.toggle(v);
     },
     contextClick(v) {
       n.hide(v), ve(v), fe(() => {
@@ -2207,10 +2207,10 @@ function ir({
     },
     prevent: ve,
     mobileTouch(v) {
-      if (d.mobileCleanup(v), s(v) !== !0) return;
+      if (s.mobileCleanup(v), d(v) !== !0) return;
       n.hide(v), r.value.classList.add("non-selectable");
       const y = v.target;
-      $e(d, "anchor", [
+      $e(s, "anchor", [
         [y, "touchmove", "mobileCleanup", "passive"],
         [y, "touchend", "mobileCleanup", "passive"],
         [y, "touchcancel", "mobileCleanup", "passive"],
@@ -2233,12 +2233,12 @@ function ir({
     ] : y = [
       [r.value, "click", "toggle", "passive"],
       [r.value, "keyup", "toggleKey", "passive"]
-    ], $e(d, "anchor", y);
+    ], $e(s, "anchor", y);
   });
   function c() {
-    ct(d, "anchor");
+    ct(s, "anchor");
   }
-  function b(v) {
+  function h(v) {
     for (r.value = v; r.value.classList.contains("q-anchor--skip"); )
       r.value = r.value.parentNode;
     l();
@@ -2247,7 +2247,7 @@ function ir({
     if (o.target === !1 || o.target === "" || n.$el.parentNode === null)
       r.value = null;
     else if (o.target === !0)
-      b(n.$el.parentNode);
+      h(n.$el.parentNode);
     else {
       let v = o.target;
       if (typeof o.target == "string")
@@ -2271,16 +2271,16 @@ function ir({
     a !== null && clearTimeout(a), c();
   }), {
     anchorEl: r,
-    canShow: s,
-    anchorEvents: d
+    canShow: d,
+    anchorEvents: s
   };
 }
 function rr(e, t) {
   const l = V(null);
   let o;
-  function n(a, s) {
-    const d = `${s !== void 0 ? "add" : "remove"}EventListener`, c = s !== void 0 ? s : o;
-    a !== window && a[d]("scroll", c, ae.passive), window[d]("scroll", c, ae.passive), o = s;
+  function n(a, d) {
+    const s = `${d !== void 0 ? "add" : "remove"}EventListener`, c = d !== void 0 ? d : o;
+    a !== window && a[s]("scroll", c, ae.passive), window[s]("scroll", c, ae.passive), o = d;
   }
   function i() {
     l.value !== null && (n(l.value), l.value = null);
@@ -2319,41 +2319,41 @@ function ro({
   processOnMount: i
   // optional
 }) {
-  const r = te(), { props: a, emit: s, proxy: d } = r;
+  const r = te(), { props: a, emit: d, proxy: s } = r;
   let c;
-  function b(B) {
+  function h(B) {
     e.value === !0 ? y(B) : m(B);
   }
   function m(B) {
     if (a.disable === !0 || (B == null ? void 0 : B.qAnchorHandled) === !0 || t !== void 0 && t(B) !== !0) return;
     const q = a["onUpdate:modelValue"] !== void 0;
-    q === !0 && (s("update:modelValue", !0), c = B, fe(() => {
+    q === !0 && (d("update:modelValue", !0), c = B, fe(() => {
       c === B && (c = void 0);
     })), (a.modelValue === null || q === !1) && v(B);
   }
   function v(B) {
-    e.value !== !0 && (e.value = !0, s("beforeShow", B), o !== void 0 ? o(B) : s("show", B));
+    e.value !== !0 && (e.value = !0, d("beforeShow", B), o !== void 0 ? o(B) : d("show", B));
   }
   function y(B) {
     if (a.disable === !0) return;
     const q = a["onUpdate:modelValue"] !== void 0;
-    q === !0 && (s("update:modelValue", !1), c = B, fe(() => {
+    q === !0 && (d("update:modelValue", !1), c = B, fe(() => {
       c === B && (c = void 0);
     })), (a.modelValue === null || q === !1) && E(B);
   }
   function E(B) {
-    e.value !== !1 && (e.value = !1, s("beforeHide", B), n !== void 0 ? n(B) : s("hide", B));
+    e.value !== !1 && (e.value = !1, d("beforeHide", B), n !== void 0 ? n(B) : d("hide", B));
   }
   function S(B) {
-    a.disable === !0 && B === !0 ? a["onUpdate:modelValue"] !== void 0 && s("update:modelValue", !1) : B === !0 !== e.value && (B === !0 ? v : E)(c);
+    a.disable === !0 && B === !0 ? a["onUpdate:modelValue"] !== void 0 && d("update:modelValue", !1) : B === !0 !== e.value && (B === !0 ? v : E)(c);
   }
-  Q(() => a.modelValue, S), l !== void 0 && Fn(r) === !0 && Q(() => d.$route.fullPath, () => {
+  Q(() => a.modelValue, S), l !== void 0 && Fn(r) === !0 && Q(() => s.$route.fullPath, () => {
     l.value === !0 && e.value === !0 && y();
   }), qe(() => {
     S(a.modelValue);
   });
-  const M = { show: m, hide: y, toggle: b };
-  return Object.assign(d, M), M;
+  const M = { show: m, hide: y, toggle: h };
+  return Object.assign(s, M), M;
 }
 let Le = [], ht = [];
 function ao(e) {
@@ -2416,16 +2416,16 @@ function hr(e) {
 function uo(e, t, l, o) {
   const n = V(!1), i = V(!1);
   let r = null;
-  const a = {}, s = o === "dialog" && hr(e);
-  function d(b) {
-    if (b === !0) {
+  const a = {}, d = o === "dialog" && hr(e);
+  function s(h) {
+    if (h === !0) {
       an(a), i.value = !0;
       return;
     }
-    i.value = !1, n.value === !1 && (s === !1 && r === null && (r = dr(!1, o)), n.value = !0, dt.push(e.proxy), ar(a));
+    i.value = !1, n.value === !1 && (d === !1 && r === null && (r = dr(!1, o)), n.value = !0, dt.push(e.proxy), ar(a));
   }
-  function c(b) {
-    if (i.value = !1, b !== !0) return;
+  function c(h) {
+    if (i.value = !1, h !== !0) return;
     an(a), n.value = !1;
     const m = dt.indexOf(e.proxy);
     m !== -1 && dt.splice(m, 1), r !== null && (fr(r), r = null);
@@ -2433,11 +2433,11 @@ function uo(e, t, l, o) {
   return Wo(() => {
     c(!0);
   }), e.proxy.__qPortal = !0, gl(e.proxy, "contentEl", () => t.value), {
-    showPortal: d,
+    showPortal: s,
     hidePortal: c,
     portalIsActive: n,
     portalIsAccessible: i,
-    renderPortal: () => s === !0 ? l() : n.value === !0 ? [g(Ko, { to: r }, g(mr, l))] : void 0
+    renderPortal: () => d === !0 ? l() : n.value === !0 ? [b(Ko, { to: r }, b(mr, l))] : void 0
   };
 }
 const so = {
@@ -2647,28 +2647,28 @@ function po(e, t = 0) {
     anchorOrigin: i,
     selfOrigin: r,
     absoluteOffset: a,
-    fit: s,
-    cover: d,
+    fit: d,
+    cover: s,
     maxHeight: c,
-    maxWidth: b
+    maxWidth: h
   } = e;
   if (ue.is.ios === !0 && window.visualViewport !== void 0) {
     const A = document.body.style, { offsetLeft: L, offsetTop: F } = window.visualViewport;
     L !== cn && (A.setProperty("--q-pe-left", L + "px"), cn = L), F !== dn && (A.setProperty("--q-pe-top", F + "px"), dn = F);
   }
-  const { scrollLeft: m, scrollTop: v } = l, y = a === void 0 ? wr(n, d === !0 ? [0, 0] : o) : xr(n, a, o);
+  const { scrollLeft: m, scrollTop: v } = l, y = a === void 0 ? wr(n, s === !0 ? [0, 0] : o) : xr(n, a, o);
   Object.assign(l.style, {
     top: 0,
     left: 0,
     minWidth: null,
     minHeight: null,
-    maxWidth: b,
+    maxWidth: h,
     maxHeight: c,
     visibility: "visible"
   });
-  const { offsetWidth: E, offsetHeight: S } = l, { elWidth: M, elHeight: B } = s === !0 || d === !0 ? { elWidth: Math.max(y.width, E), elHeight: d === !0 ? Math.max(y.height, S) : S } : { elWidth: E, elHeight: S };
-  let q = { maxWidth: b, maxHeight: c };
-  (s === !0 || d === !0) && (q.minWidth = y.width + "px", d === !0 && (q.minHeight = y.height + "px")), Object.assign(l.style, q);
+  const { offsetWidth: E, offsetHeight: S } = l, { elWidth: M, elHeight: B } = d === !0 || s === !0 ? { elWidth: Math.max(y.width, E), elHeight: s === !0 ? Math.max(y.height, S) : S } : { elWidth: E, elHeight: S };
+  let q = { maxWidth: h, maxHeight: c };
+  (d === !0 || s === !0) && (q.minWidth = y.width + "px", s === !0 && (q.minHeight = y.height + "px")), Object.assign(l.style, q);
   const P = kr(M, B);
   let T = mn(y, P, i, r);
   if (a === void 0 || o === void 0)
@@ -2695,13 +2695,13 @@ function po(e, t = 0) {
   }, T.maxHeight !== void 0 && (q.maxHeight = T.maxHeight + "px", y.height > T.maxHeight && (q.minHeight = q.maxHeight)), T.maxWidth !== void 0 && (q.maxWidth = T.maxWidth + "px", y.width > T.maxWidth && (q.minWidth = q.maxWidth)), Object.assign(l.style, q), l.scrollTop !== v && (l.scrollTop = v), l.scrollLeft !== m && (l.scrollLeft = m);
 }
 function Yt(e, t, l, o, n) {
-  const i = l.bottom, r = l.right, a = Ui(), s = window.innerHeight - a, d = document.body.clientWidth;
-  if (e.top < 0 || e.top + i > s)
+  const i = l.bottom, r = l.right, a = Ui(), d = window.innerHeight - a, s = document.body.clientWidth;
+  if (e.top < 0 || e.top + i > d)
     if (n.vertical === "center")
-      e.top = t[o.vertical] > s / 2 ? Math.max(0, s - i) : 0, e.maxHeight = Math.min(i, s);
-    else if (t[o.vertical] > s / 2) {
+      e.top = t[o.vertical] > d / 2 ? Math.max(0, d - i) : 0, e.maxHeight = Math.min(i, d);
+    else if (t[o.vertical] > d / 2) {
       const c = Math.min(
-        s,
+        d,
         o.vertical === "center" ? t.center : o.vertical === n.vertical ? t.bottom : t.top
       );
       e.maxHeight = Math.min(i, c), e.top = Math.max(0, c - i);
@@ -2709,13 +2709,13 @@ function Yt(e, t, l, o, n) {
       e.top = Math.max(
         0,
         o.vertical === "center" ? t.center : o.vertical === n.vertical ? t.top : t.bottom
-      ), e.maxHeight = Math.min(i, s - e.top);
-  if (e.left < 0 || e.left + r > d)
-    if (e.maxWidth = Math.min(r, d), n.horizontal === "middle")
-      e.left = t[o.horizontal] > d / 2 ? Math.max(0, d - r) : 0;
-    else if (t[o.horizontal] > d / 2) {
+      ), e.maxHeight = Math.min(i, d - e.top);
+  if (e.left < 0 || e.left + r > s)
+    if (e.maxWidth = Math.min(r, s), n.horizontal === "middle")
+      e.left = t[o.horizontal] > s / 2 ? Math.max(0, s - r) : 0;
+    else if (t[o.horizontal] > s / 2) {
       const c = Math.min(
-        d,
+        s,
         o.horizontal === "middle" ? t.middle : o.horizontal === n.horizontal ? t.right : t.left
       );
       e.maxWidth = Math.min(r, c), e.left = Math.max(0, c - e.maxWidth);
@@ -2723,7 +2723,7 @@ function Yt(e, t, l, o, n) {
       e.left = Math.max(
         0,
         o.horizontal === "middle" ? t.middle : o.horizontal === n.horizontal ? t.left : t.right
-      ), e.maxWidth = Math.min(r, d - e.left);
+      ), e.maxWidth = Math.min(r, s - e.left);
 }
 const yo = re({
   name: "QMenu",
@@ -2773,7 +2773,7 @@ const yo = re({
   ],
   setup(e, { slots: t, emit: l, attrs: o }) {
     let n = null, i, r, a;
-    const s = te(), { proxy: d } = s, { $q: c } = d, b = V(null), m = V(!1), v = f(
+    const d = te(), { proxy: s } = d, { $q: c } = s, h = V(null), m = V(!1), v = f(
       () => e.persistent !== !0 && e.noRouteDismiss !== !0
     ), y = He(e, c), { registerTick: E, removeTick: S } = fo(), { registerTimeout: M } = vo(), { transitionProps: B, transitionStyle: q } = co(e), { localScrollTarget: P, changeScrollEvent: T, unconfigureScrollTarget: A } = rr(e, D), { anchorEl: L, canShow: F } = ir({ showing: m }), { hide: W } = ro({
       showing: m,
@@ -2782,20 +2782,20 @@ const yo = re({
       handleHide: p,
       hideOnRouteChange: v,
       processOnMount: !0
-    }), { showPortal: Y, hidePortal: X, renderPortal: $ } = uo(s, b, ee, "menu"), U = {
+    }), { showPortal: Y, hidePortal: X, renderPortal: $ } = uo(d, h, ee, "menu"), U = {
       anchorEl: L,
-      innerRef: b,
+      innerRef: h,
       onClickOutside(x) {
         if (e.persistent !== !0 && m.value === !0)
           return W(x), // always prevent touch event
           (x.type === "touchstart" || x.target.classList.contains("q-dialog__backdrop")) && ie(x), !0;
       }
-    }, h = f(
+    }, g = f(
       () => vn(
         e.anchor || (e.cover === !0 ? "center middle" : "bottom start"),
         c.lang.rtl
       )
-    ), w = f(() => e.cover === !0 ? h.value : vn(e.self || "top start", c.lang.rtl)), R = f(
+    ), w = f(() => e.cover === !0 ? g.value : vn(e.self || "top start", c.lang.rtl)), R = f(
       () => (e.square === !0 ? " q-menu--square" : "") + (y.value === !0 ? " q-menu--dark q-dark" : "")
     ), J = f(() => e.autoClose === !0 ? { onClick: O } : {}), _ = f(
       () => m.value === !0 && e.persistent !== !0
@@ -2805,7 +2805,7 @@ const yo = re({
     });
     function I() {
       kl(() => {
-        let x = b.value;
+        let x = h.value;
         x && x.contains(document.activeElement) !== !0 && (x = x.querySelector("[autofocus][tabindex], [data-autofocus][tabindex]") || x.querySelector("[autofocus] [tabindex], [data-autofocus] [tabindex]") || x.querySelector("[autofocus], [data-autofocus]") || x, x.focus({ preventScroll: !0 }));
       });
     }
@@ -2823,7 +2823,7 @@ const yo = re({
       )), e.noFocus !== !0 && document.activeElement.blur(), E(() => {
         H(), e.noFocus !== !0 && I();
       }), M(() => {
-        c.platform.is.ios === !0 && (a = e.autoClose, b.value.click()), H(), Y(!0), l("show", x);
+        c.platform.is.ios === !0 && (a = e.autoClose, h.value.click()), H(), Y(!0), l("show", x);
       }, e.transitionDuration);
     }
     function p(x) {
@@ -2839,20 +2839,20 @@ const yo = re({
       (L.value !== null || e.scrollTarget !== void 0) && (P.value = eo(L.value, e.scrollTarget), T(P.value, H));
     }
     function O(x) {
-      a !== !0 ? (vr(d, x), l("click", x)) : a = !1;
+      a !== !0 ? (vr(s, x), l("click", x)) : a = !1;
     }
     function N(x) {
-      _.value === !0 && e.noFocus !== !0 && Kn(b.value, x.target) !== !0 && I();
+      _.value === !0 && e.noFocus !== !0 && Kn(h.value, x.target) !== !0 && I();
     }
     function j(x) {
       e.noEscDismiss !== !0 && (l("escapeKey"), W(x));
     }
     function H() {
       po({
-        targetEl: b.value,
+        targetEl: h.value,
         offset: e.offset,
         anchorEl: L.value,
-        anchorOrigin: h.value,
+        anchorOrigin: g.value,
         selfOrigin: w.value,
         absoluteOffset: i,
         fit: e.fit,
@@ -2862,13 +2862,13 @@ const yo = re({
       });
     }
     function ee() {
-      return g(
+      return b(
         vt,
         B.value,
-        () => m.value === !0 ? g("div", {
+        () => m.value === !0 ? b("div", {
           role: "menu",
           ...o,
-          ref: b,
+          ref: h,
           tabindex: -1,
           class: [
             "q-menu q-position-engine scroll" + R.value,
@@ -2882,7 +2882,7 @@ const yo = re({
         }, ge(t.default)) : null
       );
     }
-    return de(k), Object.assign(d, { focus: I, updatePosition: H }), $;
+    return de(k), Object.assign(s, { focus: I, updatePosition: H }), $;
   }
 });
 let Gt, Ct = 0;
@@ -3000,10 +3000,10 @@ const pn = /^#[0-9a-fA-F]{3}([0-9a-fA-F]{3})?$/, yn = /^#[0-9a-fA-F]{4}([0-9a-fA
 function Ar(e, t) {
   const { props: l, proxy: o } = te(), n = V(!1), i = V(null), r = V(!1);
   Vr({ validate: E, resetValidation: y });
-  let a = 0, s;
-  const d = f(
+  let a = 0, d;
+  const s = f(
     () => l.rules !== void 0 && l.rules !== null && l.rules.length !== 0
-  ), c = f(() => l.disable !== !0 && d.value === !0 && t.value === !1), b = f(
+  ), c = f(() => l.disable !== !0 && s.value === !0 && t.value === !1), h = f(
     () => l.error === !0 || n.value === !0
   ), m = f(() => typeof l.errorMessage == "string" && l.errorMessage.length !== 0 ? l.errorMessage : i.value);
   Q(() => l.modelValue, () => {
@@ -3013,7 +3013,7 @@ function Ar(e, t) {
     l.lazyRules !== "ondemand" && c.value === !0 && r.value === !0 && S();
   }
   Q(() => l.reactiveRules, (M) => {
-    M === !0 ? s === void 0 && (s = Q(() => l.rules, v, { immediate: !0, deep: !0 })) : s !== void 0 && (s(), s = void 0);
+    M === !0 ? d === void 0 && (d = Q(() => l.rules, v, { immediate: !0, deep: !0 })) : d !== void 0 && (d(), d = void 0);
   }, { immediate: !0 }), Q(() => l.lazyRules, v), Q(e, (M) => {
     M === !0 ? r.value = !0 : c.value === !0 && l.lazyRules !== "ondemand" && S();
   });
@@ -3021,7 +3021,7 @@ function Ar(e, t) {
     a++, t.value = !1, r.value = !1, n.value = !1, i.value = null, S.cancel();
   }
   function E(M = l.modelValue) {
-    if (l.disable === !0 || d.value === !1)
+    if (l.disable === !0 || s.value === !1)
       return !0;
     const B = ++a, q = t.value !== !0 ? () => {
       r.value = !0;
@@ -3048,11 +3048,11 @@ function Ar(e, t) {
   }
   const S = xl(E, 0);
   return de(() => {
-    s == null || s(), S.cancel();
-  }), Object.assign(o, { resetValidation: y, validate: E }), gl(o, "hasError", () => b.value), {
+    d == null || d(), S.cancel();
+  }), Object.assign(o, { resetValidation: y, validate: E }), gl(o, "hasError", () => h.value), {
     isDirtyModel: r,
-    hasRules: d,
-    hasError: b,
+    hasRules: s,
+    hasError: h,
     errorMessage: m,
     validate: E,
     resetValidation: y
@@ -3157,13 +3157,13 @@ function xo(e) {
     }
   }));
   const {
-    isDirtyModel: s,
-    hasRules: d,
+    isDirtyModel: d,
+    hasRules: s,
     hasError: c,
-    errorMessage: b,
+    errorMessage: h,
     resetValidation: m
   } = Ar(e.focused, e.innerLoading), v = e.floatingLabel !== void 0 ? f(() => t.stackLabel === !0 || e.focused.value === !0 || e.floatingLabel.value === !0) : f(() => t.stackLabel === !0 || e.focused.value === !0 || e.hasValue.value === !0), y = f(
-    () => t.bottomSlots === !0 || t.hint !== void 0 || d.value === !0 || t.counter === !0 || t.error !== null
+    () => t.bottomSlots === !0 || t.hint !== void 0 || s.value === !0 || t.counter === !0 || t.error !== null
   ), E = f(() => t.filled === !0 ? "filled" : t.outlined === !0 ? "outlined" : t.borderless === !0 ? "borderless" : t.standout ? "standout" : "standard"), S = f(
     () => `q-field row no-wrap items-start q-field--${E.value}` + (e.fieldClass !== void 0 ? ` ${e.fieldClass.value}` : "") + (t.rounded === !0 ? " q-field--rounded" : "") + (t.square === !0 ? " q-field--square" : "") + (v.value === !0 ? " q-field--float" : "") + (B.value === !0 ? " q-field--labeled" : "") + (t.dense === !0 ? " q-field--dense" : "") + (t.itemAligned === !0 ? " q-field--item-aligned q-item-type" : "") + (e.isDark.value === !0 ? " q-field--dark" : "") + (e.getControl === void 0 ? " q-field--auto-height" : "") + (e.focused.value === !0 ? " q-field--focused" : "") + (c.value === !0 ? " q-field--error" : "") + (c.value === !0 || e.focused.value === !0 ? " q-field--highlighted" : "") + (t.hideBottomSpace !== !0 && y.value === !0 ? " q-field--with-bottom" : "") + (t.disable === !0 ? " q-field--disabled" : t.readonly === !0 ? " q-field--readonly" : "")
   ), M = f(
@@ -3208,8 +3208,8 @@ function xo(e) {
   function X(_) {
     var I;
     ie(_), r.platform.is.mobile !== !0 ? (((I = e.targetRef) == null ? void 0 : I.value) || e.rootRef.value).focus() : e.rootRef.value.contains(document.activeElement) === !0 && document.activeElement.blur(), t.type === "file" && (e.inputRef.value.value = null), l("update:modelValue", null), e.changeEvent === !0 && l("change", null), l("clear", t.modelValue), fe(() => {
-      const le = s.value;
-      m(), s.value = le;
+      const le = d.value;
+      m(), d.value = le;
     });
   }
   function $(_) {
@@ -3218,27 +3218,27 @@ function xo(e) {
   function U() {
     const _ = [];
     return o.prepend !== void 0 && _.push(
-      g("div", {
+      b("div", {
         class: "q-field__prepend q-field__marginal row no-wrap items-center",
         key: "prepend",
         onClick: ve
       }, o.prepend())
     ), _.push(
-      g("div", {
+      b("div", {
         class: "q-field__control-container col relative-position row no-wrap q-anchor--skip"
-      }, h())
+      }, g())
     ), c.value === !0 && t.noErrorIcon === !1 && _.push(
       R("error", [
-        g(be, { name: r.iconSet.field.error, color: "negative" })
+        b(be, { name: r.iconSet.field.error, color: "negative" })
       ])
     ), t.loading === !0 || e.innerLoading.value === !0 ? _.push(
       R(
         "inner-loading-append",
-        o.loading !== void 0 ? o.loading() : [g(pl, { color: t.color })]
+        o.loading !== void 0 ? o.loading() : [b(pl, { color: t.color })]
       )
     ) : t.clearable === !0 && e.hasValue.value === !0 && e.editable.value === !0 && _.push(
       R("inner-clearable-append", [
-        g(be, {
+        b(be, {
           class: "q-field__focusable-action",
           name: t.clearIcon || r.iconSet.field.clear,
           tabindex: 0,
@@ -3250,7 +3250,7 @@ function xo(e) {
         })
       ])
     ), o.append !== void 0 && _.push(
-      g("div", {
+      b("div", {
         class: "q-field__append q-field__marginal row no-wrap items-center",
         key: "append",
         onClick: ve
@@ -3261,16 +3261,16 @@ function xo(e) {
       e.getControlChild()
     ), _;
   }
-  function h() {
+  function g() {
     const _ = [];
     return t.prefix !== void 0 && t.prefix !== null && _.push(
-      g("div", {
+      b("div", {
         class: "q-field__prefix no-pointer-events row items-center"
       }, t.prefix)
     ), e.getShadowControl !== void 0 && e.hasShadow.value === !0 && _.push(
       e.getShadowControl()
     ), e.getControl !== void 0 ? _.push(e.getControl()) : o.rawControl !== void 0 ? _.push(o.rawControl()) : o.control !== void 0 && _.push(
-      g("div", {
+      b("div", {
         ref: e.targetRef,
         class: "q-field__native row",
         tabindex: -1,
@@ -3278,36 +3278,36 @@ function xo(e) {
         "data-autofocus": t.autofocus === !0 || void 0
       }, o.control(P.value))
     ), B.value === !0 && _.push(
-      g("div", {
+      b("div", {
         class: q.value
       }, ge(o.label, t.label))
     ), t.suffix !== void 0 && t.suffix !== null && _.push(
-      g("div", {
+      b("div", {
         class: "q-field__suffix no-pointer-events row items-center"
       }, t.suffix)
     ), _.concat(ge(o.default));
   }
   function w() {
     let _, I;
-    c.value === !0 ? b.value !== null ? (_ = [g("div", { role: "alert" }, b.value)], I = `q--slot-error-${b.value}`) : (_ = ge(o.error), I = "q--slot-error") : (t.hideHint !== !0 || e.focused.value === !0) && (t.hint !== void 0 ? (_ = [g("div", t.hint)], I = `q--slot-hint-${t.hint}`) : (_ = ge(o.hint), I = "q--slot-hint"));
+    c.value === !0 ? h.value !== null ? (_ = [b("div", { role: "alert" }, h.value)], I = `q--slot-error-${h.value}`) : (_ = ge(o.error), I = "q--slot-error") : (t.hideHint !== !0 || e.focused.value === !0) && (t.hint !== void 0 ? (_ = [b("div", t.hint)], I = `q--slot-hint-${t.hint}`) : (_ = ge(o.hint), I = "q--slot-hint"));
     const le = t.counter === !0 || o.counter !== void 0;
     if (t.hideBottomSpace === !0 && le === !1 && _ === void 0) return;
-    const p = g("div", {
+    const p = b("div", {
       key: I,
       class: "q-field__messages col"
     }, _);
-    return g("div", {
+    return b("div", {
       class: "q-field__bottom row items-start q-field__bottom--" + (t.hideBottomSpace !== !0 ? "animated" : "stale"),
       onClick: ve
     }, [
-      t.hideBottomSpace === !0 ? p : g(vt, { name: "q-transition--field-message" }, () => p),
-      le === !0 ? g("div", {
+      t.hideBottomSpace === !0 ? p : b(vt, { name: "q-transition--field-message" }, () => p),
+      le === !0 ? b("div", {
         class: "q-field__counter"
       }, o.counter !== void 0 ? o.counter() : e.computedCounter.value) : null
     ]);
   }
   function R(_, I) {
-    return I === null ? null : g("div", {
+    return I === null ? null : b("div", {
       key: _,
       class: "q-field__append q-field__marginal row no-wrap items-center q-anchor--skip"
     }, I);
@@ -3327,7 +3327,7 @@ function xo(e) {
       "data-autofocus": t.autofocus === !0 || void 0,
       ...T.value
     } : T.value;
-    return g(e.tag.value, {
+    return b(e.tag.value, {
       ref: e.rootRef,
       class: [
         S.value,
@@ -3336,14 +3336,14 @@ function xo(e) {
       style: n.style,
       ...I
     }, [
-      o.before !== void 0 ? g("div", {
+      o.before !== void 0 ? b("div", {
         class: "q-field__before q-field__marginal row no-wrap items-center",
         onClick: ve
       }, o.before()) : null,
-      g("div", {
+      b("div", {
         class: "q-field__inner relative-position col self-stretch"
       }, [
-        g("div", {
+        b("div", {
           ref: e.controlRef,
           class: M.value,
           tabindex: -1,
@@ -3351,7 +3351,7 @@ function xo(e) {
         }, U()),
         y.value === !0 ? w() : null
       ]),
-      o.after !== void 0 ? g("div", {
+      o.after !== void 0 ? b("div", {
         class: "q-field__after q-field__marginal row no-wrap items-center",
         onClick: ve
       }, o.after()) : null
@@ -3415,12 +3415,12 @@ const $r = re({
   },
   emits: ["update:modelValue", "update:selected", "remove", "click"],
   setup(e, { slots: t, emit: l }) {
-    const { proxy: { $q: o } } = te(), n = He(e, o), i = Pt(e, Lr), r = f(() => e.selected === !0 || e.icon !== void 0), a = f(() => e.selected === !0 ? e.iconSelected || o.iconSet.chip.selected : e.icon), s = f(() => e.iconRemove || o.iconSet.chip.remove), d = f(
+    const { proxy: { $q: o } } = te(), n = He(e, o), i = Pt(e, Lr), r = f(() => e.selected === !0 || e.icon !== void 0), a = f(() => e.selected === !0 ? e.iconSelected || o.iconSet.chip.selected : e.icon), d = f(() => e.iconRemove || o.iconSet.chip.remove), s = f(
       () => e.disable === !1 && (e.clickable === !0 || e.selected !== null)
     ), c = f(() => {
       const S = e.outline === !0 && e.color || e.textColor;
-      return "q-chip row inline no-wrap items-center" + (e.outline === !1 && e.color !== void 0 ? ` bg-${e.color}` : "") + (S ? ` text-${S} q-chip--colored` : "") + (e.disable === !0 ? " disabled" : "") + (e.dense === !0 ? " q-chip--dense" : "") + (e.outline === !0 ? " q-chip--outline" : "") + (e.selected === !0 ? " q-chip--selected" : "") + (d.value === !0 ? " q-chip--clickable cursor-pointer non-selectable q-hoverable" : "") + (e.square === !0 ? " q-chip--square" : "") + (n.value === !0 ? " q-chip--dark q-dark" : "");
-    }), b = f(() => {
+      return "q-chip row inline no-wrap items-center" + (e.outline === !1 && e.color !== void 0 ? ` bg-${e.color}` : "") + (S ? ` text-${S} q-chip--colored` : "") + (e.disable === !0 ? " disabled" : "") + (e.dense === !0 ? " q-chip--dense" : "") + (e.outline === !0 ? " q-chip--outline" : "") + (e.selected === !0 ? " q-chip--selected" : "") + (s.value === !0 ? " q-chip--clickable cursor-pointer non-selectable q-hoverable" : "") + (e.square === !0 ? " q-chip--square" : "") + (n.value === !0 ? " q-chip--dark q-dark" : "");
+    }), h = f(() => {
       const S = e.disable === !0 ? { tabindex: -1, "aria-disabled": "true" } : { tabindex: e.tabindex || 0 }, M = {
         ...S,
         role: "button",
@@ -3440,29 +3440,29 @@ const $r = re({
     }
     function E() {
       const S = [];
-      d.value === !0 && S.push(
-        g("div", { class: "q-focus-helper" })
+      s.value === !0 && S.push(
+        b("div", { class: "q-focus-helper" })
       ), r.value === !0 && S.push(
-        g(be, {
+        b(be, {
           class: "q-chip__icon q-chip__icon--left",
           name: a.value
         })
       );
-      const M = e.label !== void 0 ? [g("div", { class: "ellipsis" }, [e.label])] : void 0;
+      const M = e.label !== void 0 ? [b("div", { class: "ellipsis" }, [e.label])] : void 0;
       return S.push(
-        g("div", {
+        b("div", {
           class: "q-chip__content col row no-wrap items-center q-anchor--skip"
         }, Jo(t.default, M))
       ), e.iconRight && S.push(
-        g(be, {
+        b(be, {
           class: "q-chip__icon q-chip__icon--right",
           name: e.iconRight
         })
       ), e.removable === !0 && S.push(
-        g(be, {
+        b(be, {
           class: "q-chip__icon q-chip__icon--remove cursor-pointer",
-          name: s.value,
-          ...b.value.remove,
+          name: d.value,
+          ...h.value.remove,
           onClick: y,
           onKeyup: y
         })
@@ -3474,9 +3474,9 @@ const $r = re({
         class: c.value,
         style: i.value
       };
-      return d.value === !0 && Object.assign(
+      return s.value === !0 && Object.assign(
         S,
-        b.value.chip,
+        h.value.chip,
         { onClick: v, onKeyup: m }
       ), ei(
         "div",
@@ -3510,7 +3510,7 @@ const $r = re({
   },
   emits: ["click", "keyup"],
   setup(e, { slots: t, emit: l }) {
-    const { proxy: { $q: o } } = te(), n = He(e, o), { hasLink: i, linkAttrs: r, linkClass: a, linkTag: s, navigateOnClick: d } = bl(), c = V(null), b = V(null), m = f(
+    const { proxy: { $q: o } } = te(), n = He(e, o), { hasLink: i, linkAttrs: r, linkClass: a, linkTag: d, navigateOnClick: s } = bl(), c = V(null), h = V(null), m = f(
       () => e.clickable === !0 || i.value === !0 || e.tag === "label"
     ), v = f(
       () => e.disable !== !0 && m.value === !0
@@ -3520,7 +3520,7 @@ const $r = re({
       ["padding" + (o.lang.rtl === !0 ? "Right" : "Left")]: 16 + e.insetLevel * 56 + "px"
     });
     function S(q) {
-      v.value === !0 && (b.value !== null && q.qAvoidFocus !== !0 && (q.qKeyEvent !== !0 && document.activeElement === c.value ? b.value.focus() : document.activeElement === b.value && c.value.focus()), d(q));
+      v.value === !0 && (h.value !== null && q.qAvoidFocus !== !0 && (q.qKeyEvent !== !0 && document.activeElement === c.value ? h.value.focus() : document.activeElement === h.value && c.value.focus()), s(q));
     }
     function M(q) {
       if (v.value === !0 && Fe(q, [13, 32]) === !0) {
@@ -3533,7 +3533,7 @@ const $r = re({
     function B() {
       const q = Zo(t.default, []);
       return v.value === !0 && q.unshift(
-        g("div", { class: "q-focus-helper", tabindex: -1, ref: b })
+        b("div", { class: "q-focus-helper", tabindex: -1, ref: h })
       ), q;
     }
     return () => {
@@ -3545,8 +3545,8 @@ const $r = re({
         onClick: S,
         onKeyup: M
       };
-      return v.value === !0 ? (q.tabindex = e.tabindex || "0", Object.assign(q, r.value)) : m.value === !0 && (q["aria-disabled"] = "true"), g(
-        s.value,
+      return v.value === !0 ? (q.tabindex = e.tabindex || "0", Object.assign(q, r.value)) : m.value === !0 && (q["aria-disabled"] = "true"), b(
+        d.value,
         q,
         B()
       );
@@ -3565,7 +3565,7 @@ const $r = re({
     const l = f(
       () => `q-item__section column q-item__section--${e.avatar === !0 || e.side === !0 || e.thumbnail === !0 ? "side" : "main"}` + (e.top === !0 ? " q-item__section--top justify-start" : " justify-center") + (e.avatar === !0 ? " q-item__section--avatar" : "") + (e.thumbnail === !0 ? " q-item__section--thumbnail" : "") + (e.noWrap === !0 ? " q-item__section--nowrap" : "")
     );
-    return () => g("div", { class: l.value }, ge(t.default));
+    return () => b("div", { class: l.value }, ge(t.default));
   }
 }), Fr = re({
   name: "QItemLabel",
@@ -3584,7 +3584,7 @@ const $r = re({
       "-webkit-box-orient": "vertical",
       "-webkit-line-clamp": l.value
     } : null);
-    return () => g("div", {
+    return () => b("div", {
       style: n.value,
       class: o.value
     }, ge(t.default));
@@ -3713,7 +3713,7 @@ const Wr = {
   ],
   setup(e, { slots: t, emit: l, attrs: o }) {
     const n = te(), i = V(null), r = V(!1), a = V(!1);
-    let s = null, d = null, c, b;
+    let d = null, s = null, c, h;
     const m = f(
       () => e.persistent !== !0 && e.noRouteDismiss !== !0 && e.seamless !== !0
     ), { preventBodyScroll: v } = Nr(), { registerTimeout: y } = vo(), { registerTick: E, removeTick: S } = fo(), { transitionProps: M, transitionStyle: B } = co(
@@ -3729,7 +3729,7 @@ const Wr = {
       showing: r,
       hideOnRouteChange: m,
       handleShow: U,
-      handleHide: h,
+      handleHide: g,
       processOnMount: !0
     });
     Ir(r);
@@ -3746,7 +3746,7 @@ const Wr = {
     });
     function U(O) {
       var N;
-      d = e.noRefocus === !1 && document.activeElement !== null ? document.activeElement : null, I(e.maximized), P(), a.value = !0, e.noFocus !== !0 ? ((N = document.activeElement) == null || N.blur(), E(w)) : S(), y(() => {
+      s = e.noRefocus === !1 && document.activeElement !== null ? document.activeElement : null, I(e.maximized), P(), a.value = !0, e.noFocus !== !0 ? ((N = document.activeElement) == null || N.blur(), E(w)) : S(), y(() => {
         if (n.proxy.$q.platform.is.ios === !0) {
           if (e.seamless !== !0 && document.activeElement) {
             const { top: j, bottom: H } = document.activeElement.getBoundingClientRect(), { innerHeight: ee } = window, x = window.visualViewport !== void 0 ? window.visualViewport.height : ee;
@@ -3755,13 +3755,13 @@ const Wr = {
               H >= ee ? 1 / 0 : Math.ceil(document.scrollingElement.scrollTop + H - x / 2)
             )), document.activeElement.scrollIntoView();
           }
-          b = !0, i.value.click(), b = !1;
+          h = !0, i.value.click(), h = !1;
         }
         P(!0), a.value = !1, l("show", O);
       }, e.transitionDuration);
     }
-    function h(O) {
-      S(), _(!0), a.value = !0, T(), d !== null && ((((O == null ? void 0 : O.type.indexOf("key")) === 0 ? d.closest('[tabindex]:not([tabindex^="-"])') : void 0) || d).focus(), d = null), y(() => {
+    function g(O) {
+      S(), _(!0), a.value = !0, T(), s !== null && ((((O == null ? void 0 : O.type.indexOf("key")) === 0 ? s.closest('[tabindex]:not([tabindex^="-"])') : void 0) || s).focus(), s = null), y(() => {
         T(!0), a.value = !1, l("hide", O);
       }, e.transitionDuration);
     }
@@ -3783,21 +3783,21 @@ const Wr = {
     function R(O) {
       O && typeof O.focus == "function" ? O.focus({ preventScroll: !0 }) : w(), l("shake");
       const N = i.value;
-      N !== null && (N.classList.remove("q-animate--scale"), N.classList.add("q-animate--scale"), s !== null && clearTimeout(s), s = setTimeout(() => {
-        s = null, i.value !== null && (N.classList.remove("q-animate--scale"), w());
+      N !== null && (N.classList.remove("q-animate--scale"), N.classList.add("q-animate--scale"), d !== null && clearTimeout(d), d = setTimeout(() => {
+        d = null, i.value !== null && (N.classList.remove("q-animate--scale"), w());
       }, 170));
     }
     function J() {
       e.seamless !== !0 && (e.persistent === !0 || e.noEscDismiss === !0 ? e.maximized !== !0 && e.noShake !== !0 && R() : (l("escapeKey"), F()));
     }
     function _(O) {
-      s !== null && (clearTimeout(s), s = null), (O === !0 || r.value === !0) && (I(!1), e.seamless !== !0 && (v(!1), dl(k), At(J))), O !== !0 && (d = null);
+      d !== null && (clearTimeout(d), d = null), (O === !0 || r.value === !0) && (I(!1), e.seamless !== !0 && (v(!1), dl(k), At(J))), O !== !0 && (s = null);
     }
     function I(O) {
       O === !0 ? c !== !0 && (Et < 1 && document.body.classList.add("q-body--dialog"), Et++, c = !0) : c === !0 && (Et < 2 && document.body.classList.remove("q-body--dialog"), Et--, c = !1);
     }
     function le(O) {
-      b !== !0 && (F(O), l("click", O));
+      h !== !0 && (F(O), l("click", O));
     }
     function p(O) {
       e.persistent !== !0 && e.noBackdropDismiss !== !0 ? F(O) : e.noShake !== !0 && R();
@@ -3811,30 +3811,30 @@ const Wr = {
       shake: R,
       // private but needed by QSelect
       __updateRefocusTarget(O) {
-        d = O || null;
+        s = O || null;
       }
     }), de(_);
     function D() {
-      return g("div", {
+      return b("div", {
         role: "dialog",
         "aria-modal": Y.value === !0 ? "true" : "false",
         ...o,
         class: $.value
       }, [
-        g(vt, {
+        b(vt, {
           name: "q-transition--fade",
           appear: !0
-        }, () => Y.value === !0 ? g("div", {
+        }, () => Y.value === !0 ? b("div", {
           class: "q-dialog__backdrop fixed-full",
           style: q.value,
           "aria-hidden": "true",
           tabindex: -1,
           onClick: p
         }) : null),
-        g(
+        b(
           vt,
           M.value,
-          () => r.value === !0 ? g("div", {
+          () => r.value === !0 ? b("div", {
             ref: i,
             class: W.value,
             style: B.value,
@@ -3884,22 +3884,22 @@ function et(e, t) {
   return e + t;
 }
 function ll(e, t, l, o, n, i, r, a) {
-  const s = e === window ? document.scrollingElement || document.documentElement : e, d = n === !0 ? "offsetWidth" : "offsetHeight", c = {
+  const d = e === window ? document.scrollingElement || document.documentElement : e, s = n === !0 ? "offsetWidth" : "offsetHeight", c = {
     scrollStart: 0,
     scrollViewSize: -r - a,
     scrollMaxSize: 0,
     offsetStart: -r,
     offsetEnd: -a
   };
-  if (n === !0 ? (e === window ? (c.scrollStart = window.pageXOffset || window.scrollX || document.body.scrollLeft || 0, c.scrollViewSize += document.documentElement.clientWidth) : (c.scrollStart = s.scrollLeft, c.scrollViewSize += s.clientWidth), c.scrollMaxSize = s.scrollWidth, i === !0 && (c.scrollStart = (Lt === !0 ? c.scrollMaxSize - c.scrollViewSize : 0) - c.scrollStart)) : (e === window ? (c.scrollStart = window.pageYOffset || window.scrollY || document.body.scrollTop || 0, c.scrollViewSize += document.documentElement.clientHeight) : (c.scrollStart = s.scrollTop, c.scrollViewSize += s.clientHeight), c.scrollMaxSize = s.scrollHeight), l !== null)
-    for (let b = l.previousElementSibling; b !== null; b = b.previousElementSibling)
-      b.classList.contains("q-virtual-scroll--skip") === !1 && (c.offsetStart += b[d]);
+  if (n === !0 ? (e === window ? (c.scrollStart = window.pageXOffset || window.scrollX || document.body.scrollLeft || 0, c.scrollViewSize += document.documentElement.clientWidth) : (c.scrollStart = d.scrollLeft, c.scrollViewSize += d.clientWidth), c.scrollMaxSize = d.scrollWidth, i === !0 && (c.scrollStart = (Lt === !0 ? c.scrollMaxSize - c.scrollViewSize : 0) - c.scrollStart)) : (e === window ? (c.scrollStart = window.pageYOffset || window.scrollY || document.body.scrollTop || 0, c.scrollViewSize += document.documentElement.clientHeight) : (c.scrollStart = d.scrollTop, c.scrollViewSize += d.clientHeight), c.scrollMaxSize = d.scrollHeight), l !== null)
+    for (let h = l.previousElementSibling; h !== null; h = h.previousElementSibling)
+      h.classList.contains("q-virtual-scroll--skip") === !1 && (c.offsetStart += h[s]);
   if (o !== null)
-    for (let b = o.nextElementSibling; b !== null; b = b.nextElementSibling)
-      b.classList.contains("q-virtual-scroll--skip") === !1 && (c.offsetEnd += b[d]);
+    for (let h = o.nextElementSibling; h !== null; h = h.nextElementSibling)
+      h.classList.contains("q-virtual-scroll--skip") === !1 && (c.offsetEnd += h[s]);
   if (t !== e) {
-    const b = s.getBoundingClientRect(), m = t.getBoundingClientRect();
-    n === !0 ? (c.offsetStart += m.left - b.left, c.offsetEnd -= m.width) : (c.offsetStart += m.top - b.top, c.offsetEnd -= m.height), e !== window && (c.offsetStart += c.scrollStart), c.offsetEnd += c.scrollMaxSize - c.offsetStart;
+    const h = d.getBoundingClientRect(), m = t.getBoundingClientRect();
+    n === !0 ? (c.offsetStart += m.left - h.left, c.offsetEnd -= m.width) : (c.offsetStart += m.top - h.top, c.offsetEnd -= m.height), e !== window && (c.offsetStart += c.scrollStart), c.offsetEnd += c.scrollMaxSize - c.offsetStart;
   }
   return c;
 }
@@ -3951,8 +3951,8 @@ function Yr({
   virtualScrollItemSizeComputed: o
   // optional
 }) {
-  const n = te(), { props: i, emit: r, proxy: a } = n, { $q: s } = a;
-  let d, c, b, m = [], v;
+  const n = te(), { props: i, emit: r, proxy: a } = n, { $q: d } = a;
+  let s, c, h, m = [], v;
   const y = V(0), E = V(0), S = V({}), M = V(null), B = V(null), q = V(null), P = V({ from: 0, to: 0 }), T = f(() => i.tableColspan !== void 0 ? i.tableColspan : 100);
   o === void 0 && (o = f(() => i.virtualScrollItemSize));
   const A = f(() => o.value + ";" + i.virtualScrollHorizontal), L = f(
@@ -3976,11 +3976,11 @@ function Yr({
       M.value,
       B.value,
       i.virtualScrollHorizontal,
-      s.lang.rtl,
+      d.lang.rtl,
       i.virtualScrollStickySizeStart,
       i.virtualScrollStickySizeEnd
     );
-    b !== O.scrollViewSize && R(O.scrollViewSize), $(
+    h !== O.scrollViewSize && R(O.scrollViewSize), $(
       D,
       O,
       Math.min(e.value - 1, Math.max(0, parseInt(p, 10) || 0)),
@@ -3997,16 +3997,16 @@ function Yr({
       M.value,
       B.value,
       i.virtualScrollHorizontal,
-      s.lang.rtl,
+      d.lang.rtl,
       i.virtualScrollStickySizeStart,
       i.virtualScrollStickySizeEnd
     ), D = e.value - 1, O = k.scrollMaxSize - k.offsetStart - k.offsetEnd - E.value;
-    if (d === k.scrollStart) return;
+    if (s === k.scrollStart) return;
     if (k.scrollMaxSize <= 0) {
       $(p, k, 0, 0);
       return;
     }
-    b !== k.scrollViewSize && R(k.scrollViewSize), U(P.value.from);
+    h !== k.scrollViewSize && R(k.scrollViewSize), U(P.value.from);
     const N = Math.floor(k.scrollMaxSize - Math.max(k.scrollViewSize, k.offsetEnd) - Math.min(v[D], k.scrollViewSize / 2));
     if (N > 0 && Math.ceil(k.scrollStart) >= N) {
       $(
@@ -4035,25 +4035,25 @@ function Yr({
   function $(p, k, D, O, N) {
     const j = typeof N == "string" && N.indexOf("-force") !== -1, H = j === !0 ? N.replace("-force", "") : N, ee = H !== void 0 ? H : "start";
     let x = Math.max(0, D - S.value[ee]), se = x + S.value.total;
-    se > e.value && (se = e.value, x = Math.max(0, se - S.value.total)), d = k.scrollStart;
+    se > e.value && (se = e.value, x = Math.max(0, se - S.value.total)), s = k.scrollStart;
     const we = x !== P.value.from || se !== P.value.to;
     if (we === !1 && H === void 0) {
       _(D);
       return;
     }
     const { activeElement: De } = document, pe = q.value;
-    we === !0 && pe !== null && pe !== De && pe.contains(De) === !0 && (pe.addEventListener("focusout", h), setTimeout(() => {
-      pe == null || pe.removeEventListener("focusout", h);
+    we === !0 && pe !== null && pe !== De && pe.contains(De) === !0 && (pe.addEventListener("focusout", g), setTimeout(() => {
+      pe == null || pe.removeEventListener("focusout", g);
     })), Ur(pe, D - x);
     const pt = H !== void 0 ? v.slice(x, D).reduce(et, 0) : 0;
     if (we === !0) {
       const Ve = se >= P.value.from && x <= P.value.to ? P.value.to : se;
       P.value = { from: x, to: Ve }, y.value = ut(m, v, 0, x), E.value = ut(m, v, se, e.value), requestAnimationFrame(() => {
-        P.value.to !== se && d === k.scrollStart && (P.value = { from: P.value.from, to: se }, E.value = ut(m, v, se, e.value));
+        P.value.to !== se && s === k.scrollStart && (P.value = { from: P.value.from, to: se }, E.value = ut(m, v, se, e.value));
       });
     }
     requestAnimationFrame(() => {
-      if (d !== k.scrollStart) return;
+      if (s !== k.scrollStart) return;
       we === !0 && U(x);
       const Ve = v.slice(x, D).reduce(et, 0), Be = Ve + k.offsetStart + y.value, yt = Be + v[D];
       let nt = Be + O;
@@ -4061,11 +4061,11 @@ function Yr({
         const Ft = Ve - pt, ot = k.scrollStart + Ft;
         nt = j !== !0 && ot < Be && yt < ot + k.scrollViewSize ? ot : H === "end" ? yt - k.scrollViewSize : Be - (H === "start" ? 0 : Math.round((k.scrollViewSize - v[D]) / 2));
       }
-      d = nt, zn(
+      s = nt, zn(
         p,
         nt,
         i.virtualScrollHorizontal,
-        s.lang.rtl
+        d.lang.rtl
       ), _(D);
     });
   }
@@ -4084,7 +4084,7 @@ function Yr({
       }
     }
   }
-  function h() {
+  function g() {
     var p;
     (p = q.value) == null || p.focus();
   }
@@ -4104,7 +4104,7 @@ function Yr({
         H += v[x];
       m.push(H);
     }
-    c = -1, d = void 0, y.value = ut(m, v, 0, P.value.from), E.value = ut(m, v, P.value.to, e.value), p >= 0 ? (U(P.value.from), fe(() => {
+    c = -1, s = void 0, y.value = ut(m, v, 0, P.value.from), E.value = ut(m, v, P.value.to, e.value), p >= 0 ? (U(P.value.from), fe(() => {
       Y(p);
     })) : I();
   }
@@ -4117,12 +4117,12 @@ function Yr({
         M.value,
         B.value,
         i.virtualScrollHorizontal,
-        s.lang.rtl,
+        d.lang.rtl,
         i.virtualScrollStickySizeStart,
         i.virtualScrollStickySizeEnd
       ).scrollViewSize);
     }
-    b = p;
+    h = p;
     const k = parseFloat(i.virtualScrollSliceRatioBefore) || 0, D = parseFloat(i.virtualScrollSliceRatioAfter) || 0, O = 1 + k + D, N = p === void 0 || p <= 0 ? 1 : Math.ceil(p / o.value), j = Math.max(
       1,
       N,
@@ -4141,41 +4141,41 @@ function Yr({
       ["--q-virtual-scroll-item-" + D]: o.value + "px"
     };
     return [
-      p === "tbody" ? g(p, {
+      p === "tbody" ? b(p, {
         class: "q-virtual-scroll__padding",
         key: "before",
         ref: M
       }, [
-        g("tr", [
-          g("td", {
+        b("tr", [
+          b("td", {
             style: { [D]: `${y.value}px`, ...O },
             colspan: T.value
           })
         ])
-      ]) : g(p, {
+      ]) : b(p, {
         class: "q-virtual-scroll__padding",
         key: "before",
         ref: M,
         style: { [D]: `${y.value}px`, ...O }
       }),
-      g(p, {
+      b(p, {
         class: "q-virtual-scroll__content",
         key: "content",
         ref: q,
         tabindex: -1
       }, k.flat()),
-      p === "tbody" ? g(p, {
+      p === "tbody" ? b(p, {
         class: "q-virtual-scroll__padding",
         key: "after",
         ref: B
       }, [
-        g("tr", [
-          g("td", {
+        b("tr", [
+          b("td", {
             style: { [D]: `${E.value}px`, ...O },
             colspan: T.value
           })
         ])
-      ]) : g(p, {
+      ]) : b(p, {
         class: "q-virtual-scroll__padding",
         key: "after",
         ref: B,
@@ -4195,7 +4195,7 @@ function Yr({
   R();
   const I = xl(
     X,
-    s.platform.is.ios === !0 ? 120 : 35
+    d.platform.is.ios === !0 ? 120 : 35
   );
   Qo(() => {
     R();
@@ -4206,11 +4206,11 @@ function Yr({
   }), hl(() => {
     if (le !== !0) return;
     const p = t();
-    d !== void 0 && p !== void 0 && p !== null && p.nodeType !== 8 ? zn(
+    s !== void 0 && p !== void 0 && p !== null && p.nodeType !== 8 ? zn(
       p,
-      d,
+      s,
       i.virtualScrollHorizontal,
-      s.lang.rtl
+      d.lang.rtl
     ) : Y(c);
   }), de(() => {
     I.cancel();
@@ -4396,10 +4396,10 @@ const Co = re({
     "filterAbort"
   ],
   setup(e, { slots: t, emit: l }) {
-    const { proxy: o } = te(), { $q: n } = o, i = V(!1), r = V(!1), a = V(-1), s = V(""), d = V(!1), c = V(!1);
-    let b = null, m = null, v, y, E, S = null, M, B, q, P;
+    const { proxy: o } = te(), { $q: n } = o, i = V(!1), r = V(!1), a = V(-1), d = V(""), s = V(!1), c = V(!1);
+    let h = null, m = null, v, y, E, S = null, M, B, q, P;
     const T = V(null), A = V(null), L = V(null), F = V(null), W = V(null), Y = $i(e), X = ta($l), $ = f(() => Array.isArray(e.options) ? e.options.length : 0), U = f(() => e.virtualScrollItemSize === void 0 ? e.optionsDense === !0 ? 24 : 48 : e.virtualScrollItemSize), {
-      virtualScrollSliceRange: h,
+      virtualScrollSliceRange: g,
       virtualScrollSliceSizeComputed: w,
       localResetVirtualScroll: R,
       padVirtualScroll: J,
@@ -4457,7 +4457,7 @@ const Co = re({
     }))), yt = f(() => {
       if ($.value === 0)
         return [];
-      const { from: u, to: C } = h.value;
+      const { from: u, to: C } = g.value;
       return e.options.slice(u, C).map((z, K) => {
         const G = je.value(z) === !0, ne = Ht(z) === !0, Z = u + K, oe = {
           clickable: !0,
@@ -4557,7 +4557,7 @@ const Co = re({
         ), Ae()), (ne = A.value) == null || ne.focus(), (k.value.length === 0 || Ee(xe.value(k.value[0]), z) !== !0) && l("update:modelValue", e.emitValue === !0 ? z : u);
         return;
       }
-      if ((y !== !0 || d.value === !0) && p.focus(), zl(), k.value.length === 0) {
+      if ((y !== !0 || s.value === !0) && p.focus(), zl(), k.value.length === 0) {
         const Z = e.emitValue === !0 ? z : u;
         l("add", { index: 0, value: Z }), l("update:modelValue", e.multiple === !0 ? [Z] : Z);
         return;
@@ -4613,7 +4613,7 @@ const Co = re({
         El(u);
         return;
       }
-      if (u.target.value = "", b !== null && (clearTimeout(b), b = null), m !== null && (clearTimeout(m), m = null), Ue(), typeof C == "string" && C.length !== 0) {
+      if (u.target.value = "", h !== null && (clearTimeout(h), h = null), m !== null && (clearTimeout(m), m = null), Ue(), typeof C == "string" && C.length !== 0) {
         const z = C.toLocaleLowerCase(), K = (ne) => {
           const Z = e.options.find((oe) => String(ne.value(oe)).toLocaleLowerCase() === z);
           return Z === void 0 ? !1 : (k.value.indexOf(Z) === -1 ? Te(Z) : Ae(), !0);
@@ -4629,7 +4629,7 @@ const Co = re({
     }
     function Tl(u) {
       if (l("keydown", u), Qn(u) === !0) return;
-      const C = s.value.length !== 0 && (e.newValueMode !== void 0 || e.onNewValue !== void 0), z = u.shiftKey !== !0 && e.disableTabSelection !== !0 && e.multiple !== !0 && (a.value !== -1 || C === !0);
+      const C = d.value.length !== 0 && (e.newValueMode !== void 0 || e.onNewValue !== void 0), z = u.shiftKey !== !0 && e.disableTabSelection !== !0 && e.multiple !== !0 && (a.value !== -1 || C === !0);
       if (u.keyCode === 27) {
         ve(u);
         return;
@@ -4643,11 +4643,11 @@ const Co = re({
         ie(u), Qe();
         return;
       }
-      if (u.keyCode === 8 && (e.useChips === !0 || e.clearable === !0) && e.hideSelected !== !0 && s.value.length === 0) {
+      if (u.keyCode === 8 && (e.useChips === !0 || e.clearable === !0) && e.hideSelected !== !0 && d.value.length === 0) {
         e.multiple === !0 && Array.isArray(e.modelValue) === !0 ? It(e.modelValue.length - 1) : e.multiple !== !0 && e.modelValue !== null && l("update:modelValue", null);
         return;
       }
-      (u.keyCode === 35 || u.keyCode === 36) && (typeof s.value != "string" || s.value.length === 0) && (ie(u), a.value = -1, wt(u.keyCode === 36 ? 1 : -1, e.multiple)), (u.keyCode === 33 || u.keyCode === 34) && w.value !== void 0 && (ie(u), a.value = Math.max(
+      (u.keyCode === 35 || u.keyCode === 36) && (typeof d.value != "string" || d.value.length === 0) && (ie(u), a.value = -1, wt(u.keyCode === 36 ? 1 : -1, e.multiple)), (u.keyCode === 33 || u.keyCode === 34) && w.value !== void 0 && (ie(u), a.value = Math.max(
         -1,
         Math.min(
           $.value,
@@ -4685,7 +4685,7 @@ const Co = re({
             if (it("", e.multiple !== !0, !0), ne == null) return;
             (Z === "toggle" ? Te : _l)(ne, Z === "add-unique"), e.multiple !== !0 && ((Xe = A.value) == null || Xe.focus(), Ae());
           };
-          if (e.onNewValue !== void 0 ? l("newValue", s.value, G) : G(s.value), e.multiple !== !0) return;
+          if (e.onNewValue !== void 0 ? l("newValue", d.value, G) : G(d.value), e.multiple !== !0) return;
         }
         i.value === !0 ? Ke() : p.innerLoading.value !== !0 && Qe();
       }
@@ -4697,7 +4697,7 @@ const Co = re({
       return Al();
     }
     function Vo() {
-      return e.hideSelected === !0 ? [] : t["selected-item"] !== void 0 ? Be.value.map((u) => t["selected-item"](u)).slice() : t.selected !== void 0 ? [].concat(t.selected()) : e.useChips === !0 ? Be.value.map((u, C) => g(Mr, {
+      return e.hideSelected === !0 ? [] : t["selected-item"] !== void 0 ? Be.value.map((u) => t["selected-item"](u)).slice() : t.selected !== void 0 ? [].concat(t.selected()) : e.useChips === !0 ? Be.value.map((u, C) => b(Mr, {
         key: "option-" + C,
         removable: p.editable.value === !0 && je.value(u.opt) !== !0,
         dense: !0,
@@ -4706,11 +4706,11 @@ const Co = re({
         onRemove() {
           u.removeAtIndex(C);
         }
-      }, () => g("span", {
+      }, () => b("span", {
         class: "ellipsis",
         [u.html === !0 ? "innerHTML" : "textContent"]: me.value(u.opt)
       }))) : [
-        g("span", {
+        b("span", {
           class: "ellipsis",
           [De.value === !0 ? "innerHTML" : "textContent"]: se.value
         })
@@ -4718,15 +4718,15 @@ const Co = re({
     }
     function Ol() {
       if (ee.value === !0)
-        return t["no-option"] !== void 0 ? t["no-option"]({ inputValue: s.value }) : void 0;
-      const u = t.option !== void 0 ? t.option : (z) => g(Pr, {
+        return t["no-option"] !== void 0 ? t["no-option"]({ inputValue: d.value }) : void 0;
+      const u = t.option !== void 0 ? t.option : (z) => b(Pr, {
         key: z.index,
         ...z.itemProps
-      }, () => g(
+      }, () => b(
         Rr,
-        () => g(
+        () => b(
           Fr,
-          () => g("span", {
+          () => b("span", {
             [z.html === !0 ? "innerHTML" : "textContent"]: z.label
           })
         )
@@ -4740,7 +4740,7 @@ const Co = re({
         key: "i_t",
         class: j.value,
         style: e.inputStyle,
-        value: s.value !== void 0 ? s.value : "",
+        value: d.value !== void 0 ? d.value : "",
         // required for Android in order to show ENTER key when in form
         type: "search",
         ...z,
@@ -4752,15 +4752,15 @@ const Co = re({
         readonly: e.readonly === !0,
         ...qo.value
       };
-      return u !== !0 && y === !0 && (Array.isArray(K.class) === !0 ? K.class = [...K.class, "no-pointer-events"] : K.class += " no-pointer-events"), g("input", K);
+      return u !== !0 && y === !0 && (Array.isArray(K.class) === !0 ? K.class = [...K.class, "no-pointer-events"] : K.class += " no-pointer-events"), b("input", K);
     }
     function $l(u) {
-      b !== null && (clearTimeout(b), b = null), m !== null && (clearTimeout(m), m = null), !(u && u.target && u.target.qComposing === !0) && (xt(u.target.value || ""), E = !0, M = s.value, p.focused.value !== !0 && (y !== !0 || d.value === !0) && p.focus(), e.onFilter !== void 0 && (b = setTimeout(() => {
-        b = null, We(s.value);
+      h !== null && (clearTimeout(h), h = null), m !== null && (clearTimeout(m), m = null), !(u && u.target && u.target.qComposing === !0) && (xt(u.target.value || ""), E = !0, M = d.value, p.focused.value !== !0 && (y !== !0 || s.value === !0) && p.focus(), e.onFilter !== void 0 && (h = setTimeout(() => {
+        h = null, We(d.value);
       }, e.inputDebounce)));
     }
     function xt(u, C) {
-      s.value !== u && (s.value = u, C === !0 || e.inputDebounce === 0 || e.inputDebounce === "0" ? l("inputValue", u) : m = setTimeout(() => {
+      d.value !== u && (d.value = u, C === !0 || e.inputDebounce === 0 || e.inputDebounce === "0" ? l("inputValue", u) : m = setTimeout(() => {
         m = null, l("inputValue", u);
       }, e.inputDebounce));
     }
@@ -4791,7 +4791,7 @@ const Co = re({
       );
     }
     function To() {
-      return g(yo, {
+      return b(yo, {
         ref: L,
         class: H.value,
         style: e.popupContentStyle,
@@ -4826,16 +4826,16 @@ const Co = re({
     }
     function $o(u) {
       var C;
-      ye(u), (C = A.value) == null || C.focus(), d.value = !0, window.scrollTo(window.pageXOffset || window.scrollX || document.body.scrollLeft || 0, 0);
+      ye(u), (C = A.value) == null || C.focus(), s.value = !0, window.scrollTo(window.pageXOffset || window.scrollX || document.body.scrollLeft || 0, 0);
     }
     function Lo(u) {
       ye(u), fe(() => {
-        d.value = !1;
+        s.value = !1;
       });
     }
     function Mo() {
       const u = [
-        g($r, {
+        b($r, {
           class: `col-auto ${p.fieldClass.value}`,
           ...D.value,
           for: p.targetUid.value,
@@ -4844,7 +4844,7 @@ const Co = re({
           loading: c.value,
           itemAligned: !1,
           filled: !0,
-          stackLabel: s.value.length !== 0,
+          stackLabel: d.value.length !== 0,
           ...p.splitAttrs.listeners.value,
           onFocus: $o,
           onBlur: Lo
@@ -4856,7 +4856,7 @@ const Co = re({
         })
       ];
       return i.value === !0 && u.push(
-        g("div", {
+        b("div", {
           ref: W,
           class: H.value + " scroll",
           style: e.popupContentStyle,
@@ -4864,7 +4864,7 @@ const Co = re({
           onClick: ve,
           onScrollPassive: _
         }, Ol())
-      ), g(Kr, {
+      ), b(Kr, {
         ref: F,
         modelValue: r.value,
         position: e.useInput === !0 ? "top" : void 0,
@@ -4876,8 +4876,8 @@ const Co = re({
         onBeforeHide: Po,
         onHide: Ro,
         onShow: Fo
-      }, () => g("div", {
-        class: "q-select__dialog" + (O.value === !0 ? " q-select__dialog--dark q-dark" : "") + (d.value === !0 ? " q-select__dialog--focused" : "")
+      }, () => b("div", {
+        class: "q-select__dialog" + (O.value === !0 ? " q-select__dialog--dark q-dark" : "") + (s.value === !0 ? " q-select__dialog--focused" : "")
       }, u));
     }
     function Po(u) {
@@ -4898,7 +4898,7 @@ const Co = re({
     function Qe(u) {
       p.editable.value === !0 && (y === !0 ? (p.onControlFocusin(u), r.value = !0, fe(() => {
         p.focus();
-      })) : p.focus(), e.onFilter !== void 0 ? We(s.value) : (ee.value !== !0 || t["no-option"] !== void 0) && (i.value = !0));
+      })) : p.focus(), e.onFilter !== void 0 ? We(d.value) : (ee.value !== !0 || t["no-option"] !== void 0) && (i.value = !0));
     }
     function Ae() {
       r.value = !1, Ke();
@@ -4939,7 +4939,7 @@ const Co = re({
       y = n.platform.is.mobile !== !0 && e.behavior !== "dialog" ? !1 : e.behavior !== "menu" && (e.useInput === !0 ? t["no-option"] !== void 0 || e.onFilter !== void 0 || ee.value === !1 : !0), B = n.platform.is.ios === !0 && y === !0 && e.useInput === !0 ? "fade" : e.transitionShow;
     }
     return On(Rl), Uo(Ll), Rl(), de(() => {
-      b !== null && clearTimeout(b), m !== null && clearTimeout(m);
+      h !== null && clearTimeout(h), m !== null && clearTimeout(m);
     }), Object.assign(o, {
       showPopup: Qe,
       hidePopup: Ae,
@@ -4967,7 +4967,7 @@ const Co = re({
       hasValue: N,
       showPopup: Qe,
       floatingLabel: f(
-        () => e.hideSelected !== !0 && N.value === !0 || typeof s.value == "number" || s.value.length !== 0 || ml(e.displayValue)
+        () => e.hideSelected !== !0 && N.value === !0 || typeof d.value == "number" || d.value.length !== 0 || ml(e.displayValue)
       ),
       getControlChild: () => {
         if (p.editable.value !== !1 && (r.value === !0 || ee.value !== !0 || t["no-option"] !== void 0))
@@ -4999,7 +4999,7 @@ const Co = re({
         else if (p.editable.value === !0) {
           const G = z === !0 ? pt.value : void 0;
           C.push(
-            g("input", {
+            b("input", {
               ref: z === !0 ? A : void 0,
               key: "d_t",
               class: "q-select__focus-target",
@@ -5013,7 +5013,7 @@ const Co = re({
               onKeypress: Bl
             })
           ), z === !0 && typeof e.autocomplete == "string" && e.autocomplete.length !== 0 && C.push(
-            g("input", {
+            b("input", {
               class: "q-select__autocomplete-input",
               autocomplete: e.autocomplete,
               tabindex: -1,
@@ -5022,9 +5022,9 @@ const Co = re({
           );
         }
         if (Y.value !== void 0 && e.disable !== !0 && St.value.length !== 0) {
-          const G = St.value.map((ne) => g("option", { value: ne, selected: !0 }));
+          const G = St.value.map((ne) => b("option", { value: ne, selected: !0 }));
           C.push(
-            g("select", {
+            b("select", {
               class: "hidden",
               name: Y.value,
               multiple: e.multiple
@@ -5032,14 +5032,14 @@ const Co = re({
           );
         }
         const K = e.useInput === !0 || z !== !0 ? void 0 : p.splitAttrs.attributes.value;
-        return g("div", {
+        return b("div", {
           class: "q-field__native row items-center",
           ...K,
           ...p.splitAttrs.listeners.value
         }, C);
       },
       getInnerAppend: () => e.loading !== !0 && c.value !== !0 && e.hideDropdownIcon !== !0 ? [
-        g(be, {
+        b(be, {
           class: "q-select__dropdown-icon" + (i.value === !0 ? " rotate-180" : ""),
           name: nt.value
         })
@@ -5068,7 +5068,7 @@ const Co = re({
       (a) => {
         a && (i.value = a);
       }
-    ), (a, s) => (Ce(), Tt("div", oa, [
+    ), (a, d) => (Ce(), Tt("div", oa, [
       ze(Co, Bt({
         outlined: "",
         dense: "",
@@ -5088,7 +5088,7 @@ const Co = re({
         default: _e(() => [
           ze(yo, {
             modelValue: n.value,
-            "onUpdate:modelValue": s[1] || (s[1] = (d) => n.value = d),
+            "onUpdate:modelValue": d[1] || (d[1] = (s) => n.value = s),
             anchor: "bottom left",
             self: "top left",
             offset: [0, 8],
@@ -5102,16 +5102,16 @@ const Co = re({
                     style: Xo(r.value)
                   }, {
                     default: _e(() => [
-                      (Ce(!0), Tt(Tn, null, An(l.options, (d) => (Ce(), ft(Ii, {
-                        key: d.value,
+                      (Ce(!0), Tt(Tn, null, An(l.options, (s) => (Ce(), ft(Ii, {
+                        key: s.value,
                         modelValue: i.value,
-                        "onUpdate:modelValue": s[0] || (s[0] = (c) => i.value = c),
-                        val: d,
-                        label: d.label,
-                        disable: d.disabled,
+                        "onUpdate:modelValue": d[0] || (d[0] = (c) => i.value = c),
+                        val: s,
+                        label: s.label,
+                        disable: s.disabled,
                         color: "primary",
                         class: "q-mb-sm q-ml-sm q-mr-sm",
-                        "data-cy": `checkbox-option-${d.label}`
+                        "data-cy": `checkbox-option-${s.label}`
                       }, null, 8, ["modelValue", "val", "label", "disable", "data-cy"]))), 128))
                     ]),
                     _: 1
@@ -5151,29 +5151,27 @@ const Co = re({
         i.value = s;
       }
     );
-    const a = async (s, d) => {
-      d(async () => {
-        if (!s) {
-          i.value = l.options;
-          return;
-        }
-        if (l.fetchOptions)
-          try {
-            r.value = !0;
-            const c = await l.fetchOptions(s);
-            i.value = c;
-          } finally {
+    const a = async (s, c) => {
+      c(() => {
+        if (l.fetchOptions) {
+          const h = l.fetchOptions(s);
+          h instanceof Promise ? (r.value = !0, h.then((m) => {
+            i.value = m;
+          }).finally(() => {
             r.value = !1;
-          }
-        else
-          i.value = l.options.filter(
-            (c) => c.label.toLowerCase().includes(s.toLowerCase())
-          );
+          })) : i.value = h;
+        } else
+          i.value = s ? l.options.filter((h) => {
+            var m;
+            return (m = h.label) == null ? void 0 : m.toLowerCase().includes(s.toLowerCase());
+          }) : l.options;
       });
+    }, d = () => {
+      a("", (s) => s());
     };
-    return (s, d) => (Ce(), ft(Co, Bt({
+    return (s, c) => (Ce(), ft(Co, Bt({
       modelValue: n.value,
-      "onUpdate:modelValue": d[0] || (d[0] = (c) => n.value = c),
+      "onUpdate:modelValue": c[0] || (c[0] = (h) => n.value = h),
       "use-input": "",
       "hide-selected": "",
       "fill-input": "",
@@ -5181,6 +5179,7 @@ const Co = re({
       label: s.label,
       options: i.value,
       onFilter: a,
+      onFocus: d,
       "data-cy": "client-select",
       dense: "",
       outlined: "",