@quidgest/ui 0.8.1 → 0.8.2

package/dist/ui.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance as Be, computed as k, ref as q, provide as Se, inject as xe, watch as F, defineComponent as B, openBlock as u, createElementBlock as v, normalizeClass as V, normalizeStyle as se, createElementVNode as P, withModifiers as te, createVNode as j, unref as y, createCommentVNode as L, Fragment as J, createTextVNode as oe, toDisplayString as M, renderSlot as b, toRef as ge, createBlock as x, withCtx as $, renderList as ce, resolveDynamicComponent as Ve, h as _e, normalizeProps as re, mergeProps as Z, reactive as Fe, onBeforeUnmount as Re, onMounted as Ee, nextTick as W, Teleport as Oe, Transition as Ue, withKeys as Me, createSlots as pe, withDirectives as Ne, vModelDynamic as He, guardReactiveProps as ke } from "vue";
+import { getCurrentInstance as Be, computed as k, ref as q, provide as Se, inject as xe, watch as F, defineComponent as B, openBlock as u, createElementBlock as v, normalizeClass as x, normalizeStyle as se, createElementVNode as P, withModifiers as te, createVNode as M, unref as y, createCommentVNode as L, Fragment as J, createTextVNode as oe, toDisplayString as N, renderSlot as b, toRef as ge, createBlock as E, withCtx as $, renderList as ce, resolveDynamicComponent as Ve, h as _e, normalizeProps as re, mergeProps as Z, reactive as Fe, onBeforeUnmount as Re, onMounted as Ee, nextTick as j, Teleport as Oe, Transition as Ue, withKeys as Me, createSlots as pe, withDirectives as Ne, vModelDynamic as He, guardReactiveProps as ke } from "vue";
 function fe(t) {
   return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
 }
@@ -53,7 +53,7 @@ function Ge() {
     throw new Error("[Quidgest UI] Could not find theme instance");
   return t;
 }
-function wn(t) {
+function $n(t) {
   const n = Ge(), o = {
     activeTheme: q(t),
     themes: n.themes
@@ -168,7 +168,7 @@ function Ye(t) {
 function qe(t) {
   return t ? `--q-theme-${ze(t)}` : "";
 }
-function $n(t = {}) {
+function qn(t = {}) {
   return { install: (o) => {
     const e = t.components || {};
     for (const r in e)
@@ -231,7 +231,7 @@ const et = /* @__PURE__ */ P("svg", { viewBox: "25 25 50 50" }, [
       "font-size": n.size !== 48 ? `${n.size}px` : void 0
     }));
     return (e, l) => (u(), v("div", {
-      class: V(["q-spinner-loader", n.class]),
+      class: x(["q-spinner-loader", n.class]),
       style: se(o.value)
     }, tt, 6));
   }
@@ -302,20 +302,20 @@ const he = S(nt), ot = ["disabled"], at = {
     });
     return (d, m) => (u(), v("button", {
       type: "button",
-      class: V(s.value),
+      class: x(s.value),
       disabled: l.value,
       onClick: te(r, ["stop", "prevent"])
     }, [
       d.loading ? (u(), v("div", at, [
-        j(y(he), { size: 20 })
+        M(y(he), { size: 20 })
       ])) : L("", !0),
       P("span", st, [
         d.iconOnRight ? (u(), v(J, { key: 0 }, [
-          oe(M(e.label), 1)
+          oe(N(e.label), 1)
         ], 64)) : L("", !0),
         b(d.$slots, "default"),
         d.iconOnRight ? L("", !0) : (u(), v(J, { key: 1 }, [
-          oe(M(e.label), 1)
+          oe(N(e.label), 1)
         ], 64))
       ])
     ], 10, ot));
@@ -338,7 +338,7 @@ const he = S(nt), ot = ["disabled"], at = {
         elevated: !1
       }
     }), (o, e) => (u(), v("div", {
-      class: V([
+      class: x([
         "q-btn-group",
         {
           "q-btn-group--elevated": n.elevated
@@ -378,15 +378,15 @@ const he = S(nt), ot = ["disabled"], at = {
     function s(d) {
       r.value === d.key && !e.required ? r.value = void 0 : r.value = d.key;
     }
-    return (d, m) => (u(), x(y(ut), {
+    return (d, m) => (u(), E(y(ut), {
       "b-style": "secondary",
-      class: V(e.class),
+      class: x(e.class),
       disabled: e.disabled,
       borderless: e.borderless,
       elevated: e.elevated
     }, {
       default: $(() => [
-        (u(!0), v(J, null, ce(e.options, (h) => (u(), x(y(rt), {
+        (u(!0), v(J, null, ce(e.options, (h) => (u(), E(y(rt), {
           key: h.key,
           title: h.title,
           label: h.label,
@@ -402,7 +402,7 @@ const he = S(nt), ot = ["disabled"], at = {
       _: 3
     }, 8, ["class", "disabled", "borderless", "elevated"]));
   }
-}), qn = S(ct), ft = /* @__PURE__ */ B({
+}), In = S(ct), ft = /* @__PURE__ */ B({
   __name: "QIcon",
   props: {
     icon: {},
@@ -423,8 +423,8 @@ const he = S(nt), ot = ["disabled"], at = {
           return;
       }
     });
-    return (e, l) => (u(), x(Ve(o.value), {
-      class: V(n.class),
+    return (e, l) => (u(), E(Ve(o.value), {
+      class: x(n.class),
       icon: n.icon,
       size: n.size
     }, null, 8, ["class", "icon", "size"]));
@@ -443,7 +443,7 @@ const he = S(nt), ot = ["disabled"], at = {
       "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
     return (r, s) => (u(), v("i", {
-      class: V(["q-icon", "q-icon__font", o.value, e.value, n.class]),
+      class: x(["q-icon", "q-icon__font", o.value, e.value, n.class]),
       style: se(l.value)
     }, null, 6));
   }
@@ -460,7 +460,7 @@ const he = S(nt), ot = ["disabled"], at = {
     }));
     return (e, l) => (u(), v("img", {
       src: n.icon,
-      class: V(["q-icon", "q-icon__img", n.class]),
+      class: x(["q-icon", "q-icon__img", n.class]),
       style: se(o.value)
     }, null, 14, mt));
   }
@@ -596,8 +596,8 @@ const gt = /* @__PURE__ */ B({
     function s() {
       o("unloaded");
     }
-    return (d, m) => (u(), x(y(ht), {
-      class: V(["q-icon", "q-icon__svg", e.class]),
+    return (d, m) => (u(), E(y(ht), {
+      class: x(["q-icon", "q-icon__svg", e.class]),
       src: e.bundle,
       symbol: e.icon,
       style: se(l.value),
@@ -664,7 +664,7 @@ const gt = /* @__PURE__ */ B({
           O(A());
           break;
         case "last":
-          O(N());
+          O(H());
           break;
       }
     }
@@ -687,24 +687,24 @@ const gt = /* @__PURE__ */ B({
       const a = R(), f = a.find((g) => Y(g));
       return f ? a.indexOf(f) : -1;
     }
-    function N() {
+    function H() {
       const a = R(), f = [...a].reverse().find((g) => Y(g));
       return f ? a.indexOf(f) : -1;
     }
-    function H(a, f, g) {
+    function K(a, f, g) {
       return f === "prev" && a === 0 || f === "next" && a === g.length - 1;
     }
     function U(a) {
       const f = X();
-      return K(f, a);
+      return G(f, a);
     }
-    function K(a, f) {
+    function G(a, f) {
       const g = R();
-      if (H(a, f, g))
+      if (K(a, f, g))
         return a;
       let I = a + (f === "next" ? 1 : -1);
       for (; !Y(g[I]); ) {
-        if (H(I, f, g))
+        if (K(I, f, g))
           return a;
         I += f === "next" ? 1 : -1;
       }
@@ -724,13 +724,13 @@ const gt = /* @__PURE__ */ B({
     ), n({
       focusItem: O,
       getItem: C,
-      getAdjacentItemIndex: K,
+      getAdjacentItemIndex: G,
       getFirstFocusableItemIndex: A,
-      getLastFocusableItemIndex: N
-    }), (a, f) => (u(), x(Ve(d.value), {
+      getLastFocusableItemIndex: H
+    }), (a, f) => (u(), E(Ve(d.value), {
       ref_key: "listRef",
       ref: h,
-      class: V(["q-list", { "q-list--disabled": l.disabled }, l.class]),
+      class: x(["q-list", { "q-list--disabled": l.disabled }, l.class]),
       role: "listbox",
       tabindex: l.disabled ? -1 : 0,
       onFocus: T,
@@ -739,13 +739,13 @@ const gt = /* @__PURE__ */ B({
       onKeydown: D
     }, {
       default: $(() => [
-        (u(!0), v(J, null, ce(m.value, (g) => (u(), x(y(Tt), {
+        (u(!0), v(J, null, ce(m.value, (g) => (u(), E(y(Tt), {
           key: g.id,
           title: m.value.length === 1 ? void 0 : g.title,
           disabled: g.disabled
         }, {
           default: $(() => [
-            (u(!0), v(J, null, ce(c(g.id), (I) => (u(), x(y(Dt), {
+            (u(!0), v(J, null, ce(c(g.id), (I) => (u(), E(y(Dt), {
               key: I[l.itemValue],
               value: I[l.itemValue],
               label: I[l.itemLabel],
@@ -800,7 +800,7 @@ const It = ["id", "tabindex", "aria-label", "aria-selected"], Lt = { class: "q-l
       id: y(l),
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
-      class: V([
+      class: x([
         "q-list-item",
         {
           "q-list-item--disabled": e.disabled,
@@ -814,11 +814,11 @@ const It = ["id", "tabindex", "aria-label", "aria-selected"], Lt = { class: "q-l
       onClick: te(r, ["stop", "prevent"])
     }, [
       b(d.$slots, "default", {}, () => [
-        e.icon ? (u(), x(y(ee), re(Z({ key: 0 }, e.icon)), null, 16)) : L("", !0),
-        oe(" " + M(e.label), 1)
+        e.icon ? (u(), E(y(ee), re(Z({ key: 0 }, e.icon)), null, 16)) : L("", !0),
+        oe(" " + N(e.label), 1)
       ]),
       P("div", Lt, [
-        e.selected ? (u(), x(y(ee), Z({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : L("", !0)
+        e.selected ? (u(), E(y(ee), Z({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : L("", !0)
       ])
     ], 42, It));
   }
@@ -840,7 +840,7 @@ const It = ["id", "tabindex", "aria-label", "aria-selected"], Lt = { class: "q-l
         id: y(o),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, M(n.title), 9, Vt)) : L("", !0),
+      }, N(n.title), 9, Vt)) : L("", !0),
       b(e.$slots, "default")
     ], 8, xt));
   }
@@ -998,14 +998,14 @@ const Qt = ["role"], At = {
     }
     function T(a) {
       _ || (_ = window.setTimeout(() => {
-        s.visible = !0, W(() => {
+        s.visible = !0, j(() => {
           var f;
           e.trigger === "click" && ((f = m.value) == null || f.focus());
         });
       }, a));
     }
     function D() {
-      clearTimeout(_), _ = void 0, s.visible = !1, W(() => {
+      clearTimeout(_), _ = void 0, s.visible = !1, j(() => {
         if (e.anchor && e.trigger === "click") {
           const a = ne(e.anchor);
           a == null || a.focus();
@@ -1021,7 +1021,7 @@ const Qt = ["role"], At = {
     }
     let C;
     function X() {
-      W(() => {
+      j(() => {
         if (!e.anchor)
           return;
         const a = ne(e.anchor);
@@ -1037,7 +1037,7 @@ const Qt = ["role"], At = {
       });
     }
     function A() {
-      W(() => {
+      j(() => {
         if (!e.anchor)
           return;
         const a = ne(e.anchor);
@@ -1049,7 +1049,7 @@ const Qt = ["role"], At = {
         }), h());
       });
     }
-    function N() {
+    function H() {
       if (!e.anchor)
         return;
       const a = ne(e.anchor);
@@ -1063,25 +1063,25 @@ const Qt = ["role"], At = {
             break;
         }
     }
-    function H() {
+    function K() {
       window.removeEventListener("scroll", h), window.removeEventListener("resize", h), C == null || C.disconnect();
     }
     let U;
-    function K() {
+    function G() {
       if (!e.anchor)
         return;
-      ne(e.anchor) ? (h(), U = window.setTimeout(K, 100)) : D();
+      ne(e.anchor) ? (h(), U = window.setTimeout(G, 100)) : D();
     }
     function Y() {
-      A(), e.spy && K();
+      A(), e.spy && G();
     }
     function c() {
-      H(), e.spy && (clearTimeout(U), U = void 0);
+      K(), e.spy && (clearTimeout(U), U = void 0);
     }
     return Re(() => {
-      N(), c();
+      H(), c();
     }), Ee(() => {
-      W(() => {
+      j(() => {
         X(), h();
       });
     }), F(
@@ -1090,18 +1090,18 @@ const Qt = ["role"], At = {
         a ? Y() : c();
       },
       { immediate: !0 }
-    ), (a, f) => (u(), x(Oe, {
+    ), (a, f) => (u(), E(Oe, {
       disabled: !s.visible && !s.animating || !e.attach,
       to: e.attach
     }, [
       r.value ? (u(), v("div", {
         key: 0,
-        class: V([
+        class: x([
           "q-overlay__underlay",
           { "q-overlay__underlay--blur": e.backdropBlur }
         ])
       }, null, 2)) : L("", !0),
-      j(Ue, {
+      M(Ue, {
         name: e.transition,
         appear: "",
         onEnter: O,
@@ -1110,7 +1110,7 @@ const Qt = ["role"], At = {
         default: $(() => [
           s.visible ? (u(), v("div", {
             key: 0,
-            class: V(l.value),
+            class: x(l.value),
             style: se(d.value)
           }, [
             P("div", Z({
@@ -1163,7 +1163,7 @@ const Qt = ["role"], At = {
       fieldRef: l
     }), (s, d) => (u(), v("div", {
       id: y(e),
-      class: V([
+      class: x([
         "q-field",
         `q-field--${o.size}`,
         {
@@ -1178,7 +1178,7 @@ const Qt = ["role"], At = {
         b(s.$slots, "label.prepend"),
         P("label", {
           for: o.for
-        }, M(o.label), 9, Ut),
+        }, N(o.label), 9, Ut),
         b(s.$slots, "label.append")
       ])) : L("", !0),
       b(s.$slots, "control", {}, () => [
@@ -1239,10 +1239,10 @@ const Qt = ["role"], At = {
         return (p = d.value) == null ? void 0 : p.fieldRef;
       }),
       inputRef: m
-    }), (p, z) => (u(), x(y(be), {
+    }), (p, z) => (u(), E(y(be), {
       ref_key: "fieldRef",
       ref: d,
-      class: V(["q-text-field", l.class]),
+      class: x(["q-text-field", l.class]),
       for: y(r),
       label: l.label,
       size: l.size,
@@ -1300,15 +1300,18 @@ const Qt = ["role"], At = {
     ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
   }
 }), jt = S(Wt), Pt = {
-  key: 2,
+  key: 0,
   class: "q-select__loader"
 }, Xt = {
-  noData: "No data available"
+  key: 2,
+  class: "q-select__loader"
 }, Yt = {
+  noData: "No data available"
+}, Zt = {
   clear: {
     icon: "close"
   }
-}, Zt = /* @__PURE__ */ B({
+}, Jt = /* @__PURE__ */ B({
   __name: "QCombobox",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -1327,8 +1330,8 @@ const Qt = ["role"], At = {
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     size: { default: void 0 },
-    texts: { default: () => Xt },
-    icons: { default: () => Yt },
+    texts: { default: () => Yt },
+    icons: { default: () => Zt },
     class: { default: void 0 }
   },
   emits: ["update:modelValue", "update:inputValue", "before-show", "before-hide", "show", "hide"],
@@ -1363,41 +1366,41 @@ const Qt = ["role"], At = {
       r.value = i, A(), e("update:modelValue", i);
     }
     function X(i) {
-      C(i), H();
+      C(i), K();
     }
     function A() {
       var i;
       d.value = ((i = D.value) == null ? void 0 : i[l.itemLabel]) || "";
     }
-    function N() {
+    function H() {
       s.value || l.readonly || l.disabled || (e("before-show"), s.value = !0);
     }
-    function H() {
+    function K() {
       s.value && (e("before-hide"), s.value = !1, m.value = void 0);
     }
     function U() {
       C(void 0), m.value = void 0;
     }
-    function K() {
-      if (N(), D.value !== void 0) {
+    function G() {
+      if (H(), D.value !== void 0) {
         const i = T.value.indexOf(D.value);
-        i !== -1 && W(() => ye(i));
+        i !== -1 && j(() => ye(i));
       }
     }
     function Y(i) {
-      var w, E;
+      var w, V;
       if (!(!i.key || l.readonly || l.disabled))
         if (["ArrowDown", "ArrowUp", "Home", "End"].includes(i.key) && (i.preventDefault(), i.stopPropagation()), i.key === "Escape")
-          s.value ? H() : U();
+          s.value ? K() : U();
         else if (["ArrowDown", "ArrowUp"].includes(i.key))
-          s.value ? W(() => {
+          s.value ? j(() => {
             if (m.value === void 0)
               c();
             else {
-              const G = i.key === "ArrowDown" ? "next" : "prev";
-              f(m.value, G);
+              const W = i.key === "ArrowDown" ? "next" : "prev";
+              f(m.value, W);
             }
-          }) : (N(), W(() => {
+          }) : (H(), j(() => {
             i.key === "ArrowDown" ? c() : a();
           }));
         else if (i.key === "Enter") {
@@ -1405,15 +1408,15 @@ const Qt = ["role"], At = {
             return;
           X(Q.value[l.itemValue]);
         } else
-          i.key === "Home" ? m.value = (w = _.value) == null ? void 0 : w.getFirstFocusableItemIndex() : i.key === "End" ? m.value = (E = _.value) == null ? void 0 : E.getLastFocusableItemIndex() : (/^[a-z]$/i.test(i.key) || i.key === "Backspace") && N();
+          i.key === "Home" ? m.value = (w = _.value) == null ? void 0 : w.getFirstFocusableItemIndex() : i.key === "End" ? m.value = (V = _.value) == null ? void 0 : V.getLastFocusableItemIndex() : (/^[a-z]$/i.test(i.key) || i.key === "Backspace") && H();
     }
     function c() {
       var i, w;
       if (r.value !== void 0) {
-        const E = T.value.findIndex(
-          (G) => G[l.itemValue] === r.value
+        const V = T.value.findIndex(
+          (W) => W[l.itemValue] === r.value
         );
-        E === -1 ? m.value = (i = _.value) == null ? void 0 : i.getFirstFocusableItemIndex() : m.value = E;
+        V === -1 ? m.value = (i = _.value) == null ? void 0 : i.getFirstFocusableItemIndex() : m.value = V;
       } else
         m.value = (w = _.value) == null ? void 0 : w.getFirstFocusableItemIndex();
     }
@@ -1422,12 +1425,12 @@ const Qt = ["role"], At = {
       m.value = (i = _.value) == null ? void 0 : i.getLastFocusableItemIndex();
     }
     function f(i, w) {
-      var E;
-      m.value = (E = _.value) == null ? void 0 : E.getAdjacentItemIndex(i, w);
+      var V;
+      m.value = (V = _.value) == null ? void 0 : V.getAdjacentItemIndex(i, w);
     }
     function g(i) {
-      var w, E, G;
-      !((w = p.value) != null && w.contains(i.relatedTarget)) && !((G = (E = h.value) == null ? void 0 : E.fieldRef) != null && G.contains(i.relatedTarget)) ? (H(), A()) : (i.preventDefault(), i.stopPropagation());
+      var w, V, W;
+      !((w = p.value) != null && w.contains(i.relatedTarget)) && !((W = (V = h.value) == null ? void 0 : V.fieldRef) != null && W.contains(i.relatedTarget)) ? (K(), A()) : (i.preventDefault(), i.stopPropagation());
     }
     function I() {
       var i, w;
@@ -1440,8 +1443,8 @@ const Qt = ["role"], At = {
       e("hide");
     }
     function ye(i) {
-      var E;
-      const w = (E = _.value) == null ? void 0 : E.getItem(i);
+      var V;
+      const w = (V = _.value) == null ? void 0 : V.getItem(i);
       w == null || w.scrollIntoView({ block: "nearest", inline: "start" });
     }
     return F(
@@ -1452,13 +1455,13 @@ const Qt = ["role"], At = {
     ), F(m, (i) => {
       i !== void 0 && ye(i);
     }), F(d, (i) => {
-      !i && z.value ? U() : s.value && l.selectionMode === "automatic" && W(c), e("update:inputValue", i);
+      !i && z.value ? U() : s.value && l.selectionMode === "automatic" && j(c), e("update:inputValue", i);
     }), n({
       triggerEl: h
     }), (i, w) => (u(), v(J, null, [
-      j(y(jt), {
+      M(y(jt), {
         modelValue: d.value,
-        "onUpdate:modelValue": w[0] || (w[0] = (E) => d.value = E),
+        "onUpdate:modelValue": w[0] || (w[0] = (V) => d.value = V),
         id: l.id,
         label: l.label,
         required: l.required,
@@ -1466,7 +1469,7 @@ const Qt = ["role"], At = {
         ref: h,
         role: "combobox",
         placeholder: l.placeholder,
-        class: V(["q-combobox", l.class]),
+        class: x(["q-combobox", l.class]),
         readonly: l.readonly,
         disabled: l.disabled,
         "aria-expanded": s.value,
@@ -1474,7 +1477,7 @@ const Qt = ["role"], At = {
         "aria-autocomplete": "list",
         "aria-activedescendant": O.value,
         size: l.size,
-        onClick: K,
+        onClick: G,
         onFocusout: g,
         onKeydown: te(Y, ["stop"])
       }, pe({
@@ -1496,7 +1499,7 @@ const Qt = ["role"], At = {
         z.value && d.value || i.$slots.append ? {
           name: "append",
           fn: $(() => [
-            z.value && d.value ? (u(), x(y(ee), Z({ key: 0 }, l.icons.clear, {
+            z.value && d.value ? (u(), E(y(ee), Z({ key: 0 }, l.icons.clear, {
               class: "q-combobox__clear",
               onClick: te(U, ["stop", "prevent"])
             }), null, 16)) : L("", !0),
@@ -1512,7 +1515,7 @@ const Qt = ["role"], At = {
           key: "2"
         } : void 0
       ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "aria-expanded", "aria-activedescendant", "size"]),
-      j(y(de), {
+      M(y(de), {
         "model-value": s.value,
         spy: "",
         trigger: "manual",
@@ -1524,7 +1527,7 @@ const Qt = ["role"], At = {
         onLeave: Ae
       }, {
         default: $(() => {
-          var E;
+          var V;
           return [
             P("div", {
               ref_key: "contentRef",
@@ -1533,32 +1536,30 @@ const Qt = ["role"], At = {
               onFocusout: g
             }, [
               b(i.$slots, "body.prepend"),
-              l.loading ? (u(), x(y(he), {
-                key: 0,
-                class: "q-select__loader",
-                size: 24
-              })) : T.value.length ? (u(), x(y(Ce), {
+              l.loading ? (u(), v("div", Pt, [
+                M(y(he), { size: 24 })
+              ])) : T.value.length ? (u(), E(y(Ce), {
                 key: 1,
                 ref_key: "listRef",
                 ref: _,
                 class: "q-select__items",
                 modelValue: r.value,
                 "onUpdate:modelValue": [
-                  w[1] || (w[1] = (G) => r.value = G),
+                  w[1] || (w[1] = (W) => r.value = W),
                   X
                 ],
-                highlighted: (E = Q.value) == null ? void 0 : E[l.itemValue],
+                highlighted: (V = Q.value) == null ? void 0 : V[l.itemValue],
                 items: T.value,
                 groups: i.groups,
                 "item-label": l.itemLabel,
                 "item-value": l.itemValue,
                 onMouseup: I
               }, {
-                item: $(({ item: G }) => [
-                  b(i.$slots, "item", { item: G })
+                item: $(({ item: W }) => [
+                  b(i.$slots, "item", { item: W })
                 ]),
                 _: 3
-              }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), v("div", Pt, M(i.texts.noData), 1)),
+              }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), v("div", Xt, N(i.texts.noData), 1)),
               b(i.$slots, "body.append")
             ], 544)
           ];
@@ -1567,13 +1568,13 @@ const Qt = ["role"], At = {
       }, 8, ["model-value", "anchor"])
     ], 64));
   }
-}), In = S(Zt), Jt = {
+}), Ln = S(Jt), en = {
   key: 0,
   class: "q-input-group__prepend"
-}, en = { key: 0 }, tn = {
+}, tn = { key: 0 }, nn = {
   key: 1,
   class: "q-input-group__append"
-}, nn = { key: 0 }, ln = /* @__PURE__ */ B({
+}, ln = { key: 0 }, on = /* @__PURE__ */ B({
   __name: "QInputGroup",
   props: {
     id: { default: void 0 },
@@ -1590,24 +1591,24 @@ const Qt = ["role"], At = {
       QField: {
         size: "block"
       }
-    }), (o, e) => (u(), x(y(be), {
+    }), (o, e) => (u(), E(y(be), {
       id: n.id,
-      class: V(["q-input-group", n.class]),
+      class: x(["q-input-group", n.class]),
       label: n.label,
       required: n.required,
       size: n.size
     }, {
       default: $(() => [
-        o.$slots.prepend || n.prependIcon ? (u(), v("div", Jt, [
-          n.prependIcon ? (u(), v("span", en, [
-            j(y(ee), re(ke(n.prependIcon)), null, 16)
+        o.$slots.prepend || n.prependIcon ? (u(), v("div", en, [
+          n.prependIcon ? (u(), v("span", tn, [
+            M(y(ee), re(ke(n.prependIcon)), null, 16)
           ])) : L("", !0),
           b(o.$slots, "prepend")
         ])) : L("", !0),
         b(o.$slots, "default"),
-        o.$slots.append || n.appendIcon ? (u(), v("div", tn, [
-          n.appendIcon ? (u(), v("span", nn, [
-            j(y(ee), re(ke(n.appendIcon)), null, 16)
+        o.$slots.append || n.appendIcon ? (u(), v("div", nn, [
+          n.appendIcon ? (u(), v("span", ln, [
+            M(y(ee), re(ke(n.appendIcon)), null, 16)
           ])) : L("", !0),
           b(o.$slots, "append")
         ])) : L("", !0)
@@ -1615,7 +1616,7 @@ const Qt = ["role"], At = {
       _: 3
     }, 8, ["id", "class", "label", "required", "size"]));
   }
-}), Ln = S(ln), on = /* @__PURE__ */ B({
+}), Bn = S(on), an = /* @__PURE__ */ B({
   __name: "QLineLoader",
   props: {
     class: { default: void 0 }
@@ -1623,16 +1624,16 @@ const Qt = ["role"], At = {
   setup(t) {
     const n = t;
     return (o, e) => (u(), v("div", {
-      class: V(["q-line-loader", n.class])
+      class: x(["q-line-loader", n.class])
     }, null, 2));
   }
-}), Bn = S(on), an = {
+}), Sn = S(an), sn = {
   key: 0,
   class: "q-popover__header"
-}, sn = {
+}, rn = {
   key: 1,
   class: "q-popover__body"
-}, rn = ["innerHTML"], dn = { key: 1 }, un = /* @__PURE__ */ B({
+}, dn = ["innerHTML"], un = { key: 1 }, cn = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QPopover",
   props: {
@@ -1648,7 +1649,7 @@ const Qt = ["role"], At = {
   },
   setup(t) {
     const n = t;
-    return (o, e) => (u(), x(y(de), {
+    return (o, e) => (u(), E(y(de), {
       "model-value": n.modelValue,
       class: "q-popover",
       trigger: "click",
@@ -1659,40 +1660,40 @@ const Qt = ["role"], At = {
       placement: n.placement
     }, {
       default: $(() => [
-        n.title || o.$slots.header ? (u(), v("h3", an, [
-          oe(M(n.title) + " ", 1),
+        n.title || o.$slots.header ? (u(), v("h3", sn, [
+          oe(N(n.title) + " ", 1),
           b(o.$slots, "header")
         ])) : L("", !0),
-        n.text || o.$slots.body ? (u(), v("div", sn, [
+        n.text || o.$slots.body ? (u(), v("div", rn, [
           n.html ? (u(), v("span", {
             key: 0,
             innerHTML: n.text
-          }, null, 8, rn)) : (u(), v("span", dn, M(n.text), 1)),
+          }, null, 8, dn)) : (u(), v("span", un, N(n.text), 1)),
           b(o.$slots, "body")
         ])) : L("", !0)
       ]),
       _: 3
     }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement"]));
   }
-}), Sn = S(un), cn = {
+}), xn = S(cn), fn = {
   key: 0,
   class: "q-select__value"
-}, fn = {
+}, pn = {
   key: 1,
   class: "q-select__placeholder"
-}, pn = {
+}, mn = {
   key: 0,
   class: "q-select__loader"
-}, mn = {
-  placeholder: "Choose..."
 }, vn = {
+  placeholder: "Choose..."
+}, hn = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, hn = /* @__PURE__ */ B({
+}, bn = /* @__PURE__ */ B({
   __name: "QSelect",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -1703,13 +1704,13 @@ const Qt = ["role"], At = {
     disabled: { type: Boolean },
     required: { type: Boolean },
     loading: { type: Boolean },
-    icons: { default: () => vn },
+    icons: { default: () => hn },
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     size: { default: void 0 },
-    texts: { default: () => mn },
+    texts: { default: () => vn },
     class: { default: "" }
   },
   emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
@@ -1759,18 +1760,18 @@ const Qt = ["role"], At = {
         }, 500);
       }
     }
-    function N() {
+    function H() {
       var c;
-      e.loading ? (c = h.value) == null || c.focus() : K(), o("show");
+      e.loading ? (c = h.value) == null || c.focus() : G(), o("show");
     }
-    function H() {
+    function K() {
       U(), o("hide");
     }
     function U() {
       var c, a;
       (a = (c = d.value) == null ? void 0 : c.fieldRef) == null || a.focus();
     }
-    function K() {
+    function G() {
       var c;
       (c = m.value) == null || c.$el.focus();
     }
@@ -1786,12 +1787,12 @@ const Qt = ["role"], At = {
     ), F(
       () => e.loading,
       (c) => {
-        !c && r.value && W(K);
+        !c && r.value && j(G);
       }
     ), (c, a) => {
       var f;
       return u(), v(J, null, [
-        j(y(be), {
+        M(y(be), {
           id: e.id,
           label: e.label,
           required: e.required,
@@ -1799,7 +1800,7 @@ const Qt = ["role"], At = {
           ref: d,
           role: "combobox",
           tabindex: e.disabled ? -1 : 0,
-          class: V([
+          class: x([
             "q-select",
             {
               "q-select--readonly": e.readonly,
@@ -1818,16 +1819,16 @@ const Qt = ["role"], At = {
         }, pe({
           append: $(() => [
             b(c.$slots, "append"),
-            z.value && l.value ? (u(), x(y(ee), Z({ key: 0 }, e.icons.clear, {
+            z.value && l.value ? (u(), E(y(ee), Z({ key: 0 }, e.icons.clear, {
               class: "q-select__clear",
               onClick: te(D, ["stop", "prevent"])
             }), null, 16)) : L("", !0),
-            e.readonly ? L("", !0) : (u(), x(y(ee), Z({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16))
+            e.readonly ? L("", !0) : (u(), E(y(ee), Z({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16))
           ]),
           default: $(() => [
-            l.value !== void 0 ? (u(), v("span", cn, M(p.value), 1)) : (u(), v("span", fn, [
+            l.value !== void 0 ? (u(), v("span", fn, N(p.value), 1)) : (u(), v("span", pn, [
               !e.readonly && !e.disabled ? (u(), v(J, { key: 0 }, [
-                oe(M(c.texts.placeholder), 1)
+                oe(N(c.texts.placeholder), 1)
               ], 64)) : L("", !0)
             ]))
           ]),
@@ -1839,7 +1840,7 @@ const Qt = ["role"], At = {
               var g, I;
               return [
                 b(c.$slots, "prepend"),
-                (g = _.value) != null && g.icon ? (u(), x(y(ee), re(Z({ key: 0 }, (I = _.value) == null ? void 0 : I.icon)), null, 16)) : L("", !0)
+                (g = _.value) != null && g.icon ? (u(), E(y(ee), re(Z({ key: 0 }, (I = _.value) == null ? void 0 : I.icon)), null, 16)) : L("", !0)
               ];
             }),
             key: "0"
@@ -1852,7 +1853,7 @@ const Qt = ["role"], At = {
             key: "1"
           } : void 0
         ]), 1032, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "aria-expanded", "size"]),
-        j(y(de), {
+        M(y(de), {
           "model-value": r.value,
           spy: "",
           trigger: "manual",
@@ -1860,8 +1861,8 @@ const Qt = ["role"], At = {
           width: "anchor",
           anchor: d.value,
           offset: 2,
-          onEnter: N,
-          onLeave: H
+          onEnter: H,
+          onLeave: K
         }, {
           default: $(() => [
             P("div", {
@@ -1873,9 +1874,9 @@ const Qt = ["role"], At = {
               onKeydown: te(A, ["stop"])
             }, [
               b(c.$slots, "body.prepend"),
-              e.loading ? (u(), v("div", pn, [
-                j(y(he), { size: 24 })
-              ])) : (u(), x(y(Ce), {
+              e.loading ? (u(), v("div", mn, [
+                M(y(he), { size: 24 })
+              ])) : (u(), E(y(Ce), {
                 key: 1,
                 ref_key: "listRef",
                 ref: m,
@@ -1903,7 +1904,7 @@ const Qt = ["role"], At = {
       ], 64);
     };
   }
-}), xn = S(hn), bn = /* @__PURE__ */ B({
+}), Vn = S(bn), yn = /* @__PURE__ */ B({
   __name: "QThemeProvider",
   props: {
     theme: {}
@@ -1911,12 +1912,12 @@ const Qt = ["role"], At = {
   setup(t) {
     const n = t;
     return (o, e) => (u(), v("div", {
-      class: V(["q-theme-provider", `q-theme--${n.theme}`])
+      class: x(["q-theme-provider", `q-theme--${n.theme}`])
     }, [
       b(o.$slots, "default")
     ], 2));
   }
-}), Vn = S(bn), yn = ["innerHTML"], gn = { key: 1 }, _n = /* @__PURE__ */ B({
+}), En = S(yn), gn = ["innerHTML"], _n = { key: 1 }, kn = /* @__PURE__ */ B({
   __name: "QTooltip",
   props: {
     modelValue: { type: Boolean },
@@ -1939,7 +1940,7 @@ const Qt = ["role"], At = {
       b(e.$slots, "anchor", {
         props: { "aria-describedby": y(o) }
       }),
-      j(y(de), {
+      M(y(de), {
         "model-value": n.modelValue,
         anchor: n.anchor,
         role: "tooltip",
@@ -1947,7 +1948,7 @@ const Qt = ["role"], At = {
         appearance: n.appearance,
         arrow: n.arrow,
         attach: n.attach,
-        class: V(["q-tooltip", n.class]),
+        class: x(["q-tooltip", n.class]),
         delay: n.delay,
         disabled: n.disabled,
         placement: n.placement,
@@ -1957,39 +1958,39 @@ const Qt = ["role"], At = {
           n.html ? (u(), v("span", {
             key: 0,
             innerHTML: n.text
-          }, null, 8, yn)) : (u(), v("span", gn, M(n.text), 1))
+          }, null, 8, gn)) : (u(), v("span", _n, N(n.text), 1))
         ]),
         _: 1
       }, 8, ["model-value", "anchor", "id", "appearance", "arrow", "attach", "class", "delay", "disabled", "placement", "trigger"])
     ], 64));
   }
-}), En = S(_n);
+}), Dn = S(kn);
 export {
   rt as QButton,
   ut as QButtonGroup,
-  qn as QButtonToggle,
-  In as QCombobox,
+  In as QButtonToggle,
+  Ln as QCombobox,
   be as QField,
   ee as QIcon,
   _t as QIconFont,
   kt as QIconImg,
   wt as QIconSvg,
-  Ln as QInputGroup,
-  Bn as QLineLoader,
+  Bn as QInputGroup,
+  Sn as QLineLoader,
   Ce as QList,
   Dt as QListItem,
   Tt as QListItemGroup,
   de as QOverlay,
-  Sn as QPopover,
-  xn as QSelect,
+  xn as QPopover,
+  Vn as QSelect,
   he as QSpinnerLoader,
   jt as QTextField,
-  Vn as QThemeProvider,
-  En as QTooltip,
-  $n as createFramework,
+  En as QThemeProvider,
+  Dn as QTooltip,
+  qn as createFramework,
   We as defaultDarkColorScheme,
   $e as defaultLightColorScheme,
-  wn as provideTheme,
+  $n as provideTheme,
   Ge as useTheme
 };
 //# sourceMappingURL=ui.esm.js.map