@quidgest/ui 0.8.7 → 0.8.9

package/dist/ui.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance as Be, computed as _, ref as q, provide as Ve, inject as Ee, watch as A, defineComponent as L, openBlock as c, createElementBlock as v, normalizeClass as E, normalizeStyle as ce, createElementVNode as Y, withModifiers as ie, createVNode as z, unref as b, createCommentVNode as I, Fragment as ee, createTextVNode as re, toDisplayString as G, renderSlot as h, toRef as we, createBlock as V, withCtx as g, renderList as me, resolveDynamicComponent as De, h as $e, normalizeProps as te, mergeProps as ne, reactive as Ne, onBeforeUnmount as Me, onMounted as Te, nextTick as X, Teleport as He, Transition as Ke, withKeys as Ge, createSlots as he, withDirectives as We, vModelDynamic as je, guardReactiveProps as oe } from "vue";
+import { getCurrentInstance as Be, computed as _, ref as q, provide as Ve, inject as Ee, watch as Q, defineComponent as L, openBlock as c, createElementBlock as v, normalizeClass as E, normalizeStyle as ce, createElementVNode as Y, withModifiers as ie, createVNode as C, unref as b, createCommentVNode as I, Fragment as ee, createTextVNode as re, toDisplayString as G, renderSlot as h, toRef as we, createBlock as V, withCtx as g, renderList as me, resolveDynamicComponent as Te, h as $e, normalizeProps as te, mergeProps as oe, reactive as Ne, onBeforeUnmount as Me, onMounted as De, nextTick as X, Teleport as He, Transition as Ke, withKeys as Ge, createSlots as he, withDirectives as We, vModelDynamic as je, guardReactiveProps as ae } from "vue";
 function ve(t) {
   return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
 }
@@ -31,16 +31,16 @@ function Pe() {
   const l = t.type.name ?? t.type.__name;
   if (!l)
     throw new Error("[Quidgest UI] Could not determine component name");
-  const o = ze(), e = (d = o.value) == null ? void 0 : d.Global, n = (s = o.value) == null ? void 0 : s[l];
+  const o = Ce(), e = (d = o.value) == null ? void 0 : d.Global, n = (s = o.value) == null ? void 0 : s[l];
   return _(() => be(e, n));
 }
-function Ce(t) {
+function ze(t) {
   if (ve(t))
     return;
-  const l = ze(), o = q(t), e = _(() => ve(o.value) ? l.value : be(l.value, o.value));
+  const l = Ce(), o = q(t), e = _(() => ve(o.value) ? l.value : be(l.value, o.value));
   Ve(ye, e);
 }
-function ze() {
+function Ce() {
   const t = Ee(ye, void 0);
   if (!t)
     throw new Error("[Quidgest UI] Could not find defaults instance");
@@ -61,11 +61,11 @@ function Il(t) {
   return Ve(de, o), o;
 }
 const Ie = {
-  primary: "#007dbe",
+  primary: "#008ad2",
   primaryLight: "#cde5ff",
   primaryDark: "#006398",
   secondary: "#001d31",
-  highlight: "#be4300",
+  highlight: "#ff8241",
   info: "#17a2b8",
   infoLight: "#bceff7",
   infoDark: "#11798a",
@@ -76,14 +76,14 @@ const Ie = {
   warningLight: "#ffeabf",
   warningDark: "#bf7f00",
   danger: "#b71c1c",
-  dangerLight: "#f5bebe",
+  dangerLight: "#f7cccc",
   dangerDark: "#891515",
   background: "#fff",
   container: "#fff",
-  neutral: "#72787e",
-  neutralLight: "#c2c7ce",
-  neutralDark: "#2b3137",
-  onBackground: "#1e2436",
+  neutral: "#7c858d",
+  neutralLight: "#c4c5ca",
+  neutralDark: "#40474f",
+  onBackground: "#202428",
   onPrimary: "#fff",
   onSecondary: "#fff",
   onHighlight: "#fff",
@@ -92,28 +92,28 @@ const Ie = {
   onDanger: "#fff",
   onInfo: "#fff"
 }, Ye = {
-  primary: "#018BD2",
-  primaryLight: "#cce7f6",
-  primaryDark: "#006fac",
-  secondary: "#11294d",
-  highlight: "#FFAD54",
-  info: "#3DB6D1",
-  infoLight: "#5aa2bc",
-  infoDark: "#0c616a",
-  success: "#00C781",
-  successLight: "#6bae78",
-  successDark: "#0f3b16",
-  warning: "#FFD860",
-  warningLight: "#ffd07a",
-  warningDark: "#cc8000",
-  danger: "#FC4B6C",
-  dangerLight: "#FF7A88",
-  dangerDark: "#B21929",
-  background: "#1e2436",
-  container: "#21323d",
-  neutral: "#dee3eb",
-  neutralLight: "#2b3137",
-  neutralDark: "#ecf1f9",
+  primary: "#009ff5",
+  primaryLight: "#ade2ff",
+  primaryDark: "#164965",
+  secondary: "#003552",
+  highlight: "#f65600",
+  info: "#25cbe4",
+  infoLight: "#bceff7",
+  infoDark: "#225964",
+  success: "#3acf5d",
+  successLight: "#c2f0cd",
+  successDark: "#275738",
+  warning: "#ffa900",
+  warningLight: "#ffeabf",
+  warningDark: "#5a471e",
+  danger: "#de2b2b",
+  dangerLight: "#f7cccc",
+  dangerDark: "#4d2528",
+  background: "#202428",
+  container: "#202428",
+  neutral: "#9299a0",
+  neutralLight: "#dee1e3",
+  neutralDark: "#41464a",
   onBackground: "#fff",
   onPrimary: "#fff",
   onSecondary: "#fff",
@@ -133,7 +133,7 @@ function Je(t) {
   const l = parseInt(t.slice(1, 3), 16), o = parseInt(t.slice(3, 5), 16), e = parseInt(t.slice(5, 7), 16);
   return { r: l, g: o, b: e };
 }
-function Ae(t) {
+function Qe(t) {
   return t.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([0-9])([A-Za-z])/g, "$1-$2").replace(/([A-Za-z])([0-9])/g, "$1-$2").toLowerCase();
 }
 function et() {
@@ -166,7 +166,7 @@ function tt(t) {
   o.textContent = l;
 }
 function Le(t) {
-  return t ? `--q-theme-${Ae(t)}` : "";
+  return t ? `--q-theme-${Qe(t)}` : "";
 }
 function Ll(t = {}) {
   return { install: (o) => {
@@ -200,7 +200,7 @@ function lt(t, l) {
       activeTheme: q(e),
       themes: o
     };
-    tt(o), A(n.activeTheme, nt, { immediate: !0 }), t.provide(de, n);
+    tt(o), Q(n.activeTheme, nt, { immediate: !0 }), t.provide(de, n);
   }
 }
 function nt(t) {
@@ -238,7 +238,7 @@ const ot = /* @__PURE__ */ Y("svg", { viewBox: "25 25 50 50" }, [
 });
 function it(t, l) {
   var e;
-  const o = Ae(l);
+  const o = Qe(l);
   return o ? typeof ((e = t.props) == null ? void 0 : e[o]) < "u" : !1;
 }
 function x(t) {
@@ -307,7 +307,7 @@ const ge = x(st), rt = ["disabled"], dt = {
       onClick: ie(d, ["stop", "prevent"])
     }, [
       u.loading ? (c(), v("div", dt, [
-        z(b(ge), { size: 20 })
+        C(b(ge), { size: 20 })
       ])) : I("", !0),
       Y("span", ut, [
         u.iconOnRight ? (c(), v(ee, { key: 0 }, [
@@ -330,7 +330,7 @@ const ge = x(st), rt = ["disabled"], dt = {
   },
   setup(t) {
     const l = t;
-    return Ce({
+    return ze({
       QButton: {
         bStyle: "secondary",
         disabled: we(l, "disabled"),
@@ -363,7 +363,7 @@ const ge = x(st), rt = ["disabled"], dt = {
   emits: ["update:modelValue"],
   setup(t, { emit: l }) {
     const o = l, e = t, n = q(e.modelValue);
-    A(
+    Q(
       () => e.modelValue,
       (u) => n.value = u
     );
@@ -423,7 +423,7 @@ const ge = x(st), rt = ["disabled"], dt = {
           return;
       }
     });
-    return (e, n) => (c(), V(De(o.value), {
+    return (e, n) => (c(), V(Te(o.value), {
       class: E(l.class),
       icon: l.icon,
       size: l.size
@@ -648,35 +648,35 @@ const wt = /* @__PURE__ */ L({
     function f() {
       s.value = !0;
     }
-    function C() {
+    function z() {
       s.value = !1;
     }
-    function D(i) {
+    function T(i) {
       var $;
       if (($ = y.value) != null && $.contains(i.relatedTarget))
         return;
       let a;
-      d.value ? a = n.items.findIndex((T) => T[n.itemValue] === d.value) : a = W();
+      d.value ? a = n.items.findIndex((D) => D[n.itemValue] === d.value) : a = W();
       const m = s.value;
       F(a, m);
     }
     function B(i) {
       switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(i.key) && i.preventDefault(), i.key) {
         case "ArrowDown":
-          Q("next");
+          A("next");
           break;
         case "ArrowUp":
-          Q("prev");
+          A("prev");
           break;
         case "Home":
-          Q("first");
+          A("first");
           break;
         case "End":
-          Q("last");
+          A("last");
           break;
       }
     }
-    function Q(i) {
+    function A(i) {
       switch (i) {
         case "next":
         case "prev":
@@ -738,7 +738,7 @@ const wt = /* @__PURE__ */ L({
     function j(i) {
       return i ? n.items.filter((a) => a.group === i) : n.items;
     }
-    return A(
+    return Q(
       () => n.modelValue,
       (i) => {
         d.value = i;
@@ -749,25 +749,25 @@ const wt = /* @__PURE__ */ L({
       getAdjacentItemIndex: Z,
       getFirstFocusableItemIndex: W,
       getLastFocusableItemIndex: U
-    }), (i, a) => (c(), V(De(u.value), {
+    }), (i, a) => (c(), V(Te(u.value), {
       ref_key: "listRef",
       ref: y,
       class: E(["q-list", { "q-list--disabled": n.disabled }, n.class]),
       role: "listbox",
       tabindex: n.disabled ? -1 : 0,
-      onFocus: D,
+      onFocus: T,
       onMousedown: f,
-      onMouseup: C,
+      onMouseup: z,
       onKeydown: B
     }, {
       default: g(() => [
-        (c(!0), v(ee, null, me(p.value, (m) => (c(), V(b(At), {
+        (c(!0), v(ee, null, me(p.value, (m) => (c(), V(b(Qt), {
           key: m.id,
           title: p.value.length === 1 ? void 0 : m.title,
           disabled: m.disabled
         }, {
           default: g(() => [
-            (c(!0), v(ee, null, me(j(m.id), ($) => (c(), V(b(zt), {
+            (c(!0), v(ee, null, me(j(m.id), ($) => (c(), V(b(Ct), {
               key: $[n.itemValue],
               value: $[n.itemValue],
               label: $[n.itemLabel],
@@ -836,15 +836,15 @@ const xt = ["id", "tabindex", "aria-label", "aria-selected"], Bt = { class: "q-l
       onClick: ie(d, ["stop", "prevent"])
     }, [
       h(u.$slots, "default", {}, () => [
-        e.icon ? (c(), V(b(J), te(ne({ key: 0 }, e.icon)), null, 16)) : I("", !0),
+        e.icon ? (c(), V(b(J), te(oe({ key: 0 }, e.icon)), null, 16)) : I("", !0),
         re(" " + G(e.label), 1)
       ]),
       Y("div", Bt, [
-        e.selected ? (c(), V(b(J), ne({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : I("", !0)
+        e.selected ? (c(), V(b(J), oe({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : I("", !0)
       ])
     ], 42, xt));
   }
-}), Dt = ["aria-labelledby"], Tt = ["id"], Ct = /* @__PURE__ */ L({
+}), Tt = ["aria-labelledby"], Dt = ["id"], zt = /* @__PURE__ */ L({
   __name: "QListItemGroup",
   props: {
     title: { default: "" },
@@ -862,12 +862,12 @@ const xt = ["id", "tabindex", "aria-label", "aria-selected"], Bt = { class: "q-l
         id: b(o),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, G(l.title), 9, Tt)) : I("", !0),
+      }, G(l.title), 9, Dt)) : I("", !0),
       h(e.$slots, "default")
-    ], 8, Dt));
+    ], 8, Tt));
   }
-}), Qe = x(Lt), zt = x(Et), At = x(Ct);
-function Qt(t, l, o = "right", e) {
+}), Ae = x(Lt), Ct = x(Et), Qt = x(zt);
+function At(t, l, o = "right", e) {
   const n = t.getBoundingClientRect(), d = n.x + window.scrollX, s = n.y + window.scrollY, u = l == null ? void 0 : l.getBoundingClientRect(), p = (u == null ? void 0 : u.width) ?? 0, y = (u == null ? void 0 : u.height) ?? 0;
   let w = o;
   u && !Fe(n, u, w) && (w = Ft(n, u, w));
@@ -924,7 +924,7 @@ function Ft(t, l, o) {
       return n;
   return o;
 }
-function le(t) {
+function ne(t) {
   return typeof t == "string" ? document.querySelector(t) : t && "$el" in t ? t.$el : t;
 }
 const Rt = ["role"], Ot = {
@@ -967,10 +967,10 @@ const Rt = ["role"], Ot = {
       width: 0,
       placement: e.placement
     });
-    A(
+    Q(
       () => e.modelValue,
       () => s.visible = e.modelValue
-    ), A(
+    ), Q(
       () => s.visible,
       () => s.animating = !0
     );
@@ -998,9 +998,9 @@ const Rt = ["role"], Ot = {
     }), p = q(null);
     function y() {
       if (e.anchor) {
-        const i = le(e.anchor);
+        const i = ne(e.anchor);
         if (i) {
-          const a = Qt(
+          const a = At(
             i,
             p.value,
             e.placement,
@@ -1010,15 +1010,15 @@ const Rt = ["role"], Ot = {
         }
       }
     }
-    A([() => s.visible, () => e.placement], y);
+    Q([() => s.visible, () => e.placement], y);
     let w;
     function f() {
-      D(0);
+      T(0);
     }
-    function C() {
-      D(e.delay);
+    function z() {
+      T(e.delay);
     }
-    function D(i) {
+    function T(i) {
       w || (w = window.setTimeout(() => {
         s.visible = !0, X(() => {
           var a;
@@ -1029,31 +1029,31 @@ const Rt = ["role"], Ot = {
     function B() {
       clearTimeout(w), w = void 0, s.visible = !1, X(() => {
         if (e.anchor && e.trigger === "click") {
-          const i = le(e.anchor);
+          const i = ne(e.anchor);
           i == null || i.focus();
         }
       });
     }
-    let Q;
+    let A;
     function F() {
       o("enter");
     }
     function R() {
-      window.clearTimeout(Q), Q = window.setTimeout(() => s.animating = !1, 200), o("leave");
+      window.clearTimeout(A), A = window.setTimeout(() => s.animating = !1, 200), o("leave");
     }
     let O;
     function M() {
       X(() => {
         if (!e.anchor)
           return;
-        const i = le(e.anchor);
+        const i = ne(e.anchor);
         if (i)
           switch (e.trigger) {
             case "click":
               i.addEventListener("click", f);
               break;
             case "hover":
-              i.addEventListener("mouseenter", C), i.addEventListener("mouseleave", B), i.addEventListener("focusin", f), i.addEventListener("focusout", B);
+              i.addEventListener("mouseenter", z), i.addEventListener("mouseleave", B), i.addEventListener("focusin", f), i.addEventListener("focusout", B);
               break;
           }
       });
@@ -1062,7 +1062,7 @@ const Rt = ["role"], Ot = {
       X(() => {
         if (!e.anchor)
           return;
-        const i = le(e.anchor);
+        const i = ne(e.anchor);
         i && (window.addEventListener("resize", y), O = new MutationObserver(y), O.observe(i, {
           attributes: !1,
           childList: !0,
@@ -1074,14 +1074,14 @@ const Rt = ["role"], Ot = {
     function U() {
       if (!e.anchor)
         return;
-      const i = le(e.anchor);
+      const i = ne(e.anchor);
       if (i)
         switch (e.trigger) {
           case "click":
             i.removeEventListener("click", f);
             break;
           case "hover":
-            i.removeEventListener("mouseenter", C), i.removeEventListener("mouseleave", B), i.removeEventListener("focusin", f), i.removeEventListener("focusout", B);
+            i.removeEventListener("mouseenter", z), i.removeEventListener("mouseleave", B), i.removeEventListener("focusin", f), i.removeEventListener("focusout", B);
             break;
         }
     }
@@ -1092,7 +1092,7 @@ const Rt = ["role"], Ot = {
     function Z() {
       if (!e.anchor)
         return;
-      le(e.anchor) ? (y(), N = window.setTimeout(Z, 100)) : B();
+      ne(e.anchor) ? (y(), N = window.setTimeout(Z, 100)) : B();
     }
     function K() {
       W(), e.spy && Z(), e.anchor && document.addEventListener("scroll", B);
@@ -1102,11 +1102,11 @@ const Rt = ["role"], Ot = {
     }
     return Me(() => {
       U(), j();
-    }), Te(() => {
+    }), De(() => {
       X(() => {
         M(), y();
       });
-    }), A(
+    }), Q(
       () => s.visible,
       (i) => {
         i ? K() : j(), o("update:modelValue", i);
@@ -1123,7 +1123,7 @@ const Rt = ["role"], Ot = {
           { "q-overlay__underlay--blur": e.backdropBlur }
         ])
       }, null, 2)) : I("", !0),
-      z(Ke, {
+      C(Ke, {
         name: e.transition,
         appear: "",
         onEnter: F,
@@ -1135,7 +1135,7 @@ const Rt = ["role"], Ot = {
             class: E(n.value),
             style: ce(u.value)
           }, [
-            Y("div", ne({
+            Y("div", oe({
               class: "q-overlay__content",
               ref_key: "overlayRef",
               ref: p,
@@ -1204,7 +1204,7 @@ const Rt = ["role"], Ot = {
         h(s.$slots, "label.append")
       ])) : I("", !0),
       h(s.$slots, "control", {}, () => [
-        Y("div", ne({
+        Y("div", oe({
           class: "q-field__control",
           ref_key: "fieldRef",
           ref: n
@@ -1252,7 +1252,7 @@ const Rt = ["role"], Ot = {
     }), w = _(
       () => n.readonly || n.disabled ? "" : n.placeholder
     );
-    return A(
+    return Q(
       () => n.modelValue,
       (f) => s.value = f
     ), l({
@@ -1261,7 +1261,7 @@ const Rt = ["role"], Ot = {
         return (f = u.value) == null ? void 0 : f.fieldRef;
       }),
       inputRef: p
-    }), (f, C) => (c(), V(b(_e), {
+    }), (f, z) => (c(), V(b(_e), {
       ref_key: "fieldRef",
       ref: u,
       class: E(["q-text-field", n.class]),
@@ -1279,8 +1279,8 @@ const Rt = ["role"], Ot = {
         h(f.$slots, "label.append")
       ]),
       default: g(() => [
-        We(Y("input", ne({
-          "onUpdate:modelValue": C[0] || (C[0] = (D) => y.value = D),
+        We(Y("input", oe({
+          "onUpdate:modelValue": z[0] || (z[0] = (T) => y.value = T),
           ref_key: "inputRef",
           ref: p,
           id: b(d),
@@ -1363,8 +1363,8 @@ const Rt = ["role"], Ot = {
   emits: ["update:modelValue", "update:inputValue", "before-show", "before-hide", "show", "hide"],
   setup(t, { expose: l, emit: o }) {
     const e = o, n = t, d = q(n.modelValue), s = q(!1), u = q(""), p = q(void 0), y = q(null), w = q(null), f = q(null);
-    Te(U);
-    const C = _(() => n.clearable && !n.readonly && !n.disabled), D = _(() => {
+    De(U);
+    const z = _(() => n.clearable && !n.readonly && !n.disabled), T = _(() => {
       var r;
       return n.filterMode === "manual" || !O.value ? n.items : (r = n.items) == null ? void 0 : r.filter(
         (k) => k[n.itemLabel].toLowerCase().startsWith(u.value.toLowerCase())
@@ -1372,10 +1372,10 @@ const Rt = ["role"], Ot = {
     }), B = _(() => {
       var r;
       return (r = n.items) == null ? void 0 : r.find((k) => k[n.itemValue] === d.value);
-    }), Q = _(() => B.value === void 0), F = _(() => {
+    }), A = _(() => B.value === void 0), F = _(() => {
       const r = p.value;
-      if (r !== void 0 && D.value[r])
-        return D.value[r];
+      if (r !== void 0 && T.value[r])
+        return T.value[r];
     }), R = _(() => {
       var k;
       if (p.value === void 0)
@@ -1397,7 +1397,7 @@ const Rt = ["role"], Ot = {
       u.value = ((r = B.value) == null ? void 0 : r[n.itemLabel]) || "";
     }
     function H() {
-      s.value || n.readonly || n.disabled || (e("before-show"), s.value = !0, ae());
+      s.value || n.readonly || n.disabled || (e("before-show"), s.value = !0, le());
     }
     function N() {
       s.value && (e("before-hide"), s.value = !1, p.value = void 0);
@@ -1406,11 +1406,11 @@ const Rt = ["role"], Ot = {
       s.value ? N() : j();
     }
     function K() {
-      C.value && (M(n.emptyValue), p.value = void 0);
+      z.value && (M(n.emptyValue), p.value = void 0, le());
     }
     function j() {
       if (H(), B.value !== void 0) {
-        const r = D.value.indexOf(B.value);
+        const r = T.value.indexOf(B.value);
         r !== -1 && X(() => ke(r));
       }
     }
@@ -1418,7 +1418,7 @@ const Rt = ["role"], Ot = {
       var k, S;
       if (!(!r.key || n.readonly || n.disabled))
         if (["ArrowDown", "ArrowUp", "Home", "End"].includes(r.key) && (r.preventDefault(), r.stopPropagation()), r.key === "Escape")
-          s.value ? N() : C.value && K();
+          s.value ? N() : z.value && K();
         else if (["ArrowDown", "ArrowUp"].includes(r.key))
           s.value ? X(() => {
             if (p.value === void 0)
@@ -1439,10 +1439,10 @@ const Rt = ["role"], Ot = {
     }
     function a() {
       var r, k;
-      if (Q.value)
+      if (A.value)
         p.value = (k = w.value) == null ? void 0 : k.getFirstFocusableItemIndex();
       else {
-        const S = D.value.findIndex(
+        const S = T.value.findIndex(
           (P) => P[n.itemValue] === d.value
         );
         S === -1 ? p.value = (r = w.value) == null ? void 0 : r.getFirstFocusableItemIndex() : p.value = S;
@@ -1456,16 +1456,16 @@ const Rt = ["role"], Ot = {
       var S;
       p.value = (S = w.value) == null ? void 0 : S.getAdjacentItemIndex(r, k);
     }
-    function T(r) {
+    function D(r) {
       var k, S, P;
       !((k = f.value) != null && k.contains(r.relatedTarget)) && !((P = (S = y.value) == null ? void 0 : S.fieldRef) != null && P.contains(r.relatedTarget)) ? (N(), U()) : (r.preventDefault(), r.stopPropagation());
     }
-    function ae() {
+    function le() {
       var r, k;
       (k = (r = y.value) == null ? void 0 : r.inputRef) == null || k.focus();
     }
     function Re() {
-      ae();
+      le();
     }
     function Oe() {
       e("show");
@@ -1478,19 +1478,19 @@ const Rt = ["role"], Ot = {
       const k = (S = w.value) == null ? void 0 : S.getItem(r);
       k == null || k.scrollIntoView({ block: "nearest", inline: "start" });
     }
-    return A(
+    return Q(
       () => n.modelValue,
       (r) => {
         d.value = r;
       }
-    ), A([d, () => n.items], U, { deep: !0 }), A(p, (r) => {
+    ), Q([d, () => n.items], U, { deep: !0 }), Q(p, (r) => {
       r !== void 0 && ke(r);
-    }), A(u, (r) => {
-      !r && C.value ? K() : s.value && n.selectionMode === "automatic" && X(a), e("update:inputValue", r);
+    }), Q(u, (r) => {
+      !r && z.value ? K() : s.value && n.selectionMode === "automatic" && X(a), e("update:inputValue", r);
     }), l({
       triggerEl: y
     }), (r, k) => (c(), v(ee, null, [
-      z(b(Yt), {
+      C(b(Yt), {
         modelValue: u.value,
         "onUpdate:modelValue": k[0] || (k[0] = (S) => u.value = S),
         id: n.id,
@@ -1518,7 +1518,7 @@ const Rt = ["role"], Ot = {
         "aria-activedescendant": R.value,
         size: n.size,
         onClick: j,
-        onFocusout: T,
+        onFocusout: D,
         onKeydown: ie(i, ["stop"])
       }, he({
         "label.prepend": g(() => [
@@ -1529,7 +1529,7 @@ const Rt = ["role"], Ot = {
         ]),
         append: g(() => [
           h(r.$slots, "append"),
-          C.value && u.value ? (c(), V(b(ue), {
+          z.value && u.value ? (c(), V(b(ue), {
             key: 0,
             class: "q-combobox__clear",
             "b-style": "plain",
@@ -1538,7 +1538,7 @@ const Rt = ["role"], Ot = {
             onClick: K
           }, {
             default: g(() => [
-              z(b(J), te(oe(n.icons.clear)), null, 16)
+              C(b(J), te(ae(n.icons.clear)), null, 16)
             ]),
             _: 1
           })) : I("", !0),
@@ -1552,7 +1552,7 @@ const Rt = ["role"], Ot = {
             onClick: Z
           }, {
             default: g(() => [
-              z(b(J), te(oe(n.icons.chevron)), null, 16)
+              C(b(J), te(ae(n.icons.chevron)), null, 16)
             ]),
             _: 1
           }, 8, ["disabled"]))
@@ -1574,7 +1574,7 @@ const Rt = ["role"], Ot = {
           key: "1"
         } : void 0
       ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "aria-expanded", "aria-activedescendant", "size"]),
-      z(b(pe), {
+      C(b(pe), {
         modelValue: s.value,
         "onUpdate:modelValue": k[2] || (k[2] = (S) => s.value = S),
         spy: "",
@@ -1593,12 +1593,12 @@ const Rt = ["role"], Ot = {
               ref_key: "contentRef",
               ref: f,
               class: "q-select__body",
-              onFocusout: T
+              onFocusout: D
             }, [
               h(r.$slots, "body.prepend"),
               n.loading ? (c(), v("div", Zt, [
-                z(b(ge), { size: 24 })
-              ])) : D.value.length ? (c(), V(b(Qe), {
+                C(b(ge), { size: 24 })
+              ])) : T.value.length ? (c(), V(b(Ae), {
                 key: 1,
                 ref_key: "listRef",
                 ref: w,
@@ -1609,7 +1609,7 @@ const Rt = ["role"], Ot = {
                   W
                 ],
                 highlighted: (S = F.value) == null ? void 0 : S[n.itemValue],
-                items: D.value,
+                items: T.value,
                 groups: r.groups,
                 "item-label": n.itemLabel,
                 "item-value": n.itemValue,
@@ -1647,7 +1647,7 @@ const Rt = ["role"], Ot = {
   },
   setup(t) {
     const l = t;
-    return Ce({
+    return ze({
       QField: {
         size: "block"
       }
@@ -1661,14 +1661,14 @@ const Rt = ["role"], Ot = {
       default: g(() => [
         o.$slots.prepend || l.prependIcon ? (c(), v("div", nl, [
           l.prependIcon ? (c(), v("span", ol, [
-            z(b(J), te(oe(l.prependIcon)), null, 16)
+            C(b(J), te(ae(l.prependIcon)), null, 16)
           ])) : I("", !0),
           h(o.$slots, "prepend")
         ])) : I("", !0),
         h(o.$slots, "default"),
         o.$slots.append || l.appendIcon ? (c(), v("div", al, [
           l.appendIcon ? (c(), v("span", sl, [
-            z(b(J), te(oe(l.appendIcon)), null, 16)
+            C(b(J), te(ae(l.appendIcon)), null, 16)
           ])) : I("", !0),
           h(o.$slots, "append")
         ])) : I("", !0)
@@ -1781,23 +1781,23 @@ const Rt = ["role"], Ot = {
         var a;
         return (a = e.items) == null ? void 0 : a.find((m) => m[e.itemValue] === n.value);
       }
-    ), C = _(
+    ), z = _(
       () => f.value ? f.value[e.itemLabel] : ""
-    ), D = _(
+    ), T = _(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
     function B(a) {
       n.value = a, o("update:modelValue", a), M();
     }
-    function Q() {
-      D.value && B(e.emptyValue);
+    function A() {
+      T.value && B(e.emptyValue);
     }
     function F() {
       e.readonly || e.disabled || (d.value ? M() : O());
     }
     function R(a) {
-      var m, $, T;
-      !((m = y.value) != null && m.contains(a.relatedTarget)) && !((T = ($ = u.value) == null ? void 0 : $.fieldRef) != null && T.contains(a.relatedTarget)) && M();
+      var m, $, D;
+      !((m = y.value) != null && m.contains(a.relatedTarget)) && !((D = ($ = u.value) == null ? void 0 : $.fieldRef) != null && D.contains(a.relatedTarget)) && M();
     }
     function O() {
       d.value || (o("before-show"), d.value = !0);
@@ -1811,7 +1811,7 @@ const Rt = ["role"], Ot = {
     let U;
     function H(a) {
       if (!(!a.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(U), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(a.key) && (a.preventDefault(), a.stopPropagation()), ["Enter", " "].includes(a.key) && (d.value = !0), ["Escape", "Tab"].includes(a.key) && (d.value ? d.value = !1 : D.value && a.key === "Escape" && Q()), a.key === "Delete" && e.clearable && Q(), /^[a-z]$/i.test(a.key)) {
+        if (window.clearTimeout(U), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(a.key) && (a.preventDefault(), a.stopPropagation()), ["Enter", " "].includes(a.key) && (d.value = !0), ["Escape", "Tab"].includes(a.key) && (d.value ? d.value = !1 : T.value && a.key === "Escape" && A()), a.key === "Delete" && e.clearable && A(), /^[a-z]$/i.test(a.key)) {
           s.value += a.key.toLowerCase();
           for (let m = 0; m < e.items.length; m++)
             if (e.items[m][e.itemLabel].toLowerCase().startsWith(s.value)) {
@@ -1843,12 +1843,12 @@ const Rt = ["role"], Ot = {
       var m;
       (m = p.value) == null || m.focusItem(a);
     }
-    return A(
+    return Q(
       () => e.modelValue,
       (a) => {
         n.value = a;
       }
-    ), A(
+    ), Q(
       () => e.loading,
       (a) => {
         !a && d.value && X(j);
@@ -1856,7 +1856,7 @@ const Rt = ["role"], Ot = {
     ), (a, m) => {
       var $;
       return c(), v(ee, null, [
-        z(b(_e), {
+        C(b(_e), {
           id: e.id,
           label: e.label,
           required: e.required,
@@ -1883,16 +1883,16 @@ const Rt = ["role"], Ot = {
         }, he({
           append: g(() => [
             h(a.$slots, "append"),
-            D.value && n.value ? (c(), V(b(ue), {
+            T.value && n.value ? (c(), V(b(ue), {
               key: 0,
               class: "q-select__clear",
               "b-style": "plain",
               borderless: "",
               tabindex: "-1",
-              onClick: Q
+              onClick: A
             }, {
               default: g(() => [
-                z(b(J), te(oe(e.icons.clear)), null, 16)
+                C(b(J), te(ae(e.icons.clear)), null, 16)
               ]),
               _: 1
             })) : I("", !0),
@@ -1906,7 +1906,7 @@ const Rt = ["role"], Ot = {
               onClick: W
             }, {
               default: g(() => [
-                z(b(J), te(oe(e.icons.chevron)), null, 16)
+                C(b(J), te(ae(e.icons.chevron)), null, 16)
               ]),
               _: 1
             }, 8, ["disabled"]))
@@ -1916,17 +1916,17 @@ const Rt = ["role"], Ot = {
               !e.readonly && !e.disabled ? (c(), v(ee, { key: 0 }, [
                 re(G(a.texts.placeholder), 1)
               ], 64)) : I("", !0)
-            ])) : (c(), v("span", ml, G(C.value), 1))
+            ])) : (c(), v("span", ml, G(z.value), 1))
           ]),
           _: 2
         }, [
           ($ = f.value) != null && $.icon || a.$slots.prepend ? {
             name: "prepend",
             fn: g(() => {
-              var T, ae;
+              var D, le;
               return [
                 h(a.$slots, "prepend"),
-                (T = f.value) != null && T.icon ? (c(), V(b(J), te(ne({ key: 0 }, (ae = f.value) == null ? void 0 : ae.icon)), null, 16)) : I("", !0)
+                (D = f.value) != null && D.icon ? (c(), V(b(J), te(oe({ key: 0 }, (le = f.value) == null ? void 0 : le.icon)), null, 16)) : I("", !0)
               ];
             }),
             key: "0"
@@ -1939,9 +1939,9 @@ const Rt = ["role"], Ot = {
             key: "1"
           } : void 0
         ]), 1032, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "aria-expanded", "size"]),
-        z(b(pe), {
+        C(b(pe), {
           modelValue: d.value,
-          "onUpdate:modelValue": m[1] || (m[1] = (T) => d.value = T),
+          "onUpdate:modelValue": m[1] || (m[1] = (D) => d.value = D),
           spy: "",
           trigger: "manual",
           placement: "bottom",
@@ -1962,15 +1962,15 @@ const Rt = ["role"], Ot = {
             }, [
               h(a.$slots, "body.prepend"),
               e.loading ? (c(), v("div", hl, [
-                z(b(ge), { size: 24 })
-              ])) : (c(), V(b(Qe), {
+                C(b(ge), { size: 24 })
+              ])) : (c(), V(b(Ae), {
                 key: 1,
                 ref_key: "listRef",
                 ref: p,
                 class: "q-select__items",
                 modelValue: n.value,
                 "onUpdate:modelValue": [
-                  m[0] || (m[0] = (T) => n.value = T),
+                  m[0] || (m[0] = (D) => n.value = D),
                   B
                 ],
                 items: e.items,
@@ -1978,8 +1978,8 @@ const Rt = ["role"], Ot = {
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue
               }, {
-                item: g(({ item: T }) => [
-                  h(a.$slots, "item", { item: T })
+                item: g(({ item: D }) => [
+                  h(a.$slots, "item", { item: D })
                 ]),
                 _: 3
               }, 8, ["modelValue", "items", "groups", "item-label", "item-value"])),
@@ -1991,7 +1991,7 @@ const Rt = ["role"], Ot = {
       ], 64);
     };
   }
-}), Dl = x(gl), _l = /* @__PURE__ */ L({
+}), Tl = x(gl), _l = /* @__PURE__ */ L({
   __name: "QThemeProvider",
   props: {
     theme: {}
@@ -2004,7 +2004,7 @@ const Rt = ["role"], Ot = {
       h(o.$slots, "default")
     ], 2));
   }
-}), Tl = x(_l), kl = ["innerHTML"], wl = { key: 1 }, $l = /* @__PURE__ */ L({
+}), Dl = x(_l), kl = ["innerHTML"], wl = { key: 1 }, $l = /* @__PURE__ */ L({
   __name: "QTooltip",
   props: {
     modelValue: { type: Boolean },
@@ -2027,7 +2027,7 @@ const Rt = ["role"], Ot = {
       h(e.$slots, "anchor", {
         props: { "aria-describedby": b(o) }
       }),
-      z(b(pe), {
+      C(b(pe), {
         "model-value": l.modelValue,
         anchor: l.anchor,
         role: "tooltip",
@@ -2051,7 +2051,7 @@ const Rt = ["role"], Ot = {
       }, 8, ["model-value", "anchor", "id", "appearance", "arrow", "attach", "class", "delay", "disabled", "placement", "trigger"])
     ], 64));
   }
-}), Cl = x($l);
+}), zl = x($l);
 export {
   ue as QButton,
   pt as QButtonGroup,
@@ -2064,16 +2064,16 @@ export {
   It as QIconSvg,
   Bl as QInputGroup,
   Vl as QLineLoader,
-  Qe as QList,
-  zt as QListItem,
-  At as QListItemGroup,
+  Ae as QList,
+  Ct as QListItem,
+  Qt as QListItemGroup,
   pe as QOverlay,
   El as QPopover,
-  Dl as QSelect,
+  Tl as QSelect,
   ge as QSpinnerLoader,
   Yt as QTextField,
-  Tl as QThemeProvider,
-  Cl as QTooltip,
+  Dl as QThemeProvider,
+  zl as QTooltip,
   Ll as createFramework,
   Ye as defaultDarkColorScheme,
   Ie as defaultLightColorScheme,