@quidgest/ui 0.7.12 → 0.7.14

package/dist/ui.esm.js

@@ -1,18 +1,18 @@
-import { getCurrentInstance as De, computed as g, ref as q, provide as Ke, inject as Ee, watch as C, defineComponent as B, openBlock as c, createElementBlock as m, normalizeStyle as se, createElementVNode as K, normalizeClass as W, withModifiers as ee, createVNode as te, unref as b, createCommentVNode as S, Fragment as P, createTextVNode as de, toDisplayString as U, renderSlot as h, toRef as me, createBlock as L, withCtx as $, renderList as he, resolveDynamicComponent as Te, h as Ie, normalizeProps as ue, mergeProps as le, reactive as We, onBeforeUnmount as Ge, onMounted as ze, Teleport as je, Transition as Xe, nextTick as J, createSlots as ge, withDirectives as Ye, vModelDynamic as Pe, useAttrs as Ze, guardReactiveProps as ye } from "vue";
-function be(t) {
-  return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
+import { getCurrentInstance as Ve, computed as g, ref as q, provide as Ne, inject as De, watch as C, defineComponent as x, openBlock as d, createElementBlock as v, normalizeClass as D, normalizeStyle as ae, createElementVNode as N, withModifiers as ee, createVNode as te, unref as k, createCommentVNode as S, Fragment as Z, createTextVNode as re, toDisplayString as H, renderSlot as y, toRef as pe, createBlock as B, withCtx as $, renderList as ve, resolveDynamicComponent as Te, h as $e, normalizeProps as de, mergeProps as ne, reactive as He, onBeforeUnmount as Ke, onMounted as Ee, Teleport as We, Transition as Ge, nextTick as J, createSlots as be, withDirectives as je, vModelDynamic as Xe, guardReactiveProps as he } from "vue";
+function ye(n) {
+  return n == null ? !0 : typeof n == "string" || Array.isArray(n) ? n.length === 0 : typeof n == "object" ? Object.keys(n).length === 0 : !1;
 }
-function qe(t) {
-  return t !== null && typeof t == "object" && !Array.isArray(t);
+function Ie(n) {
+  return n !== null && typeof n == "object" && !Array.isArray(n);
 }
-function Ae(t = {}, n = {}) {
+function ze(n = {}, t = {}) {
   const o = {};
-  for (const e in t)
-    o[e] = t[e];
-  for (const e in n) {
-    const l = t[e], a = n[e];
-    if (qe(l) && qe(a)) {
-      o[e] = Ae(
+  for (const e in n)
+    o[e] = n[e];
+  for (const e in t) {
+    const l = n[e], a = t[e];
+    if (Ie(l) && Ie(a)) {
+      o[e] = ze(
         l,
         a
       );
@@ -22,33 +22,33 @@ function Ae(t = {}, n = {}) {
   }
   return o;
 }
-const _e = "q-defaults";
-function Je() {
-  const t = De();
-  if (!t)
-    throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
-  const n = t.type.name ?? t.type.__name;
+const ge = "q-defaults";
+function Ye() {
+  const n = Ve();
   if (!n)
+    throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
+  const t = n.type.name ?? n.type.__name;
+  if (!t)
     throw new Error("[Quidgest UI] Could not determine component name");
   const o = Fe();
   return g(() => {
     var e;
-    return (e = o.value) == null ? void 0 : e[n];
+    return (e = o.value) == null ? void 0 : e[t];
   });
 }
-function Ce(t) {
-  if (be(t))
+function Ce(n) {
+  if (ye(n))
     return;
-  const n = Fe(), o = q(t), e = g(() => be(o.value) ? n.value : Ae(n.value, o.value));
-  Ke(_e, e);
+  const t = Fe(), o = q(n), e = g(() => ye(o.value) ? t.value : ze(t.value, o.value));
+  Ne(ge, e);
 }
 function Fe() {
-  const t = Ee(_e, void 0);
-  if (!t)
+  const n = De(ge, void 0);
+  if (!n)
     throw new Error("[Quidgest UI] Could not find defaults instance");
-  return t;
+  return n;
 }
-const Se = {
+const qe = {
   primary: "#00a1f8",
   primaryLight: "#e5f6ff",
   primaryDark: "#0079ba",
@@ -78,7 +78,7 @@ const Se = {
   onWarning: "#fff",
   onDanger: "#fff",
   onInfo: "#fff"
-}, et = {
+}, Pe = {
   primary: "#018BD2",
   primaryLight: "#cce7f6",
   primaryDark: "#006fac",
@@ -109,109 +109,109 @@ const Se = {
   onDanger: "#fff",
   onInfo: "#fff"
 };
-function Qe(t) {
-  if (!/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t))
+function Ae(n) {
+  if (!/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(n))
     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 };
+  n.length === 4 && (n = "#" + n[1] + n[1] + n[2] + n[2] + n[3] + n[3]);
+  const t = parseInt(n.slice(1, 3), 16), o = parseInt(n.slice(3, 5), 16), e = parseInt(n.slice(5, 7), 16);
+  return { r: t, g: o, b: e };
 }
-function tt(t, n) {
-  if (n < 0 || n > 100)
+function Ze(n, t) {
+  if (t < 0 || t > 100)
     throw new Error("Amount must be in the range [0, 100]");
-  if (n === 0)
-    return t;
-  const o = Re(t), e = n / 100;
-  return o.l = o.l + e * (100 - o.l), Oe(o);
+  if (t === 0)
+    return n;
+  const o = Qe(n), e = t / 100;
+  return o.l = o.l + e * (100 - o.l), Re(o);
 }
-function nt(t, n) {
-  if (n < 0 || n > 100)
+function Je(n, t) {
+  if (t < 0 || t > 100)
     throw new Error("Amount must be in the range [0, 100]");
-  if (n === 0)
-    return t;
-  const o = Re(t), e = n / 100;
-  return o.l = o.l - e * o.l, Oe(o);
+  if (t === 0)
+    return n;
+  const o = Qe(n), e = t / 100;
+  return o.l = o.l - e * o.l, Re(o);
 }
-function Le(t) {
-  const n = t.r.toString(16).padStart(2, "0"), o = t.g.toString(16).padStart(2, "0"), e = t.b.toString(16).padStart(2, "0");
-  return `#${n}${o}${e}`;
+function Se(n) {
+  const t = n.r.toString(16).padStart(2, "0"), o = n.g.toString(16).padStart(2, "0"), e = n.b.toString(16).padStart(2, "0");
+  return `#${t}${o}${e}`;
 }
-function Re(t) {
-  const n = t.r / 255, o = t.g / 255, e = t.b / 255, l = Math.max(n, o, e), a = Math.min(n, o, e);
-  let d = 0, r;
-  const p = (l + a) / 2;
+function Qe(n) {
+  const t = n.r / 255, o = n.g / 255, e = n.b / 255, l = Math.max(t, o, e), a = Math.min(t, o, e);
+  let u = 0, i;
+  const f = (l + a) / 2;
   if (l === a)
-    d = r = 0;
+    u = i = 0;
   else {
-    const u = l - a;
-    switch (r = p > 0.5 ? u / (2 - l - a) : u / (l + a), l) {
-      case n:
-        d = (o - e) / u + (o < e ? 6 : 0);
+    const p = l - a;
+    switch (i = f > 0.5 ? p / (2 - l - a) : p / (l + a), l) {
+      case t:
+        u = (o - e) / p + (o < e ? 6 : 0);
         break;
       case o:
-        d = (e - n) / u + 2;
+        u = (e - t) / p + 2;
         break;
       case e:
-        d = (n - o) / u + 4;
+        u = (t - o) / p + 4;
         break;
     }
-    d /= 6;
+    u /= 6;
   }
   return {
-    h: Math.round(d * 360),
-    s: Math.round(r * 100),
-    l: Math.round(p * 100)
+    h: Math.round(u * 360),
+    s: Math.round(i * 100),
+    l: Math.round(f * 100)
   };
 }
-function Oe(t) {
-  const n = t.h / 360, o = t.s / 100, e = t.l / 100;
-  let l, a, d;
+function Re(n) {
+  const t = n.h / 360, o = n.s / 100, e = n.l / 100;
+  let l, a, u;
   if (o === 0)
-    l = a = d = e;
+    l = a = u = e;
   else {
-    const r = e < 0.5 ? e * (1 + o) : e + o - e * o, p = 2 * e - r;
-    l = ve(p, r, n + 1 / 3), a = ve(p, r, n), d = ve(p, r, n - 1 / 3);
+    const i = e < 0.5 ? e * (1 + o) : e + o - e * o, f = 2 * e - i;
+    l = me(f, i, t + 1 / 3), a = me(f, i, t), u = me(f, i, t - 1 / 3);
   }
   return {
     r: Math.round(l * 255),
     g: Math.round(a * 255),
-    b: Math.round(d * 255)
+    b: Math.round(u * 255)
   };
 }
-function ve(t, n, o) {
-  return o < 0 && (o += 1), o > 1 && (o -= 1), o < 1 / 6 ? t + (n - t) * 6 * o : o < 1 / 2 ? n : o < 2 / 3 ? t + (n - t) * (2 / 3 - o) * 6 : t;
+function me(n, t, o) {
+  return o < 0 && (o += 1), o > 1 && (o -= 1), o < 1 / 6 ? n + (t - n) * 6 * o : o < 1 / 2 ? t : o < 2 / 3 ? n + (t - n) * (2 / 3 - o) * 6 : n;
 }
-const ce = "q-theme";
-function xn() {
-  const t = Ee(ce);
-  if (!t)
+const ue = "q-theme";
+function $n() {
+  const n = De(ue);
+  if (!n)
     throw new Error("[Quidgest UI] Could not find theme instance");
-  return t;
+  return n;
 }
-function ot(t, n) {
+function et(n, t) {
   let o = null;
-  if (n)
-    for (const e of n.themes) {
-      const l = e.mode === "light" ? Se : et;
+  if (t)
+    for (const e of t.themes) {
+      const l = e.mode === "light" ? qe : Pe;
       if (e.colors) {
         let a;
         for (a in e.colors) {
-          const d = e.colors[a];
-          if (d && !a.startsWith("on") && !a.endsWith("Light") && !a.endsWith("Dark")) {
-            const r = Qe(d), p = `${a}Light`, u = `${a}Dark`;
-            p in e.colors || (e.colors[p] = Le(tt(r, 85))), u in e.colors || (e.colors[u] = Le(nt(r, 25)));
+          const u = e.colors[a];
+          if (u && !a.startsWith("on") && !a.endsWith("Light") && !a.endsWith("Dark")) {
+            const i = Ae(u), f = `${a}Light`, p = `${a}Dark`;
+            f in e.colors || (e.colors[f] = Se(Ze(i, 85))), p in e.colors || (e.colors[p] = Se(Je(i, 25)));
           }
         }
       }
-      e.colors = lt(l, e.colors), e.name === n.defaultTheme && (o = e);
+      e.colors = tt(l, e.colors), e.name === t.defaultTheme && (o = e);
     }
   else {
     const e = "default";
     o = {
       name: e,
       mode: "light",
-      colors: Se
-    }, n = {
+      colors: qe
+    }, t = {
       defaultTheme: e,
       themes: [o]
     };
@@ -219,57 +219,54 @@ function ot(t, n) {
   if (o) {
     const e = q({
       activeTheme: o.name,
-      themes: n.themes
+      themes: t.themes
     });
     C(
       () => e.value.activeTheme,
       (l) => {
-        const a = e.value.themes.find((d) => d.name === l);
-        a && at(a.colors);
+        const a = e.value.themes.find((u) => u.name === l);
+        a && nt(a.colors);
       },
       { immediate: !0 }
-    ), t.provide(ce, e);
+    ), n.provide(ue, e);
   }
 }
-function lt(t, n = {}) {
-  return { ...t, ...n };
+function tt(n, t = {}) {
+  return { ...n, ...t };
 }
-function at(t) {
-  let n = document.getElementById(
-    ce
+function nt(n) {
+  let t = document.getElementById(
+    ue
   );
-  n || (n = document.createElement("style"), n.type = "text/css", n.id = ce, document.head.appendChild(n));
+  t || (t = document.createElement("style"), t.type = "text/css", t.id = ue, document.head.appendChild(t));
   let o = `:root {
 `, e;
-  for (e in t) {
-    const l = t[e];
+  for (e in n) {
+    const l = n[e];
     if (l) {
-      o += `  ${Be(e)}: ${l};
+      o += `  ${Le(e)}: ${l};
 `;
-      const a = Qe(l);
-      o += `  ${Be(e)}-rgb: ${a.r} ${a.g} ${a.b};
+      const a = Ae(l);
+      o += `  ${Le(e)}-rgb: ${a.r} ${a.g} ${a.b};
 `;
     }
   }
-  o += "}", n.textContent = o;
+  o += "}", t.textContent = o;
 }
-function Be(t) {
-  return t ? `--q-theme-${t.replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase()}` : "";
+function Le(n) {
+  return n ? `--q-theme-${n.replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase()}` : "";
 }
-function Vn(t = {}) {
+function In(n = {}) {
   return { install: (o) => {
-    const e = t.components || {};
-    for (const d in e)
-      o.component(d, e[d]);
-    const l = t.directives || {};
-    for (const d in l)
-      o.directive(d, l[d]);
-    const a = t.defaults || {};
-    o.provide(_e, q(a)), ot(o, t.themes);
+    const e = n.components || {};
+    for (const a in e)
+      o.component(a, e[a]);
+    const l = n.defaults || {};
+    o.provide(ge, q(l)), et(o, n.themes);
   } };
 }
-const st = /* @__PURE__ */ K("svg", { viewBox: "25 25 50 50" }, [
-  /* @__PURE__ */ K("circle", {
+const lt = /* @__PURE__ */ N("svg", { viewBox: "25 25 50 50" }, [
+  /* @__PURE__ */ N("circle", {
     class: "path",
     cx: "50",
     cy: "50",
@@ -279,50 +276,51 @@ const st = /* @__PURE__ */ K("svg", { viewBox: "25 25 50 50" }, [
     "stroke-width": "5",
     "stroke-miterlimit": "10"
   })
-], -1), it = [
-  st
-], rt = /* @__PURE__ */ B({
+], -1), ot = [
+  lt
+], at = /* @__PURE__ */ x({
   __name: "QSpinnerLoader",
   props: {
-    size: { default: 48 }
+    size: { default: 48 },
+    class: { default: void 0 }
   },
-  setup(t) {
-    const n = t, o = g(() => ({
-      "font-size": n.size !== 48 ? `${n.size}px` : void 0
+  setup(n) {
+    const t = n, o = g(() => ({
+      "font-size": t.size !== 48 ? `${t.size}px` : void 0
     }));
-    return (e, l) => (c(), m("div", {
-      class: "q-spinner-loader",
-      style: se(o.value)
-    }, it, 4));
+    return (e, l) => (d(), v("div", {
+      class: D(["q-spinner-loader", t.class]),
+      style: ae(o.value)
+    }, ot, 6));
   }
 });
-function dt(t, n) {
+function st(n, t) {
   var o;
-  return typeof ((o = t.props) == null ? void 0 : o[n]) < "u";
+  return typeof ((o = n.props) == null ? void 0 : o[t]) < "u";
 }
-function x(t) {
-  const n = t.setup;
-  return n && (t.setup = (o, e) => {
-    const l = Je();
-    if (be(l.value))
-      return n(o, e);
-    const a = De();
+function V(n) {
+  const t = n.setup;
+  return t && (n.setup = (o, e) => {
+    const l = Ye();
+    if (ye(l.value))
+      return t(o, e);
+    const a = Ve();
     if (a === null)
-      return n(o, e);
-    const d = new Proxy(o, {
-      get(r, p) {
-        var v;
-        const u = Reflect.get(r, p), k = (v = l.value) == null ? void 0 : v[p];
-        return typeof p == "string" && !dt(a.vnode, p) ? k ?? u : u;
+      return t(o, e);
+    const u = new Proxy(o, {
+      get(i, f) {
+        var w;
+        const p = Reflect.get(i, f), m = (w = l.value) == null ? void 0 : w[f];
+        return typeof f == "string" && !st(a.vnode, f) ? m ?? p : p;
       }
     });
-    return n(d, e);
-  }), t;
+    return t(u, e);
+  }), n;
 }
-const ke = x(rt), ut = ["disabled"], ct = {
+const _e = V(at), it = ["disabled"], rt = {
   key: 0,
   class: "q-btn__spinner"
-}, ft = { class: "q-btn__content" }, pt = /* @__PURE__ */ B({
+}, dt = { class: "q-btn__content" }, ut = /* @__PURE__ */ x({
   __name: "QButton",
   props: {
     active: { type: Boolean },
@@ -334,80 +332,82 @@ const ke = x(rt), ut = ["disabled"], ct = {
     elevated: { type: Boolean },
     block: { type: Boolean },
     loading: { type: Boolean },
-    size: { default: "regular" }
+    size: { default: "regular" },
+    class: { default: void 0 }
   },
   emits: ["click"],
-  setup(t, { emit: n }) {
-    const o = n, e = t, l = g(() => e.disabled || e.loading);
-    function a(r) {
-      l.value || o("click", r);
+  setup(n, { emit: t }) {
+    const o = t, e = n, l = g(() => e.disabled || e.loading);
+    function a(i) {
+      l.value || o("click", i);
     }
-    const d = g(() => {
-      const r = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
+    const u = g(() => {
+      const i = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
       return [
         "q-btn",
         `q-btn--${e.bStyle}`,
-        r,
+        i,
         {
           "q-btn--active": e.active,
           "q-btn--borderless": e.borderless,
           "q-btn--elevated": e.elevated,
           "q-btn--block": e.block,
           "q-btn--loading": e.loading
-        }
+        },
+        e.class
       ];
     });
-    return (r, p) => (c(), m("button", {
+    return (i, f) => (d(), v("button", {
       type: "button",
-      class: W(d.value),
+      class: D(u.value),
       disabled: l.value,
       onClick: ee(a, ["stop", "prevent"])
     }, [
-      r.loading ? (c(), m("div", ct, [
-        te(b(ke), { size: 23 })
+      i.loading ? (d(), v("div", rt, [
+        te(k(_e), { size: 23 })
       ])) : S("", !0),
-      K("span", ft, [
-        r.iconOnRight ? (c(), m(P, { key: 0 }, [
-          de(U(e.label), 1)
+      N("span", dt, [
+        i.iconOnRight ? (d(), v(Z, { key: 0 }, [
+          re(H(e.label), 1)
         ], 64)) : S("", !0),
-        h(r.$slots, "default"),
-        r.iconOnRight ? S("", !0) : (c(), m(P, { key: 1 }, [
-          de(U(e.label), 1)
+        y(i.$slots, "default"),
+        i.iconOnRight ? S("", !0) : (d(), v(Z, { key: 1 }, [
+          re(H(e.label), 1)
         ], 64))
       ])
-    ], 10, ut));
+    ], 10, it));
   }
-}), mt = x(pt), vt = /* @__PURE__ */ B({
+}), ct = V(ut), ft = /* @__PURE__ */ x({
   __name: "QButtonGroup",
   props: {
     bStyle: { default: void 0 },
     disabled: { type: Boolean },
     borderless: { type: Boolean },
-    elevated: { type: Boolean }
+    elevated: { type: Boolean },
+    class: { default: void 0 }
   },
-  setup(t) {
-    const n = t;
-    Ce({
+  setup(n) {
+    const t = n;
+    return Ce({
       QButton: {
-        bStyle: me(n, "bStyle"),
-        disabled: me(n, "disabled"),
-        borderless: me(n, "borderless"),
+        bStyle: pe(t, "bStyle"),
+        disabled: pe(t, "disabled"),
+        borderless: pe(t, "borderless"),
         elevated: !1
       }
-    });
-    const o = g(() => [
-      "q-btn-group",
-      {
-        "q-btn-group--elevated": n.elevated
-      }
-    ]);
-    return (e, l) => (c(), m("div", {
-      class: W(o.value)
+    }), (o, e) => (d(), v("div", {
+      class: D([
+        "q-btn-group",
+        {
+          "q-btn-group--elevated": t.elevated
+        },
+        t.class
+      ])
     }, [
-      h(e.$slots, "default")
+      y(o.$slots, "default")
     ], 2));
   }
-}), ht = x(vt), yt = /* @__PURE__ */ B({
+}), pt = V(ft), mt = /* @__PURE__ */ x({
   __name: "QButtonToggle",
   props: {
     modelValue: {},
@@ -415,119 +415,125 @@ const ke = x(rt), ut = ["disabled"], ct = {
     disabled: { type: Boolean },
     borderless: { type: Boolean },
     elevated: { type: Boolean },
-    mandatory: { type: Boolean }
+    mandatory: { type: Boolean },
+    class: {}
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: n }) {
-    const o = n, e = t, l = q(e.modelValue);
+  setup(n, { emit: t }) {
+    const o = t, e = n, l = q(e.modelValue);
     C(
       () => e.modelValue,
-      (r) => l.value = r
+      (i) => l.value = i
     );
     const a = g({
       get() {
         return l.value;
       },
-      set(r) {
-        l.value = r, o("update:modelValue", r);
+      set(i) {
+        l.value = i, o("update:modelValue", i);
       }
     });
-    function d(r) {
-      a.value === r.key && !e.mandatory ? a.value = void 0 : a.value = r.key;
+    function u(i) {
+      a.value === i.key && !e.mandatory ? a.value = void 0 : a.value = i.key;
     }
-    return (r, p) => (c(), L(b(ht), {
+    return (i, f) => (d(), B(k(pt), {
       "b-style": "secondary",
+      class: D(e.class),
       disabled: e.disabled,
       borderless: e.borderless,
       elevated: e.elevated
     }, {
       default: $(() => [
-        (c(!0), m(P, null, he(e.options, (u) => (c(), L(b(mt), {
-          key: u.key,
-          title: u.title,
-          label: u.label,
-          active: a.value === u.key,
-          onClick: () => d(u)
+        (d(!0), v(Z, null, ve(e.options, (p) => (d(), B(k(ct), {
+          key: p.key,
+          title: p.title,
+          label: p.label,
+          active: a.value === p.key,
+          onClick: () => u(p)
         }, {
           default: $(() => [
-            h(r.$slots, u.key)
+            y(i.$slots, p.key)
           ]),
           _: 2
         }, 1032, ["title", "label", "active", "onClick"]))), 128))
       ]),
       _: 3
-    }, 8, ["disabled", "borderless", "elevated"]));
+    }, 8, ["class", "disabled", "borderless", "elevated"]));
   }
-}), Dn = x(yt), bt = /* @__PURE__ */ B({
+}), qn = V(mt), vt = /* @__PURE__ */ x({
   __name: "QIcon",
   props: {
     icon: {},
     type: { default: "svg" },
-    size: { default: void 0 }
+    size: { default: void 0 },
+    class: { default: void 0 }
   },
-  setup(t) {
-    const n = t, o = g(() => {
-      switch (n.type) {
+  setup(n) {
+    const t = n, o = g(() => {
+      switch (t.type) {
         case "svg":
-          return Bt;
+          return qt;
         case "font":
-          return St;
+          return $t;
         case "img":
-          return Lt;
+          return It;
         default:
           return;
       }
     });
-    return (e, l) => (c(), L(Te(o.value), {
-      icon: n.icon,
-      size: n.size
-    }, null, 8, ["icon", "size"]));
+    return (e, l) => (d(), B(Te(o.value), {
+      class: D(t.class),
+      icon: t.icon,
+      size: t.size
+    }, null, 8, ["class", "icon", "size"]));
   }
-}), gt = /* @__PURE__ */ B({
+}), ht = /* @__PURE__ */ x({
   __name: "QIconFont",
   props: {
     icon: {},
     library: { default: "" },
     variant: { default: "" },
-    size: { default: void 0 }
+    size: { default: void 0 },
+    class: { default: void 0 }
   },
-  setup(t) {
-    const n = t, o = g(() => n.variant ? `${n.library}-${n.variant}` : n.library), e = g(() => n.library && n.icon ? `${n.library}-${n.icon}` : n.icon), l = g(() => ({
-      "font-size": n.size !== void 0 ? `${n.size}px` : void 0
+  setup(n) {
+    const t = n, o = g(() => t.variant ? `${t.library}-${t.variant}` : t.library), e = g(() => t.library && t.icon ? `${t.library}-${t.icon}` : t.icon), l = g(() => ({
+      "font-size": t.size !== void 0 ? `${t.size}px` : void 0
     }));
-    return (a, d) => (c(), m("i", {
-      class: W(["q-icon", "q-icon__font", o.value, e.value]),
-      style: se(l.value)
+    return (a, u) => (d(), v("i", {
+      class: D(["q-icon", "q-icon__font", o.value, e.value, t.class]),
+      style: ae(l.value)
     }, null, 6));
   }
-}), _t = ["src"], kt = /* @__PURE__ */ B({
+}), yt = ["src"], bt = /* @__PURE__ */ x({
   __name: "QIconImg",
   props: {
     icon: {},
-    size: {}
+    size: {},
+    class: {}
   },
-  setup(t) {
-    const n = t, o = g(() => ({
-      "font-size": n.size !== void 0 ? `${n.size}px` : void 0
+  setup(n) {
+    const t = n, o = g(() => ({
+      "font-size": t.size !== void 0 ? `${t.size}px` : void 0
     }));
-    return (e, l) => (c(), m("img", {
-      src: n.icon,
-      class: "q-icon q-icon__img",
-      style: se(o.value)
-    }, null, 12, _t));
+    return (e, l) => (d(), v("img", {
+      src: t.icon,
+      class: D(["q-icon", "q-icon__img", t.class]),
+      style: ae(o.value)
+    }, null, 14, yt));
   }
-}), ae = {}, wt = B({
+}), oe = {}, gt = x({
   name: "InlineSvg",
   emits: ["loaded", "unloaded", "error"],
   inheritAttrs: !1,
   render() {
     if (!this.svgElSource)
       return null;
-    const t = this.getSvgContent(this.svgElSource);
-    if (!t)
-      return Ie("div", this.$attrs);
-    const n = {};
-    return this.copySvgAttrs(n, this.svgElSource), this.copySvgAttrs(n, t), this.copyComponentAttrs(n, this.$attrs), n.innerHTML = t.innerHTML, Ie("svg", n);
+    const n = this.getSvgContent(this.svgElSource);
+    if (!n)
+      return $e("div", this.$attrs);
+    const t = {};
+    return this.copySvgAttrs(t, this.svgElSource), this.copySvgAttrs(t, n), this.copyComponentAttrs(t, this.$attrs), t.innerHTML = n.innerHTML, $e("svg", t);
   },
   props: {
     src: {
@@ -561,30 +567,30 @@ const ke = x(rt), ut = ["disabled"], ct = {
     await this.getSource(this.src);
   },
   methods: {
-    copySvgAttrs(t, n) {
-      const o = n.attributes;
+    copySvgAttrs(n, t) {
+      const o = t.attributes;
       if (o)
         for (const e of o)
-          t[e.name] = e.value;
+          n[e.name] = e.value;
     },
-    copyComponentAttrs(t, n) {
-      for (const [o, e] of Object.entries(n))
-        e !== !1 && e !== null && e !== void 0 && (t[o] = e);
+    copyComponentAttrs(n, t) {
+      for (const [o, e] of Object.entries(t))
+        e !== !1 && e !== null && e !== void 0 && (n[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)), $t(t, this.title)), t);
+    getSvgContent(n) {
+      return this.symbol && (n = n.getElementById(this.symbol), !n) ? null : (this.transformSource && (n = n.cloneNode(!0), n = this.transformSource(n)), this.title && (this.transformSource || (n = n.cloneNode(!0)), _t(n, this.title)), n);
     },
     /**
      * Get svgElSource
      * @param {string} src
      */
-    async getSource(t) {
+    async getSource(n) {
       try {
-        ae[t] || (ae[t] = It(this.download(t))), this.svgElSource && ae[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
-        const n = await ae[t];
-        this.svgElSource = n, await this.$nextTick(), this.$emit("loaded", this.$el);
-      } catch (n) {
-        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete ae[t], this.$emit("error", n);
+        oe[n] || (oe[n] = kt(this.download(n))), this.svgElSource && oe[n].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
+        const t = await oe[n];
+        this.svgElSource = t, await this.$nextTick(), this.$emit("loaded", this.$el);
+      } catch (t) {
+        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete oe[n], this.$emit("error", t);
       }
     },
     /**
@@ -592,71 +598,72 @@ const ke = x(rt), ut = ["disabled"], ct = {
      * @param {string} url
      * @returns {PromiseWithState<Element>}
      */
-    async download(t) {
-      const n = await fetch(t);
-      if (!n.ok)
+    async download(n) {
+      const t = await fetch(n);
+      if (!t.ok)
         throw new Error("Error loading SVG");
-      const o = await n.text(), a = new DOMParser().parseFromString(o, "text/xml").getElementsByTagName("svg")[0];
+      const o = await t.text(), a = new DOMParser().parseFromString(o, "text/xml").getElementsByTagName("svg")[0];
       if (!a)
         throw new Error("Loaded file is not a valid SVG");
       return a;
     }
   },
   watch: {
-    src(t) {
-      this.getSource(t);
+    src(n) {
+      this.getSource(n);
     }
   }
 });
-function $t(t, n) {
-  const o = t.getElementsByTagName("title");
+function _t(n, t) {
+  const o = n.getElementsByTagName("title");
   if (o.length)
-    o[0].textContent = n;
+    o[0].textContent = t;
   else {
     const e = document.createElementNS("http://www.w3.org/2000/svg", "title");
-    e.textContent = n, t.insertBefore(e, t.firstChild);
+    e.textContent = t, n.insertBefore(e, n.firstChild);
   }
 }
-function It(t) {
-  if (t.getIsPending)
-    return t;
-  let n = !0;
-  const o = t.then(
-    (e) => (n = !1, e),
+function kt(n) {
+  if (n.getIsPending)
+    return n;
+  let t = !0;
+  const o = n.then(
+    (e) => (t = !1, e),
     (e) => {
-      throw n = !1, e;
+      throw t = !1, e;
     }
   );
-  return o.getIsPending = () => n, o;
+  return o.getIsPending = () => t, o;
 }
-const qt = /* @__PURE__ */ B({
+const wt = /* @__PURE__ */ x({
   __name: "QIconSvg",
   props: {
     icon: {},
     bundle: { default: "" },
-    size: { default: void 0 }
+    size: { default: void 0 },
+    class: { default: void 0 }
   },
   emits: ["loaded", "unloaded"],
-  setup(t, { emit: n }) {
-    const o = n, e = t, l = g(() => ({
+  setup(n, { emit: t }) {
+    const o = t, e = n, l = g(() => ({
       "font-size": e.size !== void 0 ? `${e.size}px` : void 0
     }));
-    function a(r) {
-      o("loaded", r);
+    function a(i) {
+      o("loaded", i);
     }
-    function d() {
+    function u() {
       o("unloaded");
     }
-    return (r, p) => (c(), L(b(wt), {
-      class: "q-icon q-icon__svg",
+    return (i, f) => (d(), B(k(gt), {
+      class: D(["q-icon", "q-icon__svg", e.class]),
       src: e.bundle,
       symbol: e.icon,
-      style: se(l.value),
+      style: ae(l.value),
       onLoaded: a,
-      onUnloaded: d
-    }, null, 8, ["src", "symbol", "style"]));
+      onUnloaded: u
+    }, null, 8, ["class", "src", "symbol", "style"]));
   }
-}), Y = x(bt), St = x(gt), Lt = x(kt), Bt = x(qt), xt = /* @__PURE__ */ B({
+}), P = V(vt), $t = V(ht), It = V(bt), qt = V(wt), St = /* @__PURE__ */ x({
   __name: "QList",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -665,148 +672,149 @@ const qt = /* @__PURE__ */ B({
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    class: { default: void 0 }
   },
   emits: ["update:modelValue"],
-  setup(t, { expose: n, emit: o }) {
-    const e = o, l = t, a = q(l.modelValue), d = q(!1), r = g(() => p.value.length > 1 ? "div" : "ul"), p = g(() => l.groups.length ? l.groups : [{ id: "", title: "" }]), u = q(null);
-    function k(s) {
-      a.value = s, e("update:modelValue", s);
+  setup(n, { expose: t, emit: o }) {
+    const e = o, l = n, a = q(l.modelValue), u = q(!1), i = g(() => f.value.length > 1 ? "div" : "ul"), f = g(() => l.groups.length ? l.groups : [{ id: "", title: "" }]), p = q(null);
+    function m(r) {
+      a.value = r, e("update:modelValue", r);
     }
-    function v() {
-      d.value = !0;
+    function w() {
+      u.value = !0;
     }
-    function Q() {
-      d.value = !1;
+    function z() {
+      u.value = !1;
     }
-    function N(s) {
-      var w;
-      if ((w = u.value) != null && w.contains(s.relatedTarget))
+    function F(r) {
+      var L;
+      if ((L = p.value) != null && L.contains(r.relatedTarget))
         return;
-      let f;
-      a.value ? f = l.items.findIndex((oe) => oe[l.itemValue] === a.value) : f = R();
-      const I = d.value;
-      F(f, I);
+      let h;
+      a.value ? h = l.items.findIndex((G) => G[l.itemValue] === a.value) : h = Q();
+      const I = u.value;
+      O(h, I);
     }
-    function z(s) {
-      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && s.preventDefault(), s.key) {
+    function A(r) {
+      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(r.key) && r.preventDefault(), r.key) {
         case "ArrowDown":
-          E("next");
+          R("next");
           break;
         case "ArrowUp":
-          E("prev");
+          R("prev");
           break;
         case "Home":
-          E("first");
+          R("first");
           break;
         case "End":
-          E("last");
+          R("last");
           break;
       }
     }
-    function E(s) {
-      switch (s) {
+    function R(r) {
+      switch (r) {
         case "next":
         case "prev":
-          F(G(s));
+          O(X(r));
           break;
         case "first":
-          F(R());
+          O(Q());
           break;
         case "last":
-          F(A());
+          O(M());
           break;
       }
     }
-    function F(s, f = !1) {
-      var w;
-      (w = D()[s]) == null || w.focus({ preventScroll: f });
+    function O(r, h = !1) {
+      var L;
+      (L = E()[r]) == null || L.focus({ preventScroll: h });
     }
-    function D() {
-      var f;
-      const s = (f = u.value) == null ? void 0 : f.querySelectorAll("li");
-      return s ? Array.from(s) : [];
+    function E() {
+      var h;
+      const r = (h = p.value) == null ? void 0 : h.querySelectorAll("li");
+      return r ? Array.from(r) : [];
     }
-    function Z(s) {
-      return D()[s];
+    function K(r) {
+      return E()[r];
     }
-    function H() {
-      return D().indexOf(document.activeElement);
+    function j() {
+      return E().indexOf(document.activeElement);
     }
-    function R() {
-      const s = D(), f = s.find((I) => y(I));
-      return f ? s.indexOf(f) : -1;
+    function Q() {
+      const r = E(), h = r.find((I) => b(I));
+      return h ? r.indexOf(h) : -1;
     }
-    function A() {
-      const s = D(), f = [...s].reverse().find((I) => y(I));
-      return f ? s.indexOf(f) : -1;
-    }
-    function O(s, f, I) {
-      return f === "prev" && s === 0 || f === "next" && s === I.length - 1;
-    }
-    function G(s) {
-      const f = H();
-      return M(f, s);
-    }
-    function M(s, f) {
-      const I = D();
-      if (O(s, f, I))
-        return s;
-      let w = s + (f === "next" ? 1 : -1);
-      for (; !y(I[w]); ) {
-        if (O(w, f, I))
-          return s;
-        w += f === "next" ? 1 : -1;
+    function M() {
+      const r = E(), h = [...r].reverse().find((I) => b(I));
+      return h ? r.indexOf(h) : -1;
+    }
+    function U(r, h, I) {
+      return h === "prev" && r === 0 || h === "next" && r === I.length - 1;
+    }
+    function X(r) {
+      const h = j();
+      return W(h, r);
+    }
+    function W(r, h) {
+      const I = E();
+      if (U(r, h, I))
+        return r;
+      let L = r + (h === "next" ? 1 : -1);
+      for (; !b(I[L]); ) {
+        if (U(L, h, I))
+          return r;
+        L += h === "next" ? 1 : -1;
       }
-      return w;
+      return L;
     }
-    function y(s) {
-      return s.tabIndex === -2;
+    function b(r) {
+      return r.tabIndex === -2;
     }
-    function T(s) {
-      return s ? l.items.filter((f) => f.group === s) : l.items;
+    function c(r) {
+      return r ? l.items.filter((h) => h.group === r) : l.items;
     }
     return C(
       () => l.modelValue,
-      (s) => {
-        a.value = s;
+      (r) => {
+        a.value = r;
       }
-    ), n({
-      focusItem: F,
-      getItem: Z,
-      getAdjacentItemIndex: M,
-      getFirstFocusableItemIndex: R,
-      getLastFocusableItemIndex: A
-    }), (s, f) => (c(), L(Te(r.value), {
+    ), t({
+      focusItem: O,
+      getItem: K,
+      getAdjacentItemIndex: W,
+      getFirstFocusableItemIndex: Q,
+      getLastFocusableItemIndex: M
+    }), (r, h) => (d(), B(Te(i.value), {
       ref_key: "listRef",
-      ref: u,
-      class: W(["q-list", { "q-list--disabled": l.disabled }]),
+      ref: p,
+      class: D(["q-list", { "q-list--disabled": l.disabled }, l.class]),
       role: "listbox",
       tabindex: l.disabled ? -1 : 0,
-      onFocus: N,
-      onMousedown: v,
-      onMouseup: Q,
-      onKeydown: z
+      onFocus: F,
+      onMousedown: w,
+      onMouseup: z,
+      onKeydown: A
     }, {
       default: $(() => [
-        (c(!0), m(P, null, he(p.value, (I) => (c(), L(b(Rt), {
+        (d(!0), v(Z, null, ve(f.value, (I) => (d(), B(k(Ft), {
           key: I.id,
           title: I.title,
           disabled: I.disabled
         }, {
           default: $(() => [
-            (c(!0), m(P, null, he(T(I.id), (w) => (c(), L(b(Qt), {
-              key: w[l.itemValue],
-              value: w[l.itemValue],
-              label: w[l.itemLabel],
-              icon: w.icon,
-              disabled: l.disabled || w.disabled,
-              highlighted: l.highlighted === w[l.itemValue],
-              selected: a.value === w[l.itemValue],
-              onSelect: k
+            (d(!0), v(Z, null, ve(c(I.id), (L) => (d(), B(k(Ct), {
+              key: L[l.itemValue],
+              value: L[l.itemValue],
+              label: L[l.itemLabel],
+              icon: L.icon,
+              disabled: l.disabled || L.disabled,
+              highlighted: l.highlighted === L[l.itemValue],
+              selected: a.value === L[l.itemValue],
+              onSelect: m
             }, {
               default: $(() => [
-                h(s.$slots, "item", { item: w })
+                y(r.$slots, "item", { item: L })
               ]),
               _: 2
             }, 1032, ["value", "label", "icon", "disabled", "highlighted", "selected"]))), 128))
@@ -818,15 +826,15 @@ const qt = /* @__PURE__ */ B({
     }, 40, ["class", "tabindex"]));
   }
 });
-let Vt = 0;
-function ne() {
-  return `uid-${++Vt}`;
+let Lt = 0;
+function le() {
+  return `uid-${++Lt}`;
 }
-const Dt = ["id", "tabindex", "aria-label", "aria-selected"], Et = { class: "q-list-item__check-container" }, Tt = {
+const Bt = ["id", "tabindex", "aria-label", "aria-selected"], xt = { class: "q-list-item__check-container" }, Vt = {
   check: {
     icon: "check"
   }
-}, zt = /* @__PURE__ */ B({
+}, Dt = /* @__PURE__ */ x({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
@@ -834,23 +842,23 @@ const Dt = ["id", "tabindex", "aria-label", "aria-selected"], Et = { class: "q-l
     icon: { default: void 0 },
     selected: { type: Boolean },
     highlighted: { type: Boolean },
-    icons: { default: () => Tt },
+    icons: { default: () => Vt },
     disabled: { type: Boolean }
   },
   emits: ["select"],
-  setup(t, { emit: n }) {
-    const o = n, e = t, l = ne();
+  setup(n, { emit: t }) {
+    const o = t, e = n, l = le();
     function a() {
       e.disabled || o("select", e.value);
     }
-    function d(r) {
-      r.key === "Tab" && a(), (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.stopPropagation(), a());
+    function u(i) {
+      i.key === "Tab" && a(), (i.key === "Enter" || i.key === " ") && (i.preventDefault(), i.stopPropagation(), a());
     }
-    return (r, p) => (c(), m("li", {
-      id: b(l),
+    return (i, f) => (d(), v("li", {
+      id: k(l),
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
-      class: W([
+      class: D([
         "q-list-item",
         {
           "q-list-item--disabled": e.disabled,
@@ -860,87 +868,87 @@ const Dt = ["id", "tabindex", "aria-label", "aria-selected"], Et = { class: "q-l
       ]),
       "aria-label": e.label,
       "aria-selected": e.disabled ? void 0 : e.selected,
-      onKeydown: d,
+      onKeydown: u,
       onClick: ee(a, ["stop", "prevent"])
     }, [
-      h(r.$slots, "default", {}, () => [
-        e.icon ? (c(), L(b(Y), ue(le({ key: 0 }, e.icon)), null, 16)) : S("", !0),
-        de(" " + U(e.label), 1)
+      y(i.$slots, "default", {}, () => [
+        e.icon ? (d(), B(k(P), de(ne({ key: 0 }, e.icon)), null, 16)) : S("", !0),
+        re(" " + H(e.label), 1)
       ]),
-      K("div", Et, [
-        e.selected ? (c(), L(b(Y), le({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : S("", !0)
+      N("div", xt, [
+        e.selected ? (d(), B(k(P), ne({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : S("", !0)
       ])
-    ], 42, Dt));
+    ], 42, Bt));
   }
-}), At = ["aria-labelledby"], Ct = ["id"], Ft = /* @__PURE__ */ B({
+}), Tt = ["aria-labelledby"], Et = ["id"], zt = /* @__PURE__ */ x({
   __name: "QListItemGroup",
   props: {
     title: { default: "" },
     disabled: { type: Boolean }
   },
-  setup(t) {
-    const n = t, o = ne();
-    return (e, l) => (c(), m("ul", {
+  setup(n) {
+    const t = n, o = le();
+    return (e, l) => (d(), v("ul", {
       class: "q-list-item-group",
       role: "group",
-      "aria-labelledby": n.title ? b(o) : void 0
+      "aria-labelledby": t.title ? k(o) : void 0
     }, [
-      n.title ? (c(), m("li", {
+      t.title ? (d(), v("li", {
         key: 0,
-        id: b(o),
+        id: k(o),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, U(n.title), 9, Ct)) : S("", !0),
-      h(e.$slots, "default")
-    ], 8, At));
+      }, H(t.title), 9, Et)) : S("", !0),
+      y(e.$slots, "default")
+    ], 8, Tt));
   }
-}), Me = x(xt), Qt = x(zt), Rt = x(Ft);
-function Ot(t, n, o = "right", e) {
-  const l = t.getBoundingClientRect(), a = l.x + window.scrollX, d = l.y + window.scrollY, r = n == null ? void 0 : n.getBoundingClientRect(), p = (r == null ? void 0 : r.width) ?? 0, u = (r == null ? void 0 : r.height) ?? 0;
-  let k = o;
-  r && !Ue(l, r, k) && (k = Mt(l, r, k));
-  const v = { x: 0, y: 0, placement: k };
-  switch (k) {
+}), Me = V(St), Ct = V(Dt), Ft = V(zt);
+function At(n, t, o = "right", e) {
+  const l = n.getBoundingClientRect(), a = l.x + window.scrollX, u = l.y + window.scrollY, i = t == null ? void 0 : t.getBoundingClientRect(), f = (i == null ? void 0 : i.width) ?? 0, p = (i == null ? void 0 : i.height) ?? 0;
+  let m = o;
+  i && !Oe(l, i, m) && (m = Qt(l, i, m));
+  const w = { x: 0, y: 0, placement: m };
+  switch (m) {
     case "top":
-      e === "anchor" ? v.x = a : v.x = a + (l.width - p) / 2, v.y = d - u;
+      e === "anchor" ? w.x = a : w.x = a + (l.width - f) / 2, w.y = u - p;
       break;
     case "bottom":
-      e === "anchor" ? v.x = a : v.x = a + (l.width - p) / 2, v.y = d + l.height;
+      e === "anchor" ? w.x = a : w.x = a + (l.width - f) / 2, w.y = u + l.height;
       break;
     case "left":
-      v.x = a - p, v.y = d + l.height / 2 - u / 2;
+      w.x = a - f, w.y = u + l.height / 2 - p / 2;
       break;
     case "right":
-      v.x = a + l.width, v.y = d + l.height / 2 - u / 2;
+      w.x = a + l.width, w.y = u + l.height / 2 - p / 2;
       break;
   }
-  return e === "anchor" && l.width >= p && (v.width = l.width), v;
+  return e === "anchor" && l.width >= f && (w.width = l.width), w;
 }
-function Ue(t, n, o) {
+function Oe(n, t, o) {
   let e = !1, l = !1;
   switch (o) {
     case "top":
-      e = Ve(t, n), l = t.top > n.height;
+      e = xe(n, t), l = n.top > t.height;
       break;
     case "bottom":
-      e = Ve(t, n), l = window.innerHeight - t.top - t.height > n.height;
+      e = xe(n, t), l = window.innerHeight - n.top - n.height > t.height;
       break;
     case "left":
-      e = t.left > n.width, l = xe(t, n);
+      e = n.left > t.width, l = Be(n, t);
       break;
     case "right":
-      e = window.innerWidth - t.left - t.width > n.width, l = xe(t, n);
+      e = window.innerWidth - n.left - n.width > t.width, l = Be(n, t);
       break;
   }
   return e && l;
 }
-function xe(t, n) {
-  return window.innerHeight - t.top - t.height / 2 > n.height / 2 && t.top + t.height / 2 > n.height / 2;
+function Be(n, t) {
+  return window.innerHeight - n.top - n.height / 2 > t.height / 2 && n.top + n.height / 2 > t.height / 2;
 }
-function Ve(t, n) {
-  return window.innerWidth - t.left - t.width / 2 > n.width / 2 && t.left + t.width / 2 > n.width / 2;
+function xe(n, t) {
+  return window.innerWidth - n.left - n.width / 2 > t.width / 2 && n.left + n.width / 2 > t.width / 2;
 }
-function Mt(t, n, o) {
+function Qt(n, t, o) {
   const e = {
     top: ["bottom", "left", "right"],
     bottom: ["top", "left", "right"],
@@ -948,17 +956,17 @@ function Mt(t, n, o) {
     right: ["left", "top", "bottom"]
   };
   for (const l of e[o])
-    if (Ue(t, n, l))
+    if (Oe(n, t, l))
       return l;
   return o;
 }
-function re(t) {
-  return typeof t == "string" ? document.querySelector(t) : t && "$el" in t ? t.$el : t;
+function ie(n) {
+  return typeof n == "string" ? document.querySelector(n) : n && "$el" in n ? n.$el : n;
 }
-const Ut = {
+const Rt = {
   key: 0,
   class: "q-overlay__arrow"
-}, Nt = /* @__PURE__ */ B({
+}, Mt = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QOverlay",
   props: {
@@ -967,7 +975,6 @@ const Ut = {
     appearance: { default: "regular" },
     arrow: { type: Boolean },
     attach: { default: "body" },
-    contentClasses: { default: () => [] },
     delay: { default: 500 },
     disabled: { type: Boolean },
     offset: { default: 8 },
@@ -975,23 +982,24 @@ const Ut = {
     spy: { type: Boolean },
     transition: { default: "fade" },
     trigger: { default: "click" },
-    width: { default: "auto" }
+    width: { default: "auto" },
+    class: { default: void 0 }
   },
   emits: ["enter", "leave"],
-  setup(t, { emit: n }) {
-    const o = n, e = t, l = g(() => [
+  setup(n, { emit: t }) {
+    const o = t, e = n, l = g(() => [
       "q-overlay",
       `q-overlay--${a.placement}`,
       { "q-overlay--inverted": e.appearance === "inverted" },
-      ...e.contentClasses
-    ]), a = We({
+      e.class
+    ]), a = He({
       visible: e.modelValue,
       animating: !1,
       top: 0,
       left: 0,
       width: 0,
       placement: e.placement
-    }), d = g(() => a.visible && !e.disabled);
+    }), u = g(() => a.visible && !e.disabled);
     C(
       () => e.modelValue,
       () => a.visible = e.modelValue
@@ -999,131 +1007,131 @@ const Ut = {
       () => a.visible,
       () => a.animating = !0
     );
-    const r = g(() => {
-      let y = 0, T = 0;
+    const i = g(() => {
+      let b = 0, c = 0;
       switch (a.placement) {
         case "top":
-          T = -(e.offset || 0);
+          c = -(e.offset || 0);
           break;
         case "bottom":
-          T = e.offset || 0;
+          c = e.offset || 0;
           break;
         case "left":
-          y = -(e.offset || 0);
+          b = -(e.offset || 0);
           break;
         case "right":
-          y = e.offset || 0;
+          b = e.offset || 0;
           break;
       }
-      const s = {
-        top: `${a.top + T}px`,
-        left: `${a.left + y}px`
+      const r = {
+        top: `${a.top + c}px`,
+        left: `${a.left + b}px`
       };
-      return a.width !== void 0 && ["top", "bottom"].includes(a.placement) && (s.width = `${a.width}px`), s;
-    }), p = q(null);
-    function u() {
-      const y = re(e.anchor);
-      if (y) {
-        const T = Ot(y, p.value, e.placement, e.width);
-        a.left = T.x, a.top = T.y, a.width = T.width, a.placement = T.placement;
+      return a.width !== void 0 && ["top", "bottom"].includes(a.placement) && (r.width = `${a.width}px`), r;
+    }), f = q(null);
+    function p() {
+      const b = ie(e.anchor);
+      if (b) {
+        const c = At(b, f.value, e.placement, e.width);
+        a.left = c.x, a.top = c.y, a.width = c.width, a.placement = c.placement;
       }
     }
-    C([() => d.value, () => e.placement], u);
-    let k;
-    function v() {
-      const y = e.trigger === "hover" ? e.delay : 0;
-      k || (k = window.setTimeout(() => a.visible = !0, y));
+    C([() => u.value, () => e.placement], p);
+    let m;
+    function w() {
+      const b = e.trigger === "hover" ? e.delay : 0;
+      m || (m = window.setTimeout(() => a.visible = !0, b));
     }
-    function Q() {
-      clearTimeout(k), k = void 0, a.visible = !1;
+    function z() {
+      clearTimeout(m), m = void 0, a.visible = !1;
     }
-    function N() {
-      d.value ? Q() : v();
+    function F() {
+      u.value ? z() : w();
     }
-    let z;
-    function E() {
+    let A;
+    function R() {
       o("enter");
     }
-    function F() {
-      window.clearTimeout(z), z = window.setTimeout(() => a.animating = !1, 200), o("leave");
+    function O() {
+      window.clearTimeout(A), A = window.setTimeout(() => a.animating = !1, 200), o("leave");
     }
-    let D;
-    function Z() {
+    let E;
+    function K() {
       J(() => {
-        const y = re(e.anchor);
-        if (y)
+        const b = ie(e.anchor);
+        if (b)
           switch (e.trigger) {
             case "click":
-              y.addEventListener("click", N);
+              b.addEventListener("click", F);
               break;
             case "hover":
-              y.addEventListener("mouseenter", v), y.addEventListener("mouseleave", Q);
+              b.addEventListener("mouseenter", w), b.addEventListener("mouseleave", z);
               break;
           }
       });
     }
-    function H() {
+    function j() {
       J(() => {
-        const y = re(e.anchor);
-        y && (window.addEventListener("scroll", u), window.addEventListener("resize", u), D = new MutationObserver(u), D.observe(y, {
+        const b = ie(e.anchor);
+        b && (window.addEventListener("scroll", p), window.addEventListener("resize", p), E = new MutationObserver(p), E.observe(b, {
           attributes: !1,
           childList: !0,
           characterData: !0,
           subtree: !0
-        }), u());
+        }), p());
       });
     }
-    function R() {
-      window.removeEventListener("scroll", u), window.removeEventListener("resize", u), D == null || D.disconnect();
+    function Q() {
+      window.removeEventListener("scroll", p), window.removeEventListener("resize", p), E == null || E.disconnect();
     }
-    let A;
-    function O() {
-      re(e.anchor) ? (u(), A = window.setTimeout(O, 100)) : Q();
+    let M;
+    function U() {
+      ie(e.anchor) ? (p(), M = window.setTimeout(U, 100)) : z();
     }
-    function G() {
-      H(), e.spy && O();
+    function X() {
+      j(), e.spy && U();
     }
-    function M() {
-      R(), e.spy && (clearTimeout(A), A = void 0);
+    function W() {
+      Q(), e.spy && (clearTimeout(M), M = void 0);
     }
-    return Ge(M), ze(u), C(
+    return Ke(W), Ee(p), C(
       () => e.disabled,
-      (y) => {
-        y || Z();
+      (b) => {
+        b || K();
       },
       { immediate: !0 }
     ), C(
-      () => d.value,
-      (y) => {
-        y ? G() : M();
+      () => u.value,
+      (b) => {
+        b ? X() : W();
       },
       { immediate: !0 }
-    ), (y, T) => (c(), m(P, null, [
-      h(y.$slots, "trigger", { open: d.value }),
-      d.value || a.animating ? (c(), L(je, {
+    ), (b, c) => (d(), v(Z, null, [
+      y(b.$slots, "trigger", { open: u.value }),
+      u.value || a.animating ? (d(), B(We, {
         key: 0,
         disabled: !e.attach,
         to: e.attach
       }, [
-        te(Xe, {
+        te(Ge, {
           name: e.transition,
           appear: "",
-          onEnter: E,
-          onLeave: F
+          onEnter: R,
+          onLeave: O
         }, {
           default: $(() => [
-            d.value ? (c(), m("div", {
+            u.value ? (d(), v("div", {
               key: 0,
-              class: W(l.value),
-              style: se(r.value)
+              class: D(l.value),
+              style: ae(i.value)
             }, [
-              K("div", {
-                class: W(["q-overlay__content"]),
+              N("div", {
+                class: "q-overlay__content",
                 ref_key: "overlay",
-                ref: p
+                ref: f
               }, [
-                e.arrow ? (c(), m("div", Ut)) : S("", !0),
-                h(y.$slots, "default")
+                e.arrow ? (d(), v("div", Rt)) : S("", !0),
+                y(b.$slots, "default")
               ], 512)
             ], 6)) : S("", !0)
           ]),
@@ -1132,77 +1140,80 @@ const Ut = {
       ], 8, ["disabled", "to"])) : S("", !0)
     ], 64));
   }
-}), fe = x(Nt), Ht = ["id"], Kt = {
+}), ce = V(Mt), Ot = ["id"], Ut = {
   key: 0,
   class: "q-field__label"
-}, Wt = ["for"], Gt = {
+}, Nt = ["for"], Ht = {
   key: 0,
   class: "q-field__prepend"
-}, jt = {
+}, Kt = {
   key: 1,
   class: "q-field__append"
-}, Xt = {
+}, Wt = {
   key: 1,
   class: "q-field__extras"
-}, Yt = /* @__PURE__ */ B({
+}, Gt = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QField",
   props: {
-    id: { default: () => ne() },
+    id: { default: () => le() },
     label: { default: "" },
     size: { default: "medium" },
     readonly: { type: Boolean },
     disabled: { type: Boolean },
-    required: { type: Boolean }
+    required: { type: Boolean },
+    class: { default: void 0 }
   },
-  setup(t, { expose: n }) {
-    const o = t, e = q(null), l = g(() => o.required && !o.readonly && !o.disabled);
-    return n({
+  setup(n, { expose: t }) {
+    const o = n, e = q(null), l = g(() => o.required && !o.readonly && !o.disabled);
+    return t({
       fieldRef: e
-    }), (a, d) => (c(), m("div", {
+    }), (a, u) => (d(), v("div", {
       id: o.id,
-      class: W([
+      class: D([
         "q-field",
         `q-field--${o.size}`,
         {
           "q-field--readonly": o.readonly,
           "q-field--disabled": o.disabled,
           "q-field--required": l.value
-        }
+        },
+        o.class
       ])
     }, [
-      o.label ? (c(), m("div", Kt, [
-        h(a.$slots, "label.prepend"),
-        K("label", {
+      o.label ? (d(), v("div", Ut, [
+        y(a.$slots, "label.prepend"),
+        N("label", {
           for: o.id
-        }, U(o.label), 9, Wt),
-        h(a.$slots, "label.append")
+        }, H(o.label), 9, Nt),
+        y(a.$slots, "label.append")
       ])) : S("", !0),
-      h(a.$slots, "control", {}, () => [
-        K("div", le({
+      y(a.$slots, "control", {}, () => [
+        N("div", ne({
           class: "q-field__control",
           ref_key: "fieldRef",
           ref: e
         }, a.$attrs), [
-          a.$slots.prepend ? (c(), m("div", Gt, [
-            h(a.$slots, "prepend")
+          a.$slots.prepend ? (d(), v("div", Ht, [
+            y(a.$slots, "prepend")
           ])) : S("", !0),
-          h(a.$slots, "default"),
-          a.$slots.append ? (c(), m("div", jt, [
-            h(a.$slots, "append")
+          y(a.$slots, "default"),
+          a.$slots.append ? (d(), v("div", Kt, [
+            y(a.$slots, "append")
           ])) : S("", !0)
         ], 16)
       ]),
-      a.$slots.extras ? (c(), m("div", Xt, [
-        h(a.$slots, "extras")
+      a.$slots.extras ? (d(), v("div", Wt, [
+        y(a.$slots, "extras")
       ])) : S("", !0)
-    ], 10, Ht));
+    ], 10, Ot));
   }
-}), we = x(Yt), Pt = ["type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Zt = /* @__PURE__ */ B({
+}), ke = V(Gt), jt = ["type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Xt = /* @__PURE__ */ x({
+  inheritAttrs: !1,
   __name: "QTextField",
   props: {
     modelValue: { default: "" },
-    id: { default: () => ne() },
+    id: { default: () => le() },
     placeholder: { default: "" },
     label: { default: "" },
     size: { default: void 0 },
@@ -1211,106 +1222,103 @@ const Ut = {
     disabled: { type: Boolean },
     required: { type: Boolean },
     role: { default: void 0 },
-    type: { default: "text" }
+    type: { default: "text" },
+    class: { default: void 0 }
   },
   emits: ["update:modelValue"],
-  setup(t, { expose: n, emit: o }) {
-    const e = o, l = t, a = q(l.modelValue), d = q(null), r = q(null), p = g({
+  setup(n, { expose: t, emit: o }) {
+    const e = o, l = n, a = q(l.modelValue), u = q(null), i = q(null), f = g({
       get() {
         return a.value;
       },
-      set(u) {
-        a.value = u, e("update:modelValue", u);
+      set(m) {
+        a.value = m, e("update:modelValue", m);
       }
-    });
+    }), p = g(
+      () => l.readonly || l.disabled ? "" : l.placeholder
+    );
     return C(
       () => l.modelValue,
-      (u) => a.value = u
-    ), n({
+      (m) => a.value = m
+    ), t({
       fieldRef: g(() => {
-        var u;
-        return (u = d.value) == null ? void 0 : u.fieldRef;
+        var m;
+        return (m = u.value) == null ? void 0 : m.fieldRef;
       }),
-      inputRef: r
-    }), (u, k) => (c(), L(b(we), {
+      inputRef: i
+    }), (m, w) => (d(), B(k(ke), {
       ref_key: "fieldRef",
-      ref: d,
-      class: "q-text-field",
+      ref: u,
+      class: D(["q-text-field", l.class]),
       id: l.id,
       label: l.label,
       size: l.size,
       readonly: l.readonly,
       disabled: l.disabled,
       required: l.required
-    }, ge({
+    }, be({
       "label.prepend": $(() => [
-        h(u.$slots, "label.prepend")
+        y(m.$slots, "label.prepend")
       ]),
       "label.append": $(() => [
-        h(u.$slots, "label.append")
+        y(m.$slots, "label.append")
       ]),
       default: $(() => [
-        Ye(K("input", {
-          "onUpdate:modelValue": k[0] || (k[0] = (v) => p.value = v),
+        je(N("input", ne({
+          "onUpdate:modelValue": w[0] || (w[0] = (z) => f.value = z),
           ref_key: "inputRef",
-          ref: r,
+          ref: i,
           class: "q-text-field__input",
           type: l.type,
           role: l.role,
           required: l.required,
-          placeholder: l.placeholder,
+          placeholder: p.value,
           readonly: l.readonly,
           disabled: l.disabled,
           maxlength: l.maxLength
-        }, null, 8, Pt), [
-          [Pe, p.value]
+        }, m.$attrs), null, 16, jt), [
+          [Xe, f.value]
         ])
       ]),
       _: 2
     }, [
-      u.$slots.prepend ? {
+      m.$slots.prepend ? {
         name: "prepend",
         fn: $(() => [
-          h(u.$slots, "prepend")
+          y(m.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
-      u.$slots.append ? {
+      m.$slots.append ? {
         name: "append",
         fn: $(() => [
-          h(u.$slots, "append")
+          y(m.$slots, "append")
         ]),
         key: "1"
       } : void 0,
-      u.$slots.extras ? {
+      m.$slots.extras ? {
         name: "extras",
         fn: $(() => [
-          h(u.$slots, "extras")
+          y(m.$slots, "extras")
         ]),
         key: "2"
       } : void 0
-    ]), 1032, ["id", "label", "size", "readonly", "disabled", "required"]));
+    ]), 1032, ["class", "id", "label", "size", "readonly", "disabled", "required"]));
   }
-}), Jt = x(Zt);
-function Ne() {
-  const t = Ze(), n = {};
-  return typeof t.class == "string" ? n.class = t.class.split(" ") : Array.isArray(t.class) ? n.class = t.class : n.class = [], n;
-}
-const en = {
+}), Yt = V(Xt), Pt = {
   key: 2,
   class: "q-select__loader"
-}, tn = {
+}, Zt = {
   noData: "No data available"
-}, nn = {
+}, Jt = {
   clear: {
     icon: "close"
   }
-}, on = /* @__PURE__ */ B({
-  inheritAttrs: !1,
+}, en = /* @__PURE__ */ x({
   __name: "QCombobox",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
-    id: { default: () => ne() },
+    id: { default: () => le() },
     placeholder: { default: "" },
     selectionMode: { default: "automatic" },
     filterMode: { default: "builtin" },
@@ -1325,241 +1333,242 @@ const en = {
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     size: { default: void 0 },
-    texts: { default: () => tn },
-    icons: { default: () => nn }
+    texts: { default: () => Zt },
+    icons: { default: () => Jt },
+    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, a = Ne(), d = q(l.modelValue), r = q(!1), p = q(""), u = q(void 0), k = q(null), v = q(null), Q = q(null);
-    ze(A);
-    const N = g(
+  setup(n, { expose: t, emit: o }) {
+    const e = o, l = n, a = q(l.modelValue), u = q(!1), i = q(""), f = q(void 0), p = q(null), m = q(null), w = q(null);
+    Ee(Q);
+    const z = g(
       () => l.clearable && !l.readonly && !l.disabled && !l.loading
-    ), z = g(() => {
-      var i;
-      return l.filterMode === "manual" || !Z.value ? l.items : (i = l.items) == null ? void 0 : i.filter(
-        (_) => _[l.itemLabel].toLowerCase().startsWith(p.value.toLowerCase())
+    ), F = g(() => {
+      var s;
+      return l.filterMode === "manual" || !E.value ? l.items : (s = l.items) == null ? void 0 : s.filter(
+        (_) => _[l.itemLabel].toLowerCase().startsWith(i.value.toLowerCase())
       );
-    }), E = g(() => {
-      var i;
-      return (i = l.items) == null ? void 0 : i.find((_) => _[l.itemValue] === d.value);
-    }), F = g(() => {
-      const i = u.value;
-      if (i !== void 0 && z.value[i])
-        return z.value[i];
-    }), D = g(() => {
+    }), A = g(() => {
+      var s;
+      return (s = l.items) == null ? void 0 : s.find((_) => _[l.itemValue] === a.value);
+    }), R = g(() => {
+      const s = f.value;
+      if (s !== void 0 && F.value[s])
+        return F.value[s];
+    }), O = g(() => {
       var _;
-      if (u.value === void 0)
+      if (f.value === void 0)
         return;
-      const i = (_ = v.value) == null ? void 0 : _.getItem(u.value);
-      return i == null ? void 0 : i.id;
-    }), Z = g(() => {
-      var i;
-      return p.value.length > 0 && p.value !== ((i = E.value) == null ? void 0 : i[l.itemLabel]);
+      const s = (_ = m.value) == null ? void 0 : _.getItem(f.value);
+      return s == null ? void 0 : s.id;
+    }), E = g(() => {
+      var s;
+      return i.value.length > 0 && i.value !== ((s = A.value) == null ? void 0 : s[l.itemLabel]);
     });
-    function H(i) {
-      d.value = i, A(), e("update:modelValue", i);
+    function K(s) {
+      a.value = s, Q(), e("update:modelValue", s);
     }
-    function R(i) {
-      H(i), G();
+    function j(s) {
+      K(s), U();
     }
-    function A() {
-      var i;
-      p.value = ((i = E.value) == null ? void 0 : i[l.itemLabel]) || "";
+    function Q() {
+      var s;
+      i.value = ((s = A.value) == null ? void 0 : s[l.itemLabel]) || "";
     }
-    function O() {
-      r.value || l.readonly || l.disabled || (e("before-show"), r.value = !0);
+    function M() {
+      u.value || l.readonly || l.disabled || (e("before-show"), u.value = !0);
     }
-    function G() {
-      r.value && (e("before-hide"), r.value = !1, u.value = void 0);
+    function U() {
+      u.value && (e("before-hide"), u.value = !1, f.value = void 0);
     }
-    function M() {
-      H(void 0), u.value = void 0;
+    function X() {
+      K(void 0), f.value = void 0;
     }
-    function y() {
-      if (O(), E.value !== void 0) {
-        const i = z.value.indexOf(E.value);
-        i !== -1 && J(() => $e(i));
+    function W() {
+      if (M(), A.value !== void 0) {
+        const s = F.value.indexOf(A.value);
+        s !== -1 && J(() => we(s));
       }
     }
-    function T(i) {
-      var _, V;
-      if (!(!i.key || l.readonly || l.disabled))
-        if (["ArrowDown", "ArrowUp", "Home", "End"].includes(i.key) && (i.preventDefault(), i.stopPropagation()), i.key === "Escape")
-          r.value ? G() : M();
-        else if (["ArrowDown", "ArrowUp"].includes(i.key))
-          r.value ? J(() => {
-            if (u.value === void 0)
-              s();
+    function b(s) {
+      var _, T;
+      if (!(!s.key || l.readonly || l.disabled))
+        if (["ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && (s.preventDefault(), s.stopPropagation()), s.key === "Escape")
+          u.value ? U() : X();
+        else if (["ArrowDown", "ArrowUp"].includes(s.key))
+          u.value ? J(() => {
+            if (f.value === void 0)
+              c();
             else {
-              const j = i.key === "ArrowDown" ? "next" : "prev";
-              I(u.value, j);
+              const Y = s.key === "ArrowDown" ? "next" : "prev";
+              h(f.value, Y);
             }
-          }) : (O(), J(() => {
-            i.key === "ArrowDown" ? s() : f();
+          }) : (M(), J(() => {
+            s.key === "ArrowDown" ? c() : r();
           }));
-        else if (i.key === "Enter") {
-          if (F.value === void 0)
+        else if (s.key === "Enter") {
+          if (R.value === void 0)
             return;
-          R(F.value[l.itemValue]);
+          j(R.value[l.itemValue]);
         } else
-          i.key === "Home" ? u.value = (_ = v.value) == null ? void 0 : _.getFirstFocusableItemIndex() : i.key === "End" ? u.value = (V = v.value) == null ? void 0 : V.getLastFocusableItemIndex() : (/^[a-z]$/i.test(i.key) || i.key === "Backspace") && O();
+          s.key === "Home" ? f.value = (_ = m.value) == null ? void 0 : _.getFirstFocusableItemIndex() : s.key === "End" ? f.value = (T = m.value) == null ? void 0 : T.getLastFocusableItemIndex() : (/^[a-z]$/i.test(s.key) || s.key === "Backspace") && M();
     }
-    function s() {
-      var i, _;
-      if (d.value !== void 0) {
-        const V = z.value.findIndex(
-          (j) => j[l.itemValue] === d.value
+    function c() {
+      var s, _;
+      if (a.value !== void 0) {
+        const T = F.value.findIndex(
+          (Y) => Y[l.itemValue] === a.value
         );
-        V === -1 ? u.value = (i = v.value) == null ? void 0 : i.getFirstFocusableItemIndex() : u.value = V;
+        T === -1 ? f.value = (s = m.value) == null ? void 0 : s.getFirstFocusableItemIndex() : f.value = T;
       } else
-        u.value = (_ = v.value) == null ? void 0 : _.getFirstFocusableItemIndex();
+        f.value = (_ = m.value) == null ? void 0 : _.getFirstFocusableItemIndex();
     }
-    function f() {
-      var i;
-      u.value = (i = v.value) == null ? void 0 : i.getLastFocusableItemIndex();
+    function r() {
+      var s;
+      f.value = (s = m.value) == null ? void 0 : s.getLastFocusableItemIndex();
     }
-    function I(i, _) {
-      var V;
-      u.value = (V = v.value) == null ? void 0 : V.getAdjacentItemIndex(i, _);
+    function h(s, _) {
+      var T;
+      f.value = (T = m.value) == null ? void 0 : T.getAdjacentItemIndex(s, _);
     }
-    function w(i) {
-      var _, V, j;
-      !((_ = Q.value) != null && _.contains(i.relatedTarget)) && !((j = (V = k.value) == null ? void 0 : V.fieldRef) != null && j.contains(i.relatedTarget)) ? (G(), A()) : (i.preventDefault(), i.stopPropagation());
+    function I(s) {
+      var _, T, Y;
+      !((_ = w.value) != null && _.contains(s.relatedTarget)) && !((Y = (T = p.value) == null ? void 0 : T.fieldRef) != null && Y.contains(s.relatedTarget)) ? (U(), Q()) : (s.preventDefault(), s.stopPropagation());
     }
-    function oe() {
-      var i, _;
-      (_ = (i = k.value) == null ? void 0 : i.inputRef) == null || _.focus();
+    function L() {
+      var s, _;
+      (_ = (s = p.value) == null ? void 0 : s.inputRef) == null || _.focus();
     }
-    function X() {
+    function G() {
       e("show");
     }
-    function He() {
+    function Ue() {
       e("hide");
     }
-    function $e(i) {
-      var V;
-      const _ = (V = v.value) == null ? void 0 : V.getItem(i);
+    function we(s) {
+      var T;
+      const _ = (T = m.value) == null ? void 0 : T.getItem(s);
       _ == null || _.scrollIntoView({ block: "nearest", inline: "start" });
     }
     return C(
       () => l.modelValue,
-      (i) => {
-        d.value = i, A();
+      (s) => {
+        a.value = s, Q();
       }
-    ), C(u, (i) => {
-      i !== void 0 && $e(i);
-    }), C(p, (i) => {
-      !i && N.value ? M() : r.value && l.selectionMode === "automatic" && J(s), e("update:inputValue", i);
-    }), n({
-      triggerEl: k
-    }), (i, _) => {
-      var V, j;
-      return c(), m(P, null, [
-        te(b(Jt), {
-          modelValue: p.value,
-          "onUpdate:modelValue": _[0] || (_[0] = (ie) => p.value = ie),
+    ), C(f, (s) => {
+      s !== void 0 && we(s);
+    }), C(i, (s) => {
+      !s && z.value ? X() : u.value && l.selectionMode === "automatic" && J(c), e("update:inputValue", s);
+    }), t({
+      triggerEl: p
+    }), (s, _) => {
+      var T, Y;
+      return d(), v(Z, null, [
+        te(k(Yt), {
+          modelValue: i.value,
+          "onUpdate:modelValue": _[0] || (_[0] = (se) => i.value = se),
           id: l.id,
           label: l.label,
           required: l.required,
           ref_key: "triggerEl",
-          ref: k,
+          ref: p,
           role: "combobox",
           placeholder: l.placeholder,
-          class: W(["q-combobox", ...b(a).class]),
+          class: D(["q-combobox", l.class]),
           readonly: l.readonly,
           disabled: l.disabled,
-          "aria-expanded": r.value,
+          "aria-expanded": u.value,
           "aria-haspopup": "listbox",
           "aria-autocomplete": "list",
-          "aria-activedescendant": D.value,
+          "aria-activedescendant": O.value,
           size: l.size,
-          onClick: y,
-          onFocusout: w,
-          onKeydown: ee(T, ["stop"])
-        }, ge({
+          onClick: W,
+          onFocusout: I,
+          onKeydown: ee(b, ["stop"])
+        }, be({
           "label.prepend": $(() => [
-            h(i.$slots, "label.prepend")
+            y(s.$slots, "label.prepend")
           ]),
           "label.append": $(() => [
-            h(i.$slots, "label.append")
+            y(s.$slots, "label.append")
           ]),
           _: 2
         }, [
-          i.$slots.prepend ? {
+          s.$slots.prepend ? {
             name: "prepend",
             fn: $(() => [
-              h(i.$slots, "prepend")
+              y(s.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
-          N.value && p.value || i.$slots.append ? {
+          z.value && i.value || s.$slots.append ? {
             name: "append",
             fn: $(() => [
-              N.value && p.value ? (c(), L(b(Y), le({ key: 0 }, l.icons.clear, {
+              z.value && i.value ? (d(), B(k(P), ne({ key: 0 }, l.icons.clear, {
                 class: "q-combobox__clear",
-                onClick: ee(M, ["stop", "prevent"])
+                onClick: ee(X, ["stop", "prevent"])
               }), null, 16)) : S("", !0),
-              h(i.$slots, "append")
+              y(s.$slots, "append")
             ]),
             key: "1"
           } : void 0,
-          i.$slots.extras ? {
+          s.$slots.extras ? {
             name: "extras",
             fn: $(() => [
-              h(i.$slots, "extras")
+              y(s.$slots, "extras")
             ]),
             key: "2"
           } : void 0
         ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "aria-expanded", "aria-activedescendant", "size"]),
-        (V = k.value) != null && V.fieldRef ? (c(), L(b(fe), {
+        (T = p.value) != null && T.fieldRef ? (d(), B(k(ce), {
           key: 0,
-          "model-value": r.value,
+          "model-value": u.value,
           spy: "",
           trigger: "manual",
           placement: "bottom",
           width: "anchor",
           offset: 4,
-          anchor: (j = k.value) == null ? void 0 : j.fieldRef,
-          onEnter: X,
-          onLeave: He
+          anchor: (Y = p.value) == null ? void 0 : Y.fieldRef,
+          onEnter: G,
+          onLeave: Ue
         }, {
           default: $(() => {
-            var ie;
+            var se;
             return [
-              K("div", {
+              N("div", {
                 ref_key: "contentRef",
-                ref: Q,
+                ref: w,
                 class: "q-select__body",
-                onFocusout: w
+                onFocusout: I
               }, [
-                h(i.$slots, "body.prepend"),
-                l.loading ? (c(), L(b(ke), {
+                y(s.$slots, "body.prepend"),
+                l.loading ? (d(), B(k(_e), {
                   key: 0,
                   class: "q-select__loader",
                   size: 24
-                })) : z.value.length ? (c(), L(b(Me), {
+                })) : F.value.length ? (d(), B(k(Me), {
                   key: 1,
                   ref_key: "listRef",
-                  ref: v,
+                  ref: m,
                   class: "q-select__items",
-                  modelValue: d.value,
+                  modelValue: a.value,
                   "onUpdate:modelValue": [
-                    _[1] || (_[1] = (pe) => d.value = pe),
-                    R
+                    _[1] || (_[1] = (fe) => a.value = fe),
+                    j
                   ],
-                  highlighted: (ie = F.value) == null ? void 0 : ie[l.itemValue],
-                  items: z.value,
-                  groups: i.groups,
+                  highlighted: (se = R.value) == null ? void 0 : se[l.itemValue],
+                  items: F.value,
+                  groups: s.groups,
                   "item-label": l.itemLabel,
                   "item-value": l.itemValue,
-                  onMouseup: oe
+                  onMouseup: L
                 }, {
-                  item: $(({ item: pe }) => [
-                    h(i.$slots, "item", { item: pe })
+                  item: $(({ item: fe }) => [
+                    y(s.$slots, "item", { item: fe })
                   ]),
                   _: 3
-                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (c(), m("div", en, U(i.texts.noData), 1)),
-                h(i.$slots, "body.append")
+                }, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (d(), v("div", Pt, H(s.texts.noData), 1)),
+                y(s.$slots, "body.append")
               ], 544)
             ];
           }),
@@ -1568,73 +1577,78 @@ const en = {
       ], 64);
     };
   }
-}), En = x(on), ln = {
+}), Sn = V(en), tn = { class: "q-input-group" }, nn = {
   key: 0,
   class: "q-input-group__prepend"
-}, an = { key: 0 }, sn = {
+}, ln = { key: 0 }, on = {
   key: 1,
   class: "q-input-group__append"
-}, rn = { key: 0 }, dn = /* @__PURE__ */ B({
+}, an = { key: 0 }, sn = /* @__PURE__ */ x({
   __name: "QInputGroup",
   props: {
-    id: { default: () => ne() },
+    id: { default: () => le() },
     label: { default: "" },
     readonly: { type: Boolean },
     disabled: { type: Boolean },
     required: { type: Boolean },
     prependIcon: { default: void 0 },
     appendIcon: { default: void 0 },
-    size: { default: "large" }
+    size: { default: "large" },
+    class: { default: void 0 }
   },
-  setup(t) {
-    const n = t;
+  setup(n) {
+    const t = n;
     return Ce({
       QField: {
         size: "block"
       }
-    }), (o, e) => (c(), L(b(we), {
-      class: "q-input-group",
-      id: n.id,
-      label: n.label,
-      readonly: n.readonly,
-      disabled: n.disabled,
-      required: n.required,
-      size: n.size
+    }), (o, e) => (d(), B(k(ke), {
+      id: t.id,
+      class: D(t.class),
+      label: t.label,
+      readonly: t.readonly,
+      disabled: t.disabled,
+      required: t.required,
+      size: t.size
     }, {
-      default: $(() => [
-        o.$slots.prepend || n.prependIcon ? (c(), m("div", ln, [
-          n.prependIcon ? (c(), m("span", an, [
-            te(b(Y), ue(ye(n.prependIcon)), null, 16)
-          ])) : S("", !0),
-          h(o.$slots, "prepend")
-        ])) : S("", !0),
-        h(o.$slots, "default"),
-        o.$slots.append || n.appendIcon ? (c(), m("div", sn, [
-          n.appendIcon ? (c(), m("span", rn, [
-            te(b(Y), ue(ye(n.appendIcon)), null, 16)
+      control: $(() => [
+        N("div", tn, [
+          o.$slots.prepend || t.prependIcon ? (d(), v("div", nn, [
+            t.prependIcon ? (d(), v("span", ln, [
+              te(k(P), de(he(t.prependIcon)), null, 16)
+            ])) : S("", !0),
+            y(o.$slots, "prepend")
           ])) : S("", !0),
-          h(o.$slots, "append")
-        ])) : S("", !0)
+          y(o.$slots, "default"),
+          o.$slots.append || t.appendIcon ? (d(), v("div", on, [
+            t.appendIcon ? (d(), v("span", an, [
+              te(k(P), de(he(t.appendIcon)), null, 16)
+            ])) : S("", !0),
+            y(o.$slots, "append")
+          ])) : S("", !0)
+        ])
       ]),
       _: 3
-    }, 8, ["id", "label", "readonly", "disabled", "required", "size"]));
+    }, 8, ["id", "class", "label", "readonly", "disabled", "required", "size"]));
   }
-}), Tn = x(dn), un = (t, n) => {
-  const o = t.__vccOpts || t;
-  for (const [e, l] of n)
-    o[e] = l;
-  return o;
-}, cn = {}, fn = { class: "q-line-loader" };
-function pn(t, n) {
-  return c(), m("div", fn);
-}
-const mn = /* @__PURE__ */ un(cn, [["render", pn]]), zn = x(mn), vn = {
+}), Ln = V(sn), rn = /* @__PURE__ */ x({
+  __name: "QLineLoader",
+  props: {
+    class: { default: void 0 }
+  },
+  setup(n) {
+    const t = n;
+    return (o, e) => (d(), v("div", {
+      class: D(["q-line-loader", t.class])
+    }, null, 2));
+  }
+}), Bn = V(rn), dn = {
   key: 0,
   class: "q-popover__header"
-}, hn = {
+}, un = {
   key: 1,
   class: "q-popover__body"
-}, yn = ["innerHTML"], bn = { key: 1 }, gn = /* @__PURE__ */ B({
+}, cn = ["innerHTML"], fn = { key: 1 }, pn = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "QPopover",
   props: {
@@ -1649,244 +1663,244 @@ const mn = /* @__PURE__ */ un(cn, [["render", pn]]), zn = x(mn), vn = {
     text: {},
     title: {}
   },
-  setup(t) {
-    const n = t;
-    return (o, e) => (c(), L(b(fe), {
-      "model-value": n.modelValue,
+  setup(n) {
+    const t = n;
+    return (o, e) => (d(), B(k(ce), {
+      "model-value": t.modelValue,
+      class: "q-popover",
       trigger: "click",
-      anchor: n.anchor,
-      arrow: n.arrow,
-      attach: n.attach,
-      "content-classes": ["q-popover"],
-      disabled: n.disabled,
-      placement: n.placement,
-      spy: n.spy
+      anchor: t.anchor,
+      arrow: t.arrow,
+      attach: t.attach,
+      disabled: t.disabled,
+      placement: t.placement,
+      spy: t.spy
     }, {
       default: $(() => [
-        n.title || o.$slots.header ? (c(), m("h3", vn, [
-          de(U(n.title) + " ", 1),
-          h(o.$slots, "header")
+        t.title || o.$slots.header ? (d(), v("h3", dn, [
+          re(H(t.title) + " ", 1),
+          y(o.$slots, "header")
         ])) : S("", !0),
-        n.text || o.$slots.body ? (c(), m("div", hn, [
-          n.html ? (c(), m("span", {
+        t.text || o.$slots.body ? (d(), v("div", un, [
+          t.html ? (d(), v("span", {
             key: 0,
-            innerHTML: n.text
-          }, null, 8, yn)) : (c(), m("span", bn, U(n.text), 1)),
-          h(o.$slots, "body")
+            innerHTML: t.text
+          }, null, 8, cn)) : (d(), v("span", fn, H(t.text), 1)),
+          y(o.$slots, "body")
         ])) : S("", !0)
       ]),
       _: 3
     }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement", "spy"]));
   }
-}), An = x(gn), _n = {
+}), xn = V(pn), mn = {
   key: 0,
   class: "q-select__value"
-}, kn = {
+}, vn = {
   key: 1,
   class: "q-select__placeholder"
-}, wn = {
+}, hn = {
   placeholder: "Choose..."
-}, $n = {
+}, yn = {
   chevron: {
     icon: "chevron-down"
   },
   clear: {
     icon: "close"
   }
-}, In = /* @__PURE__ */ B({
-  inheritAttrs: !1,
+}, bn = /* @__PURE__ */ x({
   __name: "QSelect",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
-    id: { default: () => ne() },
+    id: { default: () => le() },
     label: { default: "" },
     clearable: { type: Boolean },
     readonly: { type: Boolean },
     disabled: { type: Boolean },
     required: { type: Boolean },
     loading: { type: Boolean },
-    icons: { default: () => $n },
+    icons: { default: () => yn },
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     size: { default: void 0 },
-    texts: { default: () => wn }
+    texts: { default: () => hn },
+    class: { default: "" }
   },
   emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
-  setup(t, { emit: n }) {
-    const o = n, e = t, l = Ne(), a = q(e.modelValue), d = q(!1), r = q(""), p = q(null), u = q(null), k = q(null), v = g(
+  setup(n, { emit: t }) {
+    const o = t, e = n, l = q(e.modelValue), a = q(!1), u = q(""), i = q(null), f = q(null), p = q(null), m = g(
       () => {
-        var s;
-        return (s = e.items) == null ? void 0 : s.find((f) => f[e.itemValue] === a.value);
+        var c;
+        return (c = e.items) == null ? void 0 : c.find((r) => r[e.itemValue] === l.value);
       }
-    ), Q = g(
-      () => v.value ? v.value[e.itemLabel] : ""
-    ), N = g(
+    ), w = g(
+      () => m.value ? m.value[e.itemLabel] : ""
+    ), z = g(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
-    function z(s) {
-      a.value = s, o("update:modelValue", s), H();
+    function F(c) {
+      l.value = c, o("update:modelValue", c), K();
     }
-    function E() {
-      N.value && z(void 0);
+    function A() {
+      z.value && F(void 0);
     }
-    function F() {
-      e.readonly || e.disabled || (d.value ? H() : Z());
-    }
-    function D(s) {
-      var f, I, w;
-      !((f = k.value) != null && f.contains(s.relatedTarget)) && !((w = (I = p.value) == null ? void 0 : I.fieldRef) != null && w.contains(s.relatedTarget)) && H();
-    }
-    function Z() {
-      d.value || (o("before-show"), d.value = !0);
-    }
-    function H() {
-      d.value && (o("before-hide"), d.value = !1);
-    }
-    let R;
-    function A(s) {
-      if (!(!s.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(R), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && (s.preventDefault(), s.stopPropagation()), ["Enter", " "].includes(s.key) && (d.value = !0), ["Escape", "Tab"].includes(s.key) && (d.value ? d.value = !1 : e.clearable && s.key === "Escape" && E()), s.key === "Delete" && e.clearable && E(), /^[a-z]$/i.test(s.key)) {
-          r.value += s.key.toLowerCase();
-          for (let f = 0; f < e.items.length; f++)
-            if (e.items[f][e.itemLabel].toLowerCase().startsWith(r.value)) {
-              T(f);
+    function R() {
+      e.readonly || e.disabled || (a.value ? K() : E());
+    }
+    function O(c) {
+      var r, h, I;
+      !((r = p.value) != null && r.contains(c.relatedTarget)) && !((I = (h = i.value) == null ? void 0 : h.fieldRef) != null && I.contains(c.relatedTarget)) && K();
+    }
+    function E() {
+      a.value || (o("before-show"), a.value = !0);
+    }
+    function K() {
+      a.value && (o("before-hide"), a.value = !1);
+    }
+    let j;
+    function Q(c) {
+      if (!(!c.key || e.readonly || e.disabled)) {
+        if (window.clearTimeout(j), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(c.key) && (c.preventDefault(), c.stopPropagation()), ["Enter", " "].includes(c.key) && (a.value = !0), ["Escape", "Tab"].includes(c.key) && (a.value ? a.value = !1 : e.clearable && c.key === "Escape" && A()), c.key === "Delete" && e.clearable && A(), /^[a-z]$/i.test(c.key)) {
+          u.value += c.key.toLowerCase();
+          for (let r = 0; r < e.items.length; r++)
+            if (e.items[r][e.itemLabel].toLowerCase().startsWith(u.value)) {
+              b(r);
               break;
             }
         }
-        R = window.setTimeout(function() {
-          r.value = "";
+        j = window.setTimeout(function() {
+          u.value = "";
         }, 500);
       }
     }
-    function O() {
-      var s;
-      e.loading ? (s = k.value) == null || s.focus() : y(), o("show");
+    function M() {
+      var c;
+      e.loading ? (c = p.value) == null || c.focus() : W(), o("show");
     }
-    function G() {
-      M(), o("hide");
+    function U() {
+      X(), o("hide");
     }
-    function M() {
-      var s, f;
-      (f = (s = p.value) == null ? void 0 : s.fieldRef) == null || f.focus();
+    function X() {
+      var c, r;
+      (r = (c = i.value) == null ? void 0 : c.fieldRef) == null || r.focus();
     }
-    function y() {
-      var s;
-      (s = u.value) == null || s.$el.focus();
+    function W() {
+      var c;
+      (c = f.value) == null || c.$el.focus();
     }
-    function T(s) {
-      var f;
-      (f = u.value) == null || f.focusItem(s);
+    function b(c) {
+      var r;
+      (r = f.value) == null || r.focusItem(c);
     }
     return C(
       () => e.modelValue,
-      (s) => {
-        a.value = s;
+      (c) => {
+        l.value = c;
       }
     ), C(
       () => e.loading,
-      (s) => {
-        !s && d.value && J(y);
+      (c) => {
+        !c && a.value && J(W);
       }
-    ), (s, f) => {
-      var I, w, oe;
-      return c(), m(P, null, [
-        te(b(we), {
+    ), (c, r) => {
+      var h, I, L;
+      return d(), v(Z, null, [
+        te(k(ke), {
           id: e.id,
           label: e.label,
           required: e.required,
           ref_key: "triggerEl",
-          ref: p,
+          ref: i,
           role: "combobox",
           tabindex: "0",
-          class: W([
+          class: D([
             "q-select",
             {
               "q-select--readonly": e.readonly,
               "q-select--disabled": e.disabled,
-              "q-select--expanded": d.value
+              "q-select--expanded": a.value
             },
-            ...b(l).class
+            e.class
           ]),
           readonly: e.readonly,
           disabled: e.disabled,
-          "aria-expanded": d.value,
+          "aria-expanded": a.value,
           "aria-haspopup": "listbox",
           size: e.size,
-          onClick: F,
-          onKeydown: ee(A, ["stop"])
-        }, ge({
+          onClick: R,
+          onKeydown: ee(Q, ["stop"])
+        }, be({
           append: $(() => [
-            N.value && a.value ? (c(), L(b(Y), le({ key: 0 }, e.icons.clear, {
+            z.value && l.value ? (d(), B(k(P), ne({ key: 0 }, e.icons.clear, {
               class: "q-select__clear",
-              onClick: ee(E, ["stop", "prevent"])
+              onClick: ee(A, ["stop", "prevent"])
             }), null, 16)) : S("", !0),
-            !e.readonly && !e.disabled ? (c(), L(b(Y), le({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16)) : S("", !0)
+            e.readonly ? S("", !0) : (d(), B(k(P), ne({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16))
           ]),
           default: $(() => [
-            a.value ? (c(), m("span", _n, U(Q.value), 1)) : (c(), m("span", kn, U(s.texts.placeholder), 1))
+            l.value ? (d(), v("span", mn, H(w.value), 1)) : !e.readonly && !e.disabled ? (d(), v("span", vn, H(c.texts.placeholder), 1)) : S("", !0)
           ]),
           _: 2
         }, [
-          (I = v.value) != null && I.icon ? {
+          (h = m.value) != null && h.icon ? {
             name: "prepend",
             fn: $(() => {
-              var X;
+              var G;
               return [
-                te(b(Y), ue(ye((X = v.value) == null ? void 0 : X.icon)), null, 16)
+                te(k(P), de(he((G = m.value) == null ? void 0 : G.icon)), null, 16)
               ];
             }),
             key: "0"
           } : void 0
         ]), 1032, ["id", "label", "required", "class", "readonly", "disabled", "aria-expanded", "size"]),
-        (w = p.value) != null && w.fieldRef ? (c(), L(b(fe), {
+        (I = i.value) != null && I.fieldRef ? (d(), B(k(ce), {
           key: 0,
-          "model-value": d.value,
+          "model-value": a.value,
           spy: "",
           trigger: "manual",
           placement: "bottom",
           width: "anchor",
           offset: 2,
-          anchor: (oe = p.value) == null ? void 0 : oe.fieldRef,
-          onEnter: O,
-          onLeave: G
+          anchor: (L = i.value) == null ? void 0 : L.fieldRef,
+          onEnter: M,
+          onLeave: U
         }, {
           default: $(() => [
-            K("div", {
+            N("div", {
               ref_key: "contentRef",
-              ref: k,
+              ref: p,
               class: "q-select__body",
               tabindex: "-1",
-              onFocusout: D,
-              onKeydown: ee(A, ["stop"])
+              onFocusout: O,
+              onKeydown: ee(Q, ["stop"])
             }, [
-              h(s.$slots, "body.prepend"),
-              e.loading ? (c(), L(b(ke), {
+              y(c.$slots, "body.prepend"),
+              e.loading ? (d(), B(k(_e), {
                 key: 0,
                 class: "q-select__loader",
                 size: 24
-              })) : (c(), L(b(Me), {
+              })) : (d(), B(k(Me), {
                 key: 1,
                 ref_key: "listRef",
-                ref: u,
+                ref: f,
                 class: "q-select__items",
-                modelValue: a.value,
+                modelValue: l.value,
                 "onUpdate:modelValue": [
-                  f[0] || (f[0] = (X) => a.value = X),
-                  z
+                  r[0] || (r[0] = (G) => l.value = G),
+                  F
                 ],
                 items: e.items,
-                groups: s.groups,
+                groups: c.groups,
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue
               }, {
-                item: $(({ item: X }) => [
-                  h(s.$slots, "item", { item: X })
+                item: $(({ item: G }) => [
+                  y(c.$slots, "item", { item: G })
                 ]),
                 _: 3
               }, 8, ["modelValue", "items", "groups", "item-label", "item-value"])),
-              h(s.$slots, "body.append")
+              y(c.$slots, "body.append")
             ], 544)
           ]),
           _: 3
@@ -1894,8 +1908,7 @@ const mn = /* @__PURE__ */ un(cn, [["render", pn]]), zn = x(mn), vn = {
       ], 64);
     };
   }
-}), Cn = x(In), qn = ["innerHTML"], Sn = { key: 1 }, Ln = /* @__PURE__ */ B({
-  inheritAttrs: !1,
+}), Vn = V(bn), gn = ["innerHTML"], _n = { key: 1 }, kn = /* @__PURE__ */ x({
   __name: "QTooltip",
   props: {
     modelValue: { type: Boolean },
@@ -1908,67 +1921,57 @@ const mn = /* @__PURE__ */ un(cn, [["render", pn]]), zn = x(mn), vn = {
     html: { type: Boolean, default: !0 },
     placement: { default: "right" },
     text: {},
-    trigger: { default: "hover" }
+    trigger: { default: "hover" },
+    class: { default: void 0 }
   },
-  setup(t) {
-    const n = t;
-    return (o, e) => (c(), L(b(fe), {
-      "model-value": n.modelValue,
-      anchor: n.anchor,
-      appearance: n.appearance,
-      arrow: n.arrow,
-      attach: n.attach,
-      "content-classes": ["q-tooltip"],
-      delay: n.delay,
-      disabled: n.disabled,
-      placement: n.placement,
-      trigger: n.trigger
+  setup(n) {
+    const t = n;
+    return (o, e) => (d(), B(k(ce), {
+      "model-value": t.modelValue,
+      anchor: t.anchor,
+      appearance: t.appearance,
+      arrow: t.arrow,
+      attach: t.attach,
+      class: D(["q-tooltip", t.class]),
+      delay: t.delay,
+      disabled: t.disabled,
+      placement: t.placement,
+      trigger: t.trigger
     }, {
       default: $(() => [
-        n.html ? (c(), m("span", {
+        t.html ? (d(), v("span", {
           key: 0,
-          innerHTML: n.text
-        }, null, 8, qn)) : (c(), m("span", Sn, U(n.text), 1))
+          innerHTML: t.text
+        }, null, 8, gn)) : (d(), v("span", _n, H(t.text), 1))
       ]),
       _: 1
-    }, 8, ["model-value", "anchor", "appearance", "arrow", "attach", "delay", "disabled", "placement", "trigger"]));
+    }, 8, ["model-value", "anchor", "appearance", "arrow", "attach", "class", "delay", "disabled", "placement", "trigger"]));
   }
-}), Fn = x(Ln), Qn = {
-  mounted(t, n) {
-    t.clickOutsideEvent = function(o) {
-      const e = o.target;
-      n.arg ? t === e || t.contains(e) || e.closest(n.arg) || n.value(o, t) : t === e || t.contains(e) || n.value(o, t);
-    }, document.addEventListener("click", t.clickOutsideEvent);
-  },
-  unmounted(t) {
-    document.removeEventListener("click", t.clickOutsideEvent);
-  }
-};
+}), Dn = V(kn);
 export {
-  mt as QButton,
-  ht as QButtonGroup,
-  Dn as QButtonToggle,
-  En as QCombobox,
-  we as QField,
-  Y as QIcon,
-  St as QIconFont,
-  Lt as QIconImg,
-  Bt as QIconSvg,
-  Tn as QInputGroup,
-  zn as QLineLoader,
+  ct as QButton,
+  pt as QButtonGroup,
+  qn as QButtonToggle,
+  Sn as QCombobox,
+  ke as QField,
+  P as QIcon,
+  $t as QIconFont,
+  It as QIconImg,
+  qt as QIconSvg,
+  Ln as QInputGroup,
+  Bn as QLineLoader,
   Me as QList,
-  Qt as QListItem,
-  Rt as QListItemGroup,
-  fe as QOverlay,
-  An as QPopover,
-  Cn as QSelect,
-  ke as QSpinnerLoader,
-  Jt as QTextField,
-  Fn as QTooltip,
-  Qn as clickOutside,
-  Vn as createFramework,
-  et as defaultDarkColorScheme,
-  Se as defaultLightColorScheme,
-  xn as useTheme
+  Ct as QListItem,
+  Ft as QListItemGroup,
+  ce as QOverlay,
+  xn as QPopover,
+  Vn as QSelect,
+  _e as QSpinnerLoader,
+  Yt as QTextField,
+  Dn as QTooltip,
+  In as createFramework,
+  Pe as defaultDarkColorScheme,
+  qe as defaultLightColorScheme,
+  $n as useTheme
 };
 //# sourceMappingURL=ui.esm.js.map