@quidgest/ui 0.10.1 → 0.11.0

package/dist/ui.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance as Ue, computed as w, ref as B, provide as Pe, inject as Ne, watch as W, defineComponent as L, openBlock as c, createElementBlock as m, normalizeClass as D, normalizeStyle as de, withModifiers as ue, createVNode as Q, unref as b, createCommentVNode as q, createElementVNode as se, Fragment as le, createTextVNode as me, toDisplayString as R, renderSlot as h, toRef as Ee, mergeModels as X, useModel as te, createBlock as E, withCtx as k, renderList as qe, resolveDynamicComponent as He, h as De, normalizeProps as ae, mergeProps as ce, reactive as Ae, nextTick as j, onMounted as Ke, onBeforeUnmount as Xe, Teleport as Ye, Transition as Ze, withKeys as Je, createSlots as we, withDirectives as et, vModelDynamic as tt, guardReactiveProps as fe } from "vue";
+import { getCurrentInstance as Ue, computed as k, ref as V, provide as Pe, inject as Ne, watch as W, defineComponent as L, openBlock as u, createElementBlock as m, normalizeClass as C, normalizeStyle as ie, withModifiers as ue, createVNode as Q, unref as b, createCommentVNode as q, createElementVNode as le, Fragment as ae, createTextVNode as me, toDisplayString as R, renderSlot as h, toRef as Ee, mergeModels as X, useModel as te, createBlock as D, withCtx as w, renderList as qe, resolveDynamicComponent as He, h as De, normalizeProps as se, mergeProps as ce, reactive as Ae, nextTick as j, onMounted as Ke, onBeforeUnmount as Xe, Teleport as Ye, Transition as Ze, withKeys as Je, createSlots as we, withDirectives as et, vModelDynamic as tt, guardReactiveProps as fe } from "vue";
 function Ie(t) {
   return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
 }
@@ -32,12 +32,12 @@ function ot() {
   if (!o)
     throw new Error("[Quidgest UI] Could not determine component name");
   const e = We(), n = (s = e.value) == null ? void 0 : s.Global, l = (i = e.value) == null ? void 0 : i[o];
-  return w(() => xe(n, l));
+  return k(() => xe(n, l));
 }
 function Ge(t) {
   if (Ie(t))
     return;
-  const o = We(), e = B(t), n = w(() => Ie(e.value) ? o.value : xe(o.value, e.value));
+  const o = We(), e = V(t), n = k(() => Ie(e.value) ? o.value : xe(o.value, e.value));
   Pe(Le, n);
 }
 function We() {
@@ -53,9 +53,9 @@ function nt() {
     throw new Error("[Quidgest UI] Could not find theme instance");
   return t;
 }
-function Oo(t) {
+function No(t) {
   const o = nt(), e = {
-    activeTheme: B(t),
+    activeTheme: V(t),
     themes: o.themes
   };
   return Pe(ve, e), e;
@@ -168,13 +168,13 @@ function rt(t) {
 function Me(t) {
   return t ? `--q-theme-${je(t)}` : "";
 }
-function Uo(t = {}) {
+function Ho(t = {}) {
   return { install: (e) => {
     const n = t.components || {};
     for (const s in n)
       e.component(s, n[s]);
     const l = t.defaults || {};
-    e.provide(Le, B(l)), dt(e, t.themes);
+    e.provide(Le, V(l)), dt(e, t.themes);
   } };
 }
 function dt(t, o) {
@@ -197,7 +197,7 @@ function dt(t, o) {
     }
   if (n) {
     const l = {
-      activeTheme: B(n),
+      activeTheme: V(n),
       themes: e
     };
     rt(e), W(l.activeTheme, ut, { immediate: !0 }), t.provide(ve, l);
@@ -214,12 +214,12 @@ const ct = /* @__PURE__ */ L({
     class: { default: void 0 }
   },
   setup(t) {
-    const o = t, e = w(() => ({
+    const o = t, e = k(() => ({
       "font-size": o.size !== 48 ? `${o.size}px` : void 0
     }));
-    return (n, l) => (c(), m("div", {
-      class: D(["q-spinner-loader", o.class]),
-      style: de(e.value)
+    return (n, l) => (u(), m("div", {
+      class: C(["q-spinner-loader", o.class]),
+      style: ie(e.value)
     }, null, 6));
   }
 });
@@ -228,7 +228,7 @@ function ft(t, o) {
   const e = je(o);
   return e ? typeof ((n = t.props) == null ? void 0 : n[e]) < "u" : !1;
 }
-function V(t) {
+function S(t) {
   const o = t.setup;
   return o && (t.setup = (e, n) => {
     const l = ot();
@@ -238,16 +238,16 @@ function V(t) {
     if (s === null)
       return o(e, n);
     const i = new Proxy(e, {
-      get(a, u) {
+      get(a, c) {
         var x;
-        const v = Reflect.get(a, u), $ = (x = l.value) == null ? void 0 : x[u];
-        return typeof u == "string" && !ft(s.vnode, u) ? $ ?? v : v;
+        const v = Reflect.get(a, c), $ = (x = l.value) == null ? void 0 : x[c];
+        return typeof c == "string" && !ft(s.vnode, c) ? $ ?? v : v;
       }
     });
     return o(i, n);
   }), t;
 }
-const Se = V(ct), pt = ["disabled"], mt = {
+const Se = S(ct), pt = ["disabled"], mt = {
   key: 0,
   class: "q-btn__spinner"
 }, vt = { class: "q-btn__content" }, ht = /* @__PURE__ */ L({
@@ -267,11 +267,11 @@ const Se = V(ct), pt = ["disabled"], mt = {
   },
   emits: ["click"],
   setup(t, { emit: o }) {
-    const e = t, n = o, l = w(() => e.disabled || e.loading);
+    const e = t, n = o, l = k(() => e.disabled || e.loading);
     function s(a) {
       l.value || n("click", a);
     }
-    const i = w(() => {
+    const i = k(() => {
       const a = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
       return [
         "q-btn",
@@ -287,27 +287,27 @@ const Se = V(ct), pt = ["disabled"], mt = {
         e.class
       ];
     });
-    return (a, u) => (c(), m("button", {
+    return (a, c) => (u(), m("button", {
       type: "button",
-      class: D(i.value),
+      class: C(i.value),
       disabled: l.value,
       onClick: ue(s, ["stop", "prevent"])
     }, [
-      a.loading ? (c(), m("div", mt, [
+      a.loading ? (u(), m("div", mt, [
         Q(b(Se), { size: 20 })
       ])) : q("", !0),
-      se("span", vt, [
-        a.iconOnRight ? (c(), m(le, { key: 0 }, [
+      le("span", vt, [
+        a.iconOnRight ? (u(), m(ae, { key: 0 }, [
           me(R(e.label), 1)
         ], 64)) : q("", !0),
         h(a.$slots, "default"),
-        a.iconOnRight ? q("", !0) : (c(), m(le, { key: 1 }, [
+        a.iconOnRight ? q("", !0) : (u(), m(ae, { key: 1 }, [
           me(R(e.label), 1)
         ], 64))
       ])
     ], 10, pt));
   }
-}), he = V(ht), yt = /* @__PURE__ */ L({
+}), he = S(ht), yt = /* @__PURE__ */ L({
   __name: "QButtonGroup",
   props: {
     disabled: { type: Boolean },
@@ -324,8 +324,8 @@ const Se = V(ct), pt = ["disabled"], mt = {
         borderless: Ee(o, "borderless"),
         elevated: !1
       }
-    }), (e, n) => (c(), m("div", {
-      class: D([
+    }), (e, n) => (u(), m("div", {
+      class: C([
         "q-btn-group",
         {
           "q-btn-group--elevated": o.elevated
@@ -336,7 +336,7 @@ const Se = V(ct), pt = ["disabled"], mt = {
       h(e.$slots, "default")
     ], 2));
   }
-}), bt = V(yt), gt = /* @__PURE__ */ L({
+}), bt = S(yt), gt = /* @__PURE__ */ L({
   __name: "QButtonToggle",
   props: /* @__PURE__ */ X({
     options: {},
@@ -355,22 +355,22 @@ const Se = V(ct), pt = ["disabled"], mt = {
     function n(l) {
       e.value === l.key && !o.required ? e.value = void 0 : e.value = l.key;
     }
-    return (l, s) => (c(), E(b(bt), {
+    return (l, s) => (u(), D(b(bt), {
       "b-style": "secondary",
-      class: D(o.class),
+      class: C(o.class),
       disabled: o.disabled,
       borderless: o.borderless,
       elevated: o.elevated
     }, {
-      default: k(() => [
-        (c(!0), m(le, null, qe(o.options, (i) => (c(), E(b(he), {
+      default: w(() => [
+        (u(!0), m(ae, null, qe(o.options, (i) => (u(), D(b(he), {
           key: i.key,
           title: i.title,
           label: i.label,
           active: e.value === i.key,
           onClick: () => n(i)
         }, {
-          default: k(() => [
+          default: w(() => [
             h(l.$slots, i.key)
           ]),
           _: 2
@@ -379,7 +379,7 @@ const Se = V(ct), pt = ["disabled"], mt = {
       _: 3
     }, 8, ["class", "disabled", "borderless", "elevated"]));
   }
-}), Po = V(gt), _t = /* @__PURE__ */ L({
+}), Ko = S(gt), _t = /* @__PURE__ */ L({
   __name: "QIcon",
   props: {
     icon: {},
@@ -388,7 +388,7 @@ const Se = V(ct), pt = ["disabled"], mt = {
     class: { default: void 0 }
   },
   setup(t) {
-    const o = t, e = w(() => {
+    const o = t, e = k(() => {
       switch (o.type) {
         case "svg":
           return Vt;
@@ -400,8 +400,8 @@ const Se = V(ct), pt = ["disabled"], mt = {
           return;
       }
     });
-    return (n, l) => (c(), E(He(e.value), {
-      class: D(o.class),
+    return (n, l) => (u(), D(He(e.value), {
+      class: C(o.class),
       icon: o.icon,
       size: o.size
     }, null, 8, ["class", "icon", "size"]));
@@ -416,12 +416,12 @@ const Se = V(ct), pt = ["disabled"], mt = {
     class: { default: void 0 }
   },
   setup(t) {
-    const o = t, e = w(() => o.variant ? `${o.library}-${o.variant}` : o.library), n = w(() => o.library && o.icon ? `${o.library}-${o.icon}` : o.icon), l = w(() => ({
+    const o = t, e = k(() => o.variant ? `${o.library}-${o.variant}` : o.library), n = k(() => o.library && o.icon ? `${o.library}-${o.icon}` : o.icon), l = k(() => ({
       "font-size": o.size !== void 0 ? `${o.size}px` : void 0
     }));
-    return (s, i) => (c(), m("i", {
-      class: D(["q-icon", "q-icon__font", e.value, n.value, o.class]),
-      style: de(l.value)
+    return (s, i) => (u(), m("i", {
+      class: C(["q-icon", "q-icon__font", e.value, n.value, o.class]),
+      style: ie(l.value)
     }, null, 6));
   }
 }), wt = ["src"], $t = /* @__PURE__ */ L({
@@ -432,13 +432,13 @@ const Se = V(ct), pt = ["disabled"], mt = {
     class: {}
   },
   setup(t) {
-    const o = t, e = w(() => ({
+    const o = t, e = k(() => ({
       "font-size": o.size !== void 0 ? `${o.size}px` : void 0
     }));
-    return (n, l) => (c(), m("img", {
+    return (n, l) => (u(), m("img", {
       src: o.icon,
-      class: D(["q-icon", "q-icon__img", o.class]),
-      style: de(e.value)
+      class: C(["q-icon", "q-icon__img", o.class]),
+      style: ie(e.value)
     }, null, 14, wt));
   }
 }), pe = {}, qt = L({
@@ -586,7 +586,7 @@ const Lt = /* @__PURE__ */ L({
   },
   emits: ["loaded", "unloaded"],
   setup(t, { emit: o }) {
-    const e = t, n = o, l = w(() => ({
+    const e = t, n = o, l = k(() => ({
       "font-size": e.size !== void 0 ? `${e.size}px` : void 0
     }));
     function s(a) {
@@ -595,16 +595,16 @@ const Lt = /* @__PURE__ */ L({
     function i() {
       n("unloaded");
     }
-    return (a, u) => (c(), E(b(qt), {
-      class: D(["q-icon", "q-icon__svg", e.class]),
+    return (a, c) => (u(), D(b(qt), {
+      class: C(["q-icon", "q-icon__svg", e.class]),
       src: e.bundle,
       symbol: e.icon,
-      style: de(l.value),
+      style: ie(l.value),
       onLoaded: s,
       onUnloaded: i
     }, null, 8, ["class", "src", "symbol", "style"]));
   }
-}), ne = V(_t), St = V(kt), Bt = V($t), Vt = V(Lt), Ct = /* @__PURE__ */ L({
+}), ne = S(_t), St = S(kt), Bt = S($t), Vt = S(Lt), Ct = /* @__PURE__ */ L({
   __name: "QList",
   props: /* @__PURE__ */ X({
     highlighted: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -622,10 +622,10 @@ const Lt = /* @__PURE__ */ L({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const e = t, n = te(t, "modelValue"), l = B(!1), s = w(() => i.value.length > 1 ? "div" : "ul"), i = w(() => e.groups.length ? e.groups.filter(
+    const e = t, n = te(t, "modelValue"), l = V(!1), s = k(() => i.value.length > 1 ? "div" : "ul"), i = k(() => e.groups.length ? e.groups.filter(
       (f) => e.items.some((g) => g.group === f.id)
-    ) : [{ id: "", title: "" }]), a = B(null);
-    function u(f) {
+    ) : [{ id: "", title: "" }]), a = V(null);
+    function c(f) {
       n.value = f;
     }
     function v() {
@@ -646,20 +646,20 @@ const Lt = /* @__PURE__ */ L({
     function z(f) {
       switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(f.key) && f.preventDefault(), f.key) {
         case "ArrowDown":
-          C("next");
+          T("next");
           break;
         case "ArrowUp":
-          C("prev");
+          T("prev");
           break;
         case "Home":
-          C("first");
+          T("first");
           break;
         case "End":
-          C("last");
+          T("last");
           break;
       }
     }
-    function C(f) {
+    function T(f) {
       switch (f) {
         case "next":
         case "prev":
@@ -675,25 +675,25 @@ const Lt = /* @__PURE__ */ L({
     }
     function I(f, g = !1) {
       var p;
-      (p = S()[f]) == null || p.focus({ preventScroll: g });
+      (p = B()[f]) == null || p.focus({ preventScroll: g });
     }
-    function S() {
+    function B() {
       var g;
       const f = (g = a.value) == null ? void 0 : g.querySelectorAll("li");
       return f ? Array.from(f) : [];
     }
     function K(f) {
-      return S()[f];
+      return B()[f];
     }
     function Y() {
-      return S().indexOf(document.activeElement);
+      return B().indexOf(document.activeElement);
     }
     function H() {
-      const f = S(), g = f.find((d) => A(d));
+      const f = B(), g = f.find((d) => A(d));
       return g ? f.indexOf(g) : -1;
     }
     function M() {
-      const f = S(), g = [...f].reverse().find((d) => A(d));
+      const f = B(), g = [...f].reverse().find((d) => A(d));
       return g ? f.indexOf(g) : -1;
     }
     function Z(f, g, d) {
@@ -704,7 +704,7 @@ const Lt = /* @__PURE__ */ L({
       return J(g, f);
     }
     function J(f, g) {
-      const d = S();
+      const d = B();
       if (Z(f, g, d))
         return f;
       let p = f + (g === "next" ? 1 : -1);
@@ -727,10 +727,10 @@ const Lt = /* @__PURE__ */ L({
       getAdjacentItemIndex: J,
       getFirstFocusableItemIndex: H,
       getLastFocusableItemIndex: M
-    }), (f, g) => (c(), E(He(s.value), {
+    }), (f, g) => (u(), D(He(s.value), {
       ref_key: "listRef",
       ref: a,
-      class: D(["q-list", { "q-list--disabled": e.disabled }, e.class]),
+      class: C(["q-list", { "q-list--disabled": e.disabled }, e.class]),
       role: "listbox",
       tabindex: e.disabled ? -1 : 0,
       onFocus: x,
@@ -738,14 +738,14 @@ const Lt = /* @__PURE__ */ L({
       onMouseup: $,
       onKeydown: z
     }, {
-      default: k(() => [
-        (c(!0), m(le, null, qe(i.value, (d) => (c(), E(b(Ut), {
+      default: w(() => [
+        (u(!0), m(ae, null, qe(i.value, (d) => (u(), D(b(Ut), {
           key: d.id,
           id: d.id,
           title: i.value.length === 1 ? void 0 : d.title
         }, {
-          default: k(() => [
-            (c(!0), m(le, null, qe(G(d.id), (p) => (c(), E(b(Ot), {
+          default: w(() => [
+            (u(!0), m(ae, null, qe(G(d.id), (p) => (u(), D(b(Ot), {
               key: p[e.itemValue],
               value: p[e.itemValue],
               label: p[e.itemLabel],
@@ -753,9 +753,9 @@ const Lt = /* @__PURE__ */ L({
               disabled: e.disabled || d.disabled || p.disabled,
               highlighted: e.highlighted === p[e.itemValue],
               selected: n.value === p[e.itemValue],
-              onSelect: u
+              onSelect: c
             }, {
-              default: k(() => [
+              default: w(() => [
                 h(f.$slots, "item", { item: p })
               ]),
               _: 2
@@ -796,12 +796,12 @@ const Et = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Dt = {
     function i(a) {
       a.key === "Tab" && s(), (a.key === "Enter" || a.key === " ") && (a.preventDefault(), a.stopPropagation(), s());
     }
-    return (a, u) => (c(), m("li", {
+    return (a, c) => (u(), m("li", {
       id: b(l),
       "data-key": e.value,
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
-      class: D([
+      class: C([
         "q-list-item",
         {
           "q-list-item--disabled": e.disabled,
@@ -815,11 +815,11 @@ const Et = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Dt = {
       onClick: ue(s, ["stop", "prevent"])
     }, [
       h(a.$slots, "default", {}, () => [
-        e.icon ? (c(), E(b(ne), ae(ce({ key: 0 }, e.icon)), null, 16)) : q("", !0),
+        e.icon ? (u(), D(b(ne), se(ce({ key: 0 }, e.icon)), null, 16)) : q("", !0),
         me(" " + R(e.label), 1)
       ]),
-      se("div", Dt, [
-        e.selected ? (c(), E(b(ne), ce({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : q("", !0)
+      le("div", Dt, [
+        e.selected ? (u(), D(b(ne), ce({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : q("", !0)
       ])
     ], 42, Et));
   }
@@ -831,13 +831,13 @@ const Et = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Dt = {
   },
   setup(t) {
     const o = t, e = ye();
-    return (n, l) => (c(), m("ul", {
+    return (n, l) => (u(), m("ul", {
       class: "q-list-item-group",
       role: "group",
       "data-key": o.id,
       "aria-labelledby": o.title ? b(e) : void 0
     }, [
-      o.title ? (c(), m("li", {
+      o.title ? (u(), m("li", {
         key: 0,
         id: b(e),
         class: "q-list-item-group__title",
@@ -846,16 +846,16 @@ const Et = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Dt = {
       h(n.$slots, "default")
     ], 8, Qt));
   }
-}), Re = V(Ct), Ot = V(zt), Ut = V(Ft), _e = 8;
+}), Re = S(Ct), Ot = S(zt), Ut = S(Ft), _e = 8;
 function Pt(t, o, e, n) {
-  const l = (n == null ? void 0 : n.offset) ?? 0, s = (n == null ? void 0 : n.placement) ?? "bottom", i = t.getBoundingClientRect(), a = o.getBoundingClientRect(), u = e == null ? void 0 : e.getBoundingClientRect(), v = Nt(i, a, s, l), $ = Wt(i, a, v), x = Kt($, v, l), z = Ht(x, a, v);
-  let C;
+  const l = (n == null ? void 0 : n.offset) ?? 0, s = (n == null ? void 0 : n.placement) ?? "bottom", i = t.getBoundingClientRect(), a = o.getBoundingClientRect(), c = e == null ? void 0 : e.getBoundingClientRect(), v = Nt(i, a, s, l), $ = Wt(i, a, v), x = Kt($, v, l), z = Ht(x, a, v);
+  let T;
   if (n != null && n.arrow) {
-    if (!u)
+    if (!c)
       throw new Error("[Quidgest UI] The arrow element must exist to compute its position");
-    C = Gt(z, i, a, u, v);
+    T = Gt(z, i, a, c, v);
   }
-  return { overlayCoords: z, arrowCoords: C, placement: v };
+  return { overlayCoords: z, arrowCoords: T, placement: v };
 }
 function Nt(t, o, e, n) {
   const l = Fe(t, o, e, n);
@@ -865,13 +865,13 @@ function Nt(t, o, e, n) {
       bottom: "top",
       left: "right",
       right: "left"
-    }[s], u = Fe(
+    }[s], c = Fe(
       t,
       o,
       a,
       n
     );
-    if (Oe(u))
+    if (Oe(c))
       return e;
     const v = Xt(e);
     return v ? `${a}-${v}` : a;
@@ -879,7 +879,7 @@ function Nt(t, o, e, n) {
   return e;
 }
 function Ht(t, o, e) {
-  const n = ke(e), l = (i, a, u) => Math.min(Math.max(i, a), u), s = { ...t };
+  const n = ke(e), l = (i, a, c) => Math.min(Math.max(i, a), c), s = { ...t };
   return n === "x" ? s.x = l(t.x, _e, window.innerWidth - o.width - _e) : s.y = l(t.y, _e, window.innerHeight - o.height - _e), s;
 }
 function Kt(t, o, e) {
@@ -891,13 +891,13 @@ function Kt(t, o, e) {
 }
 function Gt(t, o, e, n, l) {
   if (ke(l) === "y") {
-    const i = o.top + o.height / 2, a = t.y + e.height / 2, u = a - i, v = e.height / 2 - u - n.height / 2 + 2;
+    const i = o.top + o.height / 2, a = t.y + e.height / 2, c = a - i, v = e.height / 2 - c - n.height / 2 + 2;
     if (v > 0 && v < e.height - n.height)
       return {
         y: v
       };
   } else {
-    const i = o.left + o.width / 2, a = t.x + e.width / 2, u = a - i, v = e.width / 2 - u - n.width / 2 + 2;
+    const i = o.left + o.width / 2, a = t.x + e.width / 2, c = a - i, v = e.width / 2 - c - n.width / 2 + 2;
     if (v > 0 && v < e.width - n.width)
       return {
         x: v
@@ -1009,7 +1009,7 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
   }),
   emits: /* @__PURE__ */ X(["enter", "leave"], ["update:modelValue"]),
   setup(t, { emit: o }) {
-    const e = t, n = o, l = te(t, "modelValue"), s = w(() => [
+    const e = t, n = o, l = te(t, "modelValue"), s = k(() => [
       "q-overlay",
       `q-overlay--${be(a.placement)}`,
       {
@@ -1017,57 +1017,57 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
         "q-overlay--inverted": e.appearance === "inverted"
       },
       e.class
-    ]), i = w(() => (l.value || a.animating) && !e.nonModal), a = Ae({
+    ]), i = k(() => (l.value || a.animating) && !e.nonModal), a = Ae({
       animating: !1,
       top: 0,
       left: 0,
       width: 0,
       placement: e.placement
-    }), u = Ae({
+    }), c = Ae({
       top: void 0,
       left: void 0,
       hidden: !0
-    }), v = w(() => a.top !== 0 && a.left !== 0);
+    }), v = k(() => a.top !== 0 && a.left !== 0);
     W(l, () => a.animating = !0);
-    const $ = w(() => {
+    const $ = k(() => {
       if (e.anchor === void 0)
         return;
-      const y = A(), ie = e.width === "anchor", N = ie ? y == null ? void 0 : y.getBoundingClientRect().width : void 0;
+      const y = A(), re = e.width === "anchor", N = re ? y == null ? void 0 : y.getBoundingClientRect().width : void 0;
       return {
         top: `${a.top}px`,
         left: `${a.left}px`,
         width: N !== void 0 ? `${N}px` : void 0
       };
-    }), x = w(() => {
+    }), x = k(() => {
       if (e.arrow)
         return {
-          top: u.top !== void 0 ? `${u.top}px` : void 0,
-          left: u.left !== void 0 ? `${u.left}px` : void 0,
-          opacity: u.hidden ? 0 : 1
+          top: c.top !== void 0 ? `${c.top}px` : void 0,
+          left: c.left !== void 0 ? `${c.left}px` : void 0,
+          opacity: c.hidden ? 0 : 1
         };
-    }), z = B(null), C = B(null);
+    }), z = V(null), T = V(null);
     function I() {
       const y = A();
-      if (!y || !C.value)
+      if (!y || !T.value)
         return;
-      const ie = {
+      const re = {
         placement: e.placement,
         width: e.width,
         offset: e.offset,
         arrow: e.arrow
       }, N = Pt(
         y,
-        C.value,
+        T.value,
         (z == null ? void 0 : z.value) ?? void 0,
-        ie
+        re
       );
-      a.left = N.overlayCoords.x, a.top = N.overlayCoords.y, a.placement = N.placement, u.hidden = N.arrowCoords === void 0, N.arrowCoords && (u.top = N.arrowCoords.y, u.left = N.arrowCoords.x);
+      a.left = N.overlayCoords.x, a.top = N.overlayCoords.y, a.placement = N.placement, c.hidden = N.arrowCoords === void 0, N.arrowCoords && (c.top = N.arrowCoords.y, c.left = N.arrowCoords.x);
     }
     W(
       () => e.placement,
       () => j(I)
     );
-    let S;
+    let B;
     function K() {
       H(0);
     }
@@ -1075,12 +1075,12 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
       H(e.delay);
     }
     function H(y) {
-      S || (S = window.setTimeout(() => {
+      B || (B = window.setTimeout(() => {
         l.value = !0;
       }, y));
     }
     function M() {
-      if (clearTimeout(S), S = void 0, l.value = !1, e.anchor && e.trigger === "click") {
+      if (clearTimeout(B), B = void 0, l.value = !1, e.anchor && e.trigger === "click") {
         const y = A();
         y == null || y.focus();
       }
@@ -1139,7 +1139,7 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
     function P() {
       d(), e.spy ? ee() : I(), e.scrollLock && document.body.classList.add("no-scroll"), (e.anchor === void 0 || e.trigger === "click") && j(() => {
         var y;
-        return (y = C.value) == null ? void 0 : y.focus();
+        return (y = T.value) == null ? void 0 : y.focus();
       });
     }
     function oe() {
@@ -1158,13 +1158,13 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
         j(() => y ? P() : oe());
       },
       { immediate: !0 }
-    ), (y, ie) => (c(), E(Ye, {
+    ), (y, re) => (u(), D(Ye, {
       disabled: !l.value && !a.animating || !e.attach,
       to: e.attach
     }, [
-      i.value ? (c(), m("div", {
+      i.value ? (u(), m("div", {
         key: 0,
-        class: D([
+        class: C([
           "q-overlay__underlay",
           { "q-overlay__underlay--blur": e.backdropBlur }
         ])
@@ -1174,29 +1174,29 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
         appear: "",
         onLeave: J
       }, {
-        default: k(() => [
-          l.value ? (c(), m("div", {
+        default: w(() => [
+          l.value ? (u(), m("div", {
             key: 0,
-            class: D(s.value),
-            style: de($.value)
+            class: C(s.value),
+            style: ie($.value)
           }, [
-            se("div", ce({
+            le("div", ce({
               class: "q-overlay__content",
               ref_key: "overlayRef",
-              ref: C,
+              ref: T,
               tabindex: "-1",
               role: i.value ? "dialog" : void 0
             }, y.$attrs, {
               onKeydown: Je(ge, ["escape"]),
               onBlur: ge
             }), [
-              e.arrow ? (c(), m("div", {
+              e.arrow ? (u(), m("div", {
                 key: 0,
                 ref_key: "arrowRef",
                 ref: z,
                 role: "presentation",
                 class: "q-overlay__arrow",
-                style: de(x.value)
+                style: ie(x.value)
               }, null, 4)) : q("", !0),
               h(y.$slots, "default")
             ], 16, Zt)
@@ -1206,7 +1206,7 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
       }, 8, ["name"])
     ], 8, ["disabled", "to"]));
   }
-}), $e = V(Jt), eo = ["id"], to = {
+}), $e = S(Jt), eo = ["id"], to = {
   key: 0,
   class: "q-field__label"
 }, oo = ["for"], no = {
@@ -1232,12 +1232,12 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
     class: { default: void 0 }
   },
   setup(t, { expose: o }) {
-    const e = t, n = ye(e.id), l = B(null), s = w(() => e.required && !e.readonly && !e.disabled);
+    const e = t, n = ye(e.id), l = V(null), s = k(() => e.required && !e.readonly && !e.disabled);
     return o({
       fieldRef: l
-    }), (i, a) => (c(), m("div", {
+    }), (i, a) => (u(), m("div", {
       id: b(n),
-      class: D([
+      class: C([
         "q-field",
         `q-field--${e.size}`,
         {
@@ -1248,34 +1248,34 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
         e.class
       ])
     }, [
-      e.label ? (c(), m("div", to, [
+      e.label ? (u(), m("div", to, [
         h(i.$slots, "label.prepend"),
-        se("label", {
+        le("label", {
           for: e.for
         }, R(e.label), 9, oo),
         h(i.$slots, "label.append")
       ])) : q("", !0),
       h(i.$slots, "control", {}, () => [
-        se("div", ce({
+        le("div", ce({
           class: "q-field__control",
           ref_key: "fieldRef",
           ref: l
         }, i.$attrs), [
-          i.$slots.prepend ? (c(), m("div", no, [
+          i.$slots.prepend ? (u(), m("div", no, [
             h(i.$slots, "prepend")
           ])) : q("", !0),
           h(i.$slots, "default"),
-          i.$slots.append ? (c(), m("div", lo, [
+          i.$slots.append ? (u(), m("div", lo, [
             h(i.$slots, "append")
           ])) : q("", !0)
         ], 16)
       ]),
-      i.$slots.extras ? (c(), m("div", ao, [
+      i.$slots.extras ? (u(), m("div", ao, [
         h(i.$slots, "extras")
       ])) : q("", !0)
     ], 10, eo));
   }
-}), Be = V(so), io = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], ro = /* @__PURE__ */ L({
+}), Be = S(so), io = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], ro = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QTextField",
   props: /* @__PURE__ */ X({
@@ -1296,19 +1296,19 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: o }) {
-    const e = t, n = te(t, "modelValue"), l = ye(e.id), s = B(null), i = B(null), a = w(
+    const e = t, n = te(t, "modelValue"), l = ye(e.id), s = V(null), i = V(null), a = k(
       () => e.readonly || e.disabled ? "" : e.placeholder
     );
     return o({
-      fieldRef: w(() => {
-        var u;
-        return (u = s.value) == null ? void 0 : u.fieldRef;
+      fieldRef: k(() => {
+        var c;
+        return (c = s.value) == null ? void 0 : c.fieldRef;
       }),
       inputRef: i
-    }), (u, v) => (c(), E(b(Be), {
+    }), (c, v) => (u(), D(b(Be), {
       ref_key: "fieldRef",
       ref: s,
-      class: D(["q-text-field", e.class]),
+      class: C(["q-text-field", e.class]),
       for: b(l),
       label: e.label,
       size: e.size,
@@ -1316,14 +1316,14 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
       disabled: e.disabled,
       required: e.required
     }, we({
-      "label.prepend": k(() => [
-        h(u.$slots, "label.prepend")
+      "label.prepend": w(() => [
+        h(c.$slots, "label.prepend")
       ]),
-      "label.append": k(() => [
-        h(u.$slots, "label.append")
+      "label.append": w(() => [
+        h(c.$slots, "label.append")
       ]),
-      default: k(() => [
-        et(se("input", ce({
+      default: w(() => [
+        et(le("input", ce({
           "onUpdate:modelValue": v[0] || (v[0] = ($) => n.value = $),
           ref_key: "inputRef",
           ref: i,
@@ -1336,36 +1336,36 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
           readonly: e.readonly,
           disabled: e.disabled,
           maxlength: e.maxLength
-        }, u.$attrs), null, 16, io), [
+        }, c.$attrs), null, 16, io), [
           [tt, n.value]
         ])
       ]),
       _: 2
     }, [
-      u.$slots.prepend ? {
+      c.$slots.prepend ? {
         name: "prepend",
-        fn: k(() => [
-          h(u.$slots, "prepend")
+        fn: w(() => [
+          h(c.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
-      u.$slots.append ? {
+      c.$slots.append ? {
         name: "append",
-        fn: k(() => [
-          h(u.$slots, "append")
+        fn: w(() => [
+          h(c.$slots, "append")
         ]),
         key: "1"
       } : void 0,
-      u.$slots.extras ? {
+      c.$slots.extras ? {
         name: "extras",
-        fn: k(() => [
-          h(u.$slots, "extras")
+        fn: w(() => [
+          h(c.$slots, "extras")
         ]),
         key: "2"
       } : void 0
     ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
   }
-}), uo = V(ro), co = ["data-key"], fo = {
+}), uo = S(ro), co = ["data-key"], fo = {
   key: 0,
   class: "q-select__loader"
 }, po = {
@@ -1414,68 +1414,68 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
   }),
   emits: /* @__PURE__ */ X(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
   setup(t, { expose: o, emit: e }) {
-    const n = t, l = e, s = te(t, "modelValue"), i = te(t, "open"), a = te(t, "search"), u = B(void 0), v = B(null), $ = B(null), x = B(null), z = B(null);
+    const n = t, l = e, s = te(t, "modelValue"), i = te(t, "open"), a = te(t, "search"), c = V(void 0), v = V(null), $ = V(null), x = V(null), z = V(null);
     Ke(U);
-    const C = w(() => n.clearable && !n.readonly && !n.disabled), I = w(() => {
+    const T = k(() => n.clearable && !n.readonly && !n.disabled), I = k(() => {
       var r;
       return n.filterMode === "manual" || !M.value ? n.items : (r = n.items) == null ? void 0 : r.filter(
         (_) => _[n.itemLabel].toLowerCase().startsWith(a.value.toLowerCase())
       );
-    }), S = w(() => {
+    }), B = k(() => {
       var r;
       return (r = n.items) == null ? void 0 : r.find((_) => _[n.itemValue] === s.value);
-    }), K = w(() => S.value === void 0), Y = w(() => {
-      const r = u.value;
+    }), K = k(() => B.value === void 0), Y = k(() => {
+      const r = c.value;
       if (r !== void 0 && I.value[r])
         return I.value[r];
-    }), H = w(() => {
+    }), H = k(() => {
       var _;
-      if (u.value === void 0)
+      if (c.value === void 0)
         return;
-      const r = (_ = $.value) == null ? void 0 : _.getItem(u.value);
+      const r = (_ = $.value) == null ? void 0 : _.getItem(c.value);
       return r == null ? void 0 : r.id;
-    }), M = w(() => {
+    }), M = k(() => {
       var r;
-      return a.value.length > 0 && a.value !== ((r = S.value) == null ? void 0 : r[n.itemLabel]);
+      return a.value.length > 0 && a.value !== ((r = B.value) == null ? void 0 : r[n.itemLabel]);
     });
     function Z(r) {
       s.value = r, A();
     }
     function U() {
       var _;
-      const r = ((_ = S.value) == null ? void 0 : _[n.itemLabel]) || "";
+      const r = ((_ = B.value) == null ? void 0 : _[n.itemLabel]) || "";
       a.value !== r && (a.value = r);
     }
     function J() {
       i.value || n.readonly || n.disabled || (l("before-show"), i.value = !0, oe());
     }
     function A() {
-      i.value && (l("before-hide"), i.value = !1, u.value = void 0);
+      i.value && (l("before-hide"), i.value = !1, c.value = void 0);
     }
     function G() {
       i.value ? A() : g();
     }
     function f() {
-      C.value && (s.value = n.emptyValue, u.value = void 0, oe());
+      T.value && (s.value = n.emptyValue, c.value = void 0, oe());
     }
     function g() {
-      if (J(), S.value !== void 0) {
-        const r = I.value.indexOf(S.value);
+      if (J(), B.value !== void 0) {
+        const r = I.value.indexOf(B.value);
         r !== -1 && j(() => N(r));
       }
     }
     function d(r) {
-      var _, T;
+      var _, E;
       if (!(!r.key || n.readonly || n.disabled))
         if (["ArrowDown", "ArrowUp", "Home", "End"].includes(r.key) && (r.preventDefault(), r.stopPropagation()), r.key === "Escape")
           U(), i.value && A();
         else if (["ArrowDown", "ArrowUp"].includes(r.key))
           i.value ? j(() => {
-            if (u.value === void 0)
+            if (c.value === void 0)
               p();
             else {
               const O = r.key === "ArrowDown" ? "next" : "prev";
-              ee(u.value, O);
+              ee(c.value, O);
             }
           }) : (J(), j(() => {
             r.key === "ArrowDown" ? p() : F();
@@ -1485,35 +1485,35 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
             return;
           Z(Y.value[n.itemValue]);
         } else
-          r.key === "Home" ? u.value = (_ = $.value) == null ? void 0 : _.getFirstFocusableItemIndex() : r.key === "End" ? u.value = (T = $.value) == null ? void 0 : T.getLastFocusableItemIndex() : (/^[a-z]$/i.test(r.key) || r.key === "Backspace") && J();
+          r.key === "Home" ? c.value = (_ = $.value) == null ? void 0 : _.getFirstFocusableItemIndex() : r.key === "End" ? c.value = (E = $.value) == null ? void 0 : E.getLastFocusableItemIndex() : (/^[a-z]$/i.test(r.key) || r.key === "Backspace") && J();
     }
     function p() {
       var r, _;
       if (K.value)
-        u.value = (_ = $.value) == null ? void 0 : _.getFirstFocusableItemIndex();
+        c.value = (_ = $.value) == null ? void 0 : _.getFirstFocusableItemIndex();
       else {
-        const T = I.value.findIndex(
+        const E = I.value.findIndex(
           (O) => O[n.itemValue] === s.value
         );
-        T === -1 ? u.value = (r = $.value) == null ? void 0 : r.getFirstFocusableItemIndex() : u.value = T;
+        E === -1 ? c.value = (r = $.value) == null ? void 0 : r.getFirstFocusableItemIndex() : c.value = E;
       }
     }
     function F() {
       var r;
-      u.value = (r = $.value) == null ? void 0 : r.getLastFocusableItemIndex();
+      c.value = (r = $.value) == null ? void 0 : r.getLastFocusableItemIndex();
     }
     function ee(r, _) {
-      var T;
-      u.value = (T = $.value) == null ? void 0 : T.getAdjacentItemIndex(r, _);
+      var E;
+      c.value = (E = $.value) == null ? void 0 : E.getAdjacentItemIndex(r, _);
     }
     function P(r) {
-      var re, Ve, Ce, Te;
-      const _ = ((re = x == null ? void 0 : x.value) == null ? void 0 : re.$el) === r.relatedTarget, T = (Ce = (Ve = v == null ? void 0 : v.value) == null ? void 0 : Ve.$el) == null ? void 0 : Ce.contains(r.relatedTarget), O = (Te = z == null ? void 0 : z.value) == null ? void 0 : Te.contains(r.relatedTarget);
-      if (_ || O || T) {
+      var de, Ve, Ce, Te;
+      const _ = ((de = x == null ? void 0 : x.value) == null ? void 0 : de.$el) === r.relatedTarget, E = (Ce = (Ve = v == null ? void 0 : v.value) == null ? void 0 : Ve.$el) == null ? void 0 : Ce.contains(r.relatedTarget), O = (Te = z == null ? void 0 : z.value) == null ? void 0 : Te.contains(r.relatedTarget);
+      if (_ || O || E) {
         r.preventDefault(), r.stopPropagation();
         return;
       }
-      A(), C.value && !a.value && (s.value = n.emptyValue), U();
+      A(), T.value && !a.value && (s.value = n.emptyValue), U();
     }
     function oe() {
       var r, _;
@@ -1525,24 +1525,24 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
     function y() {
       l("show");
     }
-    function ie() {
+    function re() {
       l("hide");
     }
     function N(r) {
-      var T;
-      const _ = (T = $.value) == null ? void 0 : T.getItem(r);
+      var E;
+      const _ = (E = $.value) == null ? void 0 : E.getItem(r);
       $.value && ($.value.$el.scrollTop = _ == null ? void 0 : _.offsetTop);
     }
     return W(s, U), W(
       () => n.items,
       (r, _) => {
         if (!K.value) {
-          const T = _.find((O) => O[n.itemValue] === s.value);
-          a.value === (T == null ? void 0 : T[n.itemLabel]) && U();
+          const E = _.find((O) => O[n.itemValue] === s.value);
+          a.value === (E == null ? void 0 : E[n.itemLabel]) && U();
         }
       },
       { deep: !0 }
-    ), W(u, (r) => {
+    ), W(c, (r) => {
       r !== void 0 && N(r);
     }), W(a, (r) => {
       r && i.value && n.selectionMode === "automatic" && j(p);
@@ -1554,8 +1554,8 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
     ), o({
       triggerEl: v
     }), (r, _) => {
-      var T;
-      return c(), m(le, null, [
+      var E;
+      return u(), m(ae, null, [
         Q(b(uo), {
           modelValue: a.value,
           "onUpdate:modelValue": _[0] || (_[0] = (O) => a.value = O),
@@ -1566,7 +1566,7 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
           ref: v,
           role: "combobox",
           placeholder: n.placeholder,
-          class: D([
+          class: C([
             "q-combobox",
             {
               "q-combobox--readonly": n.readonly,
@@ -1588,15 +1588,15 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
           onFocusout: P,
           onKeydown: ue(d, ["stop"])
         }, we({
-          "label.prepend": k(() => [
+          "label.prepend": w(() => [
             h(r.$slots, "label.prepend")
           ]),
-          "label.append": k(() => [
+          "label.append": w(() => [
             h(r.$slots, "label.append")
           ]),
-          append: k(() => [
+          append: w(() => [
             h(r.$slots, "append"),
-            C.value && a.value ? (c(), E(b(he), {
+            T.value && a.value ? (u(), D(b(he), {
               key: 0,
               class: "q-combobox__clear",
               "b-style": "plain",
@@ -1604,12 +1604,12 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
               tabindex: "-1",
               onClick: f
             }, {
-              default: k(() => [
-                Q(b(ne), ae(fe(n.icons.clear)), null, 16)
+              default: w(() => [
+                Q(b(ne), se(fe(n.icons.clear)), null, 16)
               ]),
               _: 1
             })) : q("", !0),
-            n.readonly ? q("", !0) : (c(), E(b(he), {
+            n.readonly ? q("", !0) : (u(), D(b(he), {
               key: 1,
               ref_key: "toggleRef",
               ref: x,
@@ -1620,8 +1620,8 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
               disabled: n.disabled,
               onMousedown: ue(G, ["stop", "prevent"])
             }, {
-              default: k(() => [
-                Q(b(ne), ae(fe(n.icons.chevron)), null, 16)
+              default: w(() => [
+                Q(b(ne), se(fe(n.icons.chevron)), null, 16)
               ]),
               _: 1
             }, 8, ["disabled"]))
@@ -1630,14 +1630,14 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
         }, [
           r.$slots.prepend ? {
             name: "prepend",
-            fn: k(() => [
+            fn: w(() => [
               h(r.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
           r.$slots.extras ? {
             name: "extras",
-            fn: k(() => [
+            fn: w(() => [
               h(r.$slots, "extras")
             ]),
             key: "1"
@@ -1652,14 +1652,14 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
           placement: "bottom-start",
           width: "anchor",
           offset: 4,
-          anchor: (T = v.value) == null ? void 0 : T.$el,
+          anchor: (E = v.value) == null ? void 0 : E.$el,
           onEnter: y,
-          onLeave: ie
+          onLeave: re
         }, {
-          default: k(() => {
+          default: w(() => {
             var O;
             return [
-              se("div", {
+              le("div", {
                 ref_key: "contentRef",
                 ref: z,
                 class: "q-select__body",
@@ -1668,16 +1668,16 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
                 onFocusout: P
               }, [
                 h(r.$slots, "body.prepend"),
-                n.loading ? (c(), m("div", fo, [
+                n.loading ? (u(), m("div", fo, [
                   Q(b(Se), { size: 24 })
-                ])) : I.value.length ? (c(), E(b(Re), {
+                ])) : I.value.length ? (u(), D(b(Re), {
                   key: 1,
                   ref_key: "listRef",
                   ref: $,
                   class: "q-select__items",
                   modelValue: s.value,
                   "onUpdate:modelValue": [
-                    _[1] || (_[1] = (re) => s.value = re),
+                    _[1] || (_[1] = (de) => s.value = de),
                     Z
                   ],
                   highlighted: (O = Y.value) == null ? void 0 : O[n.itemValue],
@@ -1687,11 +1687,11 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
                   "item-value": n.itemValue,
                   onMouseup: ge
                 }, {
-                  item: k(({ item: re }) => [
-                    h(r.$slots, "item", { item: re })
+                  item: w(({ item: de }) => [
+                    h(r.$slots, "item", { item: de })
                   ]),
                   _: 3
-                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (c(), m("div", po, R(r.texts.noData), 1)),
+                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), m("div", po, R(r.texts.noData), 1)),
                 h(r.$slots, "body.append")
               ], 40, co)
             ];
@@ -1701,7 +1701,7 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
       ], 64);
     };
   }
-}), No = V(ho), yo = {
+}), Go = S(ho), yo = {
   key: 0,
   class: "q-input-group__prepend"
 }, bo = { key: 0 }, go = {
@@ -1724,24 +1724,24 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
       QField: {
         size: "block"
       }
-    }), (e, n) => (c(), E(b(Be), {
+    }), (e, n) => (u(), D(b(Be), {
       id: o.id,
-      class: D(["q-input-group", o.class]),
+      class: C(["q-input-group", o.class]),
       label: o.label,
       required: o.required,
       size: o.size
     }, we({
-      default: k(() => [
-        e.$slots.prepend || o.prependIcon ? (c(), m("div", yo, [
-          o.prependIcon ? (c(), m("span", bo, [
-            Q(b(ne), ae(fe(o.prependIcon)), null, 16)
+      default: w(() => [
+        e.$slots.prepend || o.prependIcon ? (u(), m("div", yo, [
+          o.prependIcon ? (u(), m("span", bo, [
+            Q(b(ne), se(fe(o.prependIcon)), null, 16)
           ])) : q("", !0),
           h(e.$slots, "prepend")
         ])) : q("", !0),
         h(e.$slots, "default"),
-        e.$slots.append || o.appendIcon ? (c(), m("div", go, [
-          o.appendIcon ? (c(), m("span", _o, [
-            Q(b(ne), ae(fe(o.appendIcon)), null, 16)
+        e.$slots.append || o.appendIcon ? (u(), m("div", go, [
+          o.appendIcon ? (u(), m("span", _o, [
+            Q(b(ne), se(fe(o.appendIcon)), null, 16)
           ])) : q("", !0),
           h(e.$slots, "append")
         ])) : q("", !0)
@@ -1750,25 +1750,25 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
     }, [
       e.$slots.extras ? {
         name: "extras",
-        fn: k(() => [
+        fn: w(() => [
           h(e.$slots, "extras")
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["id", "class", "label", "required", "size"]));
   }
-}), Ho = V(ko), wo = /* @__PURE__ */ L({
+}), Wo = S(ko), wo = /* @__PURE__ */ L({
   __name: "QLineLoader",
   props: {
     class: { default: void 0 }
   },
   setup(t) {
     const o = t;
-    return (e, n) => (c(), m("div", {
-      class: D(["q-line-loader", o.class])
+    return (e, n) => (u(), m("div", {
+      class: C(["q-line-loader", o.class])
     }, null, 2));
   }
-}), Ko = V(wo), $o = {
+}), jo = S(wo), $o = {
   key: 0,
   class: "q-popover__header"
 }, qo = {
@@ -1793,7 +1793,7 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
   emits: ["update:modelValue"],
   setup(t) {
     const o = t, e = te(t, "modelValue");
-    return (n, l) => (c(), E(b($e), {
+    return (n, l) => (u(), D(b($e), {
       "model-value": e.value,
       class: "q-popover",
       trigger: "click",
@@ -1803,23 +1803,23 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
       disabled: o.disabled,
       placement: o.placement
     }, {
-      default: k(() => [
-        o.title || n.$slots.header ? (c(), m("h3", $o, [
+      default: w(() => [
+        o.title || n.$slots.header ? (u(), m("h3", $o, [
           me(R(o.title) + " ", 1),
           h(n.$slots, "header")
         ])) : q("", !0),
-        o.text || n.$slots.body ? (c(), m("div", qo, [
-          o.html ? (c(), m("span", {
+        o.text || n.$slots.body ? (u(), m("div", qo, [
+          o.html ? (u(), m("span", {
             key: 0,
             innerHTML: o.text
-          }, null, 8, Io)) : (c(), m("span", xo, R(o.text), 1)),
+          }, null, 8, Io)) : (u(), m("span", xo, R(o.text), 1)),
           h(n.$slots, "body")
         ])) : q("", !0)
       ]),
       _: 3
     }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement"]));
   }
-}), Go = V(Lo), So = {
+}), Ro = S(Lo), So = {
   key: 0,
   class: "q-select__value"
 }, Bo = {
@@ -1864,21 +1864,21 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
   }),
   emits: /* @__PURE__ */ X(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
   setup(t, { emit: o }) {
-    const e = t, n = o, l = te(t, "modelValue"), s = B(!1), i = B(""), a = B(null), u = B(null), v = B(null), $ = w(() => x.value === void 0), x = w(
+    const e = t, n = o, l = te(t, "modelValue"), s = V(!1), i = V(""), a = V(null), c = V(null), v = V(null), $ = k(() => x.value === void 0), x = k(
       () => {
         var d;
         return (d = e.items) == null ? void 0 : d.find((p) => p[e.itemValue] === l.value);
       }
-    ), z = w(
+    ), z = k(
       () => x.value ? x.value[e.itemLabel] : ""
-    ), C = w(
+    ), T = k(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
     function I(d) {
       l.value = d, H();
     }
-    function S() {
-      C.value && I(e.emptyValue);
+    function B() {
+      T.value && I(e.emptyValue);
     }
     function K(d) {
       var p, F, ee;
@@ -1896,7 +1896,7 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
     let Z;
     function U(d) {
       if (!(!d.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(Z), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(d.key) && (d.preventDefault(), d.stopPropagation()), ["Enter", " "].includes(d.key) && (s.value = !0), ["Escape", "Tab"].includes(d.key) && (s.value ? s.value = !1 : C.value && d.key === "Escape" && S()), d.key === "Delete" && e.clearable && S(), /^[a-z]$/i.test(d.key)) {
+        if (window.clearTimeout(Z), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(d.key) && (d.preventDefault(), d.stopPropagation()), ["Enter", " "].includes(d.key) && (s.value = !0), ["Escape", "Tab"].includes(d.key) && (s.value ? s.value = !1 : T.value && d.key === "Escape" && B()), d.key === "Delete" && e.clearable && B(), /^[a-z]$/i.test(d.key)) {
           i.value += d.key.toLowerCase();
           for (let p = 0; p < e.items.length; p++)
             if (e.items[p][e.itemLabel].toLowerCase().startsWith(i.value)) {
@@ -1922,11 +1922,11 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
     }
     function f() {
       var d;
-      (d = u.value) == null || d.$el.focus();
+      (d = c.value) == null || d.$el.focus();
     }
     function g(d) {
       var p;
-      (p = u.value) == null || p.focusItem(d);
+      (p = c.value) == null || p.focusItem(d);
     }
     return W(
       () => e.loading,
@@ -1935,7 +1935,7 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
       }
     ), (d, p) => {
       var F, ee;
-      return c(), m(le, null, [
+      return u(), m(ae, null, [
         Q(b(Be), {
           id: e.id,
           label: e.label,
@@ -1944,7 +1944,7 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
           ref: a,
           role: "combobox",
           tabindex: e.disabled ? -1 : 0,
-          class: D([
+          class: C([
             "q-select",
             {
               "q-select--readonly": e.readonly,
@@ -1962,22 +1962,22 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
           onClick: M,
           onKeydown: ue(U, ["stop"])
         }, we({
-          append: k(() => [
+          append: w(() => [
             h(d.$slots, "append"),
-            C.value && l.value ? (c(), E(b(he), {
+            T.value && l.value ? (u(), D(b(he), {
               key: 0,
               class: "q-select__clear",
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
-              onClick: S
+              onClick: B
             }, {
-              default: k(() => [
-                Q(b(ne), ae(fe(e.icons.clear)), null, 16)
+              default: w(() => [
+                Q(b(ne), se(fe(e.icons.clear)), null, 16)
               ]),
               _: 1
             })) : q("", !0),
-            e.readonly ? q("", !0) : (c(), E(b(he), {
+            e.readonly ? q("", !0) : (u(), D(b(he), {
               key: 1,
               class: "q-select__chevron",
               "b-style": "plain",
@@ -1986,35 +1986,35 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
               disabled: e.disabled,
               onClick: M
             }, {
-              default: k(() => [
-                Q(b(ne), ae(fe(e.icons.chevron)), null, 16)
+              default: w(() => [
+                Q(b(ne), se(fe(e.icons.chevron)), null, 16)
               ]),
               _: 1
             }, 8, ["disabled"]))
           ]),
-          default: k(() => [
-            $.value ? (c(), m("span", Bo, [
-              !e.readonly && !e.disabled ? (c(), m(le, { key: 0 }, [
+          default: w(() => [
+            $.value ? (u(), m("span", Bo, [
+              !e.readonly && !e.disabled ? (u(), m(ae, { key: 0 }, [
                 me(R(d.texts.placeholder), 1)
               ], 64)) : q("", !0)
-            ])) : (c(), m("span", So, R(z.value), 1))
+            ])) : (u(), m("span", So, R(z.value), 1))
           ]),
           _: 2
         }, [
           (F = x.value) != null && F.icon || d.$slots.prepend ? {
             name: "prepend",
-            fn: k(() => {
+            fn: w(() => {
               var P, oe;
               return [
                 h(d.$slots, "prepend"),
-                (P = x.value) != null && P.icon ? (c(), E(b(ne), ae(ce({ key: 0 }, (oe = x.value) == null ? void 0 : oe.icon)), null, 16)) : q("", !0)
+                (P = x.value) != null && P.icon ? (u(), D(b(ne), se(ce({ key: 0 }, (oe = x.value) == null ? void 0 : oe.icon)), null, 16)) : q("", !0)
               ];
             }),
             key: "0"
           } : void 0,
           d.$slots.extras ? {
             name: "extras",
-            fn: k(() => [
+            fn: w(() => [
               h(d.$slots, "extras")
             ]),
             key: "1"
@@ -2033,8 +2033,8 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
           onEnter: J,
           onLeave: A
         }, {
-          default: k(() => [
-            se("div", {
+          default: w(() => [
+            le("div", {
               ref_key: "contentRef",
               ref: v,
               "data-testid": "combobox-dropdown",
@@ -2045,12 +2045,12 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
               onKeydown: ue(U, ["stop"])
             }, [
               h(d.$slots, "body.prepend"),
-              e.loading ? (c(), m("div", Co, [
+              e.loading ? (u(), m("div", Co, [
                 Q(b(Se), { size: 24 })
-              ])) : (c(), E(b(Re), {
+              ])) : (u(), D(b(Re), {
                 key: 1,
                 ref_key: "listRef",
-                ref: u,
+                ref: c,
                 class: "q-select__items",
                 modelValue: l.value,
                 "onUpdate:modelValue": [
@@ -2062,7 +2062,7 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue
               }, {
-                item: k(({ item: P }) => [
+                item: w(({ item: P }) => [
                   h(d.$slots, "item", { item: P })
                 ]),
                 _: 3
@@ -2075,20 +2075,42 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
       ], 64);
     };
   }
-}), Wo = V(Do), Ao = /* @__PURE__ */ L({
+}), Xo = S(Do), Ao = /* @__PURE__ */ le("div", { class: "q-skeleton-loader__bone" }, null, -1), zo = [
+  Ao
+], Qo = /* @__PURE__ */ L({
+  __name: "QSkeletonLoader",
+  props: {
+    type: { default: void 0 },
+    width: { default: void 0 },
+    height: { default: void 0 }
+  },
+  setup(t) {
+    const o = t, e = k(() => o.type ? `q-skeleton-loader--${o.type}` : void 0), n = k(() => {
+      const l = typeof o.width == "number" ? `${o.width}px` : o.width, s = typeof o.height == "number" ? `${o.height}px` : o.height;
+      return {
+        width: l,
+        height: s
+      };
+    });
+    return (l, s) => (u(), m("div", {
+      class: C(["q-skeleton-loader", e.value]),
+      style: ie(n.value)
+    }, zo, 6));
+  }
+}), Yo = S(Qo), Mo = /* @__PURE__ */ L({
   __name: "QThemeProvider",
   props: {
     theme: {}
   },
   setup(t) {
     const o = t;
-    return (e, n) => (c(), m("div", {
-      class: D(["q-theme-provider", `q-theme--${o.theme}`])
+    return (e, n) => (u(), m("div", {
+      class: C(["q-theme-provider", `q-theme--${o.theme}`])
     }, [
       h(e.$slots, "default")
     ], 2));
   }
-}), jo = V(Ao), zo = ["innerHTML"], Qo = { key: 1 }, Mo = /* @__PURE__ */ L({
+}), Zo = S(Mo), Fo = ["innerHTML"], Oo = { key: 1 }, Uo = /* @__PURE__ */ L({
   __name: "QTooltip",
   props: /* @__PURE__ */ X({
     id: { default: void 0 },
@@ -2110,7 +2132,7 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
   emits: ["update:modelValue"],
   setup(t) {
     const o = t, e = te(t, "modelValue"), n = ye(o.id);
-    return (l, s) => (c(), m(le, null, [
+    return (l, s) => (u(), m(ae, null, [
       h(l.$slots, "anchor", {
         props: { "aria-describedby": b(n) }
       }),
@@ -2123,49 +2145,50 @@ const Zt = ["role"], Jt = /* @__PURE__ */ L({
         appearance: o.appearance,
         arrow: o.arrow,
         attach: o.attach,
-        class: D(["q-tooltip", o.class]),
+        class: C(["q-tooltip", o.class]),
         delay: o.delay,
         disabled: o.disabled,
         placement: o.placement,
         trigger: o.trigger
       }, {
-        default: k(() => [
-          o.html ? (c(), m("span", {
+        default: w(() => [
+          o.html ? (u(), m("span", {
             key: 0,
             innerHTML: o.text
-          }, null, 8, zo)) : (c(), m("span", Qo, R(o.text), 1))
+          }, null, 8, Fo)) : (u(), m("span", Oo, R(o.text), 1))
         ]),
         _: 1
       }, 8, ["model-value", "anchor", "id", "appearance", "arrow", "attach", "class", "delay", "disabled", "placement", "trigger"])
     ], 64));
   }
-}), Ro = V(Mo);
+}), Jo = S(Uo);
 export {
   he as QButton,
   bt as QButtonGroup,
-  Po as QButtonToggle,
-  No as QCombobox,
+  Ko as QButtonToggle,
+  Go as QCombobox,
   Be as QField,
   ne as QIcon,
   St as QIconFont,
   Bt as QIconImg,
   Vt as QIconSvg,
-  Ho as QInputGroup,
-  Ko as QLineLoader,
+  Wo as QInputGroup,
+  jo as QLineLoader,
   Re as QList,
   Ot as QListItem,
   Ut as QListItemGroup,
   $e as QOverlay,
-  Go as QPopover,
-  Wo as QSelect,
+  Ro as QPopover,
+  Xo as QSelect,
+  Yo as QSkeletonLoader,
   Se as QSpinnerLoader,
   uo as QTextField,
-  jo as QThemeProvider,
-  Ro as QTooltip,
-  Uo as createFramework,
+  Zo as QThemeProvider,
+  Jo as QTooltip,
+  Ho as createFramework,
   lt as defaultDarkColorScheme,
   Qe as defaultLightColorScheme,
-  Oo as provideTheme,
+  No as provideTheme,
   nt as useTheme
 };
 //# sourceMappingURL=ui.esm.js.map