@quidgest/ui 0.7.1 → 0.7.3

package/dist/ui.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance as Le, computed as y, ref as w, provide as Ue, inject as Be, watch as A, defineComponent as S, openBlock as u, createElementBlock as m, normalizeStyle as ae, createElementVNode as R, normalizeClass as H, withModifiers as Z, createVNode as J, unref as v, createCommentVNode as q, Fragment as Y, createTextVNode as re, toDisplayString as U, renderSlot as $, toRef as fe, createBlock as I, withCtx as D, renderList as me, resolveDynamicComponent as Ve, h as ke, normalizeProps as de, mergeProps as ee, reactive as Ne, onBeforeUnmount as He, onMounted as Te, Teleport as Ke, Transition as We, nextTick as P, createSlots as De, withDirectives as Ge, vModelText as je, useAttrs as Xe, guardReactiveProps as he } from "vue";
+import { getCurrentInstance as Le, computed as y, ref as $, provide as Ue, inject as Be, watch as A, defineComponent as L, openBlock as u, createElementBlock as m, normalizeStyle as ae, createElementVNode as M, normalizeClass as H, withModifiers as Z, createVNode as J, unref as v, createCommentVNode as I, Fragment as Y, createTextVNode as re, toDisplayString as U, renderSlot as _, toRef as fe, createBlock as q, withCtx as S, renderList as me, resolveDynamicComponent as Ve, h as ke, normalizeProps as de, mergeProps as ee, reactive as Ne, onBeforeUnmount as He, onMounted as Te, Teleport as Ke, Transition as We, nextTick as P, createSlots as De, withDirectives as Ge, vModelText as je, useAttrs as Xe, guardReactiveProps as he } from "vue";
 function ve(n) {
   return n == null ? !0 : typeof n == "string" || Array.isArray(n) ? n.length === 0 : typeof n == "object" ? Object.keys(n).length === 0 : !1;
 }
@@ -39,7 +39,7 @@ function Ye() {
 function Pe(n) {
   if (ve(n))
     return;
-  const t = Ce(), e = w(n), o = y(() => ve(e.value) ? t.value : Ee(t.value, e.value));
+  const t = Ce(), e = $(n), o = y(() => ve(e.value) ? t.value : Ee(t.value, e.value));
   Ue(ye, o);
 }
 function Ce() {
@@ -217,7 +217,7 @@ function tt(n, t) {
     };
   }
   if (e) {
-    const o = w({
+    const o = $({
       activeTheme: e.name,
       themes: t.themes
     });
@@ -265,11 +265,11 @@ function Bn(n = {}) {
     for (const i in l)
       e.directive(i, l[i]);
     const a = n.defaults || {};
-    e.provide(ye, w(a)), tt(e, n.themes);
+    e.provide(ye, $(a)), tt(e, n.themes);
   } };
 }
-const lt = /* @__PURE__ */ R("svg", { viewBox: "25 25 50 50" }, [
-  /* @__PURE__ */ R("circle", {
+const lt = /* @__PURE__ */ M("svg", { viewBox: "25 25 50 50" }, [
+  /* @__PURE__ */ M("circle", {
     class: "path",
     cx: "50",
     cy: "50",
@@ -281,7 +281,7 @@ const lt = /* @__PURE__ */ R("svg", { viewBox: "25 25 50 50" }, [
   })
 ], -1), at = [
   lt
-], st = /* @__PURE__ */ S({
+], st = /* @__PURE__ */ L({
   __name: "QSpinnerLoader",
   props: {
     size: { default: 48 }
@@ -300,7 +300,7 @@ function it(n, t) {
   var e;
   return typeof ((e = n.props) == null ? void 0 : e[t]) < "u";
 }
-function L(n) {
+function B(n) {
   const t = n.setup;
   return t && (n.setup = (e, o) => {
     const l = Ye();
@@ -311,18 +311,18 @@ function L(n) {
       return t(e, o);
     const i = new Proxy(e, {
       get(c, d) {
-        var _;
-        const p = Reflect.get(c, d), x = (_ = l.value) == null ? void 0 : _[d];
+        var k;
+        const p = Reflect.get(c, d), x = (k = l.value) == null ? void 0 : k[d];
         return typeof d == "string" && !it(a.vnode, d) ? x ?? p : p;
       }
     });
     return t(i, o);
   }), n;
 }
-const be = L(st), rt = ["disabled", "onClick"], dt = {
+const be = B(st), rt = ["disabled", "onClick"], dt = {
   key: 0,
   class: "q-btn__spinner"
-}, ut = { class: "q-btn__content" }, ct = /* @__PURE__ */ S({
+}, ut = { class: "q-btn__content" }, ct = /* @__PURE__ */ L({
   __name: "QButton",
   props: {
     active: { type: Boolean },
@@ -365,19 +365,19 @@ const be = L(st), rt = ["disabled", "onClick"], dt = {
     }, [
       i.loading ? (u(), m("div", dt, [
         J(v(be), { size: 23 })
-      ])) : q("", !0),
-      R("span", ut, [
+      ])) : I("", !0),
+      M("span", ut, [
         i.iconOnRight ? (u(), m(Y, { key: 0 }, [
           re(U(e.label), 1)
-        ], 64)) : q("", !0),
-        $(i.$slots, "default"),
-        i.iconOnRight ? q("", !0) : (u(), m(Y, { key: 1 }, [
+        ], 64)) : I("", !0),
+        _(i.$slots, "default"),
+        i.iconOnRight ? I("", !0) : (u(), m(Y, { key: 1 }, [
           re(U(e.label), 1)
         ], 64))
       ])
     ], 10, rt));
   }
-}), ft = L(ct), pt = /* @__PURE__ */ S({
+}), ft = B(ct), pt = /* @__PURE__ */ L({
   __name: "QButtonGroup",
   props: {
     bStyle: {},
@@ -404,10 +404,10 @@ const be = L(st), rt = ["disabled", "onClick"], dt = {
     return (o, l) => (u(), m("div", {
       class: H(e.value)
     }, [
-      $(o.$slots, "default")
+      _(o.$slots, "default")
     ], 2));
   }
-}), mt = L(pt), ht = /* @__PURE__ */ S({
+}), mt = B(pt), ht = /* @__PURE__ */ L({
   __name: "QButtonToggle",
   props: {
     modelValue: {},
@@ -419,7 +419,7 @@ const be = L(st), rt = ["disabled", "onClick"], dt = {
   },
   emits: ["update:modelValue"],
   setup(n, { emit: t }) {
-    const e = n, o = w(e.modelValue);
+    const e = n, o = $(e.modelValue);
     A(
       () => e.modelValue,
       (i) => o.value = i
@@ -435,22 +435,22 @@ const be = L(st), rt = ["disabled", "onClick"], dt = {
     function a(i) {
       l.value === i.key && !e.mandatory ? l.value = void 0 : l.value = i.key;
     }
-    return (i, c) => (u(), I(v(mt), {
+    return (i, c) => (u(), q(v(mt), {
       "b-style": "secondary",
       disabled: e.disabled,
       borderless: e.borderless,
       elevated: e.elevated
     }, {
-      default: D(() => [
-        (u(!0), m(Y, null, me(e.options, (d) => (u(), I(v(ft), {
+      default: S(() => [
+        (u(!0), m(Y, null, me(e.options, (d) => (u(), q(v(ft), {
           key: d.key,
           title: d.title,
           label: d.label,
           active: l.value === d.key,
           onClick: () => a(d)
         }, {
-          default: D(() => [
-            $(i.$slots, d.key)
+          default: S(() => [
+            _(i.$slots, d.key)
           ]),
           _: 2
         }, 1032, ["title", "label", "active", "onClick"]))), 128))
@@ -458,7 +458,7 @@ const be = L(st), rt = ["disabled", "onClick"], dt = {
       _: 3
     }, 8, ["disabled", "borderless", "elevated"]));
   }
-}), Vn = L(ht), vt = /* @__PURE__ */ S({
+}), Vn = B(ht), vt = /* @__PURE__ */ L({
   __name: "QIcon",
   props: {
     icon: {},
@@ -478,12 +478,12 @@ const be = L(st), rt = ["disabled", "onClick"], dt = {
           return;
       }
     });
-    return (o, l) => (u(), I(Ve(e.value), {
+    return (o, l) => (u(), q(Ve(e.value), {
       icon: t.icon,
       size: t.size
     }, null, 8, ["icon", "size"]));
   }
-}), yt = /* @__PURE__ */ S({
+}), yt = /* @__PURE__ */ L({
   __name: "QIconFont",
   props: {
     icon: {},
@@ -500,7 +500,7 @@ const be = L(st), rt = ["disabled", "onClick"], dt = {
       style: ae(l.value)
     }, null, 6));
   }
-}), bt = ["src"], gt = /* @__PURE__ */ S({
+}), bt = ["src"], gt = /* @__PURE__ */ L({
   __name: "QIconImg",
   props: {
     icon: {},
@@ -516,7 +516,7 @@ const be = L(st), rt = ["disabled", "onClick"], dt = {
       style: ae(e.value)
     }, null, 12, bt));
   }
-}), le = {}, _t = S({
+}), le = {}, _t = L({
   name: "InlineSvg",
   emits: ["loaded", "unloaded", "error"],
   inheritAttrs: !1,
@@ -629,7 +629,7 @@ function wt(n) {
   );
   return e.getIsPending = () => t, e;
 }
-const $t = /* @__PURE__ */ S({
+const $t = /* @__PURE__ */ L({
   __name: "QIconSvg",
   props: {
     icon: {},
@@ -647,7 +647,7 @@ const $t = /* @__PURE__ */ S({
     function a() {
       t("unloaded");
     }
-    return (i, c) => (u(), I(v(_t), {
+    return (i, c) => (u(), q(v(_t), {
       class: "q-icon q-icon__svg",
       src: e.bundle,
       symbol: e.icon,
@@ -656,7 +656,7 @@ const $t = /* @__PURE__ */ S({
       onUnloaded: a
     }, null, 8, ["src", "symbol", "style"]));
   }
-}), X = L(vt), It = L(yt), qt = L(gt), xt = L($t), St = /* @__PURE__ */ S({
+}), X = B(vt), It = B(yt), qt = B(gt), xt = B($t), St = /* @__PURE__ */ L({
   __name: "QList",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -669,24 +669,24 @@ const $t = /* @__PURE__ */ S({
   },
   emits: ["update:modelValue"],
   setup(n, { expose: t, emit: e }) {
-    const o = n, l = w(o.modelValue), a = w(!1), i = y(() => c.value.length > 1 ? "div" : "ul"), c = y(() => o.groups.length ? o.groups : [{ title: "" }]), d = w(null);
+    const o = n, l = $(o.modelValue), a = $(!1), i = y(() => c.value.length > 1 ? "div" : "ul"), c = y(() => o.groups.length ? o.groups : [{ title: "" }]), d = $(null);
     function p(s) {
       l.value = s, e("update:modelValue", s);
     }
     function x() {
       a.value = !0;
     }
-    function _() {
+    function k() {
       a.value = !1;
     }
     function E(s) {
-      var k;
-      if ((k = d.value) != null && k.contains(s.relatedTarget))
+      var w;
+      if ((w = d.value) != null && w.contains(s.relatedTarget))
         return;
       let f;
       l.value ? f = o.items.findIndex((ne) => ne[o.itemValue] === l.value) : f = Q();
       const g = a.value;
-      O(f, g);
+      R(f, g);
     }
     function F(s) {
       switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && s.preventDefault(), s.key) {
@@ -708,40 +708,40 @@ const $t = /* @__PURE__ */ S({
       switch (s) {
         case "next":
         case "prev":
-          O(K(s));
+          R(K(s));
           break;
         case "first":
-          O(Q());
+          R(Q());
           break;
         case "last":
-          O(z());
+          R(z());
           break;
       }
     }
-    function O(s, f = !1) {
-      var k;
-      (k = T().at(s)) == null || k.focus({ preventScroll: f });
+    function R(s, f = !1) {
+      var w;
+      (w = D().at(s)) == null || w.focus({ preventScroll: f });
     }
-    function T() {
+    function D() {
       var f;
       const s = (f = d.value) == null ? void 0 : f.querySelectorAll("li");
       return s ? Array.from(s) : [];
     }
     function j(s) {
-      return T().at(s);
+      return D().at(s);
     }
     function N() {
-      return T().indexOf(document.activeElement);
+      return D().indexOf(document.activeElement);
     }
     function Q() {
-      const s = T(), f = s.find((g) => h(g));
+      const s = D(), f = s.find((g) => h(g));
       return f ? s.indexOf(f) : -1;
     }
     function z() {
-      const s = T(), f = [...s].reverse().find((g) => h(g));
+      const s = D(), f = [...s].reverse().find((g) => h(g));
       return f ? s.indexOf(f) : -1;
     }
-    function M(s, f, g) {
+    function O(s, f, g) {
       return f === "prev" && s === 0 || f === "next" && s === g.length - 1;
     }
     function K(s) {
@@ -749,21 +749,21 @@ const $t = /* @__PURE__ */ S({
       return W(f, s);
     }
     function W(s, f) {
-      const g = T();
-      if (M(s, f, g))
+      const g = D();
+      if (O(s, f, g))
         return s;
-      let k = s + (f === "next" ? 1 : -1);
-      for (; !h(g[k]); ) {
-        if (M(k, f, g))
+      let w = s + (f === "next" ? 1 : -1);
+      for (; !h(g[w]); ) {
+        if (O(w, f, g))
           return s;
-        k += f === "next" ? 1 : -1;
+        w += f === "next" ? 1 : -1;
       }
-      return k;
+      return w;
     }
     function h(s) {
       return s.tabIndex === -2;
     }
-    function B(s) {
+    function V(s) {
       return s ? o.items.filter((f) => f.group === s) : o.items;
     }
     return A(
@@ -772,12 +772,12 @@ const $t = /* @__PURE__ */ S({
         l.value = s;
       }
     ), t({
-      focusItem: O,
+      focusItem: R,
       getItem: j,
       getAdjacentItemIndex: W,
       getFirstFocusableItemIndex: Q,
       getLastFocusableItemIndex: z
-    }), (s, f) => (u(), I(Ve(i.value), {
+    }), (s, f) => (u(), q(Ve(i.value), {
       ref_key: "listRef",
       ref: d,
       class: H(["q-list", { "q-list--disabled": o.disabled }]),
@@ -785,24 +785,24 @@ const $t = /* @__PURE__ */ S({
       tabindex: o.disabled ? -1 : 0,
       onFocus: E,
       onMousedown: x,
-      onMouseup: _,
+      onMouseup: k,
       onKeydown: F
     }, {
-      default: D(() => [
-        (u(!0), m(Y, null, me(c.value, (g) => (u(), I(v(Ft), {
+      default: S(() => [
+        (u(!0), m(Y, null, me(c.value, (g) => (u(), q(v(Ft), {
           key: g.id,
           title: g.title,
           disabled: g.disabled
         }, {
-          default: D(() => [
-            (u(!0), m(Y, null, me(B(g.id), (k) => (u(), I(v(zt), {
-              key: k[o.itemValue],
-              value: k[o.itemValue],
-              label: k[o.itemLabel],
-              icon: k.icon,
-              disabled: o.disabled || k.disabled,
-              highlighted: o.highlighted === k[o.itemValue],
-              selected: l.value === k[o.itemValue],
+          default: S(() => [
+            (u(!0), m(Y, null, me(V(g.id), (w) => (u(), q(v(zt), {
+              key: w[o.itemValue],
+              value: w[o.itemValue],
+              label: w[o.itemLabel],
+              icon: w.icon,
+              disabled: o.disabled || w.disabled,
+              highlighted: o.highlighted === w[o.itemValue],
+              selected: l.value === w[o.itemValue],
               onSelect: p
             }, null, 8, ["value", "label", "icon", "disabled", "highlighted", "selected"]))), 128))
           ]),
@@ -821,7 +821,7 @@ const Bt = ["id", "tabindex", "aria-label", "aria-selected", "onClick"], Vt = {
   check: {
     icon: "check"
   }
-}, Dt = /* @__PURE__ */ S({
+}, Dt = /* @__PURE__ */ L({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
@@ -858,14 +858,14 @@ const Bt = ["id", "tabindex", "aria-label", "aria-selected", "onClick"], Vt = {
       onKeydown: a,
       onClick: Z(l, ["stop", "prevent"])
     }, [
-      e.icon ? (u(), I(v(X), de(ee({ key: 0 }, e.icon)), null, 16)) : q("", !0),
+      e.icon ? (u(), q(v(X), de(ee({ key: 0 }, e.icon)), null, 16)) : I("", !0),
       re(" " + U(e.label) + " ", 1),
-      R("div", Vt, [
-        e.selected ? (u(), I(v(X), ee({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : q("", !0)
+      M("div", Vt, [
+        e.selected ? (u(), q(v(X), ee({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : I("", !0)
       ])
     ], 42, Bt));
   }
-}), Et = ["aria-labelledby"], Ct = ["id"], At = /* @__PURE__ */ S({
+}), Et = ["aria-labelledby"], Ct = ["id"], At = /* @__PURE__ */ L({
   __name: "QListItemGroup",
   props: {
     title: { default: "" },
@@ -883,31 +883,31 @@ const Bt = ["id", "tabindex", "aria-label", "aria-selected", "onClick"], Vt = {
         id: v(e),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, U(t.title), 9, Ct)) : q("", !0),
-      $(o.$slots, "default")
+      }, U(t.title), 9, Ct)) : I("", !0),
+      _(o.$slots, "default")
     ], 8, Et));
   }
-}), Qe = L(St), zt = L(Dt), Ft = L(At);
+}), Qe = B(St), zt = B(Dt), Ft = B(At);
 function Qt(n, t, e = "right", o) {
   const l = n.getBoundingClientRect(), a = l.x + window.scrollX, i = l.y + window.scrollY, c = t == null ? void 0 : t.getBoundingClientRect(), d = (c == null ? void 0 : c.width) ?? 0, p = (c == null ? void 0 : c.height) ?? 0;
   let x = e;
   c && !Re(l, c, x) && (x = Rt(l, c, x));
-  const _ = { x: 0, y: 0, placement: x };
+  const k = { x: 0, y: 0, placement: x };
   switch (x) {
     case "top":
-      o === "anchor" ? _.x = a : _.x = a + (l.width - d) / 2, _.y = i - p;
+      o === "anchor" ? k.x = a : k.x = a + (l.width - d) / 2, k.y = i - p;
       break;
     case "bottom":
-      o === "anchor" ? _.x = a : _.x = a + (l.width - d) / 2, _.y = i + l.height;
+      o === "anchor" ? k.x = a : k.x = a + (l.width - d) / 2, k.y = i + l.height;
       break;
     case "left":
-      _.x = a - d, _.y = i + l.height / 2 - p / 2;
+      k.x = a - d, k.y = i + l.height / 2 - p / 2;
       break;
     case "right":
-      _.x = a + l.width, _.y = i + l.height / 2 - p / 2;
+      k.x = a + l.width, k.y = i + l.height / 2 - p / 2;
       break;
   }
-  return o === "anchor" && l.width >= d && (_.width = l.width), _;
+  return o === "anchor" && l.width >= d && (k.width = l.width), k;
 }
 function Re(n, t, e) {
   let o = !1, l = !1;
@@ -951,7 +951,7 @@ function ie(n) {
 const Ot = {
   key: 0,
   class: "q-overlay__arrow"
-}, Mt = /* @__PURE__ */ S({
+}, Mt = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QOverlay",
   props: {
@@ -993,13 +993,13 @@ const Ot = {
       () => l.animating = !0
     );
     const i = y(() => {
-      let h = 0, B = 0;
+      let h = 0, V = 0;
       switch (l.placement) {
         case "top":
-          B = -(e.offset || 0);
+          V = -(e.offset || 0);
           break;
         case "bottom":
-          B = e.offset || 0;
+          V = e.offset || 0;
           break;
         case "left":
           h = -(e.offset || 0);
@@ -1009,16 +1009,16 @@ const Ot = {
           break;
       }
       const s = {
-        top: `${l.top + B}px`,
+        top: `${l.top + V}px`,
         left: `${l.left + h}px`
       };
       return l.width !== void 0 && ["top", "bottom"].includes(l.placement) && (s.width = `${l.width}px`), s;
-    }), c = w(null);
+    }), c = $(null);
     function d() {
       const h = ie(e.anchor);
       if (h) {
-        const B = Qt(h, c.value, e.placement, e.width);
-        l.left = B.x, l.top = B.y, l.width = B.width, l.placement = B.placement;
+        const V = Qt(h, c.value, e.placement, e.width);
+        l.left = V.x, l.top = V.y, l.width = V.width, l.placement = V.placement;
       }
     }
     A([() => a.value, () => e.placement], d);
@@ -1027,20 +1027,20 @@ const Ot = {
       const h = e.trigger === "hover" ? e.delay : 0;
       p || (p = window.setTimeout(() => l.visible = !0, h));
     }
-    function _() {
+    function k() {
       clearTimeout(p), p = void 0, l.visible = !1;
     }
     function E() {
-      a.value ? _() : x();
+      a.value ? k() : x();
     }
     let F;
     function C() {
       t("enter");
     }
-    function O() {
+    function R() {
       window.clearTimeout(F), F = window.setTimeout(() => l.animating = !1, 200), t("leave");
     }
-    let T;
+    let D;
     function j() {
       P(() => {
         const h = ie(e.anchor);
@@ -1050,7 +1050,7 @@ const Ot = {
               h.addEventListener("click", E);
               break;
             case "hover":
-              h.addEventListener("mouseenter", x), h.addEventListener("mouseleave", _);
+              h.addEventListener("mouseenter", x), h.addEventListener("mouseleave", k);
               break;
           }
       });
@@ -1058,7 +1058,7 @@ const Ot = {
     function N() {
       P(() => {
         const h = ie(e.anchor);
-        h && (window.addEventListener("scroll", d), window.addEventListener("resize", d), T = new MutationObserver(d), T.observe(h, {
+        h && (window.addEventListener("scroll", d), window.addEventListener("resize", d), D = new MutationObserver(d), D.observe(h, {
           attributes: !1,
           childList: !0,
           characterData: !0,
@@ -1067,14 +1067,14 @@ const Ot = {
       });
     }
     function Q() {
-      window.removeEventListener("scroll", d), window.removeEventListener("resize", d), T == null || T.disconnect();
+      window.removeEventListener("scroll", d), window.removeEventListener("resize", d), D == null || D.disconnect();
     }
     let z;
-    function M() {
-      ie(e.anchor) ? (d(), z = window.setTimeout(M, 100)) : _();
+    function O() {
+      ie(e.anchor) ? (d(), z = window.setTimeout(O, 100)) : k();
     }
     function K() {
-      N(), e.spy && M();
+      N(), e.spy && O();
     }
     function W() {
       Q(), e.spy && (clearTimeout(z), z = void 0);
@@ -1091,9 +1091,9 @@ const Ot = {
         h ? K() : W();
       },
       { immediate: !0 }
-    ), (h, B) => (u(), m(Y, null, [
-      $(h.$slots, "trigger", { open: a.value }),
-      a.value || l.animating ? (u(), I(Ke, {
+    ), (h, V) => (u(), m(Y, null, [
+      _(h.$slots, "trigger", { open: a.value }),
+      a.value || l.animating ? (u(), q(Ke, {
         key: 0,
         disabled: !e.attach,
         to: e.attach
@@ -1102,39 +1102,42 @@ const Ot = {
           name: e.transition,
           appear: "",
           onEnter: C,
-          onLeave: O
+          onLeave: R
         }, {
-          default: D(() => [
+          default: S(() => [
             a.value ? (u(), m("div", {
               key: 0,
               class: H(o.value),
               style: ae(i.value)
             }, [
-              R("div", {
+              M("div", {
                 class: H(["q-overlay__content"]),
                 ref_key: "overlay",
                 ref: c
               }, [
-                e.arrow ? (u(), m("div", Ot)) : q("", !0),
-                $(h.$slots, "default")
+                e.arrow ? (u(), m("div", Ot)) : I("", !0),
+                _(h.$slots, "default")
               ], 512)
-            ], 6)) : q("", !0)
+            ], 6)) : I("", !0)
           ]),
           _: 3
         }, 8, ["name"])
-      ], 8, ["disabled", "to"])) : q("", !0)
+      ], 8, ["disabled", "to"])) : I("", !0)
     ], 64));
   }
-}), ce = L(Mt), Ut = ["id"], Nt = { class: "q-field__label" }, Ht = ["for"], Kt = {
+}), ce = B(Mt), Ut = ["id"], Nt = {
+  key: 0,
+  class: "q-field__label"
+}, Ht = ["for"], Kt = {
   key: 0,
   class: "q-field__prepend"
 }, Wt = {
   key: 1,
   class: "q-field__append"
 }, Gt = {
-  key: 0,
+  key: 1,
   class: "q-field__extras"
-}, jt = /* @__PURE__ */ S({
+}, jt = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QField",
   props: {
@@ -1146,7 +1149,7 @@ const Ot = {
     required: { type: Boolean }
   },
   setup(n, { expose: t }) {
-    const e = n, o = w(null), l = y(() => e.required && !e.readonly && !e.disabled);
+    const e = n, o = $(null), l = y(() => e.required && !e.readonly && !e.disabled);
     return t({
       fieldRef: o
     }), (a, i) => (u(), m("div", {
@@ -1161,34 +1164,34 @@ const Ot = {
         }
       ])
     }, [
-      R("div", Nt, [
-        $(a.$slots, "label.prepend"),
-        R("label", {
+      e.label ? (u(), m("div", Nt, [
+        _(a.$slots, "label.prepend"),
+        M("label", {
           for: e.id
         }, U(e.label), 9, Ht),
-        $(a.$slots, "label.append")
-      ]),
-      $(a.$slots, "control", {}, () => [
-        R("div", ee({
+        _(a.$slots, "label.append")
+      ])) : I("", !0),
+      _(a.$slots, "control", {}, () => [
+        M("div", ee({
           class: "q-field__control",
           ref_key: "fieldRef",
           ref: o
         }, a.$attrs), [
           a.$slots.prepend ? (u(), m("div", Kt, [
-            $(a.$slots, "prepend")
-          ])) : q("", !0),
-          $(a.$slots, "default"),
+            _(a.$slots, "prepend")
+          ])) : I("", !0),
+          _(a.$slots, "default"),
           a.$slots.append ? (u(), m("div", Wt, [
-            $(a.$slots, "append")
-          ])) : q("", !0)
+            _(a.$slots, "append")
+          ])) : I("", !0)
         ], 16)
       ]),
       a.$slots.extras ? (u(), m("div", Gt, [
-        $(a.$slots, "extras")
-      ])) : q("", !0)
+        _(a.$slots, "extras")
+      ])) : I("", !0)
     ], 10, Ut));
   }
-}), ge = L(jt), Xt = ["required", "placeholder", "readonly", "disabled", "maxlength"], Yt = /* @__PURE__ */ S({
+}), ge = B(jt), Xt = ["role", "required", "placeholder", "readonly", "disabled", "maxlength"], Yt = /* @__PURE__ */ L({
   __name: "QTextField",
   props: {
     modelValue: { default: "" },
@@ -1199,11 +1202,12 @@ const Ot = {
     maxLength: { default: void 0 },
     readonly: { type: Boolean },
     disabled: { type: Boolean },
-    required: { type: Boolean }
+    required: { type: Boolean },
+    role: { default: void 0 }
   },
   emits: ["update:modelValue"],
   setup(n, { expose: t, emit: e }) {
-    const o = n, l = w(o.modelValue), a = w(null), i = w(null), c = y({
+    const o = n, l = $(o.modelValue), a = $(null), i = $(null), c = y({
       get() {
         return l.value;
       },
@@ -1220,7 +1224,7 @@ const Ot = {
         return (d = a.value) == null ? void 0 : d.fieldRef;
       }),
       inputRef: i
-    }), (d, p) => (u(), I(v(ge), {
+    }), (d, p) => (u(), q(v(ge), {
       ref_key: "fieldRef",
       ref: a,
       class: "q-text-field",
@@ -1231,13 +1235,20 @@ const Ot = {
       disabled: o.disabled,
       required: o.required
     }, De({
-      default: D(() => [
-        Ge(R("input", {
+      "label.prepend": S(() => [
+        _(d.$slots, "label.prepend")
+      ]),
+      "label.append": S(() => [
+        _(d.$slots, "label.append")
+      ]),
+      default: S(() => [
+        Ge(M("input", {
           "onUpdate:modelValue": p[0] || (p[0] = (x) => c.value = x),
           ref_key: "inputRef",
           ref: i,
           class: "q-text-field__input",
           type: "text",
+          role: o.role,
           required: o.required,
           placeholder: o.placeholder,
           readonly: o.readonly,
@@ -1249,16 +1260,30 @@ const Ot = {
       ]),
       _: 2
     }, [
+      d.$slots.prepend ? {
+        name: "prepend",
+        fn: S(() => [
+          _(d.$slots, "prepend")
+        ]),
+        key: "0"
+      } : void 0,
       d.$slots.append ? {
         name: "append",
-        fn: D(() => [
-          $(d.$slots, "append")
+        fn: S(() => [
+          _(d.$slots, "append")
         ]),
-        key: "0"
+        key: "1"
+      } : void 0,
+      d.$slots.extras ? {
+        name: "extras",
+        fn: S(() => [
+          _(d.$slots, "extras")
+        ]),
+        key: "2"
       } : void 0
     ]), 1032, ["id", "label", "size", "readonly", "disabled", "required"]));
   }
-}), Pt = L(Yt);
+}), Pt = B(Yt);
 function Oe() {
   const n = Xe(), t = {};
   return typeof n.class == "string" ? t.class = n.class.split(" ") : Array.isArray(n.class) ? t.class = n.class : t.class = [], t;
@@ -1272,7 +1297,7 @@ const Zt = {
   clear: {
     icon: "close"
   }
-}, tn = /* @__PURE__ */ S({
+}, tn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QCombobox",
   props: {
@@ -1296,13 +1321,13 @@ const Zt = {
   },
   emits: ["update:modelValue", "update:inputValue", "before-show", "before-hide", "show", "hide"],
   setup(n, { emit: t }) {
-    const e = n, o = Oe(), l = w(e.modelValue), a = w(!1), i = w(""), c = w(void 0), d = w(null), p = w(null), x = w(null);
+    const e = n, o = Oe(), l = $(e.modelValue), a = $(!1), i = $(""), c = $(void 0), d = $(null), p = $(null), x = $(null);
     Te(Q);
-    const _ = y(
+    const k = y(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     ), E = y(() => {
       var r;
-      return e.filterMode === "manual" || !T.value ? e.items : (r = e.items) == null ? void 0 : r.filter(
+      return e.filterMode === "manual" || !D.value ? e.items : (r = e.items) == null ? void 0 : r.filter(
         (b) => b[e.itemLabel].toLowerCase().startsWith(i.value.toLowerCase())
       );
     }), F = y(() => {
@@ -1312,13 +1337,13 @@ const Zt = {
       const r = c.value;
       if (r !== void 0 && E.value[r])
         return E.value[r];
-    }), O = y(() => {
+    }), R = y(() => {
       var b;
       if (c.value === void 0)
         return;
       const r = (b = p.value) == null ? void 0 : b.getItem(c.value);
       return r == null ? void 0 : r.id;
-    }), T = y(() => {
+    }), D = y(() => {
       var r;
       return i.value.length > 0 && i.value !== ((r = F.value) == null ? void 0 : r[e.itemLabel]);
     });
@@ -1326,7 +1351,7 @@ const Zt = {
       l.value = r, Q(), t("update:modelValue", r);
     }
     function N(r) {
-      j(r), M();
+      j(r), O();
     }
     function Q() {
       var r;
@@ -1335,7 +1360,7 @@ const Zt = {
     function z() {
       a.value || e.readonly || e.disabled || (t("before-show"), a.value = !0);
     }
-    function M() {
+    function O() {
       a.value && (t("before-hide"), a.value = !1, c.value = void 0);
     }
     function K() {
@@ -1348,35 +1373,35 @@ const Zt = {
       }
     }
     function h(r) {
-      var b, V;
+      var b, T;
       if (!(!r.key || e.readonly || e.disabled))
         if (["ArrowDown", "ArrowUp", "Home", "End"].includes(r.key) && (r.preventDefault(), r.stopPropagation()), r.key === "Escape")
-          a.value ? M() : K();
+          a.value ? O() : K();
         else if (["ArrowDown", "ArrowUp"].includes(r.key))
           a.value ? P(() => {
             if (c.value === void 0)
-              B();
+              V();
             else {
               const G = r.key === "ArrowDown" ? "next" : "prev";
               f(c.value, G);
             }
           }) : (z(), P(() => {
-            r.key === "ArrowDown" ? B() : s();
+            r.key === "ArrowDown" ? V() : s();
           }));
         else if (r.key === "Enter") {
           if (C.value === void 0)
             return;
           N(C.value[e.itemValue]);
         } else
-          r.key === "Home" ? c.value = (b = p.value) == null ? void 0 : b.getFirstFocusableItemIndex() : r.key === "End" ? c.value = (V = p.value) == null ? void 0 : V.getLastFocusableItemIndex() : (/^[a-z]$/i.test(r.key) || r.key === "Backspace") && z();
+          r.key === "Home" ? c.value = (b = p.value) == null ? void 0 : b.getFirstFocusableItemIndex() : r.key === "End" ? c.value = (T = p.value) == null ? void 0 : T.getLastFocusableItemIndex() : (/^[a-z]$/i.test(r.key) || r.key === "Backspace") && z();
     }
-    function B() {
+    function V() {
       var r, b;
       if (l.value !== void 0) {
-        const V = E.value.findIndex(
+        const T = E.value.findIndex(
           (G) => G[e.itemValue] === l.value
         );
-        V === -1 ? c.value = (r = p.value) == null ? void 0 : r.getFirstFocusableItemIndex() : c.value = V;
+        T === -1 ? c.value = (r = p.value) == null ? void 0 : r.getFirstFocusableItemIndex() : c.value = T;
       } else
         c.value = (b = p.value) == null ? void 0 : b.getFirstFocusableItemIndex();
     }
@@ -1385,14 +1410,14 @@ const Zt = {
       c.value = (r = p.value) == null ? void 0 : r.getLastFocusableItemIndex();
     }
     function f(r, b) {
-      var V;
-      c.value = (V = p.value) == null ? void 0 : V.getAdjacentItemIndex(r, b);
+      var T;
+      c.value = (T = p.value) == null ? void 0 : T.getAdjacentItemIndex(r, b);
     }
     function g(r) {
-      var b, V, G;
-      !((b = x.value) != null && b.contains(r.relatedTarget)) && !((G = (V = d.value) == null ? void 0 : V.fieldRef) != null && G.contains(r.relatedTarget)) && (M(), Q());
+      var b, T, G;
+      !((b = x.value) != null && b.contains(r.relatedTarget)) && !((G = (T = d.value) == null ? void 0 : T.fieldRef) != null && G.contains(r.relatedTarget)) && (O(), Q());
     }
-    function k() {
+    function w() {
       var r, b;
       (b = (r = d.value) == null ? void 0 : r.inputRef) == null || b.focus();
     }
@@ -1403,8 +1428,8 @@ const Zt = {
       t("hide");
     }
     function _e(r) {
-      var V;
-      const b = (V = p.value) == null ? void 0 : V.getItem(r);
+      var T;
+      const b = (T = p.value) == null ? void 0 : T.getItem(r);
       b == null || b.scrollIntoView({ block: "nearest", inline: "start" });
     }
     return A(
@@ -1415,9 +1440,9 @@ const Zt = {
     ), A(c, (r) => {
       r !== void 0 && _e(r);
     }), A(i, (r) => {
-      !r && _.value ? K() : a.value && e.selectionMode === "automatic" && P(B);
+      !r && k.value ? K() : a.value && e.selectionMode === "automatic" && P(V);
     }), (r, b) => {
-      var V, G;
+      var T, G;
       return u(), m(Y, null, [
         J(v(Pt), {
           modelValue: i.value,
@@ -1434,21 +1459,21 @@ const Zt = {
           "aria-expanded": a.value,
           "aria-haspopup": "listbox",
           "aria-autocomplete": "list",
-          "aria-activedescendant": O.value,
+          "aria-activedescendant": R.value,
           size: e.size,
           onClick: W,
           onFocusout: g,
           onKeydown: Z(h, ["stop"])
         }, {
-          append: D(() => [
-            _.value && i.value ? (u(), I(v(X), ee({ key: 0 }, e.icons.clear, {
+          append: S(() => [
+            k.value && i.value ? (u(), q(v(X), ee({ key: 0 }, e.icons.clear, {
               class: "q-combobox__clear",
               onClick: Z(K, ["stop", "prevent"])
-            }), null, 16, ["onClick"])) : q("", !0)
+            }), null, 16, ["onClick"])) : I("", !0)
           ]),
           _: 1
         }, 8, ["modelValue", "id", "label", "required", "class", "readonly", "disabled", "aria-expanded", "aria-activedescendant", "size", "onKeydown"]),
-        (V = d.value) != null && V.fieldRef ? (u(), I(v(ce), {
+        (T = d.value) != null && T.fieldRef ? (u(), q(v(ce), {
           key: 0,
           "model-value": a.value,
           spy: "",
@@ -1460,21 +1485,21 @@ const Zt = {
           onEnter: ne,
           onLeave: oe
         }, {
-          default: D(() => {
+          default: S(() => {
             var se;
             return [
-              R("div", {
+              M("div", {
                 ref_key: "contentRef",
                 ref: x,
                 class: "q-select__body",
                 onFocusout: g
               }, [
-                $(r.$slots, "body.prepend"),
-                e.loading ? (u(), I(v(be), {
+                _(r.$slots, "body.prepend"),
+                e.loading ? (u(), q(v(be), {
                   key: 0,
                   class: "q-select__loader",
                   size: 24
-                })) : E.value.length ? (u(), I(v(Qe), {
+                })) : E.value.length ? (u(), q(v(Qe), {
                   key: 1,
                   ref_key: "listRef",
                   ref: p,
@@ -1489,24 +1514,24 @@ const Zt = {
                   groups: r.groups,
                   "item-label": e.itemLabel,
                   "item-value": e.itemValue,
-                  onMouseup: k
+                  onMouseup: w
                 }, null, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), m("div", Zt, U(r.texts.noData), 1)),
-                $(r.$slots, "body.append")
+                _(r.$slots, "body.append")
               ], 544)
             ];
           }),
           _: 3
-        }, 8, ["model-value", "anchor"])) : q("", !0)
+        }, 8, ["model-value", "anchor"])) : I("", !0)
       ], 64);
     };
   }
-}), Tn = L(tn), nn = {
+}), Tn = B(tn), nn = {
   key: 0,
   class: "q-input-group__prepend"
 }, on = { key: 0 }, ln = {
   key: 1,
   class: "q-input-group__append"
-}, an = { key: 0 }, sn = /* @__PURE__ */ S({
+}, an = { key: 0 }, sn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QInputGroup",
   props: {
@@ -1520,34 +1545,34 @@ const Zt = {
   },
   setup(n) {
     const t = n;
-    return (e, o) => (u(), I(v(ge), {
+    return (e, o) => (u(), q(v(ge), {
       id: t.id,
       label: t.label,
       readonly: t.readonly,
       disabled: t.disabled,
       required: t.required
     }, {
-      control: D(() => [
-        R("div", ee({ class: "q-input-group" }, e.$attrs), [
+      control: S(() => [
+        M("div", ee({ class: "q-input-group" }, e.$attrs), [
           e.$slots.prepend || t.prependIcon ? (u(), m("div", nn, [
             t.prependIcon ? (u(), m("span", on, [
               J(v(X), de(he(t.prependIcon)), null, 16)
-            ])) : q("", !0),
-            $(e.$slots, "prepend")
-          ])) : q("", !0),
-          $(e.$slots, "default"),
+            ])) : I("", !0),
+            _(e.$slots, "prepend")
+          ])) : I("", !0),
+          _(e.$slots, "default"),
           e.$slots.append || t.appendIcon ? (u(), m("div", ln, [
             t.appendIcon ? (u(), m("span", an, [
               J(v(X), de(he(t.appendIcon)), null, 16)
-            ])) : q("", !0),
-            $(e.$slots, "append")
-          ])) : q("", !0)
+            ])) : I("", !0),
+            _(e.$slots, "append")
+          ])) : I("", !0)
         ], 16)
       ]),
       _: 3
     }, 8, ["id", "label", "readonly", "disabled", "required"]));
   }
-}), Dn = L(sn), rn = (n, t) => {
+}), Dn = B(sn), rn = (n, t) => {
   const e = n.__vccOpts || n;
   for (const [o, l] of t)
     e[o] = l;
@@ -1556,13 +1581,13 @@ const Zt = {
 function cn(n, t) {
   return u(), m("div", un);
 }
-const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = L(fn), pn = {
+const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = B(fn), pn = {
   key: 0,
   class: "q-popover__header"
 }, mn = {
   key: 1,
   class: "q-popover__body"
-}, hn = ["innerHTML"], vn = { key: 1 }, yn = /* @__PURE__ */ S({
+}, hn = ["innerHTML"], vn = { key: 1 }, yn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QPopover",
   props: {
@@ -1579,7 +1604,7 @@ const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = L(fn), pn = {
   },
   setup(n) {
     const t = n;
-    return (e, o) => (u(), I(v(ce), {
+    return (e, o) => (u(), q(v(ce), {
       "model-value": t.modelValue,
       trigger: "click",
       anchor: t.anchor,
@@ -1590,23 +1615,23 @@ const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = L(fn), pn = {
       placement: t.placement,
       spy: t.spy
     }, {
-      default: D(() => [
+      default: S(() => [
         t.title || e.$slots.header ? (u(), m("h3", pn, [
           re(U(t.title) + " ", 1),
-          $(e.$slots, "header")
-        ])) : q("", !0),
+          _(e.$slots, "header")
+        ])) : I("", !0),
         t.text || e.$slots.body ? (u(), m("div", mn, [
           t.html ? (u(), m("span", {
             key: 0,
             innerHTML: t.text
           }, null, 8, hn)) : (u(), m("span", vn, U(t.text), 1)),
-          $(e.$slots, "body")
-        ])) : q("", !0)
+          _(e.$slots, "body")
+        ])) : I("", !0)
       ]),
       _: 3
     }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement", "spy"]));
   }
-}), Cn = L(yn), bn = {
+}), Cn = B(yn), bn = {
   key: 0,
   class: "q-select__value"
 }, gn = {
@@ -1621,7 +1646,7 @@ const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = L(fn), pn = {
   clear: {
     icon: "close"
   }
-}, $n = /* @__PURE__ */ S({
+}, $n = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QSelect",
   props: {
@@ -1643,12 +1668,12 @@ const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = L(fn), pn = {
   },
   emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
   setup(n, { emit: t }) {
-    const e = n, o = Oe(), l = w(e.modelValue), a = w(!1), i = w(""), c = w(null), d = w(null), p = w(null), x = y(
+    const e = n, o = Oe(), l = $(e.modelValue), a = $(!1), i = $(""), c = $(null), d = $(null), p = $(null), x = y(
       () => {
         var s;
         return (s = e.items) == null ? void 0 : s.find((f) => f[e.itemValue] === l.value);
       }
-    ), _ = y(
+    ), k = y(
       () => x.value ? x.value[e.itemLabel] : ""
     ), E = y(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
@@ -1659,12 +1684,12 @@ const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = L(fn), pn = {
     function C() {
       E.value && F(void 0);
     }
-    function O() {
+    function R() {
       e.readonly || e.disabled || (a.value ? N() : j());
     }
-    function T(s) {
-      var f, g, k;
-      !((f = p.value) != null && f.contains(s.relatedTarget)) && !((k = (g = c.value) == null ? void 0 : g.fieldRef) != null && k.contains(s.relatedTarget)) && N();
+    function D(s) {
+      var f, g, w;
+      !((f = p.value) != null && f.contains(s.relatedTarget)) && !((w = (g = c.value) == null ? void 0 : g.fieldRef) != null && w.contains(s.relatedTarget)) && N();
     }
     function j() {
       a.value || (t("before-show"), a.value = !0);
@@ -1679,7 +1704,7 @@ const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = L(fn), pn = {
           i.value += s.key.toLowerCase();
           for (let f = 0; f < e.items.length; f++)
             if (e.items[f][e.itemLabel].toLowerCase().startsWith(i.value)) {
-              B(f);
+              V(f);
               break;
             }
         }
@@ -1688,7 +1713,7 @@ const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = L(fn), pn = {
         }, 500);
       }
     }
-    function M() {
+    function O() {
       var s;
       e.loading ? (s = p.value) == null || s.focus() : h(), t("show");
     }
@@ -1703,7 +1728,7 @@ const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = L(fn), pn = {
       var s;
       (s = d.value) == null || s.$el.focus();
     }
-    function B(s) {
+    function V(s) {
       var f;
       (f = d.value) == null || f.focusItem(s);
     }
@@ -1718,7 +1743,7 @@ const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = L(fn), pn = {
         !s && a.value && P(h);
       }
     ), (s, f) => {
-      var g, k, ne;
+      var g, w, ne;
       return u(), m(Y, null, [
         J(v(ge), {
           id: e.id,
@@ -1742,24 +1767,24 @@ const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = L(fn), pn = {
           "aria-expanded": a.value,
           "aria-haspopup": "listbox",
           size: e.size,
-          onClick: O,
+          onClick: R,
           onKeydown: Z(z, ["stop"])
         }, De({
-          append: D(() => [
-            E.value && l.value ? (u(), I(v(X), ee({ key: 0 }, e.icons.clear, {
+          append: S(() => [
+            E.value && l.value ? (u(), q(v(X), ee({ key: 0 }, e.icons.clear, {
               class: "q-select__clear",
               onClick: Z(C, ["stop", "prevent"])
-            }), null, 16, ["onClick"])) : q("", !0),
-            !e.readonly && !e.disabled ? (u(), I(v(X), ee({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16)) : q("", !0)
+            }), null, 16, ["onClick"])) : I("", !0),
+            !e.readonly && !e.disabled ? (u(), q(v(X), ee({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16)) : I("", !0)
           ]),
-          default: D(() => [
-            l.value ? (u(), m("span", bn, U(_.value), 1)) : (u(), m("span", gn, U(s.texts.placeholder), 1))
+          default: S(() => [
+            l.value ? (u(), m("span", bn, U(k.value), 1)) : (u(), m("span", gn, U(s.texts.placeholder), 1))
           ]),
           _: 2
         }, [
           (g = x.value) != null && g.icon ? {
             name: "prepend",
-            fn: D(() => {
+            fn: S(() => {
               var oe;
               return [
                 J(v(X), de(he((oe = x.value) == null ? void 0 : oe.icon)), null, 16)
@@ -1768,7 +1793,7 @@ const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = L(fn), pn = {
             key: "0"
           } : void 0
         ]), 1032, ["id", "label", "required", "class", "readonly", "disabled", "aria-expanded", "size", "onKeydown"]),
-        (k = c.value) != null && k.fieldRef ? (u(), I(v(ce), {
+        (w = c.value) != null && w.fieldRef ? (u(), q(v(ce), {
           key: 0,
           "model-value": a.value,
           spy: "",
@@ -1777,24 +1802,24 @@ const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = L(fn), pn = {
           width: "anchor",
           offset: 2,
           anchor: (ne = c.value) == null ? void 0 : ne.fieldRef,
-          onEnter: M,
+          onEnter: O,
           onLeave: K
         }, {
-          default: D(() => [
-            R("div", {
+          default: S(() => [
+            M("div", {
               ref_key: "contentRef",
               ref: p,
               class: "q-select__body",
               tabindex: "-1",
-              onFocusout: T,
+              onFocusout: D,
               onKeydown: Z(z, ["stop"])
             }, [
-              $(s.$slots, "body.prepend"),
-              e.loading ? (u(), I(v(be), {
+              _(s.$slots, "body.prepend"),
+              e.loading ? (u(), q(v(be), {
                 key: 0,
                 class: "q-select__loader",
                 size: 24
-              })) : (u(), I(v(Qe), {
+              })) : (u(), q(v(Qe), {
                 key: 1,
                 ref_key: "listRef",
                 ref: d,
@@ -1809,15 +1834,15 @@ const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = L(fn), pn = {
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue
               }, null, 8, ["modelValue", "items", "groups", "item-label", "item-value"])),
-              $(s.$slots, "body.append")
+              _(s.$slots, "body.append")
             ], 40, _n)
           ]),
           _: 3
-        }, 8, ["model-value", "anchor"])) : q("", !0)
+        }, 8, ["model-value", "anchor"])) : I("", !0)
       ], 64);
     };
   }
-}), An = L($n), In = ["innerHTML"], qn = { key: 1 }, xn = /* @__PURE__ */ S({
+}), An = B($n), In = ["innerHTML"], qn = { key: 1 }, xn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QTooltip",
   props: {
@@ -1835,7 +1860,7 @@ const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = L(fn), pn = {
   },
   setup(n) {
     const t = n;
-    return (e, o) => (u(), I(v(ce), {
+    return (e, o) => (u(), q(v(ce), {
       "model-value": t.modelValue,
       anchor: t.anchor,
       appearance: t.appearance,
@@ -1847,7 +1872,7 @@ const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = L(fn), pn = {
       placement: t.placement,
       trigger: t.trigger
     }, {
-      default: D(() => [
+      default: S(() => [
         t.html ? (u(), m("span", {
           key: 0,
           innerHTML: t.text
@@ -1856,7 +1881,7 @@ const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = L(fn), pn = {
       _: 1
     }, 8, ["model-value", "anchor", "appearance", "arrow", "attach", "delay", "disabled", "placement", "trigger"]));
   }
-}), zn = L(xn), Fn = {
+}), zn = B(xn), Fn = {
   mounted(n, t) {
     n.clickOutsideEvent = function(e) {
       const o = e.target;