@quidgest/ui 0.6.1 → 0.7.0

package/dist/ui.esm.js

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