@quidgest/ui 0.5.15 → 0.5.16

package/dist/ui.esm.js

@@ -1,18 +1,18 @@
-import { getCurrentInstance as me, computed as y, ref as D, provide as Le, inject as he, watch as A, defineComponent as k, openBlock as r, createElementBlock as f, normalizeStyle as W, createElementVNode as K, normalizeClass as T, withModifiers as H, createVNode as U, unref as g, createCommentVNode as b, Fragment as Q, createTextVNode as X, toDisplayString as V, renderSlot as q, toRef as P, createBlock as S, withCtx as C, renderList as te, resolveDynamicComponent as ye, h as le, normalizeProps as ve, mergeProps as Z, reactive as xe, onBeforeUnmount as qe, onMounted as De, Teleport as Ie, Transition as Ee, nextTick as re, useAttrs as Ce, createSlots as Te, guardReactiveProps as Ve, withDirectives as Ae } from "vue";
-function ne(t) {
+import { getCurrentInstance as he, computed as v, ref as I, provide as Le, inject as ye, watch as C, defineComponent as k, openBlock as r, createElementBlock as f, normalizeStyle as K, createElementVNode as N, normalizeClass as V, withModifiers as R, createVNode as H, unref as g, createCommentVNode as b, Fragment as O, createTextVNode as X, toDisplayString as A, renderSlot as x, toRef as ee, createBlock as $, withCtx as T, renderList as ne, resolveDynamicComponent as ve, h as re, normalizeProps as ge, mergeProps as Z, reactive as xe, onBeforeUnmount as qe, onMounted as Ie, Teleport as De, Transition as Te, nextTick as ie, useAttrs as Ee, createSlots as Ce, guardReactiveProps as Ve, withDirectives as Ae } from "vue";
+function oe(t) {
   return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
 }
-function ie(t) {
+function ce(t) {
   return t !== null && typeof t == "object" && !Array.isArray(t);
 }
-function ge(t = {}, n = {}) {
+function be(t = {}, n = {}) {
   const e = {};
   for (const o in t)
     e[o] = t[o];
   for (const o in n) {
     const s = t[o], a = n[o];
-    if (ie(s) && ie(a)) {
-      e[o] = ge(
+    if (ce(s) && ce(a)) {
+      e[o] = be(
         s,
         a
       );
@@ -22,33 +22,33 @@ function ge(t = {}, n = {}) {
   }
   return e;
 }
-const oe = "q-defaults";
+const se = "q-defaults";
 function ze() {
-  const t = me();
+  const t = he();
   if (!t)
     throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
   const n = t.type.name ?? t.type.__name;
   if (!n)
     throw new Error("[Quidgest UI] Could not determine component name");
-  const e = be();
-  return y(() => {
+  const e = _e();
+  return v(() => {
     var o;
     return (o = e.value) == null ? void 0 : o[n];
   });
 }
 function Qe(t) {
-  if (ne(t))
+  if (oe(t))
     return;
-  const n = be(), e = D(t), o = y(() => ne(e.value) ? n.value : ge(n.value, e.value));
-  Le(oe, o);
+  const n = _e(), e = I(t), o = v(() => oe(e.value) ? n.value : be(n.value, e.value));
+  Le(se, o);
 }
-function be() {
-  const t = he(oe, void 0);
+function _e() {
+  const t = ye(se, void 0);
   if (!t)
     throw new Error("[Quidgest UI] Could not find defaults instance");
   return t;
 }
-const ce = {
+const ue = {
   primary: "#00a1f8",
   primaryLight: "#e5f6ff",
   primaryDark: "#0079ba",
@@ -109,7 +109,7 @@ const ce = {
   onDanger: "#fff",
   onInfo: "#fff"
 };
-function _e(t) {
+function ke(t) {
   if (!/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t))
     throw new Error("Invalid color format");
   t.length === 4 && (t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
@@ -121,22 +121,22 @@ function Fe(t, n) {
     throw new Error("Amount must be in the range [0, 100]");
   if (n === 0)
     return t;
-  const e = ke(t), o = n / 100;
-  return e.l = e.l + o * (100 - e.l), we(e);
+  const e = we(t), o = n / 100;
+  return e.l = e.l + o * (100 - e.l), $e(e);
 }
 function Me(t, n) {
   if (n < 0 || n > 100)
     throw new Error("Amount must be in the range [0, 100]");
   if (n === 0)
     return t;
-  const e = ke(t), o = n / 100;
-  return e.l = e.l - o * e.l, we(e);
+  const e = we(t), o = n / 100;
+  return e.l = e.l - o * e.l, $e(e);
 }
-function ue(t) {
+function de(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 ke(t) {
+function we(t) {
   const n = t.r / 255, e = t.g / 255, o = t.b / 255, s = Math.max(n, e, o), a = Math.min(n, e, o);
   let l = 0, c;
   const i = (s + a) / 2;
@@ -163,14 +163,14 @@ function ke(t) {
     l: Math.round(i * 100)
   };
 }
-function we(t) {
+function $e(t) {
   const n = t.h / 360, e = t.s / 100, o = t.l / 100;
   let s, a, l;
   if (e === 0)
     s = a = l = o;
   else {
     const c = o < 0.5 ? o * (1 + e) : o + e - o * e, i = 2 * o - c;
-    s = ee(i, c, n + 1 / 3), a = ee(i, c, n), l = ee(i, c, n - 1 / 3);
+    s = te(i, c, n + 1 / 3), a = te(i, c, n), l = te(i, c, n - 1 / 3);
   }
   return {
     r: Math.round(s * 255),
@@ -178,12 +178,12 @@ function we(t) {
     b: Math.round(l * 255)
   };
 }
-function ee(t, n, e) {
+function te(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;
 }
 const j = "q-theme";
 function tn() {
-  const t = he(j);
+  const t = ye(j);
   if (!t)
     throw new Error("[Quidgest UI] Could not find theme instance");
   return t;
@@ -192,14 +192,14 @@ function Re(t, n) {
   let e = null;
   if (n)
     for (const o of n.themes) {
-      const s = o.mode === "light" ? ce : Oe;
+      const s = o.mode === "light" ? ue : Oe;
       if (o.colors) {
         let a;
         for (a in o.colors) {
           const l = o.colors[a];
           if (l && !a.startsWith("on") && !a.endsWith("Light") && !a.endsWith("Dark")) {
-            const c = _e(l), i = `${a}Light`, h = `${a}Dark`;
-            i in o.colors || (o.colors[i] = ue(Fe(c, 85))), h in o.colors || (o.colors[h] = ue(Me(c, 25)));
+            const c = ke(l), i = `${a}Light`, h = `${a}Dark`;
+            i in o.colors || (o.colors[i] = de(Fe(c, 85))), h in o.colors || (o.colors[h] = de(Me(c, 25)));
           }
         }
       }
@@ -210,18 +210,18 @@ function Re(t, n) {
     e = {
       name: o,
       mode: "light",
-      colors: ce
+      colors: ue
     }, n = {
       defaultTheme: o,
       themes: [e]
     };
   }
   if (e) {
-    const o = D({
+    const o = I({
       activeTheme: e.name,
       themes: n.themes
     });
-    A(
+    C(
       () => o.value.activeTheme,
       (s) => {
         const a = o.value.themes.find((l) => l.name === s);
@@ -244,16 +244,16 @@ function Ue(t) {
   for (o in t) {
     const s = t[o];
     if (s) {
-      e += `  ${de(o)}: ${s};
+      e += `  ${fe(o)}: ${s};
 `;
-      const a = _e(s);
-      e += `  ${de(o)}-rgb: ${a.r} ${a.g} ${a.b};
+      const a = ke(s);
+      e += `  ${fe(o)}-rgb: ${a.r} ${a.g} ${a.b};
 `;
     }
   }
   e += "}", n.textContent = e;
 }
-function de(t) {
+function fe(t) {
   return t ? `--q-theme-${t.replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase()}` : "";
 }
 function nn(t = {}) {
@@ -265,11 +265,11 @@ function nn(t = {}) {
     for (const l in s)
       e.directive(l, s[l]);
     const a = t.defaults || {};
-    e.provide(oe, D(a)), Re(e, t.themes);
+    e.provide(se, I(a)), Re(e, t.themes);
   } };
 }
-const Ne = /* @__PURE__ */ K("svg", { viewBox: "25 25 50 50" }, [
-  /* @__PURE__ */ K("circle", {
+const Ne = /* @__PURE__ */ N("svg", { viewBox: "25 25 50 50" }, [
+  /* @__PURE__ */ N("circle", {
     class: "path",
     cx: "50",
     cy: "50",
@@ -287,12 +287,12 @@ const Ne = /* @__PURE__ */ K("svg", { viewBox: "25 25 50 50" }, [
     size: { default: 48 }
   },
   setup(t) {
-    const n = t, e = y(() => ({
+    const n = t, e = v(() => ({
       "font-size": n.size !== 48 ? `${n.size}px` : void 0
     }));
     return (o, s) => (r(), f("div", {
       class: "q-spinner-loader",
-      style: W(e.value)
+      style: K(e.value)
     }, Ke, 4));
   }
 });
@@ -304,9 +304,9 @@ function w(t) {
   const n = t.setup;
   return n && (t.setup = (e, o) => {
     const s = ze();
-    if (ne(s.value))
+    if (oe(s.value))
       return n(e, o);
-    const a = me();
+    const a = he();
     if (a === null)
       return n(e, o);
     const l = new Proxy(e, {
@@ -319,7 +319,7 @@ function w(t) {
     return n(l, o);
   }), t;
 }
-const $e = w(We), Ye = ["disabled", "onClick"], Xe = {
+const Se = w(We), Ye = ["disabled", "onClick"], Xe = {
   key: 0,
   class: "q-btn__spinner"
 }, Ze = { class: "q-btn__content" }, je = /* @__PURE__ */ k({
@@ -338,12 +338,12 @@ const $e = w(We), Ye = ["disabled", "onClick"], Xe = {
   },
   emits: ["click"],
   setup(t, { emit: n }) {
-    const e = t, o = y(() => e.disabled || e.loading);
+    const e = t, o = v(() => e.disabled || e.loading);
     function s(l) {
       o.value || n("click", l);
     }
-    const a = y(() => {
-      const l = y(() => e.bStyle ? `q-btn--${e.bStyle}` : void 0), c = y(() => e.size !== "regular" ? `q-btn--${e.size}` : void 0);
+    const a = v(() => {
+      const l = v(() => e.bStyle ? `q-btn--${e.bStyle}` : void 0), c = v(() => e.size !== "regular" ? `q-btn--${e.size}` : void 0);
       return [
         "q-btn",
         l.value,
@@ -359,20 +359,20 @@ const $e = w(We), Ye = ["disabled", "onClick"], Xe = {
     });
     return (l, c) => (r(), f("button", {
       type: "button",
-      class: T(a.value),
+      class: V(a.value),
       disabled: o.value,
-      onClick: H(s, ["stop", "prevent"])
+      onClick: R(s, ["stop", "prevent"])
     }, [
       l.loading ? (r(), f("div", Xe, [
-        U(g($e), { size: 23 })
+        H(g(Se), { size: 23 })
       ])) : b("", !0),
-      K("span", Ze, [
-        l.iconOnRight ? (r(), f(Q, { key: 0 }, [
-          X(V(e.label), 1)
+      N("span", Ze, [
+        l.iconOnRight ? (r(), f(O, { key: 0 }, [
+          X(A(e.label), 1)
         ], 64)) : b("", !0),
-        q(l.$slots, "default"),
-        l.iconOnRight ? b("", !0) : (r(), f(Q, { key: 1 }, [
-          X(V(e.label), 1)
+        x(l.$slots, "default"),
+        l.iconOnRight ? b("", !0) : (r(), f(O, { key: 1 }, [
+          X(A(e.label), 1)
         ], 64))
       ])
     ], 10, Ye));
@@ -389,22 +389,22 @@ const $e = w(We), Ye = ["disabled", "onClick"], Xe = {
     const n = t;
     Qe({
       QButton: {
-        bStyle: P(n, "bStyle"),
-        disabled: P(n, "disabled"),
-        borderless: P(n, "borderless"),
+        bStyle: ee(n, "bStyle"),
+        disabled: ee(n, "disabled"),
+        borderless: ee(n, "borderless"),
         elevated: !1
       }
     });
-    const e = y(() => [
+    const e = v(() => [
       "q-btn-group",
       {
         "q-btn-group--elevated": n.elevated
       }
     ]);
     return (o, s) => (r(), f("div", {
-      class: T(e.value)
+      class: V(e.value)
     }, [
-      q(o.$slots, "default")
+      x(o.$slots, "default")
     ], 2));
   }
 }), et = w(Pe), tt = /* @__PURE__ */ k({
@@ -419,12 +419,12 @@ const $e = w(We), Ye = ["disabled", "onClick"], Xe = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
-    const e = t, o = D(e.modelValue);
-    A(
+    const e = t, o = I(e.modelValue);
+    C(
       () => e.modelValue,
       (l) => o.value = l
     );
-    const s = y({
+    const s = v({
       get() {
         return o.value;
       },
@@ -435,22 +435,22 @@ const $e = w(We), Ye = ["disabled", "onClick"], Xe = {
     function a(l) {
       s.value === l.key && !e.mandatory ? s.value = void 0 : s.value = l.key;
     }
-    return (l, c) => (r(), S(g(et), {
+    return (l, c) => (r(), $(g(et), {
       "b-style": "secondary",
       disabled: e.disabled,
       borderless: e.borderless,
       elevated: e.elevated
     }, {
-      default: C(() => [
-        (r(!0), f(Q, null, te(e.options, (i) => (r(), S(g(Je), {
+      default: T(() => [
+        (r(!0), f(O, null, ne(e.options, (i) => (r(), $(g(Je), {
           key: i.key,
           title: i.title,
           label: i.label,
           active: s.value === i.key,
           onClick: (h) => a(i)
         }, {
-          default: C(() => [
-            q(l.$slots, i.key)
+          default: T(() => [
+            x(l.$slots, i.key)
           ]),
           _: 2
         }, 1032, ["title", "label", "active", "onClick"]))), 128))
@@ -466,7 +466,7 @@ const $e = w(We), Ye = ["disabled", "onClick"], Xe = {
     size: { default: void 0 }
   },
   setup(t) {
-    const n = t, e = y(() => {
+    const n = t, e = v(() => {
       switch (n.type) {
         case "svg":
           return ft;
@@ -478,7 +478,7 @@ const $e = w(We), Ye = ["disabled", "onClick"], Xe = {
           return;
       }
     });
-    return (o, s) => n.icon ? (r(), S(ye(e.value), {
+    return (o, s) => n.icon ? (r(), $(ve(e.value), {
       key: 0,
       icon: n.icon,
       size: n.size
@@ -493,13 +493,13 @@ const $e = w(We), Ye = ["disabled", "onClick"], Xe = {
     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), s = y(() => ({
+    const n = t, e = v(() => n.variant ? `${n.library}-${n.variant}` : n.library), o = v(() => n.library && n.icon ? `${n.library}-${n.icon}` : n.icon), s = v(() => ({
       "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
     return (a, l) => o.value ? (r(), f("i", {
       key: 0,
-      class: T(["q-icon", "q-icon__font", e.value, o.value]),
-      style: W(s.value)
+      class: V(["q-icon", "q-icon__font", e.value, o.value]),
+      style: K(s.value)
     }, null, 6)) : b("", !0);
   }
 }), st = ["src"], at = /* @__PURE__ */ k({
@@ -509,17 +509,17 @@ const $e = w(We), Ye = ["disabled", "onClick"], Xe = {
     size: {}
   },
   setup(t) {
-    const n = t, e = y(() => ({
+    const n = t, e = v(() => ({
       "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
     return (o, s) => n.icon ? (r(), f("img", {
       key: 0,
       src: n.icon,
       class: "q-icon",
-      style: W(e.value)
+      style: K(e.value)
     }, null, 12, st)) : b("", !0);
   }
-}), R = {}, lt = k({
+}), M = {}, lt = k({
   name: "InlineSvg",
   emits: ["loaded", "unloaded", "error"],
   inheritAttrs: !1,
@@ -528,9 +528,9 @@ const $e = w(We), Ye = ["disabled", "onClick"], Xe = {
       return null;
     const t = this.getSvgContent(this.svgElSource);
     if (!t)
-      return le("div", this.$attrs);
+      return re("div", this.$attrs);
     const n = {};
-    return this.copySvgAttrs(n, this.svgElSource), this.copySvgAttrs(n, t), this.copyComponentAttrs(n, this.$attrs), n.innerHTML = t.innerHTML, le("svg", n);
+    return this.copySvgAttrs(n, this.svgElSource), this.copySvgAttrs(n, t), this.copyComponentAttrs(n, this.$attrs), n.innerHTML = t.innerHTML, re("svg", n);
   },
   props: {
     src: {
@@ -583,11 +583,11 @@ const $e = w(We), Ye = ["disabled", "onClick"], Xe = {
      */
     async getSource(t) {
       try {
-        R[t] || (R[t] = it(this.download(t))), this.svgElSource && R[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
-        const n = await R[t];
+        M[t] || (M[t] = it(this.download(t))), this.svgElSource && M[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
+        const n = await M[t];
         this.svgElSource = n, await this.$nextTick(), this.$emit("loaded", this.$el);
       } catch (n) {
-        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete R[t], this.$emit("error", n);
+        this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete M[t], this.$emit("error", n);
       }
     },
     /**
@@ -641,20 +641,20 @@ const ct = /* @__PURE__ */ k({
   },
   emits: ["loaded", "unloaded"],
   setup(t, { emit: n }) {
-    const e = t, o = y(() => ({
+    const e = t, o = v(() => ({
       "font-size": e.size !== void 0 ? `${e.size}px` : void 0
     }));
-    return (s, a) => e.icon ? (r(), S(g(lt), {
+    return (s, a) => e.icon ? (r(), $(g(lt), {
       key: 0,
       class: "q-icon q-icon__svg",
       src: e.bundle,
       symbol: e.icon,
-      style: W(o.value),
+      style: K(o.value),
       onLoaded: a[0] || (a[0] = (l) => n("loaded", l)),
       onUnloaded: a[1] || (a[1] = (l) => n("unloaded", l))
     }, null, 8, ["src", "symbol", "style"])) : b("", !0);
   }
-}), N = w(nt), ut = w(ot), dt = w(at), ft = w(ct), pt = {
+}), U = w(nt), ut = w(ot), dt = w(at), ft = w(ct), pt = {
   key: 0,
   class: "q-input__prepend"
 }, mt = {
@@ -670,18 +670,18 @@ const ct = /* @__PURE__ */ k({
   setup(t) {
     const n = t;
     return (e, o) => (r(), f("div", {
-      class: T([
+      class: V([
         "q-input",
         `q-input--${n.size}`,
         { "q-input--readonly": n.readonly, "q-input--disabled": n.disabled }
       ])
     }, [
       e.$slots.prepend ? (r(), f("div", pt, [
-        q(e.$slots, "prepend")
+        x(e.$slots, "prepend")
       ])) : b("", !0),
-      q(e.$slots, "default"),
+      x(e.$slots, "default"),
       e.$slots.append ? (r(), f("div", mt, [
-        q(e.$slots, "append")
+        x(e.$slots, "append")
       ])) : b("", !0)
     ], 2));
   }
@@ -706,16 +706,16 @@ const kt = /* @__PURE__ */ vt(gt, [["render", _t]]), sn = w(kt), wt = /* @__PURE
   },
   emits: ["update:modelValue"],
   setup(t, { expose: n, emit: e }) {
-    const o = t, s = D(o.modelValue), a = y(() => l.value.length > 1 ? "div" : "ul"), l = y(() => o.groups.length ? o.groups : [{ title: "" }]), c = D(null);
-    function i(u) {
-      s.value = u, e("update:modelValue", u);
+    const o = t, s = I(o.modelValue), a = v(() => l.value.length > 1 ? "div" : "ul"), l = v(() => o.groups.length ? o.groups : [{ title: "" }]), c = I(null);
+    function i(d) {
+      s.value = d, e("update:modelValue", d);
     }
     function h() {
-      let u = 0;
-      s.value && (u = o.items.findIndex(($) => $[o.itemValue] === s.value)), I(u);
+      let d = 0;
+      s.value && (d = o.items.findIndex((S) => S[o.itemValue] === s.value)), D(d);
     }
-    function _(u) {
-      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(u.key) && u.preventDefault(), u.key) {
+    function _(d) {
+      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(d.key) && d.preventDefault(), d.key) {
         case "ArrowDown":
           p("next");
           break;
@@ -730,67 +730,67 @@ const kt = /* @__PURE__ */ vt(gt, [["render", _t]]), sn = w(kt), wt = /* @__PURE
           break;
       }
     }
-    function p(u) {
-      switch (u) {
+    function p(d) {
+      switch (d) {
         case "next":
         case "prev":
-          I(F(u));
+          D(E(d));
           break;
         case "first":
-          I(0);
+          D(0);
           break;
         case "last":
-          I(-1);
+          D(-1);
           break;
       }
     }
-    function I(u) {
-      var v;
-      (v = E().at(u)) == null || v.focus();
+    function D(d) {
+      var y;
+      (y = z().at(d)) == null || y.focus();
     }
-    function E() {
-      var v;
-      const u = (v = c.value) == null ? void 0 : v.querySelectorAll("li");
-      return u ? Array.from(u).filter((x) => x.tabIndex !== -1) : [];
+    function z() {
+      var y;
+      const d = (y = c.value) == null ? void 0 : y.querySelectorAll("li");
+      return d ? Array.from(d).filter((L) => L.tabIndex !== -1) : [];
     }
-    function z(u) {
-      return u.indexOf(document.activeElement);
+    function Q(d) {
+      return d.indexOf(document.activeElement);
     }
-    function F(u) {
-      const $ = E(), v = z($);
-      return u === "next" ? v === $.length - 1 ? v : v + 1 : v === 0 ? 0 : v - 1;
+    function E(d) {
+      const S = z(), y = Q(S);
+      return d === "next" ? y === S.length - 1 ? y : y + 1 : y === 0 ? 0 : y - 1;
     }
-    function M(u) {
-      return u ? o.items.filter(($) => $.group === u) : o.items;
+    function F(d) {
+      return d ? o.items.filter((S) => S.group === d) : o.items;
     }
-    return A(
+    return C(
       () => o.modelValue,
-      (u) => {
-        s.value = u;
+      (d) => {
+        s.value = d;
       }
-    ), n({ focusItem: I }), (u, $) => (r(), S(ye(a.value), {
+    ), n({ focusItem: D }), (d, S) => (r(), $(ve(a.value), {
       ref_key: "listRef",
       ref: c,
-      class: T(["q-list", { "q-list--disabled": o.disabled }]),
+      class: V(["q-list", { "q-list--disabled": o.disabled }]),
       role: "listbox",
       tabindex: o.disabled ? -1 : 0,
       onFocus: h,
       onKeydown: _
     }, {
-      default: C(() => [
-        (r(!0), f(Q, null, te(l.value, (v) => (r(), S(g(Vt), {
-          key: v.id,
-          title: v.title,
-          disabled: v.disabled
+      default: T(() => [
+        (r(!0), f(O, null, ne(l.value, (y) => (r(), $(g(Vt), {
+          key: y.id,
+          title: y.title,
+          disabled: y.disabled
         }, {
-          default: C(() => [
-            (r(!0), f(Q, null, te(M(v.id), (x) => (r(), S(g(Tt), {
-              key: x[o.itemValue],
-              value: x[o.itemValue],
-              label: x[o.itemLabel],
-              icon: x.icon,
-              disabled: o.disabled || x.disabled,
-              selected: s.value === x[o.itemValue],
+          default: T(() => [
+            (r(!0), f(O, null, ne(F(y.id), (L) => (r(), $(g(Ct), {
+              key: L[o.itemValue],
+              value: L[o.itemValue],
+              label: L[o.itemLabel],
+              icon: L.icon,
+              disabled: o.disabled || L.disabled,
+              selected: s.value === L[o.itemValue],
               onSelect: i
             }, null, 8, ["value", "label", "icon", "disabled", "selected"]))), 128))
           ]),
@@ -827,7 +827,7 @@ const kt = /* @__PURE__ */ vt(gt, [["render", _t]]), sn = w(kt), wt = /* @__PURE
     return (a, l) => (r(), f("li", {
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
-      class: T([
+      class: V([
         "q-list-item",
         {
           "q-list-item--disabled": e.disabled,
@@ -838,12 +838,12 @@ const kt = /* @__PURE__ */ vt(gt, [["render", _t]]), sn = w(kt), wt = /* @__PURE
       "aria-label": e.label,
       "aria-selected": e.disabled ? void 0 : e.selected,
       onKeydown: s,
-      onClick: H(o, ["stop", "prevent"])
+      onClick: R(o, ["stop", "prevent"])
     }, [
-      e.icon ? (r(), S(g(N), ve(Z({ key: 0 }, e.icon)), null, 16)) : b("", !0),
-      X(" " + V(e.label) + " ", 1),
-      K("div", St, [
-        e.selected ? (r(), S(g(N), Z({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : b("", !0)
+      e.icon ? (r(), $(g(U), ge(Z({ key: 0 }, e.icon)), null, 16)) : b("", !0),
+      X(" " + A(e.label) + " ", 1),
+      N("div", St, [
+        e.selected ? (r(), $(g(U), Z({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : b("", !0)
       ])
     ], 42, $t));
   }
@@ -852,7 +852,7 @@ let xt = 0;
 function qt() {
   return `uid-${++xt}`;
 }
-const Dt = ["aria-labelledby"], It = ["id"], Et = /* @__PURE__ */ k({
+const It = ["aria-labelledby"], Dt = ["id"], Tt = /* @__PURE__ */ k({
   __name: "QListItemGroup",
   props: {
     title: { default: "" },
@@ -871,15 +871,15 @@ const Dt = ["aria-labelledby"], It = ["id"], Et = /* @__PURE__ */ k({
         id: g(e),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, V(n.title), 9, It)) : b("", !0),
-      q(o.$slots, "default")
-    ], 8, Dt)) : q(o.$slots, "default", { key: 0 });
+      }, A(n.title), 9, Dt)) : b("", !0),
+      x(o.$slots, "default")
+    ], 8, It)) : x(o.$slots, "default", { key: 0 });
   }
-}), Ct = w(wt), Tt = w(Lt), Vt = w(Et);
+}), Et = w(wt), Ct = w(Lt), Vt = w(Tt);
 function At(t, n, e = "right", o) {
   const s = t.getBoundingClientRect(), a = s.x + window.scrollX, l = s.y + window.scrollY, c = n == null ? void 0 : n.getBoundingClientRect(), i = (c == null ? void 0 : c.width) ?? 0, h = (c == null ? void 0 : c.height) ?? 0;
   let _ = e;
-  c && !Se(s, c, _) && (_ = zt(s, c, _));
+  c && !Be(s, c, _) && (_ = zt(s, c, _));
   const p = { x: 0, y: 0, placement: _ };
   switch (_) {
     case "top":
@@ -897,28 +897,28 @@ function At(t, n, e = "right", o) {
   }
   return o === "anchor" && s.width >= i && (p.width = s.width), p;
 }
-function Se(t, n, e) {
+function Be(t, n, e) {
   let o = !1, s = !1;
   switch (e) {
     case "top":
-      o = pe(t, n), s = t.top > n.height;
+      o = me(t, n), s = t.top > n.height;
       break;
     case "bottom":
-      o = pe(t, n), s = window.innerHeight - t.top - t.height > n.height;
+      o = me(t, n), s = window.innerHeight - t.top - t.height > n.height;
       break;
     case "left":
-      o = t.left > n.width, s = fe(t, n);
+      o = t.left > n.width, s = pe(t, n);
       break;
     case "right":
-      o = window.innerWidth - t.left - t.width > n.width, s = fe(t, n);
+      o = window.innerWidth - t.left - t.width > n.width, s = pe(t, n);
       break;
   }
   return o && s;
 }
-function fe(t, n) {
+function pe(t, n) {
   return window.innerHeight - t.top - t.height / 2 > n.height / 2 && t.top + t.height / 2 > n.height / 2;
 }
-function pe(t, n) {
+function me(t, n) {
   return window.innerWidth - t.left - t.width / 2 > n.width / 2 && t.left + t.width / 2 > n.width / 2;
 }
 function zt(t, n, e) {
@@ -929,7 +929,7 @@ function zt(t, n, e) {
     right: ["left", "top", "bottom"]
   };
   for (const s of o[e])
-    if (Se(t, n, s))
+    if (Be(t, n, s))
       return s;
   return e;
 }
@@ -960,30 +960,34 @@ const Qt = {
   },
   emits: ["enter", "leave"],
   setup(t, { emit: n }) {
-    const e = t, o = y(() => [
+    const e = t, o = v(() => [
       "q-overlay",
       `q-overlay--${s.placement}`,
       { "q-overlay--inverted": e.appearance === "inverted" },
       ...e.contentClasses
     ]), s = xe({
       visible: e.modelValue,
+      animating: !1,
       top: 0,
       left: 0,
       width: 0,
       placement: e.placement
-    }), a = y(() => s.visible && !e.disabled);
-    A(
+    }), a = v(() => s.visible && !e.disabled);
+    C(
       () => e.modelValue,
       () => s.visible = e.modelValue
+    ), C(
+      () => s.visible,
+      () => s.animating = !0
     );
-    const l = y(() => {
-      let m = 0, B = 0;
+    const l = v(() => {
+      let m = 0, q = 0;
       switch (s.placement) {
         case "top":
-          B = -(e.offset || 0);
+          q = -(e.offset || 0);
           break;
         case "bottom":
-          B = e.offset || 0;
+          q = e.offset || 0;
           break;
         case "left":
           m = -(e.offset || 0);
@@ -992,20 +996,20 @@ const Qt = {
           m = e.offset || 0;
           break;
       }
-      const O = {
-        top: `${s.top + B}px`,
+      const u = {
+        top: `${s.top + q}px`,
         left: `${s.left + m}px`
       };
-      return s.width !== void 0 && ["top", "bottom"].includes(s.placement) && (O.width = `${s.width}px`), O;
-    }), c = D(null);
+      return s.width !== void 0 && ["top", "bottom"].includes(s.placement) && (u.width = `${s.width}px`), u;
+    }), c = I(null);
     function i() {
       const m = Y(e.anchor);
       if (m) {
-        const B = At(m, c.value, e.placement, e.width);
-        s.left = B.x, s.top = B.y, s.width = B.width, s.placement = B.placement;
+        const q = At(m, c.value, e.placement, e.width);
+        s.left = q.x, s.top = q.y, s.width = q.width, s.placement = q.placement;
       }
     }
-    A([() => a.value, () => e.placement], i);
+    C([() => a.value, () => e.placement], i);
     let h;
     function _() {
       const m = e.trigger === "hover" ? e.delay : 0;
@@ -1014,17 +1018,21 @@ const Qt = {
     function p() {
       clearTimeout(h), h = void 0, s.visible = !1;
     }
-    function I() {
+    function D() {
       a.value ? p() : _();
     }
+    let z;
+    function Q() {
+      window.clearTimeout(z), z = window.setTimeout(() => s.animating = !1, 200), n("leave");
+    }
     let E;
-    function z() {
-      re(() => {
+    function F() {
+      ie(() => {
         const m = Y(e.anchor);
         if (m)
           switch (e.trigger) {
             case "click":
-              m.addEventListener("click", I);
+              m.addEventListener("click", D);
               break;
             case "hover":
               m.addEventListener("mouseenter", _), m.addEventListener("mouseleave", p);
@@ -1032,8 +1040,8 @@ const Qt = {
           }
       });
     }
-    function F() {
-      re(() => {
+    function d() {
+      ie(() => {
         const m = Y(e.anchor);
         m && (window.addEventListener("scroll", i), window.addEventListener("resize", i), E = new MutationObserver(i), E.observe(m, {
           attributes: !1,
@@ -1043,64 +1051,66 @@ const Qt = {
         }), i());
       });
     }
-    function M() {
+    function S() {
       window.removeEventListener("scroll", i), window.removeEventListener("resize", i), E == null || E.disconnect();
     }
-    let u;
-    function $() {
-      Y(e.anchor) ? (i(), u = window.setTimeout($, 100)) : p();
+    let y;
+    function L() {
+      Y(e.anchor) ? (i(), y = window.setTimeout(L, 100)) : p();
     }
-    function v() {
-      F(), e.spy && $();
+    function J() {
+      d(), e.spy && L();
     }
-    function x() {
-      M(), e.spy && (clearTimeout(u), u = void 0);
+    function W() {
+      S(), e.spy && (clearTimeout(y), y = void 0);
     }
-    return qe(x), De(i), A(
+    return qe(W), Ie(i), C(
       () => e.disabled,
       (m) => {
-        m || z();
+        m || F();
       },
       { immediate: !0 }
-    ), A(
+    ), C(
       () => a.value,
       (m) => {
-        m ? v() : x();
+        m ? J() : W();
       },
       { immediate: !0 }
-    ), (m, B) => (r(), f(Q, null, [
-      q(m.$slots, "trigger", { open: a.value }),
-      (r(), S(Ie, {
+    ), (m, q) => (r(), f(O, null, [
+      x(m.$slots, "trigger", { open: a.value }),
+      a.value || s.animating ? (r(), $(De, {
+        key: 0,
+        disabled: !e.attach,
         to: e.attach
       }, [
-        U(Ee, {
+        H(Te, {
           name: e.transition,
           appear: "",
-          onEnter: B[0] || (B[0] = (O) => n("enter")),
-          onLeave: B[1] || (B[1] = (O) => n("leave"))
+          onEnter: q[0] || (q[0] = (u) => n("enter")),
+          onLeave: Q
         }, {
-          default: C(() => [
+          default: T(() => [
             a.value ? (r(), f("div", {
               key: 0,
-              class: T(o.value),
-              style: W(l.value)
+              class: V(o.value),
+              style: K(l.value)
             }, [
-              K("div", {
-                class: T(["q-overlay__content"]),
+              N("div", {
+                class: V(["q-overlay__content"]),
                 ref_key: "overlay",
                 ref: c
               }, [
                 e.arrow ? (r(), f("div", Qt)) : b("", !0),
-                q(m.$slots, "default")
+                x(m.$slots, "default")
               ], 512)
             ], 6)) : b("", !0)
           ]),
           _: 3
         }, 8, ["name"])
-      ], 8, ["to"]))
+      ], 8, ["disabled", "to"])) : b("", !0)
     ], 64));
   }
-}), se = w(Ot), Ft = {
+}), ae = w(Ot), Ft = {
   key: 0,
   class: "q-popover__header"
 }, Mt = {
@@ -1123,7 +1133,7 @@ const Qt = {
   },
   setup(t) {
     const n = t;
-    return (e, o) => (r(), S(g(se), {
+    return (e, o) => (r(), $(g(ae), {
       "model-value": n.modelValue,
       trigger: "click",
       anchor: n.anchor,
@@ -1134,17 +1144,17 @@ const Qt = {
       placement: n.placement,
       spy: n.spy
     }, {
-      default: C(() => [
+      default: T(() => [
         n.title || e.$slots.header ? (r(), f("h3", Ft, [
-          X(V(n.title) + " ", 1),
-          q(e.$slots, "header")
+          X(A(n.title) + " ", 1),
+          x(e.$slots, "header")
         ])) : b("", !0),
         n.text || e.$slots.body ? (r(), f("div", Mt, [
           n.html ? (r(), f("span", {
             key: 0,
             innerHTML: n.text
-          }, null, 8, Rt)) : (r(), f("span", Ht, V(n.text), 1)),
-          q(e.$slots, "body")
+          }, null, 8, Rt)) : (r(), f("span", Ht, A(n.text), 1)),
+          x(e.$slots, "body")
         ])) : b("", !0)
       ]),
       _: 3
@@ -1152,7 +1162,7 @@ const Qt = {
   }
 }), an = w(Ut);
 function Nt() {
-  const t = Ce(), n = {};
+  const t = Ee(), n = {};
   return typeof t.class == "string" ? n.class = t.class.split(" ") : Array.isArray(t.class) ? n.class = t.class : n.class = [], n;
 }
 const Kt = {
@@ -1199,80 +1209,80 @@ const Kt = {
   },
   emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
   setup(t, { emit: n }) {
-    const e = t, o = Nt(), s = D(e.modelValue), a = D(!1), l = D(""), c = D(null), i = D(null), h = D(null), _ = y(
+    const e = t, o = Nt(), s = I(e.modelValue), a = I(!1), l = I(""), c = I(null), i = I(null), h = I(null), _ = v(
       () => {
-        var d;
-        return (d = e.items) == null ? void 0 : d.find((L) => L[e.itemValue] === s.value);
+        var u;
+        return (u = e.items) == null ? void 0 : u.find((B) => B[e.itemValue] === s.value);
       }
-    ), p = y(
+    ), p = v(
       () => _.value ? _.value[e.itemLabel] : ""
-    ), I = y(
+    ), D = v(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
-    function E(d) {
-      s.value = d, n("update:modelValue", d), $();
+    function z(u) {
+      s.value = u, n("update:modelValue", u), S();
     }
-    function z() {
-      I.value && E(void 0);
+    function Q() {
+      D.value && z(void 0);
     }
-    function F() {
-      e.readonly || e.disabled || (a.value ? $() : u());
+    function E() {
+      e.readonly || e.disabled || (a.value ? S() : d());
     }
-    function M(d) {
-      var L;
-      (L = c.value) != null && L.$el.contains(d.target) || $();
+    function F(u) {
+      var B;
+      (B = c.value) != null && B.$el.contains(u.target) || S();
     }
-    function u() {
+    function d() {
       a.value || (n("before-show"), a.value = !0);
     }
-    function $() {
+    function S() {
       a.value && (n("before-hide"), a.value = !1);
     }
-    let v;
-    function x(d) {
-      if (!(!d.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(v), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(d.key) && (d.preventDefault(), d.stopPropagation()), ["Enter", " "].includes(d.key) && (a.value = !0), ["Escape", "Tab"].includes(d.key) && (a.value ? a.value = !1 : e.clearable && d.key === "Escape" && z()), d.key === "Delete" && e.clearable && z(), /^[a-z]$/i.test(d.key)) {
-          l.value += d.key.toLowerCase();
-          for (let L = 0; L < e.items.length; L++)
-            if (e.items[L][e.itemLabel].toLowerCase().startsWith(l.value)) {
-              Be(L);
+    let y;
+    function L(u) {
+      if (!(!u.key || e.readonly || e.disabled)) {
+        if (window.clearTimeout(y), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(u.key) && (u.preventDefault(), u.stopPropagation()), ["Enter", " "].includes(u.key) && (a.value = !0), ["Escape", "Tab"].includes(u.key) && (a.value ? a.value = !1 : e.clearable && u.key === "Escape" && Q()), u.key === "Delete" && e.clearable && Q(), /^[a-z]$/i.test(u.key)) {
+          l.value += u.key.toLowerCase();
+          for (let B = 0; B < e.items.length; B++)
+            if (e.items[B][e.itemLabel].toLowerCase().startsWith(l.value)) {
+              q(B);
               break;
             }
         }
-        v = window.setTimeout(function() {
+        y = window.setTimeout(function() {
           l.value = "";
         }, 500);
       }
     }
-    function m() {
-      var d;
-      (d = i.value) == null || d.$el.focus(), n("show");
+    function J() {
+      var u;
+      (u = i.value) == null || u.$el.focus(), n("show");
     }
-    function B() {
-      O(), n("hide");
+    function W() {
+      m(), n("hide");
     }
-    function O() {
-      var d;
-      (d = c.value) == null || d.$el.focus();
+    function m() {
+      var u;
+      (u = c.value) == null || u.$el.focus();
     }
-    function Be(d) {
-      var L;
-      (L = i.value) == null || L.focusItem(d);
+    function q(u) {
+      var B;
+      (B = i.value) == null || B.focusItem(u);
     }
-    return A(
+    return C(
       () => e.modelValue,
-      (d) => {
-        s.value = d;
+      (u) => {
+        s.value = u;
       }
-    ), (d, L) => {
-      var J, ae;
-      return r(), f(Q, null, [
-        U(g(yt), {
+    ), (u, B) => {
+      var P, le;
+      return r(), f(O, null, [
+        H(g(yt), {
           ref_key: "inputRef",
           ref: c,
           role: "combobox",
           tabindex: "0",
-          class: T([
+          class: V([
             "q-select",
             {
               "q-select--readonly": e.readonly,
@@ -1286,73 +1296,73 @@ const Kt = {
           "aria-expanded": a.value,
           "aria-haspopup": "listbox",
           size: e.size,
-          onClick: F,
-          onKeydown: H(x, ["stop"])
-        }, Te({
-          append: C(() => [
-            I.value && s.value ? (r(), S(g(N), Z({ key: 0 }, e.icons.clear, {
+          onClick: E,
+          onKeydown: R(L, ["stop"])
+        }, Ce({
+          append: T(() => [
+            D.value && s.value ? (r(), $(g(U), Z({ key: 0 }, e.icons.clear, {
               class: "q-select__clear",
-              onClick: H(z, ["stop", "prevent"])
+              onClick: R(Q, ["stop", "prevent"])
             }), null, 16, ["onClick"])) : b("", !0),
-            !e.readonly && !e.disabled ? (r(), S(g(N), Z({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16)) : b("", !0)
+            !e.readonly && !e.disabled ? (r(), $(g(U), Z({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16)) : b("", !0)
           ]),
-          default: C(() => [
-            s.value ? (r(), f("span", Wt, V(p.value), 1)) : (r(), f("span", Gt, V(d.texts.placeholder), 1))
+          default: T(() => [
+            s.value ? (r(), f("span", Wt, A(p.value), 1)) : (r(), f("span", Gt, A(u.texts.placeholder), 1))
           ]),
           _: 2
         }, [
-          (J = _.value) != null && J.icon ? {
+          (P = _.value) != null && P.icon ? {
             name: "prepend",
-            fn: C(() => {
+            fn: T(() => {
               var G;
               return [
-                U(g(N), ve(Ve((G = _.value) == null ? void 0 : G.icon)), null, 16)
+                H(g(U), ge(Ve((G = _.value) == null ? void 0 : G.icon)), null, 16)
               ];
             }),
             key: "0"
           } : void 0
         ]), 1032, ["class", "disabled", "aria-expanded", "size", "onKeydown"]),
-        U(g(se), {
+        H(g(ae), {
           "model-value": a.value,
           spy: "",
           trigger: "manual",
           placement: "bottom",
           width: "anchor",
           offset: 2,
-          anchor: (ae = c.value) == null ? void 0 : ae.$el,
-          onEnter: m,
-          onLeave: B
+          anchor: (le = c.value) == null ? void 0 : le.$el,
+          onEnter: J,
+          onLeave: W
         }, {
-          default: C(() => [
+          default: T(() => [
             Ae((r(), f("div", {
               ref_key: "contentRef",
               ref: h,
               class: "q-select__body"
             }, [
-              q(d.$slots, "body.prepend"),
-              e.loading ? (r(), S(g($e), {
+              x(u.$slots, "body.prepend"),
+              e.loading ? (r(), $(g(Se), {
                 key: 0,
                 class: "q-select__loader",
                 size: 24
-              })) : (r(), S(g(Ct), {
+              })) : (r(), $(g(Et), {
                 key: 1,
                 ref_key: "listRef",
                 ref: i,
                 class: "q-select__items",
                 modelValue: s.value,
                 "onUpdate:modelValue": [
-                  L[0] || (L[0] = (G) => s.value = G),
-                  E
+                  B[0] || (B[0] = (G) => s.value = G),
+                  z
                 ],
                 items: e.items,
-                groups: d.groups,
+                groups: u.groups,
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue,
-                onKeydown: H(x, ["stop"])
+                onKeydown: R(L, ["stop"])
               }, null, 8, ["modelValue", "items", "groups", "item-label", "item-value", "onKeydown"])),
-              q(d.$slots, "body.append")
+              x(u.$slots, "body.append")
             ])), [
-              [g(Kt), M]
+              [g(Kt), F]
             ])
           ]),
           _: 3
@@ -1378,7 +1388,7 @@ const Kt = {
   },
   setup(t) {
     const n = t;
-    return (e, o) => (r(), S(g(se), {
+    return (e, o) => (r(), $(g(ae), {
       "model-value": n.modelValue,
       anchor: n.anchor,
       appearance: n.appearance,
@@ -1390,11 +1400,11 @@ const Kt = {
       placement: n.placement,
       trigger: n.trigger
     }, {
-      default: C(() => [
+      default: T(() => [
         n.html ? (r(), f("span", {
           key: 0,
           innerHTML: n.text
-        }, null, 8, jt)) : (r(), f("span", Jt, V(n.text), 1))
+        }, null, 8, jt)) : (r(), f("span", Jt, A(n.text), 1))
       ]),
       _: 1
     }, 8, ["model-value", "anchor", "appearance", "arrow", "attach", "delay", "disabled", "placement", "trigger"]));
@@ -1404,24 +1414,24 @@ export {
   Je as QButton,
   et as QButtonGroup,
   on as QButtonToggle,
-  N as QIcon,
+  U as QIcon,
   ut as QIconFont,
   dt as QIconImg,
   ft as QIconSvg,
   yt as QInput,
   sn as QLineLoader,
-  Ct as QList,
-  Tt as QListItem,
+  Et as QList,
+  Ct as QListItem,
   Vt as QListItemGroup,
-  se as QOverlay,
+  ae as QOverlay,
   an as QPopover,
   ln as QSelect,
-  $e as QSpinnerLoader,
+  Se as QSpinnerLoader,
   rn as QTooltip,
   Kt as clickOutside,
   nn as createFramework,
   Oe as defaultDarkColorScheme,
-  ce as defaultLightColorScheme,
+  ue as defaultLightColorScheme,
   tn as useTheme
 };
 //# sourceMappingURL=ui.esm.js.map