@quidgest/ui 0.8.0 → 0.8.1

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 A, 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 Ae, onMounted as Ee, nextTick as W, Teleport as Re, Transition as Oe, withKeys as Ue, createSlots as pe, withDirectives as Me, vModelDynamic as Ne, 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 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";
 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;
 }
@@ -23,7 +23,7 @@ function me(t = {}, n = {}) {
   return o;
 }
 const ve = "q-defaults";
-function He() {
+function Ke() {
   var r, s;
   const t = Be();
   if (!t)
@@ -47,14 +47,14 @@ function Te() {
   return t;
 }
 const ae = "q-theme";
-function Ke() {
+function Ge() {
   const t = xe(ae);
   if (!t)
     throw new Error("[Quidgest UI] Could not find theme instance");
   return t;
 }
-function kn(t) {
-  const n = Ke(), o = {
+function wn(t) {
+  const n = Ge(), o = {
     activeTheme: q(t),
     themes: n.themes
   };
@@ -91,7 +91,7 @@ const $e = {
   onWarning: "#fff",
   onDanger: "#fff",
   onInfo: "#fff"
-}, Ge = {
+}, We = {
   primary: "#018BD2",
   primaryLight: "#cce7f6",
   primaryDark: "#006fac",
@@ -123,23 +123,26 @@ const $e = {
   onDanger: "#fff",
   onInfo: "#fff"
 };
-function We(t) {
+function je(t) {
   return /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t);
 }
-function je(t) {
-  if (!We(t))
+function Pe(t) {
+  if (!je(t))
     throw new Error("Invalid color format");
   t.length === 4 && (t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
   const n = parseInt(t.slice(1, 3), 16), o = parseInt(t.slice(3, 5), 16), e = parseInt(t.slice(5, 7), 16);
   return { r: n, g: o, b: e };
 }
-function Pe() {
+function ze(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 Xe() {
   let t = document.getElementById(
     ae
   );
   return t || (t = document.createElement("style"), t.id = ae, document.head.appendChild(t)), t;
 }
-function Xe(t) {
+function Ye(t) {
   let n = "";
   for (const e of t) {
     n += `.q-theme--${e.name} {
@@ -151,7 +154,7 @@ function Xe(t) {
       if (s) {
         n += `  ${qe(r)}: ${s};
 `;
-        const d = je(s);
+        const d = Pe(s);
         n += `  ${qe(r)}-rgb: ${d.r} ${d.g} ${d.b};
 `;
       }
@@ -159,22 +162,22 @@ function Xe(t) {
     n += `}
 `;
   }
-  const o = Pe();
+  const o = Xe();
   o.textContent = n;
 }
 function qe(t) {
-  return t ? `--q-theme-${t.replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase()}` : "";
+  return t ? `--q-theme-${ze(t)}` : "";
 }
-function wn(t = {}) {
+function $n(t = {}) {
   return { install: (o) => {
     const e = t.components || {};
     for (const r in e)
       o.component(r, e[r]);
     const l = t.defaults || {};
-    o.provide(ve, q(l)), Ye(o, t.themes);
+    o.provide(ve, q(l)), Ze(o, t.themes);
   } };
 }
-function Ye(t, n) {
+function Ze(t, n) {
   const o = [];
   let e;
   if (!n)
@@ -185,7 +188,7 @@ function Ye(t, n) {
     });
   else
     for (const l of n.themes) {
-      const s = { ...l.mode === "light" ? $e : Ge, ...l.colors };
+      const s = { ...l.mode === "light" ? $e : We, ...l.colors };
       o.push({
         name: l.name,
         mode: l.mode,
@@ -197,14 +200,14 @@ function Ye(t, n) {
       activeTheme: q(e),
       themes: o
     };
-    Xe(o), A(l.activeTheme, Ze, { immediate: !0 }), t.provide(ae, l);
+    Ye(o), F(l.activeTheme, Je, { immediate: !0 }), t.provide(ae, l);
   }
 }
-function Ze(t) {
+function Je(t) {
   const n = document.documentElement, e = Array.from(n.classList).filter((l) => !l.startsWith("q-theme"));
   n.className = e.join(" "), n.classList.add(`q-theme--${t}`);
 }
-const Je = /* @__PURE__ */ P("svg", { viewBox: "25 25 50 50" }, [
+const et = /* @__PURE__ */ P("svg", { viewBox: "25 25 50 50" }, [
   /* @__PURE__ */ P("circle", {
     class: "path",
     cx: "50",
@@ -215,9 +218,9 @@ const Je = /* @__PURE__ */ P("svg", { viewBox: "25 25 50 50" }, [
     "stroke-width": "5",
     "stroke-miterlimit": "10"
   })
-], -1), et = [
-  Je
-], tt = /* @__PURE__ */ B({
+], -1), tt = [
+  et
+], nt = /* @__PURE__ */ B({
   __name: "QSpinnerLoader",
   props: {
     size: { default: 48 },
@@ -230,17 +233,18 @@ const Je = /* @__PURE__ */ P("svg", { viewBox: "25 25 50 50" }, [
     return (e, l) => (u(), v("div", {
       class: V(["q-spinner-loader", n.class]),
       style: se(o.value)
-    }, et, 6));
+    }, tt, 6));
   }
 });
-function nt(t, n) {
-  var o;
-  return typeof ((o = t.props) == null ? void 0 : o[n]) < "u";
+function lt(t, n) {
+  var e;
+  const o = ze(n);
+  return o ? typeof ((e = t.props) == null ? void 0 : e[o]) < "u" : !1;
 }
 function S(t) {
   const n = t.setup;
   return n && (t.setup = (o, e) => {
-    const l = He();
+    const l = Ke();
     if (fe(l.value))
       return n(o, e);
     const r = Be();
@@ -250,16 +254,16 @@ function S(t) {
       get(d, m) {
         var p;
         const h = Reflect.get(d, m), _ = (p = l.value) == null ? void 0 : p[m];
-        return typeof m == "string" && !nt(r.vnode, m) ? _ ?? h : h;
+        return typeof m == "string" && !lt(r.vnode, m) ? _ ?? h : h;
       }
     });
     return n(s, e);
   }), t;
 }
-const he = S(tt), lt = ["disabled"], ot = {
+const he = S(nt), ot = ["disabled"], at = {
   key: 0,
   class: "q-btn__spinner"
-}, at = { class: "q-btn__content" }, st = /* @__PURE__ */ B({
+}, st = { class: "q-btn__content" }, it = /* @__PURE__ */ B({
   __name: "QButton",
   props: {
     active: { type: Boolean },
@@ -302,10 +306,10 @@ const he = S(tt), lt = ["disabled"], ot = {
       disabled: l.value,
       onClick: te(r, ["stop", "prevent"])
     }, [
-      d.loading ? (u(), v("div", ot, [
+      d.loading ? (u(), v("div", at, [
         j(y(he), { size: 20 })
       ])) : L("", !0),
-      P("span", at, [
+      P("span", st, [
         d.iconOnRight ? (u(), v(J, { key: 0 }, [
           oe(M(e.label), 1)
         ], 64)) : L("", !0),
@@ -314,9 +318,9 @@ const he = S(tt), lt = ["disabled"], ot = {
           oe(M(e.label), 1)
         ], 64))
       ])
-    ], 10, lt));
+    ], 10, ot));
   }
-}), it = S(st), rt = /* @__PURE__ */ B({
+}), rt = S(it), dt = /* @__PURE__ */ B({
   __name: "QButtonGroup",
   props: {
     disabled: { type: Boolean },
@@ -345,7 +349,7 @@ const he = S(tt), lt = ["disabled"], ot = {
       b(o.$slots, "default")
     ], 2));
   }
-}), dt = S(rt), ut = /* @__PURE__ */ B({
+}), ut = S(dt), ct = /* @__PURE__ */ B({
   __name: "QButtonToggle",
   props: {
     modelValue: {},
@@ -359,7 +363,7 @@ const he = S(tt), lt = ["disabled"], ot = {
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
     const o = n, e = t, l = q(e.modelValue);
-    A(
+    F(
       () => e.modelValue,
       (d) => l.value = d
     );
@@ -374,7 +378,7 @@ const he = S(tt), lt = ["disabled"], ot = {
     function s(d) {
       r.value === d.key && !e.required ? r.value = void 0 : r.value = d.key;
     }
-    return (d, m) => (u(), x(y(dt), {
+    return (d, m) => (u(), x(y(ut), {
       "b-style": "secondary",
       class: V(e.class),
       disabled: e.disabled,
@@ -382,7 +386,7 @@ const he = S(tt), lt = ["disabled"], ot = {
       elevated: e.elevated
     }, {
       default: $(() => [
-        (u(!0), v(J, null, ce(e.options, (h) => (u(), x(y(it), {
+        (u(!0), v(J, null, ce(e.options, (h) => (u(), x(y(rt), {
           key: h.key,
           title: h.title,
           label: h.label,
@@ -398,7 +402,7 @@ const he = S(tt), lt = ["disabled"], ot = {
       _: 3
     }, 8, ["class", "disabled", "borderless", "elevated"]));
   }
-}), $n = S(ut), ct = /* @__PURE__ */ B({
+}), qn = S(ct), ft = /* @__PURE__ */ B({
   __name: "QIcon",
   props: {
     icon: {},
@@ -410,11 +414,11 @@ const he = S(tt), lt = ["disabled"], ot = {
     const n = t, o = k(() => {
       switch (n.type) {
         case "svg":
-          return kt;
+          return wt;
         case "font":
-          return gt;
-        case "img":
           return _t;
+        case "img":
+          return kt;
         default:
           return;
       }
@@ -425,7 +429,7 @@ const he = S(tt), lt = ["disabled"], ot = {
       size: n.size
     }, null, 8, ["class", "icon", "size"]));
   }
-}), ft = /* @__PURE__ */ B({
+}), pt = /* @__PURE__ */ B({
   __name: "QIconFont",
   props: {
     icon: {},
@@ -443,7 +447,7 @@ const he = S(tt), lt = ["disabled"], ot = {
       style: se(l.value)
     }, null, 6));
   }
-}), pt = ["src"], mt = /* @__PURE__ */ B({
+}), mt = ["src"], vt = /* @__PURE__ */ B({
   __name: "QIconImg",
   props: {
     icon: {},
@@ -458,9 +462,9 @@ const he = S(tt), lt = ["disabled"], ot = {
       src: n.icon,
       class: V(["q-icon", "q-icon__img", n.class]),
       style: se(o.value)
-    }, null, 14, pt));
+    }, null, 14, mt));
   }
-}), le = {}, vt = B({
+}), le = {}, ht = B({
   name: "InlineSvg",
   emits: ["loaded", "unloaded", "error"],
   inheritAttrs: !1,
@@ -516,7 +520,7 @@ const he = S(tt), lt = ["disabled"], ot = {
         e !== !1 && e !== null && e !== void 0 && (t[o] = e);
     },
     getSvgContent(t) {
-      return this.symbol && (t = t.getElementById(this.symbol), !t) ? null : (this.transformSource && (t = t.cloneNode(!0), t = this.transformSource(t)), this.title && (this.transformSource || (t = t.cloneNode(!0)), ht(t, this.title)), t);
+      return this.symbol && (t = t.getElementById(this.symbol), !t) ? null : (this.transformSource && (t = t.cloneNode(!0), t = this.transformSource(t)), this.title && (this.transformSource || (t = t.cloneNode(!0)), bt(t, this.title)), t);
     },
     /**
      * Get svgElSource
@@ -524,7 +528,7 @@ const he = S(tt), lt = ["disabled"], ot = {
      */
     async getSource(t) {
       try {
-        le[t] || (le[t] = bt(this.download(t))), this.svgElSource && le[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
+        le[t] || (le[t] = yt(this.download(t))), this.svgElSource && le[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
         const n = await le[t];
         this.svgElSource = n, await this.$nextTick(), this.$emit("loaded", this.$el);
       } catch (n) {
@@ -552,7 +556,7 @@ const he = S(tt), lt = ["disabled"], ot = {
     }
   }
 });
-function ht(t, n) {
+function bt(t, n) {
   const o = t.getElementsByTagName("title");
   if (o.length)
     o[0].textContent = n;
@@ -561,7 +565,7 @@ function ht(t, n) {
     e.textContent = n, t.insertBefore(e, t.firstChild);
   }
 }
-function bt(t) {
+function yt(t) {
   if (t.getIsPending)
     return t;
   let n = !0;
@@ -573,7 +577,7 @@ function bt(t) {
   );
   return o.getIsPending = () => n, o;
 }
-const yt = /* @__PURE__ */ B({
+const gt = /* @__PURE__ */ B({
   __name: "QIconSvg",
   props: {
     icon: {},
@@ -592,7 +596,7 @@ const yt = /* @__PURE__ */ B({
     function s() {
       o("unloaded");
     }
-    return (d, m) => (u(), x(y(vt), {
+    return (d, m) => (u(), x(y(ht), {
       class: V(["q-icon", "q-icon__svg", e.class]),
       src: e.bundle,
       symbol: e.icon,
@@ -601,7 +605,7 @@ const yt = /* @__PURE__ */ B({
       onUnloaded: s
     }, null, 8, ["class", "src", "symbol", "style"]));
   }
-}), ee = S(ct), gt = S(ft), _t = S(mt), kt = S(yt), wt = /* @__PURE__ */ B({
+}), ee = S(ft), _t = S(pt), kt = S(vt), wt = S(gt), $t = /* @__PURE__ */ B({
   __name: "QList",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -622,7 +626,7 @@ const yt = /* @__PURE__ */ B({
     function p() {
       s.value = !0;
     }
-    function C() {
+    function z() {
       s.value = !1;
     }
     function T(a) {
@@ -630,7 +634,7 @@ const yt = /* @__PURE__ */ B({
       if ((I = h.value) != null && I.contains(a.relatedTarget))
         return;
       let f;
-      r.value ? f = l.items.findIndex((ue) => ue[l.itemValue] === r.value) : f = F();
+      r.value ? f = l.items.findIndex((ue) => ue[l.itemValue] === r.value) : f = A();
       const g = s.value;
       O(f, g);
     }
@@ -657,7 +661,7 @@ const yt = /* @__PURE__ */ B({
           O(U(a));
           break;
         case "first":
-          O(F());
+          O(A());
           break;
         case "last":
           O(N());
@@ -673,13 +677,13 @@ const yt = /* @__PURE__ */ B({
       const a = (f = h.value) == null ? void 0 : f.querySelectorAll("li");
       return a ? Array.from(a) : [];
     }
-    function z(a) {
+    function C(a) {
       return R()[a];
     }
     function X() {
       return R().indexOf(document.activeElement);
     }
-    function F() {
+    function A() {
       const a = R(), f = a.find((g) => Y(g));
       return f ? a.indexOf(f) : -1;
     }
@@ -712,16 +716,16 @@ const yt = /* @__PURE__ */ B({
     function c(a) {
       return a ? l.items.filter((f) => f.group === a) : l.items;
     }
-    return A(
+    return F(
       () => l.modelValue,
       (a) => {
         r.value = a;
       }
     ), n({
       focusItem: O,
-      getItem: z,
+      getItem: C,
       getAdjacentItemIndex: K,
-      getFirstFocusableItemIndex: F,
+      getFirstFocusableItemIndex: A,
       getLastFocusableItemIndex: N
     }), (a, f) => (u(), x(Ve(d.value), {
       ref_key: "listRef",
@@ -731,17 +735,17 @@ const yt = /* @__PURE__ */ B({
       tabindex: l.disabled ? -1 : 0,
       onFocus: T,
       onMousedown: p,
-      onMouseup: C,
+      onMouseup: z,
       onKeydown: D
     }, {
       default: $(() => [
-        (u(!0), v(J, null, ce(m.value, (g) => (u(), x(y(Dt), {
+        (u(!0), v(J, null, ce(m.value, (g) => (u(), x(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(Et), {
+            (u(!0), v(J, null, ce(c(g.id), (I) => (u(), x(y(Dt), {
               key: I[l.itemValue],
               value: I[l.itemValue],
               label: I[l.itemLabel],
@@ -764,15 +768,15 @@ const yt = /* @__PURE__ */ B({
     }, 40, ["class", "tabindex"]));
   }
 });
-let $t = 0;
+let qt = 0;
 function ie(t) {
-  return t || `uid-${++$t}`;
+  return t || `uid-${++qt}`;
 }
-const qt = ["id", "tabindex", "aria-label", "aria-selected"], It = { class: "q-list-item__check-container" }, Lt = {
+const It = ["id", "tabindex", "aria-label", "aria-selected"], Lt = { class: "q-list-item__check-container" }, Bt = {
   check: {
     icon: "check"
   }
-}, Bt = /* @__PURE__ */ B({
+}, St = /* @__PURE__ */ B({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
@@ -780,7 +784,7 @@ const qt = ["id", "tabindex", "aria-label", "aria-selected"], It = { class: "q-l
     icon: { default: void 0 },
     selected: { type: Boolean },
     highlighted: { type: Boolean },
-    icons: { default: () => Lt },
+    icons: { default: () => Bt },
     disabled: { type: Boolean }
   },
   emits: ["select"],
@@ -813,12 +817,12 @@ const qt = ["id", "tabindex", "aria-label", "aria-selected"], It = { class: "q-l
         e.icon ? (u(), x(y(ee), re(Z({ key: 0 }, e.icon)), null, 16)) : L("", !0),
         oe(" " + M(e.label), 1)
       ]),
-      P("div", It, [
+      P("div", Lt, [
         e.selected ? (u(), x(y(ee), Z({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : L("", !0)
       ])
-    ], 42, qt));
+    ], 42, It));
   }
-}), St = ["aria-labelledby"], xt = ["id"], Vt = /* @__PURE__ */ B({
+}), xt = ["aria-labelledby"], Vt = ["id"], Et = /* @__PURE__ */ B({
   __name: "QListItemGroup",
   props: {
     title: { default: "" },
@@ -836,15 +840,15 @@ const qt = ["id", "tabindex", "aria-label", "aria-selected"], It = { class: "q-l
         id: y(o),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, M(n.title), 9, xt)) : L("", !0),
+      }, M(n.title), 9, Vt)) : L("", !0),
       b(e.$slots, "default")
-    ], 8, St));
+    ], 8, xt));
   }
-}), Ce = S(wt), Et = S(Bt), Dt = S(Vt);
-function Tt(t, n, o = "right", e) {
+}), Ce = S($t), Dt = S(St), Tt = S(Et);
+function zt(t, n, o = "right", e) {
   const l = t.getBoundingClientRect(), r = l.x + window.scrollX, s = l.y + window.scrollY, d = n == null ? void 0 : n.getBoundingClientRect(), m = (d == null ? void 0 : d.width) ?? 0, h = (d == null ? void 0 : d.height) ?? 0;
   let _ = o;
-  d && !ze(l, d, _) && (_ = Ct(l, d, _));
+  d && !Qe(l, d, _) && (_ = Ct(l, d, _));
   const p = { x: 0, y: 0, placement: _ };
   switch (_) {
     case "top":
@@ -862,7 +866,7 @@ function Tt(t, n, o = "right", e) {
   }
   return e === "anchor" && l.width >= m && (p.width = l.width), p;
 }
-function ze(t, n, o) {
+function Qe(t, n, o) {
   let e = !1, l = !1;
   switch (o) {
     case "top":
@@ -894,14 +898,14 @@ function Ct(t, n, o) {
     right: ["left", "top", "bottom"]
   };
   for (const l of e[o])
-    if (ze(t, n, l))
+    if (Qe(t, n, l))
       return l;
   return o;
 }
 function ne(t) {
   return typeof t == "string" ? document.querySelector(t) : t && "$el" in t ? t.$el : t;
 }
-const zt = ["role"], Qt = {
+const Qt = ["role"], At = {
   key: 0,
   role: "presentation",
   class: "q-overlay__arrow"
@@ -941,10 +945,10 @@ const zt = ["role"], Qt = {
       width: 0,
       placement: e.placement
     });
-    A(
+    F(
       () => e.modelValue,
       () => s.visible = e.modelValue
-    ), A(
+    ), F(
       () => s.visible,
       () => s.animating = !0
     );
@@ -974,7 +978,7 @@ const zt = ["role"], Qt = {
       if (e.anchor) {
         const a = ne(e.anchor);
         if (a) {
-          const f = Tt(
+          const f = zt(
             a,
             m.value,
             e.placement,
@@ -984,12 +988,12 @@ const zt = ["role"], Qt = {
         }
       }
     }
-    A([() => s.visible, () => e.placement], h);
+    F([() => s.visible, () => e.placement], h);
     let _;
     function p() {
       T(0);
     }
-    function C() {
+    function z() {
       T(e.delay);
     }
     function T(a) {
@@ -1015,7 +1019,7 @@ const zt = ["role"], Qt = {
     function R() {
       window.clearTimeout(Q), Q = window.setTimeout(() => s.animating = !1, 200), o("leave");
     }
-    let z;
+    let C;
     function X() {
       W(() => {
         if (!e.anchor)
@@ -1027,17 +1031,17 @@ const zt = ["role"], Qt = {
               a.addEventListener("click", p);
               break;
             case "hover":
-              a.addEventListener("mouseenter", C), a.addEventListener("mouseleave", D), a.addEventListener("focusin", p), a.addEventListener("focusout", D);
+              a.addEventListener("mouseenter", z), a.addEventListener("mouseleave", D), a.addEventListener("focusin", p), a.addEventListener("focusout", D);
               break;
           }
       });
     }
-    function F() {
+    function A() {
       W(() => {
         if (!e.anchor)
           return;
         const a = ne(e.anchor);
-        a && (window.addEventListener("scroll", h), window.addEventListener("resize", h), z = new MutationObserver(h), z.observe(a, {
+        a && (window.addEventListener("scroll", h), window.addEventListener("resize", h), C = new MutationObserver(h), C.observe(a, {
           attributes: !1,
           childList: !0,
           characterData: !0,
@@ -1055,12 +1059,12 @@ const zt = ["role"], Qt = {
             a.removeEventListener("click", p);
             break;
           case "hover":
-            a.removeEventListener("mouseenter", C), a.removeEventListener("mouseleave", D), a.removeEventListener("focusin", p), a.removeEventListener("focusout", D);
+            a.removeEventListener("mouseenter", z), a.removeEventListener("mouseleave", D), a.removeEventListener("focusin", p), a.removeEventListener("focusout", D);
             break;
         }
     }
     function H() {
-      window.removeEventListener("scroll", h), window.removeEventListener("resize", h), z == null || z.disconnect();
+      window.removeEventListener("scroll", h), window.removeEventListener("resize", h), C == null || C.disconnect();
     }
     let U;
     function K() {
@@ -1069,24 +1073,24 @@ const zt = ["role"], Qt = {
       ne(e.anchor) ? (h(), U = window.setTimeout(K, 100)) : D();
     }
     function Y() {
-      F(), e.spy && K();
+      A(), e.spy && K();
     }
     function c() {
       H(), e.spy && (clearTimeout(U), U = void 0);
     }
-    return Ae(() => {
+    return Re(() => {
       N(), c();
     }), Ee(() => {
       W(() => {
         X(), h();
       });
-    }), A(
+    }), F(
       () => s.visible,
       (a) => {
         a ? Y() : c();
       },
       { immediate: !0 }
-    ), (a, f) => (u(), x(Re, {
+    ), (a, f) => (u(), x(Oe, {
       disabled: !s.visible && !s.animating || !e.attach,
       to: e.attach
     }, [
@@ -1097,7 +1101,7 @@ const zt = ["role"], Qt = {
           { "q-overlay__underlay--blur": e.backdropBlur }
         ])
       }, null, 2)) : L("", !0),
-      j(Oe, {
+      j(Ue, {
         name: e.transition,
         appear: "",
         onEnter: O,
@@ -1116,31 +1120,31 @@ const zt = ["role"], Qt = {
               tabindex: "-1",
               role: r.value ? "dialog" : void 0
             }, a.$attrs, {
-              onKeydown: Ue(D, ["escape"]),
+              onKeydown: Me(D, ["escape"]),
               onBlur: D
             }), [
-              e.arrow ? (u(), v("div", Qt)) : L("", !0),
+              e.arrow ? (u(), v("div", At)) : L("", !0),
               b(a.$slots, "default")
-            ], 16, zt)
+            ], 16, Qt)
           ], 6)) : L("", !0)
         ]),
         _: 3
       }, 8, ["name"])
     ], 8, ["disabled", "to"]));
   }
-}), de = S(Ft), At = ["id"], Rt = {
+}), de = S(Ft), Rt = ["id"], Ot = {
   key: 0,
   class: "q-field__label"
-}, Ot = ["for"], Ut = {
+}, Ut = ["for"], Mt = {
   key: 0,
   class: "q-field__prepend"
-}, Mt = {
+}, Nt = {
   key: 1,
   class: "q-field__append"
-}, Nt = {
+}, Ht = {
   key: 1,
   class: "q-field__extras"
-}, Ht = /* @__PURE__ */ B({
+}, Kt = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QField",
   props: {
@@ -1170,11 +1174,11 @@ const zt = ["role"], Qt = {
         o.class
       ])
     }, [
-      o.label ? (u(), v("div", Rt, [
+      o.label ? (u(), v("div", Ot, [
         b(s.$slots, "label.prepend"),
         P("label", {
           for: o.for
-        }, M(o.label), 9, Ot),
+        }, M(o.label), 9, Ut),
         b(s.$slots, "label.append")
       ])) : L("", !0),
       b(s.$slots, "control", {}, () => [
@@ -1183,21 +1187,21 @@ const zt = ["role"], Qt = {
           ref_key: "fieldRef",
           ref: l
         }, s.$attrs), [
-          s.$slots.prepend ? (u(), v("div", Ut, [
+          s.$slots.prepend ? (u(), v("div", Mt, [
             b(s.$slots, "prepend")
           ])) : L("", !0),
           b(s.$slots, "default"),
-          s.$slots.append ? (u(), v("div", Mt, [
+          s.$slots.append ? (u(), v("div", Nt, [
             b(s.$slots, "append")
           ])) : L("", !0)
         ], 16)
       ]),
-      s.$slots.extras ? (u(), v("div", Nt, [
+      s.$slots.extras ? (u(), v("div", Ht, [
         b(s.$slots, "extras")
       ])) : L("", !0)
-    ], 10, At));
+    ], 10, Rt));
   }
-}), be = S(Ht), Kt = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Gt = /* @__PURE__ */ B({
+}), be = S(Kt), Gt = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Wt = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QTextField",
   props: {
@@ -1226,7 +1230,7 @@ const zt = ["role"], Qt = {
     }), _ = k(
       () => l.readonly || l.disabled ? "" : l.placeholder
     );
-    return A(
+    return F(
       () => l.modelValue,
       (p) => s.value = p
     ), n({
@@ -1235,7 +1239,7 @@ const zt = ["role"], Qt = {
         return (p = d.value) == null ? void 0 : p.fieldRef;
       }),
       inputRef: m
-    }), (p, C) => (u(), x(y(be), {
+    }), (p, z) => (u(), x(y(be), {
       ref_key: "fieldRef",
       ref: d,
       class: V(["q-text-field", l.class]),
@@ -1253,8 +1257,8 @@ const zt = ["role"], Qt = {
         b(p.$slots, "label.append")
       ]),
       default: $(() => [
-        Me(P("input", Z({
-          "onUpdate:modelValue": C[0] || (C[0] = (T) => h.value = T),
+        Ne(P("input", Z({
+          "onUpdate:modelValue": z[0] || (z[0] = (T) => h.value = T),
           ref_key: "inputRef",
           ref: m,
           id: y(r),
@@ -1266,8 +1270,8 @@ const zt = ["role"], Qt = {
           readonly: l.readonly,
           disabled: l.disabled,
           maxlength: l.maxLength
-        }, p.$attrs), null, 16, Kt), [
-          [Ne, h.value]
+        }, p.$attrs), null, 16, Gt), [
+          [He, h.value]
         ])
       ]),
       _: 2
@@ -1295,16 +1299,16 @@ const zt = ["role"], Qt = {
       } : void 0
     ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
   }
-}), Wt = S(Gt), jt = {
+}), jt = S(Wt), Pt = {
   key: 2,
   class: "q-select__loader"
-}, Pt = {
-  noData: "No data available"
 }, Xt = {
+  noData: "No data available"
+}, Yt = {
   clear: {
     icon: "close"
   }
-}, Yt = /* @__PURE__ */ B({
+}, Zt = /* @__PURE__ */ B({
   __name: "QCombobox",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -1323,15 +1327,15 @@ const zt = ["role"], Qt = {
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     size: { default: void 0 },
-    texts: { default: () => Pt },
-    icons: { default: () => Xt },
+    texts: { default: () => Xt },
+    icons: { default: () => Yt },
     class: { default: void 0 }
   },
   emits: ["update:modelValue", "update:inputValue", "before-show", "before-hide", "show", "hide"],
   setup(t, { expose: n, emit: o }) {
     const e = o, l = t, r = q(l.modelValue), s = q(!1), d = q(""), m = q(void 0), h = q(null), _ = q(null), p = q(null);
-    Ee(F);
-    const C = k(
+    Ee(A);
+    const z = k(
       () => l.clearable && !l.readonly && !l.disabled && !l.loading
     ), T = k(() => {
       var i;
@@ -1355,13 +1359,13 @@ const zt = ["role"], Qt = {
       var i;
       return d.value.length > 0 && d.value !== ((i = D.value) == null ? void 0 : i[l.itemLabel]);
     });
-    function z(i) {
-      r.value = i, F(), e("update:modelValue", i);
+    function C(i) {
+      r.value = i, A(), e("update:modelValue", i);
     }
     function X(i) {
-      z(i), H();
+      C(i), H();
     }
-    function F() {
+    function A() {
       var i;
       d.value = ((i = D.value) == null ? void 0 : i[l.itemLabel]) || "";
     }
@@ -1372,7 +1376,7 @@ const zt = ["role"], Qt = {
       s.value && (e("before-hide"), s.value = !1, m.value = void 0);
     }
     function U() {
-      z(void 0), m.value = void 0;
+      C(void 0), m.value = void 0;
     }
     function K() {
       if (N(), D.value !== void 0) {
@@ -1423,7 +1427,7 @@ const zt = ["role"], Qt = {
     }
     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(), F()) : (i.preventDefault(), i.stopPropagation());
+      !((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());
     }
     function I() {
       var i, w;
@@ -1432,7 +1436,7 @@ const zt = ["role"], Qt = {
     function ue() {
       e("show");
     }
-    function Qe() {
+    function Ae() {
       e("hide");
     }
     function ye(i) {
@@ -1440,19 +1444,19 @@ const zt = ["role"], Qt = {
       const w = (E = _.value) == null ? void 0 : E.getItem(i);
       w == null || w.scrollIntoView({ block: "nearest", inline: "start" });
     }
-    return A(
+    return F(
       () => l.modelValue,
       (i) => {
-        r.value = i, F();
+        r.value = i, A();
       }
-    ), A(m, (i) => {
+    ), F(m, (i) => {
       i !== void 0 && ye(i);
-    }), A(d, (i) => {
-      !i && C.value ? U() : s.value && l.selectionMode === "automatic" && W(c), e("update:inputValue", i);
+    }), F(d, (i) => {
+      !i && z.value ? U() : s.value && l.selectionMode === "automatic" && W(c), e("update:inputValue", i);
     }), n({
       triggerEl: h
     }), (i, w) => (u(), v(J, null, [
-      j(y(Wt), {
+      j(y(jt), {
         modelValue: d.value,
         "onUpdate:modelValue": w[0] || (w[0] = (E) => d.value = E),
         id: l.id,
@@ -1489,10 +1493,10 @@ const zt = ["role"], Qt = {
           ]),
           key: "0"
         } : void 0,
-        C.value && d.value || i.$slots.append ? {
+        z.value && d.value || i.$slots.append ? {
           name: "append",
           fn: $(() => [
-            C.value && d.value ? (u(), x(y(ee), Z({ key: 0 }, l.icons.clear, {
+            z.value && d.value ? (u(), x(y(ee), Z({ key: 0 }, l.icons.clear, {
               class: "q-combobox__clear",
               onClick: te(U, ["stop", "prevent"])
             }), null, 16)) : L("", !0),
@@ -1517,7 +1521,7 @@ const zt = ["role"], Qt = {
         offset: 4,
         anchor: h.value,
         onEnter: ue,
-        onLeave: Qe
+        onLeave: Ae
       }, {
         default: $(() => {
           var E;
@@ -1554,7 +1558,7 @@ const zt = ["role"], Qt = {
                   b(i.$slots, "item", { item: G })
                 ]),
                 _: 3
-              }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), v("div", jt, M(i.texts.noData), 1)),
+              }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (u(), v("div", Pt, M(i.texts.noData), 1)),
               b(i.$slots, "body.append")
             ], 544)
           ];
@@ -1563,13 +1567,13 @@ const zt = ["role"], Qt = {
       }, 8, ["model-value", "anchor"])
     ], 64));
   }
-}), qn = S(Yt), Zt = {
+}), In = S(Zt), Jt = {
   key: 0,
   class: "q-input-group__prepend"
-}, Jt = { key: 0 }, en = {
+}, en = { key: 0 }, tn = {
   key: 1,
   class: "q-input-group__append"
-}, tn = { key: 0 }, nn = /* @__PURE__ */ B({
+}, nn = { key: 0 }, ln = /* @__PURE__ */ B({
   __name: "QInputGroup",
   props: {
     id: { default: void 0 },
@@ -1594,15 +1598,15 @@ const zt = ["role"], Qt = {
       size: n.size
     }, {
       default: $(() => [
-        o.$slots.prepend || n.prependIcon ? (u(), v("div", Zt, [
-          n.prependIcon ? (u(), v("span", Jt, [
+        o.$slots.prepend || n.prependIcon ? (u(), v("div", Jt, [
+          n.prependIcon ? (u(), v("span", en, [
             j(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", en, [
-          n.appendIcon ? (u(), v("span", tn, [
+        o.$slots.append || n.appendIcon ? (u(), v("div", tn, [
+          n.appendIcon ? (u(), v("span", nn, [
             j(y(ee), re(ke(n.appendIcon)), null, 16)
           ])) : L("", !0),
           b(o.$slots, "append")
@@ -1611,7 +1615,7 @@ const zt = ["role"], Qt = {
       _: 3
     }, 8, ["id", "class", "label", "required", "size"]));
   }
-}), In = S(nn), ln = /* @__PURE__ */ B({
+}), Ln = S(ln), on = /* @__PURE__ */ B({
   __name: "QLineLoader",
   props: {
     class: { default: void 0 }
@@ -1622,13 +1626,13 @@ const zt = ["role"], Qt = {
       class: V(["q-line-loader", n.class])
     }, null, 2));
   }
-}), Ln = S(ln), on = {
+}), Bn = S(on), an = {
   key: 0,
   class: "q-popover__header"
-}, an = {
+}, sn = {
   key: 1,
   class: "q-popover__body"
-}, sn = ["innerHTML"], rn = { key: 1 }, dn = /* @__PURE__ */ B({
+}, rn = ["innerHTML"], dn = { key: 1 }, un = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "QPopover",
   props: {
@@ -1655,40 +1659,40 @@ const zt = ["role"], Qt = {
       placement: n.placement
     }, {
       default: $(() => [
-        n.title || o.$slots.header ? (u(), v("h3", on, [
+        n.title || o.$slots.header ? (u(), v("h3", an, [
           oe(M(n.title) + " ", 1),
           b(o.$slots, "header")
         ])) : L("", !0),
-        n.text || o.$slots.body ? (u(), v("div", an, [
+        n.text || o.$slots.body ? (u(), v("div", sn, [
           n.html ? (u(), v("span", {
             key: 0,
             innerHTML: n.text
-          }, null, 8, sn)) : (u(), v("span", rn, M(n.text), 1)),
+          }, null, 8, rn)) : (u(), v("span", dn, M(n.text), 1)),
           b(o.$slots, "body")
         ])) : L("", !0)
       ]),
       _: 3
     }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement"]));
   }
-}), Bn = S(dn), un = {
+}), Sn = S(un), cn = {
   key: 0,
   class: "q-select__value"
-}, cn = {
+}, fn = {
   key: 1,
   class: "q-select__placeholder"
-}, fn = {
+}, pn = {
   key: 0,
   class: "q-select__loader"
-}, pn = {
-  placeholder: "Choose..."
 }, mn = {
+  placeholder: "Choose..."
+}, vn = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, vn = /* @__PURE__ */ B({
+}, hn = /* @__PURE__ */ B({
   __name: "QSelect",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -1699,13 +1703,13 @@ const zt = ["role"], Qt = {
     disabled: { type: Boolean },
     required: { type: Boolean },
     loading: { type: Boolean },
-    icons: { default: () => mn },
+    icons: { default: () => vn },
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     size: { default: void 0 },
-    texts: { default: () => pn },
+    texts: { default: () => mn },
     class: { default: "" }
   },
   emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
@@ -1717,30 +1721,30 @@ const zt = ["role"], Qt = {
       }
     ), p = k(
       () => _.value ? _.value[e.itemLabel] : ""
-    ), C = k(
+    ), z = k(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
     function T(c) {
-      l.value = c, o("update:modelValue", c), z();
+      l.value = c, o("update:modelValue", c), C();
     }
     function D() {
-      C.value && T(void 0);
+      z.value && T(void 0);
     }
     function Q() {
-      e.readonly || e.disabled || (r.value ? z() : R());
+      e.readonly || e.disabled || (r.value ? C() : R());
     }
     function O(c) {
       var a, f, g;
-      !((a = h.value) != null && a.contains(c.relatedTarget)) && !((g = (f = d.value) == null ? void 0 : f.fieldRef) != null && g.contains(c.relatedTarget)) && z();
+      !((a = h.value) != null && a.contains(c.relatedTarget)) && !((g = (f = d.value) == null ? void 0 : f.fieldRef) != null && g.contains(c.relatedTarget)) && C();
     }
     function R() {
       r.value || (o("before-show"), r.value = !0);
     }
-    function z() {
+    function C() {
       r.value && (o("before-hide"), r.value = !1);
     }
     let X;
-    function F(c) {
+    function A(c) {
       if (!(!c.key || e.readonly || e.disabled)) {
         if (window.clearTimeout(X), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(c.key) && (c.preventDefault(), c.stopPropagation()), ["Enter", " "].includes(c.key) && (r.value = !0), ["Escape", "Tab"].includes(c.key) && (r.value ? r.value = !1 : e.clearable && c.key === "Escape" && D()), c.key === "Delete" && e.clearable && D(), /^[a-z]$/i.test(c.key)) {
           s.value += c.key.toLowerCase();
@@ -1774,12 +1778,12 @@ const zt = ["role"], Qt = {
       var a;
       (a = m.value) == null || a.focusItem(c);
     }
-    return A(
+    return F(
       () => e.modelValue,
       (c) => {
         l.value = c;
       }
-    ), A(
+    ), F(
       () => e.loading,
       (c) => {
         !c && r.value && W(K);
@@ -1810,18 +1814,18 @@ const zt = ["role"], Qt = {
           "aria-haspopup": "listbox",
           size: e.size,
           onClick: Q,
-          onKeydown: te(F, ["stop"])
+          onKeydown: te(A, ["stop"])
         }, pe({
           append: $(() => [
             b(c.$slots, "append"),
-            C.value && l.value ? (u(), x(y(ee), Z({ key: 0 }, e.icons.clear, {
+            z.value && l.value ? (u(), x(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))
           ]),
           default: $(() => [
-            l.value !== void 0 ? (u(), v("span", un, M(p.value), 1)) : (u(), v("span", cn, [
+            l.value !== void 0 ? (u(), v("span", cn, M(p.value), 1)) : (u(), v("span", fn, [
               !e.readonly && !e.disabled ? (u(), v(J, { key: 0 }, [
                 oe(M(c.texts.placeholder), 1)
               ], 64)) : L("", !0)
@@ -1866,10 +1870,10 @@ const zt = ["role"], Qt = {
               class: "q-select__body",
               tabindex: "-1",
               onFocusout: O,
-              onKeydown: te(F, ["stop"])
+              onKeydown: te(A, ["stop"])
             }, [
               b(c.$slots, "body.prepend"),
-              e.loading ? (u(), v("div", fn, [
+              e.loading ? (u(), v("div", pn, [
                 j(y(he), { size: 24 })
               ])) : (u(), x(y(Ce), {
                 key: 1,
@@ -1899,7 +1903,7 @@ const zt = ["role"], Qt = {
       ], 64);
     };
   }
-}), Sn = S(vn), hn = /* @__PURE__ */ B({
+}), xn = S(hn), bn = /* @__PURE__ */ B({
   __name: "QThemeProvider",
   props: {
     theme: {}
@@ -1912,7 +1916,7 @@ const zt = ["role"], Qt = {
       b(o.$slots, "default")
     ], 2));
   }
-}), xn = S(hn), bn = ["innerHTML"], yn = { key: 1 }, gn = /* @__PURE__ */ B({
+}), Vn = S(bn), yn = ["innerHTML"], gn = { key: 1 }, _n = /* @__PURE__ */ B({
   __name: "QTooltip",
   props: {
     modelValue: { type: Boolean },
@@ -1953,39 +1957,39 @@ const zt = ["role"], Qt = {
           n.html ? (u(), v("span", {
             key: 0,
             innerHTML: n.text
-          }, null, 8, bn)) : (u(), v("span", yn, M(n.text), 1))
+          }, null, 8, yn)) : (u(), v("span", gn, M(n.text), 1))
         ]),
         _: 1
       }, 8, ["model-value", "anchor", "id", "appearance", "arrow", "attach", "class", "delay", "disabled", "placement", "trigger"])
     ], 64));
   }
-}), Vn = S(gn);
+}), En = S(_n);
 export {
-  it as QButton,
-  dt as QButtonGroup,
-  $n as QButtonToggle,
-  qn as QCombobox,
+  rt as QButton,
+  ut as QButtonGroup,
+  qn as QButtonToggle,
+  In as QCombobox,
   be as QField,
   ee as QIcon,
-  gt as QIconFont,
-  _t as QIconImg,
-  kt as QIconSvg,
-  In as QInputGroup,
-  Ln as QLineLoader,
+  _t as QIconFont,
+  kt as QIconImg,
+  wt as QIconSvg,
+  Ln as QInputGroup,
+  Bn as QLineLoader,
   Ce as QList,
-  Et as QListItem,
-  Dt as QListItemGroup,
+  Dt as QListItem,
+  Tt as QListItemGroup,
   de as QOverlay,
-  Bn as QPopover,
-  Sn as QSelect,
+  Sn as QPopover,
+  xn as QSelect,
   he as QSpinnerLoader,
-  Wt as QTextField,
-  xn as QThemeProvider,
-  Vn as QTooltip,
-  wn as createFramework,
-  Ge as defaultDarkColorScheme,
+  jt as QTextField,
+  Vn as QThemeProvider,
+  En as QTooltip,
+  $n as createFramework,
+  We as defaultDarkColorScheme,
   $e as defaultLightColorScheme,
-  kn as provideTheme,
-  Ke as useTheme
+  wn as provideTheme,
+  Ge as useTheme
 };
 //# sourceMappingURL=ui.esm.js.map