@quidgest/ui 0.5.3 → 0.5.4

package/dist/ui.esm.js

@@ -1,4 +1,7 @@
-import { provide as De, inject as pe, getCurrentInstance as me, ref as D, watch as z, defineComponent as _, computed as y, openBlock as r, createElementBlock as f, normalizeStyle as W, createElementVNode as X, unref as g, normalizeClass as C, withModifiers as H, createVNode as N, createCommentVNode as b, Fragment as Q, createTextVNode as U, toDisplayString as I, renderSlot as L, toRef as J, createBlock as k, withCtx as E, renderList as ee, resolveDynamicComponent as he, h as se, mergeProps as K, normalizeProps as ye, reactive as Ee, onBeforeUnmount as Te, onMounted as Ce, Teleport as Ie, Transition as Ve, nextTick as le, createSlots as ze, guardReactiveProps as Qe, withDirectives as Ae } from "vue";
+import { getCurrentInstance as pe, computed as y, ref as I, provide as Se, inject as me, watch as Q, defineComponent as _, openBlock as r, createElementBlock as f, normalizeStyle as W, createElementVNode as X, normalizeClass as C, withModifiers as R, createVNode as H, unref as g, createCommentVNode as b, Fragment as A, createTextVNode as N, toDisplayString as V, renderSlot as q, toRef as J, createBlock as w, withCtx as E, renderList as ee, resolveDynamicComponent as he, h as se, mergeProps as K, normalizeProps as ye, reactive as Be, onBeforeUnmount as Le, onMounted as xe, Teleport as qe, Transition as De, nextTick as le, createSlots as Ie, guardReactiveProps as Ee, withDirectives as Te } from "vue";
+function te(t) {
+  return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
+}
 function re(t) {
   return t !== null && typeof t == "object" && !Array.isArray(t);
 }
@@ -19,22 +22,31 @@ function ve(t = {}, n = {}) {
   }
   return e;
 }
-const te = "q-defaults";
-function Oe() {
-  const t = me();
+const ne = "q-defaults";
+function Ce() {
+  const t = pe();
   if (!t)
-    throw new Error("[framework] useDefaults must be called from inside a setup function");
+    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("[framework] Could not determine component name");
-  return ge()[n] || {};
+    throw new Error("[Quidgest UI] Could not determine component name");
+  const e = ge();
+  return y(() => {
+    var o;
+    return (o = e.value) == null ? void 0 : o[n];
+  });
 }
-function Fe(t) {
-  const n = structuredClone(ge()), e = ve(n, t);
-  De(te, e);
+function Ve(t) {
+  if (te(t))
+    return;
+  const n = ge(), e = I(t), o = y(() => te(e.value) ? n.value : ve(n.value, e.value));
+  Se(ne, o);
 }
 function ge() {
-  return pe(te, void 0) || {};
+  const t = me(ne, void 0);
+  if (!t)
+    throw new Error("[Quidgest UI] Could not find defaults instance");
+  return t;
 }
 const ie = {
   primary: "#00a1f8",
@@ -66,7 +78,7 @@ const ie = {
   onWarning: "#fff",
   onDanger: "#fff",
   onInfo: "#fff"
-}, Me = {
+}, ze = {
   primary: "#018BD2",
   primaryLight: "#cce7f6",
   primaryDark: "#006fac",
@@ -104,7 +116,7 @@ function be(t) {
   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 };
 }
-function Re(t, n) {
+function Qe(t, n) {
   if (n < 0 || n > 100)
     throw new Error("Amount must be in the range [0, 100]");
   if (n === 0)
@@ -112,7 +124,7 @@ function Re(t, n) {
   const e = _e(t), o = n / 100;
   return e.l = e.l + o * (100 - e.l), ke(e);
 }
-function He(t, n) {
+function Ae(t, n) {
   if (n < 0 || n > 100)
     throw new Error("Amount must be in the range [0, 100]");
   if (n === 0)
@@ -170,28 +182,28 @@ function P(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 Z = "q-theme";
-function Ct() {
-  const t = pe(Z);
+function Xt() {
+  const t = me(Z);
   if (!t)
-    throw new Error("[framework] Could not find theme instance");
+    throw new Error("[Quidgest UI] Could not find theme instance");
   return t;
 }
-function Ne(t, n) {
+function Oe(t, n) {
   let e = null;
   if (n)
     for (const o of n.themes) {
-      const a = o.mode === "light" ? ie : Me;
+      const a = o.mode === "light" ? ie : ze;
       if (o.colors) {
         let s;
         for (s in o.colors) {
           const l = o.colors[s];
           if (l && !s.startsWith("on") && !s.endsWith("Light") && !s.endsWith("Dark")) {
             const c = be(l), i = `${s}Light`, p = `${s}Dark`;
-            i in o.colors || (o.colors[i] = ce(Re(c, 85))), p in o.colors || (o.colors[p] = ce(He(c, 25)));
+            i in o.colors || (o.colors[i] = ce(Qe(c, 85))), p in o.colors || (o.colors[p] = ce(Ae(c, 25)));
           }
         }
       }
-      o.colors = Ue(a, o.colors), o.name === n.defaultTheme && (e = o);
+      o.colors = Fe(a, o.colors), o.name === n.defaultTheme && (e = o);
     }
   else {
     const o = "default";
@@ -205,24 +217,24 @@ function Ne(t, n) {
     };
   }
   if (e) {
-    const o = D({
+    const o = I({
       activeTheme: e.name,
       themes: n.themes
     });
-    z(
+    Q(
       () => o.value.activeTheme,
       (a) => {
         const s = o.value.themes.find((l) => l.name === a);
-        s && Ke(s.colors);
+        s && Me(s.colors);
       },
       { immediate: !0 }
     ), t.provide(Z, o);
   }
 }
-function Ue(t, n = {}) {
+function Fe(t, n = {}) {
   return { ...t, ...n };
 }
-function Ke(t) {
+function Me(t) {
   let n = document.getElementById(
     Z
   );
@@ -244,7 +256,7 @@ function Ke(t) {
 function ue(t) {
   return t ? `--q-theme-${t.replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase()}` : "";
 }
-function It(t = {}) {
+function Zt(t = {}) {
   return { install: (e) => {
     const o = t.components || {};
     for (const l in o)
@@ -253,10 +265,10 @@ function It(t = {}) {
     for (const l in a)
       e.directive(l, a[l]);
     const s = t.defaults || {};
-    e.provide(te, s), Ne(e, t.themes);
+    e.provide(ne, s), Oe(e, t.themes);
   } };
 }
-const We = /* @__PURE__ */ X("svg", { viewBox: "25 25 50 50" }, [
+const Re = /* @__PURE__ */ X("svg", { viewBox: "25 25 50 50" }, [
   /* @__PURE__ */ X("circle", {
     class: "path",
     cx: "50",
@@ -267,9 +279,9 @@ const We = /* @__PURE__ */ X("svg", { viewBox: "25 25 50 50" }, [
     "stroke-width": "5",
     "stroke-miterlimit": "10"
   })
-], -1), Ge = [
-  We
-], ne = /* @__PURE__ */ _({
+], -1), He = [
+  Re
+], Ue = /* @__PURE__ */ _({
   __name: "QSpinnerLoader",
   props: {
     size: { default: 48 }
@@ -281,39 +293,36 @@ const We = /* @__PURE__ */ X("svg", { viewBox: "25 25 50 50" }, [
     return (o, a) => (r(), f("div", {
       class: "q-spinner-loader",
       style: W(e.value)
-    }, Ge, 4));
+    }, He, 4));
   }
 });
-function Ye(t) {
-  return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
-}
-function Xe(t, n) {
+function Ne(t, n) {
   var e;
   return typeof ((e = t.props) == null ? void 0 : e[n]) < "u";
 }
-function A(t) {
+function k(t) {
   const n = t.setup;
   return n && (t.setup = (e, o) => {
-    const a = Oe();
-    if (Ye(a))
+    const a = Ce();
+    if (te(a.value))
       return n(e, o);
-    const s = me();
+    const s = pe();
     if (s === null)
       return n(e, o);
     const l = new Proxy(e, {
       get(c, i) {
-        const p = Reflect.get(c, i), w = g(a[i]);
-        return i === "class" || i === "style" ? [w, p].filter((m) => m != null) : typeof i == "string" && !Xe(s.vnode, i) ? w ?? p : p;
+        var m;
+        const p = Reflect.get(c, i), $ = (m = a.value) == null ? void 0 : m[i];
+        return i === "class" || i === "style" ? [$, p].filter((x) => x != null) : typeof i == "string" && !Ne(s.vnode, i) ? $ ?? p : p;
       }
     });
     return n(l, o);
   }), t;
 }
-A(ne);
-const Ze = ["disabled", "onClick"], je = {
+const we = k(Ue), Ke = ["disabled", "onClick"], We = {
   key: 0,
   class: "q-btn__spinner"
-}, Je = { class: "q-btn__content" }, Pe = /* @__PURE__ */ _({
+}, Ge = { class: "q-btn__content" }, Ye = /* @__PURE__ */ _({
   __name: "QButton",
   props: {
     active: { type: Boolean },
@@ -352,23 +361,23 @@ const Ze = ["disabled", "onClick"], je = {
       type: "button",
       class: C(s.value),
       disabled: o.value,
-      onClick: H(a, ["stop", "prevent"])
+      onClick: R(a, ["stop", "prevent"])
     }, [
-      l.loading ? (r(), f("div", je, [
-        N(g(ne), { size: 23 })
+      l.loading ? (r(), f("div", We, [
+        H(g(we), { size: 23 })
       ])) : b("", !0),
-      X("span", Je, [
-        l.iconOnRight ? (r(), f(Q, { key: 0 }, [
-          U(I(e.label), 1)
+      X("span", Ge, [
+        l.iconOnRight ? (r(), f(A, { key: 0 }, [
+          N(V(e.label), 1)
         ], 64)) : b("", !0),
-        L(l.$slots, "default"),
-        l.iconOnRight ? b("", !0) : (r(), f(Q, { key: 1 }, [
-          U(I(e.label), 1)
+        q(l.$slots, "default"),
+        l.iconOnRight ? b("", !0) : (r(), f(A, { key: 1 }, [
+          N(V(e.label), 1)
         ], 64))
       ])
-    ], 10, Ze));
+    ], 10, Ke));
   }
-}), et = /* @__PURE__ */ _({
+}), Xe = k(Ye), Ze = /* @__PURE__ */ _({
   __name: "QButtonGroup",
   props: {
     bStyle: {},
@@ -378,7 +387,7 @@ const Ze = ["disabled", "onClick"], je = {
   },
   setup(t) {
     const n = t;
-    Fe({
+    Ve({
       QButton: {
         bStyle: J(n, "bStyle"),
         disabled: J(n, "disabled"),
@@ -395,10 +404,10 @@ const Ze = ["disabled", "onClick"], je = {
     return (o, a) => (r(), f("div", {
       class: C(e.value)
     }, [
-      L(o.$slots, "default")
+      q(o.$slots, "default")
     ], 2));
   }
-}), Vt = /* @__PURE__ */ _({
+}), je = k(Ze), Je = /* @__PURE__ */ _({
   __name: "QButtonToggle",
   props: {
     modelValue: {},
@@ -410,8 +419,8 @@ const Ze = ["disabled", "onClick"], je = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
-    const e = t, o = D(e.modelValue);
-    z(
+    const e = t, o = I(e.modelValue);
+    Q(
       () => e.modelValue,
       (l) => o.value = l
     );
@@ -426,14 +435,14 @@ const Ze = ["disabled", "onClick"], je = {
     function s(l) {
       a.value === l.key && !e.mandatory ? a.value = void 0 : a.value = l.key;
     }
-    return (l, c) => (r(), k(g(et), {
+    return (l, c) => (r(), w(g(je), {
       "b-style": "secondary",
       disabled: e.disabled,
       borderless: e.borderless,
       elevated: e.elevated
     }, {
       default: E(() => [
-        (r(!0), f(Q, null, ee(e.options, (i) => (r(), k(g(Pe), {
+        (r(!0), f(A, null, ee(e.options, (i) => (r(), w(g(Xe), {
           key: i.key,
           title: i.title,
           label: i.label,
@@ -441,7 +450,7 @@ const Ze = ["disabled", "onClick"], je = {
           onClick: (p) => s(i)
         }, {
           default: E(() => [
-            L(l.$slots, i.key)
+            q(l.$slots, i.key)
           ]),
           _: 2
         }, 1032, ["title", "label", "active", "onClick"]))), 128))
@@ -449,7 +458,7 @@ const Ze = ["disabled", "onClick"], je = {
       _: 3
     }, 8, ["disabled", "borderless", "elevated"]));
   }
-}), O = /* @__PURE__ */ _({
+}), jt = k(Je), Pe = /* @__PURE__ */ _({
   __name: "QIcon",
   props: {
     name: {},
@@ -460,21 +469,21 @@ const Ze = ["disabled", "onClick"], je = {
     const n = t, e = y(() => {
       switch (n.type) {
         case "svg":
-          return Se;
+          return ct;
         case "font":
-          return we;
+          return rt;
         case "img":
-          return $e;
+          return it;
         default:
           return;
       }
     });
-    return (o, a) => (r(), k(he(e.value), {
+    return (o, a) => (r(), w(he(e.value), {
       icon: n.name,
       size: n.size
     }, null, 8, ["icon", "size"]));
   }
-}), we = /* @__PURE__ */ _({
+}), et = /* @__PURE__ */ _({
   __name: "QIconFont",
   props: {
     icon: {},
@@ -492,7 +501,7 @@ const Ze = ["disabled", "onClick"], je = {
       style: W(o.value)
     }, null, 6)) : b("", !0);
   }
-}), tt = ["src"], $e = /* @__PURE__ */ _({
+}), tt = ["src"], nt = /* @__PURE__ */ _({
   __name: "QIconImg",
   props: {
     icon: {},
@@ -509,7 +518,7 @@ const Ze = ["disabled", "onClick"], je = {
       style: W(e.value)
     }, null, 12, tt)) : b("", !0);
   }
-}), R = {}, nt = _({
+}), M = {}, ot = _({
   name: "InlineSvg",
   emits: ["loaded", "unloaded", "error"],
   inheritAttrs: !1,
@@ -565,7 +574,7 @@ const Ze = ["disabled", "onClick"], je = {
         o !== !1 && o !== null && o !== void 0 && (t[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)), ot(t, this.title)), t);
+      return this.symbol && (t = t.getElementById(this.symbol), !t) ? null : (this.transformSource && (t = t.cloneNode(!0), t = this.transformSource(t)), this.title && (this.transformSource || (t = t.cloneNode(!0)), at(t, this.title)), t);
     },
     /**
      * Get svgElSource
@@ -573,11 +582,11 @@ const Ze = ["disabled", "onClick"], je = {
      */
     async getSource(t) {
       try {
-        R[t] || (R[t] = at(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] = st(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);
       }
     },
     /**
@@ -601,7 +610,7 @@ const Ze = ["disabled", "onClick"], je = {
     }
   }
 });
-function ot(t, n) {
+function at(t, n) {
   const e = t.getElementsByTagName("title");
   if (e.length)
     e[0].textContent = n;
@@ -610,7 +619,7 @@ function ot(t, n) {
     o.textContent = n, t.insertBefore(o, t.firstChild);
   }
 }
-function at(t) {
+function st(t) {
   if (t.getIsPending)
     return t;
   let n = !0;
@@ -622,7 +631,7 @@ function at(t) {
   );
   return e.getIsPending = () => n, e;
 }
-const Se = /* @__PURE__ */ _({
+const lt = /* @__PURE__ */ _({
   __name: "QIconSvg",
   props: {
     icon: {},
@@ -634,7 +643,7 @@ const Se = /* @__PURE__ */ _({
     const e = t, o = y(() => ({
       "font-size": e.size !== void 0 ? `${e.size}px` : void 0
     }));
-    return (a, s) => e.icon ? (r(), k(g(nt), {
+    return (a, s) => e.icon ? (r(), w(g(ot), {
       key: 0,
       class: "q-icon q-icon__svg",
       src: e.bundle,
@@ -644,18 +653,13 @@ const Se = /* @__PURE__ */ _({
       onUnloaded: s[1] || (s[1] = (l) => n("unloaded", l))
     }, null, 8, ["src", "symbol", "style"])) : b("", !0);
   }
-});
-A(O);
-A(we);
-A($e);
-A(Se);
-const st = {
+}), U = k(Pe), rt = k(et), it = k(nt), ct = k(lt), ut = {
   key: 0,
   class: "q-input__prepend"
-}, lt = {
+}, dt = {
   key: 1,
   class: "q-input__append"
-}, rt = /* @__PURE__ */ _({
+}, ft = /* @__PURE__ */ _({
   __name: "QInput",
   props: {
     size: { default: "medium" },
@@ -671,25 +675,25 @@ const st = {
         { "q-input--readonly": n.readonly, "q-input--disabled": n.disabled }
       ])
     }, [
-      e.$slots.prepend ? (r(), f("div", st, [
-        L(e.$slots, "prepend")
+      e.$slots.prepend ? (r(), f("div", ut, [
+        q(e.$slots, "prepend")
       ])) : b("", !0),
-      L(e.$slots, "default"),
-      e.$slots.append ? (r(), f("div", lt, [
-        L(e.$slots, "append")
+      q(e.$slots, "default"),
+      e.$slots.append ? (r(), f("div", dt, [
+        q(e.$slots, "append")
       ])) : b("", !0)
     ], 2));
   }
-}), it = (t, n) => {
+}), pt = k(ft), mt = (t, n) => {
   const e = t.__vccOpts || t;
   for (const [o, a] of n)
     e[o] = a;
   return e;
-}, ct = {}, ut = { class: "q-line-loader" };
-function dt(t, n) {
-  return r(), f("div", ut);
+}, ht = {}, yt = { class: "q-line-loader" };
+function vt(t, n) {
+  return r(), f("div", yt);
 }
-const zt = /* @__PURE__ */ it(ct, [["render", dt]]), Be = /* @__PURE__ */ _({
+const gt = /* @__PURE__ */ mt(ht, [["render", vt]]), Jt = k(gt), bt = /* @__PURE__ */ _({
   __name: "QList",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -701,15 +705,15 @@ const zt = /* @__PURE__ */ it(ct, [["render", dt]]), Be = /* @__PURE__ */ _({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: n, emit: e }) {
-    const o = t, a = D(o.modelValue), s = y(() => l.value.length > 1 ? "div" : "ul"), l = y(() => o.groups.length ? o.groups : [{ title: "" }]), c = D(null);
+    const o = t, a = I(o.modelValue), s = y(() => l.value.length > 1 ? "div" : "ul"), l = y(() => o.groups.length ? o.groups : [{ title: "" }]), c = I(null);
     function i(d) {
       a.value = d, e("update:modelValue", d);
     }
     function p() {
       let d = 0;
-      a.value && (d = o.items.findIndex(($) => $[o.itemValue] === a.value)), q(d);
+      a.value && (d = o.items.findIndex((S) => S[o.itemValue] === a.value)), x(d);
     }
-    function w(d) {
+    function $(d) {
       switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(d.key) && d.preventDefault(), d.key) {
         case "ArrowDown":
           m("next");
@@ -729,61 +733,61 @@ const zt = /* @__PURE__ */ it(ct, [["render", dt]]), Be = /* @__PURE__ */ _({
       switch (d) {
         case "next":
         case "prev":
-          q(M(d));
+          x(F(d));
           break;
         case "first":
-          q(0);
+          x(0);
           break;
         case "last":
-          q(-1);
+          x(-1);
           break;
       }
     }
-    function q(d) {
+    function x(d) {
       var v;
       (v = T().at(d)) == null || v.focus();
     }
     function T() {
       var v;
       const d = (v = c.value) == null ? void 0 : v.querySelectorAll("li");
-      return d ? Array.from(d).filter((x) => x.tabIndex !== -1) : [];
+      return d ? Array.from(d).filter((D) => D.tabIndex !== -1) : [];
     }
-    function F(d) {
+    function O(d) {
       return d.indexOf(document.activeElement);
     }
-    function M(d) {
-      const $ = T(), v = F($);
-      return d === "next" ? v === $.length - 1 ? v : v + 1 : v === 0 ? 0 : v - 1;
+    function F(d) {
+      const S = T(), v = O(S);
+      return d === "next" ? v === S.length - 1 ? v : v + 1 : v === 0 ? 0 : v - 1;
     }
-    function V(d) {
-      return d ? o.items.filter(($) => $.group === d) : o.items;
+    function z(d) {
+      return d ? o.items.filter((S) => S.group === d) : o.items;
     }
-    return z(
+    return Q(
       () => o.modelValue,
       (d) => {
         a.value = d;
       }
-    ), n({ focusItem: q }), (d, $) => (r(), k(he(s.value), {
+    ), n({ focusItem: x }), (d, S) => (r(), w(he(s.value), {
       ref_key: "listRef",
       ref: c,
       class: C(["q-list", { "q-list--disabled": o.disabled }]),
       role: "listbox",
       tabindex: o.disabled ? -1 : 0,
       onFocus: p,
-      onKeydown: w
+      onKeydown: $
     }, {
       default: E(() => [
-        (r(!0), f(Q, null, ee(l.value, (v) => (r(), k(g(xe), K({
+        (r(!0), f(A, null, ee(l.value, (v) => (r(), w(g(It), K({
           key: v.title
         }, v), {
           default: E(() => [
-            (r(!0), f(Q, null, ee(V(v.title), (x) => (r(), k(g(Le), {
-              key: x[o.itemValue],
-              value: x[o.itemValue],
-              label: x[o.itemLabel],
-              icon: x.icon,
-              disabled: o.disabled || x.disabled,
-              selected: a.value === x[o.itemValue],
+            (r(!0), f(A, null, ee(z(v.title), (D) => (r(), w(g(Dt), {
+              key: D[o.itemValue],
+              value: D[o.itemValue],
+              label: D[o.itemLabel],
+              icon: D.icon,
+              disabled: o.disabled || D.disabled,
+              selected: a.value === D[o.itemValue],
               onSelect: i
             }, null, 8, ["value", "label", "icon", "disabled", "selected"]))), 128))
           ]),
@@ -793,11 +797,11 @@ const zt = /* @__PURE__ */ it(ct, [["render", dt]]), Be = /* @__PURE__ */ _({
       _: 1
     }, 40, ["class", "tabindex"]));
   }
-}), ft = ["tabindex", "aria-label", "aria-selected", "onClick"], pt = {
+}), _t = ["tabindex", "aria-label", "aria-selected", "onClick"], kt = {
   check: {
     name: "check"
   }
-}, Le = /* @__PURE__ */ _({
+}, wt = /* @__PURE__ */ _({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
@@ -805,7 +809,7 @@ const zt = /* @__PURE__ */ it(ct, [["render", dt]]), Be = /* @__PURE__ */ _({
     icon: { default: void 0 },
     selected: { type: Boolean, default: !1 },
     highlighted: { type: Boolean, default: !1 },
-    icons: { default: () => pt },
+    icons: { default: () => kt },
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["select"],
@@ -831,22 +835,22 @@ const zt = /* @__PURE__ */ it(ct, [["render", dt]]), Be = /* @__PURE__ */ _({
       "aria-label": e.label,
       "aria-selected": e.disabled ? void 0 : e.selected,
       onKeydown: a,
-      onClick: H(o, ["stop", "prevent"])
+      onClick: R(o, ["stop", "prevent"])
     }, [
-      e.icon ? (r(), k(g(O), ye(K({ key: 0 }, e.icon)), null, 16)) : b("", !0),
-      U(" " + I(e.label) + " ", 1),
-      e.selected ? (r(), k(g(O), K({ key: 1 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : b("", !0)
-    ], 42, ft));
+      e.icon ? (r(), w(g(U), ye(K({ key: 0 }, e.icon)), null, 16)) : b("", !0),
+      N(" " + V(e.label) + " ", 1),
+      e.selected ? (r(), w(g(U), K({ key: 1 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : b("", !0)
+    ], 42, _t));
   }
 });
-let mt = 0;
-function ht() {
-  return `uid-${++mt}`;
+let $t = 0;
+function St() {
+  return `uid-${++$t}`;
 }
-const yt = ["aria-labelledby"], vt = ["id"], xe = /* @__PURE__ */ _({
+const Bt = ["aria-labelledby"], Lt = ["id"], xt = /* @__PURE__ */ _({
   __name: "QListItemGroup",
   props: {
-    id: { default: () => ht() },
+    id: { default: () => St() },
     title: { default: "" },
     disabled: { type: Boolean, default: !1 }
   },
@@ -863,20 +867,17 @@ const yt = ["aria-labelledby"], vt = ["id"], xe = /* @__PURE__ */ _({
         id: n.id,
         class: "q-list-item-group__title",
         role: "presentation"
-      }, I(n.title), 9, vt)) : b("", !0),
-      L(e.$slots, "default")
-    ], 8, yt)) : L(e.$slots, "default", { key: 0 });
+      }, V(n.title), 9, Lt)) : b("", !0),
+      q(e.$slots, "default")
+    ], 8, Bt)) : q(e.$slots, "default", { key: 0 });
   }
-});
-A(Be);
-A(Le);
-A(xe);
-function gt(t, n, e = "right", o) {
+}), qt = k(bt), Dt = k(wt), It = k(xt);
+function Et(t, n, e = "right", o) {
   const a = t.getBoundingClientRect(), s = a.x + window.scrollX, l = a.y + window.scrollY, c = n == null ? void 0 : n.getBoundingClientRect(), i = (c == null ? void 0 : c.width) ?? 0, p = (c == null ? void 0 : c.height) ?? 0;
-  let w = e;
-  c && !qe(a, c, w) && (w = bt(a, c, w));
-  const m = { x: 0, y: 0, placement: w };
-  switch (w) {
+  let $ = e;
+  c && !$e(a, c, $) && ($ = Tt(a, c, $));
+  const m = { x: 0, y: 0, placement: $ };
+  switch ($) {
     case "top":
       o === "anchor" ? m.x = s : m.x = s + (a.width - i) / 2, m.y = l - p;
       break;
@@ -892,7 +893,7 @@ function gt(t, n, e = "right", o) {
   }
   return o === "anchor" && (m.width = a.width), m;
 }
-function qe(t, n, e) {
+function $e(t, n, e) {
   let o = !1, a = !1;
   switch (e) {
     case "top":
@@ -916,7 +917,7 @@ function de(t, n) {
 function fe(t, n) {
   return window.innerWidth - t.left - t.width / 2 > n.width / 2 && t.left + t.width / 2 > n.width / 2;
 }
-function bt(t, n, e) {
+function Tt(t, n, e) {
   const o = {
     top: ["bottom", "left", "right"],
     bottom: ["top", "left", "right"],
@@ -924,17 +925,17 @@ function bt(t, n, e) {
     right: ["left", "top", "bottom"]
   };
   for (const a of o[e])
-    if (qe(t, n, a))
+    if ($e(t, n, a))
       return a;
   return e;
 }
 function Y(t) {
   return typeof t == "string" ? document.querySelector(t) : t && "$el" in t ? t.$el : t;
 }
-const _t = {
+const Ct = {
   key: 0,
   class: "q-overlay__arrow"
-}, oe = /* @__PURE__ */ _({
+}, Vt = /* @__PURE__ */ _({
   __name: "QOverlay",
   props: {
     modelValue: { type: Boolean },
@@ -959,25 +960,25 @@ const _t = {
       `q-overlay--${a.placement}`,
       { "q-overlay--inverted": e.appearance === "inverted" },
       ...e.contentClasses
-    ]), a = Ee({
+    ]), a = Be({
       visible: e.modelValue,
       top: 0,
       left: 0,
       width: 0,
       placement: e.placement
     }), s = y(() => a.visible && !e.disabled);
-    z(
+    Q(
       () => e.modelValue,
       () => a.visible = e.modelValue
     );
     const l = y(() => {
-      let h = 0, S = 0;
+      let h = 0, B = 0;
       switch (a.placement) {
         case "top":
-          S = -(e.offset || 0);
+          B = -(e.offset || 0);
           break;
         case "bottom":
-          S = e.offset || 0;
+          B = e.offset || 0;
           break;
         case "left":
           h = -(e.offset || 0);
@@ -987,46 +988,46 @@ const _t = {
           break;
       }
       const u = {
-        top: `${a.top + S}px`,
+        top: `${a.top + B}px`,
         left: `${a.left + h}px`
       };
       return a.width !== void 0 && ["top", "bottom"].includes(a.placement) && (u.width = `${a.width}px`), u;
-    }), c = D(null);
+    }), c = I(null);
     function i() {
       const h = Y(e.anchor);
       if (h) {
-        const S = gt(h, c.value, e.placement, e.width);
-        a.left = S.x, a.top = S.y, a.width = S.width, a.placement = S.placement;
+        const B = Et(h, c.value, e.placement, e.width);
+        a.left = B.x, a.top = B.y, a.width = B.width, a.placement = B.placement;
       }
     }
-    z([() => s.value, () => e.placement], i);
+    Q([() => s.value, () => e.placement], i);
     let p;
-    function w() {
+    function $() {
       const h = e.trigger === "hover" ? e.delay : 0;
       p || (p = window.setTimeout(() => a.visible = !0, h));
     }
     function m() {
       clearTimeout(p), p = void 0, a.visible = !1;
     }
-    function q() {
-      s.value ? m() : w();
+    function x() {
+      s.value ? m() : $();
     }
     let T;
-    function F() {
+    function O() {
       le(() => {
         const h = Y(e.anchor);
         if (h)
           switch (e.trigger) {
             case "click":
-              h.addEventListener("click", q);
+              h.addEventListener("click", x);
               break;
             case "hover":
-              h.addEventListener("mouseenter", w), h.addEventListener("mouseleave", m);
+              h.addEventListener("mouseenter", $), h.addEventListener("mouseleave", m);
               break;
           }
       });
     }
-    function M() {
+    function F() {
       le(() => {
         const h = Y(e.anchor);
         h && (window.addEventListener("scroll", i), window.addEventListener("resize", i), T = new MutationObserver(i), T.observe(h, {
@@ -1037,41 +1038,41 @@ const _t = {
         }), i());
       });
     }
-    function V() {
+    function z() {
       window.removeEventListener("scroll", i), window.removeEventListener("resize", i), T == null || T.disconnect();
     }
     let d;
-    function $() {
-      Y(e.anchor) ? (i(), d = window.setTimeout($, 100)) : m();
+    function S() {
+      Y(e.anchor) ? (i(), d = window.setTimeout(S, 100)) : m();
     }
     function v() {
-      M(), e.spy && $();
+      F(), e.spy && S();
     }
-    function x() {
-      V(), e.spy && (clearTimeout(d), d = void 0);
+    function D() {
+      z(), e.spy && (clearTimeout(d), d = void 0);
     }
-    return Te(x), Ce(i), z(
+    return Le(D), xe(i), Q(
       () => e.disabled,
       (h) => {
-        h || F();
+        h || O();
       },
       { immediate: !0 }
-    ), z(
+    ), Q(
       () => s.value,
       (h) => {
-        h ? v() : x();
+        h ? v() : D();
       },
       { immediate: !0 }
-    ), (h, S) => (r(), f(Q, null, [
-      L(h.$slots, "trigger", { open: s.value }),
-      (r(), k(Ie, {
+    ), (h, B) => (r(), f(A, null, [
+      q(h.$slots, "trigger", { open: s.value }),
+      (r(), w(qe, {
         to: e.attach
       }, [
-        N(Ve, {
+        H(De, {
           name: e.transition,
           appear: "",
-          onEnter: S[0] || (S[0] = (u) => n("enter")),
-          onLeave: S[1] || (S[1] = (u) => n("leave"))
+          onEnter: B[0] || (B[0] = (u) => n("enter")),
+          onLeave: B[1] || (B[1] = (u) => n("leave"))
         }, {
           default: E(() => [
             s.value ? (r(), f("div", {
@@ -1084,8 +1085,8 @@ const _t = {
                 ref_key: "overlay",
                 ref: c
               }, [
-                e.arrow ? (r(), f("div", _t)) : b("", !0),
-                L(h.$slots, "default")
+                e.arrow ? (r(), f("div", Ct)) : b("", !0),
+                q(h.$slots, "default")
               ], 512)
             ], 6)) : b("", !0)
           ]),
@@ -1094,13 +1095,13 @@ const _t = {
       ], 8, ["to"]))
     ], 64));
   }
-}), kt = {
+}), oe = k(Vt), zt = {
   key: 0,
   class: "q-popover__header"
-}, wt = {
+}, Qt = {
   key: 1,
   class: "q-popover__body"
-}, $t = ["innerHTML"], St = { key: 1 }, Qt = /* @__PURE__ */ _({
+}, At = ["innerHTML"], Ot = { key: 1 }, Ft = /* @__PURE__ */ _({
   __name: "QPopover",
   props: {
     modelValue: { type: Boolean },
@@ -1116,7 +1117,7 @@ const _t = {
   },
   setup(t) {
     const n = t;
-    return (e, o) => (r(), k(g(oe), {
+    return (e, o) => (r(), w(g(oe), {
       "model-value": n.modelValue,
       trigger: "click",
       anchor: n.anchor,
@@ -1128,22 +1129,22 @@ const _t = {
       spy: n.spy
     }, {
       default: E(() => [
-        n.title || e.$slots.header ? (r(), f("h3", kt, [
-          U(I(n.title) + " ", 1),
-          L(e.$slots, "header")
+        n.title || e.$slots.header ? (r(), f("h3", zt, [
+          N(V(n.title) + " ", 1),
+          q(e.$slots, "header")
         ])) : b("", !0),
-        n.text || e.$slots.body ? (r(), f("div", wt, [
+        n.text || e.$slots.body ? (r(), f("div", Qt, [
           n.html ? (r(), f("span", {
             key: 0,
             innerHTML: n.text
-          }, null, 8, $t)) : (r(), f("span", St, I(n.text), 1)),
-          L(e.$slots, "body")
+          }, null, 8, At)) : (r(), f("span", Ot, V(n.text), 1)),
+          q(e.$slots, "body")
         ])) : b("", !0)
       ]),
       _: 3
     }, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement", "spy"]));
   }
-}), Bt = {
+}), Pt = k(Ft), Mt = {
   mounted(t, n) {
     t.clickOutsideEvent = function(e) {
       const o = e.target;
@@ -1153,19 +1154,19 @@ const _t = {
   unmounted(t) {
     document.removeEventListener("click", t.clickOutsideEvent);
   }
-}, Lt = {
+}, Rt = {
   key: 1,
   class: "q-select__placeholder"
-}, xt = {
+}, Ht = {
   placeholder: "Choose..."
-}, qt = {
+}, Ut = {
   chevron: {
     name: "chevron-down"
   },
   clear: {
     name: "close"
   }
-}, At = /* @__PURE__ */ _({
+}, Nt = /* @__PURE__ */ _({
   __name: "QSelect",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -1173,50 +1174,50 @@ const _t = {
     readonly: { type: Boolean },
     disabled: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },
-    icons: { default: () => qt },
+    icons: { default: () => Ut },
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     size: { default: "medium" },
-    texts: { default: () => xt }
+    texts: { default: () => Ht }
   },
   emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
   setup(t, { emit: n }) {
-    const e = t, o = D(e.modelValue), a = D(!1), s = D(""), l = D(null), c = D(null), i = D(null), p = y(
+    const e = t, o = I(e.modelValue), a = I(!1), s = I(""), l = I(null), c = I(null), i = I(null), p = y(
       () => {
         var u;
-        return (u = e.items) == null ? void 0 : u.find((B) => B[e.itemValue] === o.value);
+        return (u = e.items) == null ? void 0 : u.find((L) => L[e.itemValue] === o.value);
       }
-    ), w = y(
+    ), $ = y(
       () => p.value ? p.value[e.itemLabel] : ""
     ), m = y(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
-    function q() {
-      m.value && (o.value = void 0, n("update:modelValue", o.value), V());
+    function x() {
+      m.value && (o.value = void 0, n("update:modelValue", o.value), z());
     }
     function T() {
-      e.readonly || e.disabled || (a.value ? V() : M());
+      e.readonly || e.disabled || (a.value ? z() : F());
     }
-    function F(u) {
-      var B;
-      (B = l.value) != null && B.$el.contains(u.target) || V();
+    function O(u) {
+      var L;
+      (L = l.value) != null && L.$el.contains(u.target) || z();
     }
-    function M() {
+    function F() {
       a.value || (n("before-show"), a.value = !0);
     }
-    function V() {
+    function z() {
       a.value && (n("before-hide"), a.value = !1);
     }
     let d;
-    function $(u) {
+    function S(u) {
       if (!(!u.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(d), ["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)) {
+        if (window.clearTimeout(d), ["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" && x()), u.key === "Delete" && e.clearable && x(), /^[a-z]$/i.test(u.key)) {
           s.value += u.key.toLowerCase();
-          for (let B = 0; B < e.items.length; B++)
-            if (e.items[B][e.itemLabel].toLowerCase().startsWith(s.value)) {
-              S(B);
+          for (let L = 0; L < e.items.length; L++)
+            if (e.items[L][e.itemLabel].toLowerCase().startsWith(s.value)) {
+              B(L);
               break;
             }
         }
@@ -1229,26 +1230,26 @@ const _t = {
       var u;
       (u = c.value) == null || u.$el.focus(), n("show");
     }
-    function x() {
+    function D() {
       h(), n("hide");
     }
     function h() {
       var u;
       (u = l.value) == null || u.$el.focus();
     }
-    function S(u) {
-      var B;
-      (B = c.value) == null || B.focusItem(u);
+    function B(u) {
+      var L;
+      (L = c.value) == null || L.focusItem(u);
     }
-    return z(
+    return Q(
       () => e.modelValue,
       (u) => {
         o.value = u;
       }
-    ), (u, B) => {
+    ), (u, L) => {
       var j, ae;
-      return r(), f(Q, null, [
-        N(g(rt), {
+      return r(), f(A, null, [
+        H(g(pt), {
           ref_key: "inputRef",
           ref: l,
           role: "combobox",
@@ -1267,19 +1268,19 @@ const _t = {
           "aria-haspopup": "listbox",
           size: e.size,
           onClick: T,
-          onKeydown: H($, ["stop"])
-        }, ze({
+          onKeydown: R(S, ["stop"])
+        }, Ie({
           append: E(() => [
-            m.value && o.value ? (r(), k(g(O), K({ key: 0 }, e.icons.clear, {
+            m.value && o.value ? (r(), w(g(U), K({ key: 0 }, e.icons.clear, {
               class: "q-select__clear",
-              onClick: H(q, ["stop", "prevent"])
+              onClick: R(x, ["stop", "prevent"])
             }), null, 16, ["onClick"])) : b("", !0),
-            !e.readonly && !e.disabled ? (r(), k(g(O), K({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16)) : b("", !0)
+            !e.readonly && !e.disabled ? (r(), w(g(U), K({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16)) : b("", !0)
           ]),
           default: E(() => [
-            o.value ? (r(), f(Q, { key: 0 }, [
-              U(I(w.value), 1)
-            ], 64)) : (r(), f("span", Lt, I(u.texts.placeholder), 1))
+            o.value ? (r(), f(A, { key: 0 }, [
+              N(V($.value), 1)
+            ], 64)) : (r(), f("span", Rt, V(u.texts.placeholder), 1))
           ]),
           _: 2
         }, [
@@ -1288,13 +1289,13 @@ const _t = {
             fn: E(() => {
               var G;
               return [
-                N(g(O), ye(Qe((G = p.value) == null ? void 0 : G.icon)), null, 16)
+                H(g(U), ye(Ee((G = p.value) == null ? void 0 : G.icon)), null, 16)
               ];
             }),
             key: "0"
           } : void 0
         ]), 1032, ["class", "disabled", "aria-expanded", "size", "onKeydown"]),
-        N(g(oe), {
+        H(g(oe), {
           "model-value": a.value,
           spy: "",
           trigger: "manual",
@@ -1303,38 +1304,38 @@ const _t = {
           offset: 2,
           anchor: (ae = l.value) == null ? void 0 : ae.$el,
           onEnter: v,
-          onLeave: x
+          onLeave: D
         }, {
           default: E(() => [
-            Ae((r(), f("div", {
+            Te((r(), f("div", {
               ref_key: "contentRef",
               ref: i,
               class: "q-select__body"
             }, [
-              L(u.$slots, "body.prepend"),
-              e.loading ? (r(), k(g(ne), {
+              q(u.$slots, "body.prepend"),
+              e.loading ? (r(), w(g(we), {
                 key: 0,
                 class: "q-select__loader",
                 size: 24
-              })) : (r(), k(g(Be), {
+              })) : (r(), w(g(qt), {
                 key: 1,
                 ref_key: "listRef",
                 ref: c,
                 class: "q-select__items",
                 modelValue: o.value,
                 "onUpdate:modelValue": [
-                  B[0] || (B[0] = (G) => o.value = G),
-                  V
+                  L[0] || (L[0] = (G) => o.value = G),
+                  z
                 ],
                 items: e.items,
                 groups: u.groups,
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue,
-                onKeydown: H($, ["stop"])
+                onKeydown: R(S, ["stop"])
               }, null, 8, ["modelValue", "items", "groups", "item-label", "item-value", "onKeydown"])),
-              L(u.$slots, "body.append")
+              q(u.$slots, "body.append")
             ])), [
-              [g(Bt), F]
+              [g(Mt), O]
             ])
           ]),
           _: 3
@@ -1342,7 +1343,7 @@ const _t = {
       ], 64);
     };
   }
-}), Dt = ["innerHTML"], Et = { key: 1 }, Ot = /* @__PURE__ */ _({
+}), en = k(Nt), Kt = ["innerHTML"], Wt = { key: 1 }, Gt = /* @__PURE__ */ _({
   __name: "QTooltip",
   props: {
     modelValue: { type: Boolean },
@@ -1359,7 +1360,7 @@ const _t = {
   },
   setup(t) {
     const n = t;
-    return (e, o) => (r(), k(g(oe), {
+    return (e, o) => (r(), w(g(oe), {
       "model-value": n.modelValue,
       anchor: n.anchor,
       appearance: n.appearance,
@@ -1375,34 +1376,34 @@ const _t = {
         n.html ? (r(), f("span", {
           key: 0,
           innerHTML: n.text
-        }, null, 8, Dt)) : (r(), f("span", Et, I(n.text), 1))
+        }, null, 8, Kt)) : (r(), f("span", Wt, V(n.text), 1))
       ]),
       _: 1
     }, 8, ["model-value", "anchor", "appearance", "arrow", "attach", "delay", "disabled", "placement", "trigger"]));
   }
-});
+}), tn = k(Gt);
 export {
-  Pe as QButton,
-  et as QButtonGroup,
-  Vt as QButtonToggle,
-  O as QIcon,
-  we as QIconFont,
-  $e as QIconImg,
-  Se as QIconSvg,
-  rt as QInput,
-  zt as QLineLoader,
-  Be as QList,
-  Le as QListItem,
-  xe as QListItemGroup,
+  Xe as QButton,
+  je as QButtonGroup,
+  jt as QButtonToggle,
+  U as QIcon,
+  rt as QIconFont,
+  it as QIconImg,
+  ct as QIconSvg,
+  pt as QInput,
+  Jt as QLineLoader,
+  qt as QList,
+  Dt as QListItem,
+  It as QListItemGroup,
   oe as QOverlay,
-  Qt as QPopover,
-  At as QSelect,
-  ne as QSpinnerLoader,
-  Ot as QTooltip,
-  Bt as clickOutside,
-  It as createFramework,
-  Me as defaultDarkColorScheme,
+  Pt as QPopover,
+  en as QSelect,
+  we as QSpinnerLoader,
+  tn as QTooltip,
+  Mt as clickOutside,
+  Zt as createFramework,
+  ze as defaultDarkColorScheme,
   ie as defaultLightColorScheme,
-  Ct as useTheme
+  Xt as useTheme
 };
 //# sourceMappingURL=ui.esm.js.map