quail-ui 0.2.50 → 0.2.51

package/dist/index.js

@@ -1,4 +1,4 @@
-import { openBlock as n, createElementBlock as i, createElementVNode as o, createStaticVNode as W, defineComponent as O, ref as Q, watch as e1, onMounted as a1, withDirectives as n1, vModelText as c1, computed as V, nextTick as q1, Fragment as p1, renderSlot as r1, createBlock as D, Transition as v1, withCtx as C1, normalizeClass as A, normalizeStyle as l1, withModifiers as $1, createCommentVNode as j, toDisplayString as U, getCurrentInstance as B1, unref as h1, resolveDynamicComponent as f1, renderList as L1, resolveComponent as z, vModelCheckbox as j1, useSlots as Z1, createVNode as Y, pushScopeId as D1, popScopeId as A1 } from "vue";
+import { openBlock as n, createElementBlock as i, createElementVNode as o, createStaticVNode as W, defineComponent as P, ref as b, watch as e1, onMounted as a1, withDirectives as n1, vModelText as c1, computed as V, nextTick as q1, Fragment as p1, renderSlot as r1, createBlock as A, Transition as v1, withCtx as C1, normalizeClass as O, normalizeStyle as l1, withModifiers as $1, createCommentVNode as j, toDisplayString as U, getCurrentInstance as B1, unref as h1, resolveDynamicComponent as f1, renderList as L1, resolveComponent as z, vModelCheckbox as j1, useSlots as Z1, createVNode as Y, pushScopeId as D1, popScopeId as A1 } from "vue";
 const r = (e, t) => {
   const s = e.__vccOpts || e;
   for (const [a, d] of t)
@@ -155,7 +155,7 @@ const x2 = /* @__PURE__ */ r(v2, [["render", M2]]), y2 = {}, L2 = {
 function b2(e, t) {
   return n(), i("svg", L2, H2);
 }
-const Q2 = /* @__PURE__ */ r(y2, [["render", b2]]), S2 = {}, I2 = {
+const Q2 = /* @__PURE__ */ r(y2, [["render", b2]]), I2 = {}, S2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -171,9 +171,9 @@ const Q2 = /* @__PURE__ */ r(y2, [["render", b2]]), S2 = {}, I2 = {
   q2
 ];
 function j2(e, t) {
-  return n(), i("svg", I2, B2);
+  return n(), i("svg", S2, B2);
 }
-const Z2 = /* @__PURE__ */ r(S2, [["render", j2]]), D2 = {}, A2 = {
+const Z2 = /* @__PURE__ */ r(I2, [["render", j2]]), D2 = {}, A2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -310,7 +310,7 @@ const xe = /* @__PURE__ */ r(ve, [["render", Me]]), ye = {}, Le = {
 function be(e, t) {
   return n(), i("svg", Le, He);
 }
-const Qe = /* @__PURE__ */ r(ye, [["render", be]]), Se = {}, Ie = {
+const Qe = /* @__PURE__ */ r(ye, [["render", be]]), Ie = {}, Se = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -326,9 +326,9 @@ const Qe = /* @__PURE__ */ r(ye, [["render", be]]), Se = {}, Ie = {
   qe
 ];
 function je(e, t) {
-  return n(), i("svg", Ie, Be);
+  return n(), i("svg", Se, Be);
 }
-const Ze = /* @__PURE__ */ r(Se, [["render", je]]), De = {}, Ae = {
+const Ze = /* @__PURE__ */ r(Ie, [["render", je]]), De = {}, Ae = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -472,23 +472,23 @@ const Mt = /* @__PURE__ */ r(gt, [["render", kt]]), xt = {}, yt = {
 function Ht(e, t) {
   return n(), i("svg", yt, Vt);
 }
-const bt = /* @__PURE__ */ r(xt, [["render", Ht]]), Qt = {}, St = {
+const bt = /* @__PURE__ */ r(xt, [["render", Ht]]), Qt = {}, It = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, It = /* @__PURE__ */ o("path", {
+}, St = /* @__PURE__ */ o("path", {
   d: "M3 12H21M3 6H21M3 18H15",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 }, null, -1), qt = [
-  It
+  St
 ];
 function Bt(e, t) {
-  return n(), i("svg", St, qt);
+  return n(), i("svg", It, qt);
 }
 const jt = /* @__PURE__ */ r(Qt, [["render", Bt]]), Zt = {}, Dt = {
   width: "24",
@@ -646,7 +646,7 @@ const y4 = /* @__PURE__ */ r($4, [["render", x4]]), L4 = {}, V4 = {
 function Q4(e, t) {
   return n(), i("svg", V4, b4);
 }
-const S4 = /* @__PURE__ */ r(L4, [["render", Q4]]), I4 = {}, q4 = {
+const I4 = /* @__PURE__ */ r(L4, [["render", Q4]]), S4 = {}, q4 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -664,7 +664,7 @@ const S4 = /* @__PURE__ */ r(L4, [["render", Q4]]), I4 = {}, q4 = {
 function Z4(e, t) {
   return n(), i("svg", q4, j4);
 }
-const D4 = /* @__PURE__ */ r(I4, [["render", Z4]]), A4 = {}, O4 = {
+const D4 = /* @__PURE__ */ r(S4, [["render", Z4]]), A4 = {}, O4 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -796,10 +796,10 @@ const Ln = /* @__PURE__ */ r(mn, [["render", yn]]), Vn = {}, Hn = {
 }, null, -1), Qn = [
   bn
 ];
-function Sn(e, t) {
+function In(e, t) {
   return n(), i("svg", Hn, Qn);
 }
-const In = /* @__PURE__ */ r(Vn, [["render", Sn]]), qn = {}, Bn = {
+const Sn = /* @__PURE__ */ r(Vn, [["render", In]]), qn = {}, Bn = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -952,23 +952,23 @@ const M0 = /* @__PURE__ */ r(g0, [["render", k0]]), x0 = {}, y0 = {
 function H0(e, t) {
   return n(), i("svg", y0, V0);
 }
-const b0 = /* @__PURE__ */ r(x0, [["render", H0]]), Q0 = {}, S0 = {
+const b0 = /* @__PURE__ */ r(x0, [["render", H0]]), Q0 = {}, I0 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, I0 = /* @__PURE__ */ o("path", {
+}, S0 = /* @__PURE__ */ o("path", {
   d: "M9 11L11 13L15.5 8.5M11.9932 5.13581C9.9938 2.7984 6.65975 2.16964 4.15469 4.31001C1.64964 6.45038 1.29697 10.029 3.2642 12.5604C4.75009 14.4724 8.97129 18.311 10.948 20.0749C11.3114 20.3991 11.4931 20.5613 11.7058 20.6251C11.8905 20.6805 12.0958 20.6805 12.2805 20.6251C12.4932 20.5613 12.6749 20.3991 13.0383 20.0749C15.015 18.311 19.2362 14.4724 20.7221 12.5604C22.6893 10.029 22.3797 6.42787 19.8316 4.31001C17.2835 2.19216 13.9925 2.7984 11.9932 5.13581Z",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 }, null, -1), q0 = [
-  I0
+  S0
 ];
 function B0(e, t) {
-  return n(), i("svg", S0, q0);
+  return n(), i("svg", I0, q0);
 }
 const j0 = /* @__PURE__ */ r(Q0, [["render", B0]]), Z0 = {}, D0 = {
   width: "24",
@@ -1121,7 +1121,7 @@ const x5 = /* @__PURE__ */ r(v5, [["render", M5]]), y5 = {}, L5 = {
 function b5(e, t) {
   return n(), i("svg", L5, H5);
 }
-const Q5 = /* @__PURE__ */ r(y5, [["render", b5]]), S5 = {}, I5 = {
+const Q5 = /* @__PURE__ */ r(y5, [["render", b5]]), I5 = {}, S5 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1137,9 +1137,9 @@ const Q5 = /* @__PURE__ */ r(y5, [["render", b5]]), S5 = {}, I5 = {
   q5
 ];
 function j5(e, t) {
-  return n(), i("svg", I5, B5);
+  return n(), i("svg", S5, B5);
 }
-const Z5 = /* @__PURE__ */ r(S5, [["render", j5]]), D5 = {}, A5 = {
+const Z5 = /* @__PURE__ */ r(I5, [["render", j5]]), D5 = {}, A5 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1283,7 +1283,7 @@ const x9 = /* @__PURE__ */ r(v9, [["render", M9]]), y9 = {}, L9 = {
 function b9(e, t) {
   return n(), i("svg", L9, H9);
 }
-const Q9 = /* @__PURE__ */ r(y9, [["render", b9]]), S9 = {}, I9 = {
+const Q9 = /* @__PURE__ */ r(y9, [["render", b9]]), I9 = {}, S9 = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": "true",
@@ -1296,9 +1296,9 @@ const Q9 = /* @__PURE__ */ r(y9, [["render", b9]]), S9 = {}, I9 = {
   q9
 ];
 function j9(e, t) {
-  return n(), i("svg", I9, B9);
+  return n(), i("svg", S9, B9);
 }
-const x1 = /* @__PURE__ */ r(S9, [["render", j9]]), Z9 = {}, D9 = {
+const x1 = /* @__PURE__ */ r(I9, [["render", j9]]), Z9 = {}, D9 = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": "true",
@@ -1421,7 +1421,7 @@ const k7 = /* @__PURE__ */ r(w7, [["render", m7]]), M7 = /* @__PURE__ */ Object.
   QIconDollarCircle: Cn,
   QIconDownloadCloud: ge,
   QIconEcosystem: xe,
-  QIconExpand: In,
+  QIconExpand: Sn,
   QIconFaceFrown: Qe,
   QIconFaceHappy: T5,
   QIconFeather: Ze,
@@ -1459,7 +1459,7 @@ const k7 = /* @__PURE__ */ r(w7, [["render", m7]]), M7 = /* @__PURE__ */ Object.
   QIconStrikeThrough: w0,
   QIconSun: y4,
   QIconTelegram: x1,
-  QIconTooling: S4,
+  QIconTooling: I4,
   QIconTrash: D4,
   QIconUnorderedList: M0,
   QIconUnsplash: U4,
@@ -1477,7 +1477,7 @@ var Q1 = { exports: {} };
   (function(s, a) {
     e.exports = a();
   })(x7, function() {
-    var s = 1e3, a = 6e4, d = 36e5, w = "millisecond", c = "second", C = "minute", f = "hour", M = "day", k = "week", g = "month", x = "quarter", b = "year", P = "date", E = "Invalid Date", p = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, S = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, F = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(v) {
+    var s = 1e3, a = 6e4, d = 36e5, p = "millisecond", c = "second", C = "minute", f = "hour", k = "day", M = "week", g = "month", x = "quarter", Q = "year", Z = "date", E = "Invalid Date", w = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, I = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, F = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(v) {
       var _ = ["th", "st", "nd", "rd"], l = v % 100;
       return "[" + v + (_[(l - 20) % 10] || _[l] || _[0]) + "]";
     } }, G = function(v, _, l) {
@@ -1494,7 +1494,7 @@ var Q1 = { exports: {} };
     }, a: function(v) {
       return v < 0 ? Math.ceil(v) || 0 : Math.floor(v);
     }, p: function(v) {
-      return { M: g, y: b, w: k, d: M, D: P, h: f, m: C, s: c, ms: w, Q: x }[v] || String(v || "").toLowerCase().replace(/s$/, "");
+      return { M: g, y: Q, w: M, d: k, D: Z, h: f, m: C, s: c, ms: p, Q: x }[v] || String(v || "").toLowerCase().replace(/s$/, "");
     }, u: function(v) {
       return v === void 0;
     } }, N = "en", J = {};
@@ -1516,14 +1516,14 @@ var Q1 = { exports: {} };
         J[L] = _, u = L;
       }
       return !h && u && (N = u), u || !h && N;
-    }, I = function(v, _) {
+    }, S = function(v, _) {
       if (w1(v))
         return v.clone();
       var l = typeof _ == "object" ? _ : {};
       return l.date = v, l.args = arguments, new u1(l);
     }, y = o1;
     y.l = d1, y.i = w1, y.w = function(v, _) {
-      return I(v, { locale: _.$L, utc: _.$u, x: _.$x, $offset: _.$offset });
+      return S(v, { locale: _.$L, utc: _.$u, x: _.$x, $offset: _.$offset });
     };
     var u1 = function() {
       function v(l) {
@@ -1540,7 +1540,7 @@ var Q1 = { exports: {} };
           if (u instanceof Date)
             return new Date(u);
           if (typeof u == "string" && !/Z$/i.test(u)) {
-            var m = u.match(p);
+            var m = u.match(w);
             if (m) {
               var L = m[2] - 1 || 0, H = (m[7] || "0").substring(0, 3);
               return $ ? new Date(Date.UTC(m[1], L, m[3] || 1, m[4] || 0, m[5] || 0, m[6] || 0, H)) : new Date(m[1], L, m[3] || 1, m[4] || 0, m[5] || 0, m[6] || 0, H);
@@ -1556,12 +1556,12 @@ var Q1 = { exports: {} };
       }, _.isValid = function() {
         return this.$d.toString() !== E;
       }, _.isSame = function(l, h) {
-        var u = I(l);
+        var u = S(l);
         return this.startOf(h) <= u && u <= this.endOf(h);
       }, _.isAfter = function(l, h) {
-        return I(l) < this.startOf(h);
+        return S(l) < this.startOf(h);
       }, _.isBefore = function(l, h) {
-        return this.endOf(h) < I(l);
+        return this.endOf(h) < S(l);
       }, _.$g = function(l, h, u) {
         return y.u(l) ? this[h] : this.set(u, l);
       }, _.unix = function() {
@@ -1569,22 +1569,22 @@ var Q1 = { exports: {} };
       }, _.valueOf = function() {
         return this.$d.getTime();
       }, _.startOf = function(l, h) {
-        var u = this, $ = !!y.u(h) || h, m = y.p(l), L = function(K, Z) {
-          var R = y.w(u.$u ? Date.UTC(u.$y, Z, K) : new Date(u.$y, Z, K), u);
-          return $ ? R : R.endOf(M);
-        }, H = function(K, Z) {
-          return y.w(u.toDate()[K].apply(u.toDate("s"), ($ ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(Z)), u);
+        var u = this, $ = !!y.u(h) || h, m = y.p(l), L = function(K, D) {
+          var R = y.w(u.$u ? Date.UTC(u.$y, D, K) : new Date(u.$y, D, K), u);
+          return $ ? R : R.endOf(k);
+        }, H = function(K, D) {
+          return y.w(u.toDate()[K].apply(u.toDate("s"), ($ ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(D)), u);
         }, q = this.$W, B = this.$M, T = this.$D, t1 = "set" + (this.$u ? "UTC" : "");
         switch (m) {
-          case b:
+          case Q:
             return $ ? L(1, 0) : L(31, 11);
           case g:
             return $ ? L(1, B) : L(0, B + 1);
-          case k:
+          case M:
             var X = this.$locale().weekStart || 0, s1 = (q < X ? q + 7 : q) - X;
             return L($ ? T - s1 : T + (6 - s1), B);
-          case M:
-          case P:
+          case k:
+          case Z:
             return H(t1 + "Hours", 0);
           case f:
             return H(t1 + "Minutes", 1);
@@ -1598,10 +1598,10 @@ var Q1 = { exports: {} };
       }, _.endOf = function(l) {
         return this.startOf(l, !1);
       }, _.$set = function(l, h) {
-        var u, $ = y.p(l), m = "set" + (this.$u ? "UTC" : ""), L = (u = {}, u[M] = m + "Date", u[P] = m + "Date", u[g] = m + "Month", u[b] = m + "FullYear", u[f] = m + "Hours", u[C] = m + "Minutes", u[c] = m + "Seconds", u[w] = m + "Milliseconds", u)[$], H = $ === M ? this.$D + (h - this.$W) : h;
-        if ($ === g || $ === b) {
-          var q = this.clone().set(P, 1);
-          q.$d[L](H), q.init(), this.$d = q.set(P, Math.min(this.$D, q.daysInMonth())).$d;
+        var u, $ = y.p(l), m = "set" + (this.$u ? "UTC" : ""), L = (u = {}, u[k] = m + "Date", u[Z] = m + "Date", u[g] = m + "Month", u[Q] = m + "FullYear", u[f] = m + "Hours", u[C] = m + "Minutes", u[c] = m + "Seconds", u[p] = m + "Milliseconds", u)[$], H = $ === k ? this.$D + (h - this.$W) : h;
+        if ($ === g || $ === Q) {
+          var q = this.clone().set(Z, 1);
+          q.$d[L](H), q.init(), this.$d = q.set(Z, Math.min(this.$D, q.daysInMonth())).$d;
         } else
           L && this.$d[L](H);
         return this.init(), this;
@@ -1613,16 +1613,16 @@ var Q1 = { exports: {} };
         var u, $ = this;
         l = Number(l);
         var m = y.p(h), L = function(B) {
-          var T = I($);
+          var T = S($);
           return y.w(T.date(T.date() + Math.round(B * l)), $);
         };
         if (m === g)
           return this.set(g, this.$M + l);
-        if (m === b)
-          return this.set(b, this.$y + l);
-        if (m === M)
-          return L(1);
+        if (m === Q)
+          return this.set(Q, this.$y + l);
         if (m === k)
+          return L(1);
+        if (m === M)
           return L(7);
         var H = (u = {}, u[C] = a, u[f] = d, u[c] = s, u)[m] || 1, q = this.$d.getTime() + l * H;
         return y.w(q, this);
@@ -1632,15 +1632,15 @@ var Q1 = { exports: {} };
         var h = this, u = this.$locale();
         if (!this.isValid())
           return u.invalidDate || E;
-        var $ = l || "YYYY-MM-DDTHH:mm:ssZ", m = y.z(this), L = this.$H, H = this.$m, q = this.$M, B = u.weekdays, T = u.months, t1 = u.meridiem, X = function(Z, R, i1, _1) {
-          return Z && (Z[R] || Z(h, $)) || i1[R].slice(0, _1);
-        }, s1 = function(Z) {
-          return y.s(L % 12 || 12, Z, "0");
-        }, K = t1 || function(Z, R, i1) {
-          var _1 = Z < 12 ? "AM" : "PM";
+        var $ = l || "YYYY-MM-DDTHH:mm:ssZ", m = y.z(this), L = this.$H, H = this.$m, q = this.$M, B = u.weekdays, T = u.months, t1 = u.meridiem, X = function(D, R, i1, _1) {
+          return D && (D[R] || D(h, $)) || i1[R].slice(0, _1);
+        }, s1 = function(D) {
+          return y.s(L % 12 || 12, D, "0");
+        }, K = t1 || function(D, R, i1) {
+          var _1 = D < 12 ? "AM" : "PM";
           return i1 ? _1.toLowerCase() : _1;
         };
-        return $.replace(S, function(Z, R) {
+        return $.replace(I, function(D, R) {
           return R || function(i1) {
             switch (i1) {
               case "YY":
@@ -1693,16 +1693,16 @@ var Q1 = { exports: {} };
                 return m;
             }
             return null;
-          }(Z) || m.replace(":", "");
+          }(D) || m.replace(":", "");
         });
       }, _.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
       }, _.diff = function(l, h, u) {
-        var $, m = this, L = y.p(h), H = I(l), q = (H.utcOffset() - this.utcOffset()) * a, B = this - H, T = function() {
+        var $, m = this, L = y.p(h), H = S(l), q = (H.utcOffset() - this.utcOffset()) * a, B = this - H, T = function() {
           return y.m(m, H);
         };
         switch (L) {
-          case b:
+          case Q:
             $ = T() / 12;
             break;
           case g:
@@ -1711,10 +1711,10 @@ var Q1 = { exports: {} };
           case x:
             $ = T() / 3;
             break;
-          case k:
+          case M:
             $ = (B - q) / 6048e5;
             break;
-          case M:
+          case k:
             $ = (B - q) / 864e5;
             break;
           case f:
@@ -1751,19 +1751,19 @@ var Q1 = { exports: {} };
         return this.$d.toUTCString();
       }, v;
     }(), M1 = u1.prototype;
-    return I.prototype = M1, [["$ms", w], ["$s", c], ["$m", C], ["$H", f], ["$W", M], ["$M", g], ["$y", b], ["$D", P]].forEach(function(v) {
+    return S.prototype = M1, [["$ms", p], ["$s", c], ["$m", C], ["$H", f], ["$W", k], ["$M", g], ["$y", Q], ["$D", Z]].forEach(function(v) {
       M1[v[1]] = function(_) {
         return this.$g(_, v[0], v[1]);
       };
-    }), I.extend = function(v, _) {
-      return v.$i || (v(_, u1, I), v.$i = !0), I;
-    }, I.locale = d1, I.isDayjs = w1, I.unix = function(v) {
-      return I(1e3 * v);
-    }, I.en = J[N], I.Ls = J, I.p = {}, I;
+    }), S.extend = function(v, _) {
+      return v.$i || (v(_, u1, S), v.$i = !0), S;
+    }, S.locale = d1, S.isDayjs = w1, S.unix = function(v) {
+      return S(1e3 * v);
+    }, S.en = J[N], S.Ls = J, S.p = {}, S;
   });
 })(Q1);
 var L7 = Q1.exports;
-const g1 = /* @__PURE__ */ y7(L7), V7 = { class: "q-datetime-picker" }, H7 = ["disabled"], b7 = ["disabled"], Q7 = /* @__PURE__ */ O({
+const g1 = /* @__PURE__ */ y7(L7), V7 = { class: "q-datetime-picker" }, H7 = ["disabled"], b7 = ["disabled"], Q7 = /* @__PURE__ */ P({
   __name: "QDatetimePicker",
   props: {
     modelValue: {
@@ -1777,7 +1777,7 @@ const g1 = /* @__PURE__ */ y7(L7), V7 = { class: "q-datetime-picker" }, H7 = ["d
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const s = e, a = Q(""), d = Q("");
+    const s = e, a = b(""), d = b("");
     e1(
       () => s.modelValue,
       (c) => {
@@ -1785,7 +1785,7 @@ const g1 = /* @__PURE__ */ y7(L7), V7 = { class: "q-datetime-picker" }, H7 = ["d
         a.value = C.format("YYYY-MM-DD"), d.value = C.format("HH:mm");
       }
     );
-    function w() {
+    function p() {
       const c = g1(`${a.value} ${d.value}`).format("YYYY-MM-DDTHH:mm:ssZ");
       t("change", c), t("update:modelValue", c);
     }
@@ -1797,7 +1797,7 @@ const g1 = /* @__PURE__ */ y7(L7), V7 = { class: "q-datetime-picker" }, H7 = ["d
         "onUpdate:modelValue": C[0] || (C[0] = (f) => a.value = f),
         type: "date",
         disabled: e.disabled,
-        onChange: w
+        onChange: p
       }, null, 40, H7), [
         [c1, a.value]
       ]),
@@ -1805,40 +1805,40 @@ const g1 = /* @__PURE__ */ y7(L7), V7 = { class: "q-datetime-picker" }, H7 = ["d
         "onUpdate:modelValue": C[1] || (C[1] = (f) => d.value = f),
         type: "time",
         disabled: e.disabled,
-        onChange: w
+        onChange: p
       }, null, 40, b7), [
         [c1, d.value]
       ])
     ]));
   }
 });
-function S7() {
+function I7() {
   function e() {
-    const s = !!window.ActiveXObject || "ActiveXObject" in window, a = navigator.userAgent.indexOf("Edge") > -1, d = navigator.userAgent.indexOf("Chrome") > -1, w = navigator.userAgent.indexOf("Firefox") > -1, c = navigator.userAgent.indexOf("Safari") > -1, C = navigator.userAgent.indexOf("Opera") > -1, f = navigator.userAgent.indexOf("MicroMessenger") > -1, M = !!navigator.userAgent.match(/AppleWebKit.*Mobile.*/), k = navigator.userAgent.indexOf("Android") > -1 || navigator.userAgent.indexOf("Adr") > -1, g = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), x = navigator.userAgent.indexOf("iPad") > -1, b = navigator.userAgent.indexOf("iPhone") > -1, P = navigator.userAgent.indexOf("Macintosh") > -1, E = navigator.userAgent.indexOf("Windows") > -1, p = navigator.userAgent.indexOf("Linux") > -1;
+    const s = !!window.ActiveXObject || "ActiveXObject" in window, a = navigator.userAgent.indexOf("Edge") > -1, d = navigator.userAgent.indexOf("Chrome") > -1, p = navigator.userAgent.indexOf("Firefox") > -1, c = navigator.userAgent.indexOf("Safari") > -1, C = navigator.userAgent.indexOf("Opera") > -1, f = navigator.userAgent.indexOf("MicroMessenger") > -1, k = !!navigator.userAgent.match(/AppleWebKit.*Mobile.*/), M = navigator.userAgent.indexOf("Android") > -1 || navigator.userAgent.indexOf("Adr") > -1, g = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), x = navigator.userAgent.indexOf("iPad") > -1, Q = navigator.userAgent.indexOf("iPhone") > -1, Z = navigator.userAgent.indexOf("Macintosh") > -1, E = navigator.userAgent.indexOf("Windows") > -1, w = navigator.userAgent.indexOf("Linux") > -1;
     return {
       isIE: s,
       isEdge: a,
       isChrome: d,
-      isFirefox: w,
+      isFirefox: p,
       isSafari: c,
       isOpera: C,
       isWeixin: f,
-      isMobile: M,
-      isAndroid: k,
+      isMobile: k,
+      isAndroid: M,
       isIOS: g,
       isIpad: x,
-      isIphone: b,
-      isMac: P,
+      isIphone: Q,
+      isMac: Z,
       isWindows: E,
-      isLinux: p
+      isLinux: w
     };
   }
   function t(s, a) {
     let d;
-    return function(...w) {
+    return function(...p) {
       const c = this;
       clearTimeout(d), d = setTimeout(() => {
-        s.apply(c, w);
+        s.apply(c, p);
       }, a);
     };
   }
@@ -1847,10 +1847,10 @@ function S7() {
     debounce: t
   };
 }
-const I7 = ["onClick"], q7 = { class: "q-dialog-body" }, B7 = ["onClick"], j7 = { class: "q-dialog-header" }, Z7 = {
+const S7 = ["onClick"], q7 = { class: "q-dialog-body" }, B7 = ["onClick"], j7 = { class: "q-dialog-header" }, Z7 = {
   key: 0,
   class: "q-dialog-title"
-}, D7 = { class: "q-dialog-body" }, A7 = /* @__PURE__ */ O({
+}, D7 = { class: "q-dialog-body" }, A7 = /* @__PURE__ */ P({
   __name: "QDialog",
   props: {
     modelValue: Boolean,
@@ -1886,38 +1886,38 @@ const I7 = ["onClick"], q7 = { class: "q-dialog-body" }, B7 = ["onClick"], j7 =
   },
   emits: ["update:modelValue", "close"],
   setup(e, { emit: t }) {
-    const s = e, { browserDetect: a } = S7(), { isMobile: d } = a(), w = Q(!1), c = Q(s.modelValue), C = Q({ top: "0", left: "0" }), f = Q(null), M = Q(null), k = V(() => !d && s.desktopMode === "popup"), g = V(() => {
-      const p = document.body.clientWidth < 720 ? "100%" : s.width, S = s.height, F = {
-        width: p,
-        height: S
+    const s = e, { browserDetect: a } = I7(), { isMobile: d } = a(), p = b(!1), c = b(s.modelValue), C = b({ top: "0", left: "0" }), f = b(null), k = b(null), M = V(() => !d && s.desktopMode === "popup"), g = V(() => {
+      const w = document.body.clientWidth < 720 ? "100%" : s.width, I = s.height, F = {
+        width: w,
+        height: I
       };
-      return k.value && (F.top = C.value.top, F.left = C.value.left), F;
+      return M.value && (F.top = C.value.top, F.left = C.value.left), F;
     }), x = V(() => {
-      let p = [];
-      return w.value && p.push("shaking"), d || p.push(`desktop-mode-${s.desktopMode}`), s.noFrame && p.push("no-frame"), p.join(" ");
-    }), b = V(() => {
-      let p = [];
-      return k.value && p.push("desktop-mode-popup"), p.join(" ");
+      let w = [];
+      return p.value && w.push("shaking"), d || w.push(`desktop-mode-${s.desktopMode}`), s.noFrame && w.push("no-frame"), w.join(" ");
+    }), Q = V(() => {
+      let w = [];
+      return M.value && w.push("desktop-mode-popup"), w.join(" ");
     });
     e1(
       () => s.modelValue,
-      (p) => {
-        c.value = p, q1(() => {
+      (w) => {
+        c.value = w, q1(() => {
           if (!d && s.desktopMode === "popup" && f.value.children) {
-            const S = f.value.children[0];
-            if (S) {
-              const G = S.getBoundingClientRect().height + 8, o1 = 0;
+            const I = f.value.children[0];
+            if (I) {
+              const G = I.getBoundingClientRect().height + 8, o1 = 0;
               C.value = { top: `${G}px`, left: `${o1}px` };
             }
           }
-          p ? document.body.style.overflowY = "hidden" : document.body.style.overflowY = "auto";
+          w ? document.body.style.overflowY = "hidden" : document.body.style.overflowY = "auto";
         });
       }
     );
-    function P() {
+    function Z() {
       if (s.persistent) {
-        w.value = !0, setTimeout(() => {
-          w.value = !1;
+        p.value = !0, setTimeout(() => {
+          p.value = !1;
         }, 300);
         return;
       }
@@ -1926,51 +1926,51 @@ const I7 = ["onClick"], q7 = { class: "q-dialog-body" }, B7 = ["onClick"], j7 =
     function E() {
     }
     return a1(() => {
-      s.desktopMode === "popup" && window.addEventListener("storage", (p) => {
-        p.key === "quailui_global_popup_trigger" && p.newValue && P();
+      s.desktopMode === "popup" && window.addEventListener("storage", (w) => {
+        w.key === "quailui_global_popup_trigger" && w.newValue && Z();
       });
-    }), (p, S) => (n(), i(p1, null, [
+    }), (w, I) => (n(), i(p1, null, [
       o("div", {
         class: "q-dialog-trigger-wrapper",
         ref_key: "triggerWrapper",
         ref: f
       }, [
-        r1(p.$slots, "trigger"),
-        k.value ? (n(), D(v1, { key: 0 }, {
+        r1(w.$slots, "trigger"),
+        M.value ? (n(), A(v1, { key: 0 }, {
           default: C1(() => [
             c.value ? (n(), i("div", {
               key: 0,
-              class: A(["q-dialog", x.value]),
+              class: O(["q-dialog", x.value]),
               style: l1(g.value),
               onClick: $1(E, ["stop"])
             }, [
               o("div", q7, [
-                r1(p.$slots, "default")
+                r1(w.$slots, "default")
               ])
-            ], 14, I7)) : j("", !0)
+            ], 14, S7)) : j("", !0)
           ]),
           _: 3
         })) : j("", !0)
       ], 512),
-      k.value ? j("", !0) : (n(), D(v1, { key: 0 }, {
+      M.value ? j("", !0) : (n(), A(v1, { key: 0 }, {
         default: C1(() => [
           c.value ? (n(), i("div", {
             key: 0,
-            class: A(["q-dialog-mask", b.value]),
-            onClick: P,
+            class: O(["q-dialog-mask", Q.value]),
+            onClick: Z,
             ref_key: "dialogMask",
-            ref: M
+            ref: k
           }, [
             o("div", {
-              class: A(["q-dialog", x.value]),
+              class: O(["q-dialog", x.value]),
               style: l1(g.value),
               onClick: $1(E, ["stop"])
             }, [
               o("div", j7, [
-                e.title ? (n(), i("div", Z7, U(e.title), 1)) : r1(p.$slots, "header", { key: 1 })
+                e.title ? (n(), i("div", Z7, U(e.title), 1)) : r1(w.$slots, "header", { key: 1 })
               ]),
               o("div", D7, [
-                r1(p.$slots, "default")
+                r1(w.$slots, "default")
               ])
             ], 14, B7)
           ], 2)) : j("", !0)
@@ -1983,7 +1983,7 @@ const I7 = ["onClick"], q7 = { class: "q-dialog-body" }, B7 = ["onClick"], j7 =
 const O7 = ["href"], P7 = { class: "q-fence-text" }, F7 = {
   key: 1,
   class: "q-fence-inner"
-}, T7 = { class: "q-fence-text" }, U7 = /* @__PURE__ */ O({
+}, T7 = { class: "q-fence-text" }, U7 = /* @__PURE__ */ P({
   __name: "QFence",
   props: {
     link: {
@@ -2006,7 +2006,7 @@ const O7 = ["href"], P7 = { class: "q-fence-text" }, F7 = {
     var s;
     const t = (s = B1()) == null ? void 0 : s.appContext.components;
     return (a, d) => (n(), i("div", {
-      class: A(["q-fence", e.type])
+      class: O(["q-fence", e.type])
     }, [
       e.link ? (n(), i("a", {
         key: 0,
@@ -2014,19 +2014,19 @@ const O7 = ["href"], P7 = { class: "q-fence-text" }, F7 = {
         href: e.link,
         target: "_blank"
       }, [
-        e.icon && h1(t) ? (n(), D(f1(h1(t)[e.icon]), {
+        e.icon && h1(t) ? (n(), A(f1(h1(t)[e.icon]), {
           key: 0,
           class: "icon"
-        })) : (n(), D(m1, {
+        })) : (n(), A(m1, {
           key: 1,
           class: "icon"
         })),
         o("div", P7, U(e.text), 1)
       ], 8, O7)) : (n(), i("div", F7, [
-        e.icon && h1(t) ? (n(), D(f1(h1(t)[e.icon]), {
+        e.icon && h1(t) ? (n(), A(f1(h1(t)[e.icon]), {
           key: 0,
           class: "icon"
-        })) : (n(), D(m1, {
+        })) : (n(), A(m1, {
           key: 1,
           class: "icon"
         })),
@@ -2053,7 +2053,7 @@ const G7 = /* @__PURE__ */ r(z7, [["render", N7]]), R7 = ["onClick"], J7 = {
 }, K7 = ["src", "alt"], eo = { class: "q-menu-item-content" }, to = { class: "q-menu-title" }, no = {
   key: 0,
   class: "q-menu-subtitle"
-}, oo = /* @__PURE__ */ O({
+}, oo = /* @__PURE__ */ P({
   __name: "QMenu",
   props: {
     items: {
@@ -2079,16 +2079,16 @@ const G7 = /* @__PURE__ */ r(z7, [["render", N7]]), R7 = ["onClick"], J7 = {
       let C = "";
       return c.disabled && (C += " disabled"), c.danger && (C += " danger"), c.icon && (C += " with-icon"), c.image && (C += " with-image"), c.divider && (C += " with-divider"), C;
     }
-    function w(c) {
+    function p(c) {
       c.action && c.action(c), c.disabled !== !0 && t("action", c);
     }
     return (c, C) => (n(), i("div", {
-      class: A(["q-menu", a.value])
+      class: O(["q-menu", a.value])
     }, [
       (n(!0), i(p1, null, L1(s.items, (f) => (n(), i("div", {
-        class: A(["q-menu-item", d(f)]),
+        class: O(["q-menu-item", d(f)]),
         key: `q-menu-item-${f.id}`,
-        onClick: (M) => w(f)
+        onClick: (k) => p(f)
       }, [
         f.divider ? (n(), i("div", J7)) : (n(), i("div", X7, [
           f.image ? (n(), i("img", {
@@ -2096,7 +2096,7 @@ const G7 = /* @__PURE__ */ r(z7, [["render", N7]]), R7 = ["onClick"], J7 = {
             class: "q-menu-image",
             src: f.image,
             alt: f.title
-          }, null, 8, K7)) : f.icon ? (n(), D(f1(f.icon), {
+          }, null, 8, K7)) : f.icon ? (n(), A(f1(f.icon), {
             key: 1,
             class: "q-menu-icon"
           })) : j("", !0),
@@ -2109,7 +2109,7 @@ const G7 = /* @__PURE__ */ r(z7, [["render", N7]]), R7 = ["onClick"], J7 = {
     ], 2));
   }
 });
-const so = ["disabled"], io = { class: "q-switch-inner" }, ro = { class: "q-switch-handle" }, co = /* @__PURE__ */ O({
+const so = ["disabled"], io = { class: "q-switch-inner" }, ro = { class: "q-switch-handle" }, co = /* @__PURE__ */ P({
   __name: "QSwitch",
   props: {
     modelValue: {
@@ -2128,7 +2128,7 @@ const so = ["disabled"], io = { class: "q-switch-inner" }, ro = { class: "q-swit
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const s = e, a = Q(s.modelValue);
+    const s = e, a = b(s.modelValue);
     e1(() => s.modelValue, (c) => {
       a.value = c;
     });
@@ -2136,19 +2136,19 @@ const so = ["disabled"], io = { class: "q-switch-inner" }, ro = { class: "q-swit
       const c = [];
       return s.theme && c.push(`theme-${s.theme}`), s.disabled && c.push("disabled"), c.join(" ");
     });
-    function w(c) {
+    function p(c) {
       t("update:modelValue", a.value), t("change", a.value);
     }
     return (c, C) => {
-      const f = z("q-icon-sun"), M = z("q-icon-moon-star");
+      const f = z("q-icon-sun"), k = z("q-icon-moon-star");
       return n(), i("label", {
-        class: A(["q-switch", d.value])
+        class: O(["q-switch", d.value])
       }, [
         n1(o("input", {
           class: "q-switch-checkbox",
           type: "checkbox",
-          "onUpdate:modelValue": C[0] || (C[0] = (k) => a.value = k),
-          onChange: w,
+          "onUpdate:modelValue": C[0] || (C[0] = (M) => a.value = M),
+          onChange: p,
           disabled: s.disabled
         }, null, 40, so), [
           [j1, a.value]
@@ -2156,10 +2156,10 @@ const so = ["disabled"], io = { class: "q-switch-inner" }, ro = { class: "q-swit
         o("div", io, [
           o("div", ro, [
             s.theme === "plastic" ? (n(), i(p1, { key: 0 }, [
-              a.value ? (n(), D(f, {
+              a.value ? (n(), A(f, {
                 key: 0,
                 class: "q-switch-icon"
-              })) : (n(), D(M, {
+              })) : (n(), A(k, {
                 key: 1,
                 class: "q-switch-icon"
               }))
@@ -2173,7 +2173,7 @@ const so = ["disabled"], io = { class: "q-switch-inner" }, ro = { class: "q-swit
 const lo = { class: "q-text-field-wrapper" }, ao = ["placeholder"], uo = { class: "q-text-button-wrapper" }, _o = ["disabled"], ho = {
   key: 0,
   class: "q-button-glow"
-}, Co = /* @__PURE__ */ O({
+}, Co = /* @__PURE__ */ P({
   __name: "QTextFieldWithButton",
   props: {
     modelValue: {
@@ -2207,10 +2207,10 @@ const lo = { class: "q-text-field-wrapper" }, ao = ["placeholder"], uo = { class
   },
   emits: ["submit", "update:modelValue"],
   setup(e, { emit: t }) {
-    const s = e, a = Q(s.defaultText), d = V(() => {
+    const s = e, a = b(s.defaultText), d = V(() => {
       const g = [];
       return s.layout === "vertical" ? g.push("vertical") : g.push("horizontal"), s.type === "code" && g.push("code"), s.glow && g.push(`glow-${s.glow}`), g.join(" ");
-    }), w = V(() => {
+    }), p = V(() => {
       var x;
       return s.loading || ((x = a.value) == null ? void 0 : x.trim()).length === 0 ? !1 : s.type === "email" ? c.value : s.type === "code" ? C.value : !0;
     }), c = V(() => {
@@ -2225,21 +2225,21 @@ const lo = { class: "q-text-field-wrapper" }, ao = ["placeholder"], uo = { class
     e1(() => s.modelValue, (g) => {
       a.value = g;
     });
-    function M() {
-      w.value && t("submit", { text: a.value });
-    }
     function k() {
+      p.value && t("submit", { text: a.value });
+    }
+    function M() {
       t("update:modelValue", a.value);
     }
     return (g, x) => (n(), i("div", {
-      class: A(["q-text-field-with-button", d.value])
+      class: O(["q-text-field-with-button", d.value])
     }, [
       o("div", lo, [
         n1(o("input", {
           class: "q-text-field text-field",
           placeholder: s.placeholder,
-          "onUpdate:modelValue": x[0] || (x[0] = (b) => a.value = b),
-          onChange: k
+          "onUpdate:modelValue": x[0] || (x[0] = (Q) => a.value = Q),
+          onChange: M
         }, null, 40, ao), [
           [c1, a.value]
         ])
@@ -2247,15 +2247,15 @@ const lo = { class: "q-text-field-wrapper" }, ao = ["placeholder"], uo = { class
       o("div", uo, [
         o("button", {
           class: "q-button button primary",
-          disabled: !w.value,
-          onClick: M
+          disabled: !p.value,
+          onClick: k
         }, U(f.value), 9, _o)
       ]),
       e.glow !== "" ? (n(), i("div", ho)) : j("", !0)
     ], 2));
   }
 });
-function S1() {
+function I1() {
   let e = parseInt(sessionStorage.getItem("quailui_global_popup_trigger") || "0") || 0;
   sessionStorage.setItem("quailui_global_popup_trigger", e + 1 + ""), window.dispatchEvent(new StorageEvent("storage", {
     key: "quailui_global_popup_trigger",
@@ -2281,7 +2281,7 @@ const fo = { class: "q-dropdown-menu" }, po = { class: "q-dropdown-menu-inner na
 }, mo = { class: "q-menu-popup-body" }, ko = {
   key: 0,
   class: "filter-area"
-}, Mo = ["textContent"], xo = /* @__PURE__ */ O({
+}, Mo = ["textContent"], xo = /* @__PURE__ */ P({
   __name: "QDropdownMenu",
   props: {
     items: {
@@ -2327,77 +2327,77 @@ const fo = { class: "q-dropdown-menu" }, po = { class: "q-dropdown-menu-inner na
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const s = e, a = Z1(), d = Q(!1), w = Q(null), c = Q(null), C = Q(null), f = Q(""), M = Q(""), k = V(() => {
-      const p = [];
-      return d.value && p.push("expanded"), s.variant === "outlined" ? p.push("frame") : s.variant === "plain" && p.push("plain"), s.hideSelected && p.push("hide-selected"), w.value && (w.value.icon || w.value.image) ? p.push("prepend") : p.push("no-prepend"), p.join(" ");
+    const s = e, a = Z1(), d = b(!1), p = b(null), c = b(null), C = b(null), f = b(""), k = b(""), M = V(() => {
+      const w = [];
+      return d.value && w.push("expanded"), s.variant === "outlined" ? w.push("frame") : s.variant === "plain" && w.push("plain"), s.hideSelected && w.push("hide-selected"), p.value && (p.value.icon || p.value.image) ? w.push("prepend") : w.push("no-prepend"), w.join(" ");
     }), g = V(() => a.default !== void 0), x = V(() => {
       if (s.items && s.items.length > 0) {
-        if (M.value.trim() === "")
+        if (k.value.trim() === "")
           return s.items;
-        const p = M.value.toLowerCase();
-        return s.items.filter((S) => {
+        const w = k.value.toLowerCase();
+        return s.items.filter((I) => {
           var F;
-          return !!((F = S == null ? void 0 : S.title) != null && F.toLowerCase().includes(p));
+          return !!((F = I == null ? void 0 : I.title) != null && F.toLowerCase().includes(w));
         });
       }
       return [];
-    }), b = V(() => s.useDialog === "always" ? !0 : s.useDialog === "never" ? !1 : window.innerWidth < 768);
-    function P() {
-      d.value || S1(), d.value = !d.value, d.value && (b.value ? k1(() => {
-        var p;
-        (p = C == null ? void 0 : C.value) == null || p.addEventListener("scroll", () => {
+    }), Q = V(() => s.useDialog === "always" ? !0 : s.useDialog === "never" ? !1 : window.innerWidth < 768);
+    function Z() {
+      d.value || I1(), d.value = !d.value, d.value && (Q.value ? k1(() => {
+        var w;
+        (w = C == null ? void 0 : C.value) == null || w.addEventListener("scroll", () => {
           k1(() => {
             f.value = C.value.scrollTop > 0 ? "scrolled" : "";
           }, 100)();
         });
       }, 1e3)() : setTimeout(() => {
-        const p = c == null ? void 0 : c.value, S = p == null ? void 0 : p.querySelector(".q-menu");
-        S.getBoundingClientRect().left < 0 && (S.style.left = "0");
+        const w = c == null ? void 0 : c.value, I = w == null ? void 0 : w.querySelector(".q-menu");
+        I.getBoundingClientRect().left < 0 && (I.style.left = "0");
       }, 10));
     }
-    function E(p) {
-      d.value = !1, w.value = p, t("change", p);
+    function E(w) {
+      d.value = !1, p.value = w, t("change", w);
     }
     return e1(
       () => s.initialItem,
       () => {
-        s.initialItem && (w.value = s.initialItem);
+        s.initialItem && (p.value = s.initialItem);
       }
     ), a1(() => {
-      s.initialItem && (w.value = s.initialItem), window.addEventListener("storage", (p) => {
-        p.key === "quailui_global_popup_trigger" && p.newValue && (d.value = !1);
+      s.initialItem && (p.value = s.initialItem), window.addEventListener("storage", (w) => {
+        w.key === "quailui_global_popup_trigger" && w.newValue && (d.value = !1);
       });
-    }), (p, S) => {
+    }), (w, I) => {
       const F = z("q-icon-chevron-down"), G = z("q-menu"), o1 = z("q-dialog");
       return n(), i("div", fo, [
         o("div", po, [
           o("div", {
-            class: A(["q-dropdown-menu-action", k.value]),
-            onClick: $1(P, ["stop"])
+            class: O(["q-dropdown-menu-action", M.value]),
+            onClick: $1(Z, ["stop"])
           }, [
-            !e.hideSelected && w.value && !g.value ? (n(), i("div", go, [
-              w.value.image ? (n(), i("img", {
+            !e.hideSelected && p.value && !g.value ? (n(), i("div", go, [
+              p.value.image ? (n(), i("img", {
                 key: 0,
                 class: "menu-image",
-                src: w.value.image,
-                alt: w.value.title
-              }, null, 8, vo)) : w.value.icon ? (n(), D(f1(w.value.icon), {
+                src: p.value.image,
+                alt: p.value.title
+              }, null, 8, vo)) : p.value.icon ? (n(), A(f1(p.value.icon), {
                 key: 1,
                 class: "icon menu-icon"
               })) : j("", !0),
-              e.hideActionLabel ? j("", !0) : (n(), i("div", $o, U(w.value ? w.value.title : s.placeholder || "Select ..."), 1))
+              e.hideActionLabel ? j("", !0) : (n(), i("div", $o, U(p.value ? p.value.title : s.placeholder || "Select ..."), 1))
             ])) : j("", !0),
-            r1(p.$slots, "default"),
+            r1(w.$slots, "default"),
             Y(F, { class: "icon chevron-icon" })
           ], 10, wo),
-          b.value ? j("", !0) : (n(), i("div", {
+          Q.value ? j("", !0) : (n(), i("div", {
             key: 0,
             ref_key: "menuWrapper",
             ref: c
           }, [
             Y(v1, null, {
               default: C1(() => [
-                d.value ? (n(), D(G, {
+                d.value ? (n(), A(G, {
                   key: 0,
                   items: e.items,
                   onAction: E
@@ -2406,10 +2406,10 @@ const fo = { class: "q-dropdown-menu" }, po = { class: "q-dropdown-menu-inner na
               _: 1
             })
           ], 512)),
-          b.value ? (n(), D(o1, {
+          Q.value ? (n(), A(o1, {
             key: 1,
             modelValue: d.value,
-            "onUpdate:modelValue": S[1] || (S[1] = (N) => d.value = N),
+            "onUpdate:modelValue": I[1] || (I[1] = (N) => d.value = N),
             "no-frame": ""
           }, {
             default: C1(() => [
@@ -2419,18 +2419,18 @@ const fo = { class: "q-dropdown-menu" }, po = { class: "q-dropdown-menu-inner na
                     type: "text",
                     class: "filter-input text-field",
                     placeholder: "Filter",
-                    "onUpdate:modelValue": S[0] || (S[0] = (N) => M.value = N)
+                    "onUpdate:modelValue": I[0] || (I[0] = (N) => k.value = N)
                   }, null, 512), [
-                    [c1, M.value]
+                    [c1, k.value]
                   ])
                 ])) : j("", !0),
                 o("div", {
-                  class: A(["scroll-area", f.value]),
+                  class: O(["scroll-area", f.value]),
                   ref_key: "scrollArea",
                   ref: C,
                   style: l1({ height: s.scrollHeight, maxHeight: s.scrollHeight })
                 }, [
-                  x.value ? (n(), D(G, {
+                  x.value ? (n(), A(G, {
                     key: 0,
                     items: x.value,
                     onAction: E,
@@ -2457,7 +2457,7 @@ const yo = { class: "q-pagination" }, Lo = ["disabled"], Vo = {
 }, Ho = { class: "q-page-indicator" }, bo = ["disabled", "onClick"], Qo = {
   key: 1,
   class: "q-page-indicator-simple"
-}, So = { class: "" }, Io = ["disabled"], qo = /* @__PURE__ */ O({
+}, Io = { class: "" }, So = ["disabled"], qo = /* @__PURE__ */ P({
   __name: "QPagination",
   props: {
     modelValue: {
@@ -2481,51 +2481,51 @@ const yo = { class: "q-pagination" }, Lo = ["disabled"], Vo = {
   setup(e, { emit: t }) {
     const s = e, a = V(() => {
       let f = 6;
-      const M = [];
+      const k = [];
       if (s.totalPage !== 0)
         if (s.totalPage <= f)
-          for (let k = 1; k <= s.totalPage; k++)
-            M.push({ label: k });
+          for (let M = 1; M <= s.totalPage; M++)
+            k.push({ label: M });
         else {
-          M.push({ label: 1 });
-          let k = d.value - 2, g = d.value + 2;
-          k < 2 && (k = 2, g = k + f - 2), g > s.totalPage - 1 && (g = s.totalPage - 1, k = g - f + 2), k > 2 && M.push({ label: "…", disabled: !0 });
-          for (let x = k; x <= g; x++)
-            M.push({ label: x });
-          g < s.totalPage - 1 && M.push({ label: "…", disabled: !0 }), M.push({ label: s.totalPage });
+          k.push({ label: 1 });
+          let M = d.value - 2, g = d.value + 2;
+          M < 2 && (M = 2, g = M + f - 2), g > s.totalPage - 1 && (g = s.totalPage - 1, M = g - f + 2), M > 2 && k.push({ label: "…", disabled: !0 });
+          for (let x = M; x <= g; x++)
+            k.push({ label: x });
+          g < s.totalPage - 1 && k.push({ label: "…", disabled: !0 }), k.push({ label: s.totalPage });
         }
-      return M;
-    }), d = Q(s.modelValue);
+      return k;
+    }), d = b(s.modelValue);
     e1(() => s.modelValue, (f) => {
       d.value = f;
     });
-    function w() {
+    function p() {
       d.value--, t("change:prev", d.value), t("update:modelValue", d.value);
     }
     function c() {
       d.value++, t("change:next", d.value), t("update:modelValue", d.value);
     }
-    function C(f, M) {
-      M.disabled || (d.value = f, t("change:goto", d.value), t("update:modelValue", d.value));
+    function C(f, k) {
+      k.disabled || (d.value = f, t("change:goto", d.value), t("update:modelValue", d.value));
     }
-    return (f, M) => (n(), i("div", yo, [
+    return (f, k) => (n(), i("div", yo, [
       o("button", {
         class: "prev q-button button sm outlined icon",
-        onClick: w,
+        onClick: p,
         disabled: !s.hasPrev
       }, [
         Y(H1, { class: "icon" })
       ], 8, Lo),
       e.totalPage !== 0 ? (n(), i("div", Vo, [
-        (n(!0), i(p1, null, L1(a.value, (k) => (n(), i("div", Ho, [
+        (n(!0), i(p1, null, L1(a.value, (M) => (n(), i("div", Ho, [
           o("button", {
-            class: A(["q-page-indicator q-button button sm plain", k.label === d.value ? "active" : ""]),
-            disabled: k.disabled,
-            onClick: (g) => C(k.label, k)
-          }, U(k.label), 11, bo)
+            class: O(["q-page-indicator q-button button sm plain", M.label === d.value ? "active" : ""]),
+            disabled: M.disabled,
+            onClick: (g) => C(M.label, M)
+          }, U(M.label), 11, bo)
         ]))), 256))
       ])) : (n(), i("div", Qo, [
-        o("div", So, U(e.modelValue), 1)
+        o("div", Io, U(e.modelValue), 1)
       ])),
       o("button", {
         class: "next q-button button sm outlined icon",
@@ -2533,13 +2533,13 @@ const yo = { class: "q-pagination" }, Lo = ["disabled"], Vo = {
         disabled: !s.hasNext
       }, [
         Y(b1, { class: "icon" })
-      ], 8, Io)
+      ], 8, So)
     ]));
   }
 });
 const Bo = { class: "q-progress-slot" }, jo = /* @__PURE__ */ o("div", { class: "q-progress-bar-inner" }, null, -1), Zo = [
   jo
-], Do = /* @__PURE__ */ O({
+], Do = /* @__PURE__ */ P({
   __name: "QProgress",
   props: {
     infinite: {
@@ -2561,19 +2561,19 @@ const Bo = { class: "q-progress-slot" }, jo = /* @__PURE__ */ o("div", { class:
   },
   setup(e) {
     const t = e, s = V(() => t.infinite ? "100%" : `${t.value / t.max * 100}%`), a = V(() => t.value >= t.max);
-    return (d, w) => (n(), i("div", {
-      class: A(["q-progress", e.color])
+    return (d, p) => (n(), i("div", {
+      class: O(["q-progress", e.color])
     }, [
       o("div", Bo, [
         o("div", {
-          class: A(["q-progress-bar", a.value ? "" : "animated"]),
+          class: O(["q-progress-bar", a.value ? "" : "animated"]),
           style: l1({ width: s.value })
         }, Zo, 6)
       ])
     ], 2));
   }
 });
-const Ao = /* @__PURE__ */ O({
+const Ao = /* @__PURE__ */ P({
   __name: "QLanguageSelector",
   props: {
     lang: {
@@ -2595,44 +2595,44 @@ const Ao = /* @__PURE__ */ O({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const s = e, a = Q(null), d = V(() => {
+    const s = e, a = b(null), d = V(() => {
       let c = [
         {
           title_flag: "🇺🇸 English",
           title_no_flag: "English",
           value: "en",
-          action: w
+          action: p
         },
         {
           title_flag: "🇨🇳 简体中文",
           title_no_flag: "简体中文",
           value: "zh",
-          action: w
+          action: p
         },
         {
           title_flag: "🇹🇼 正體中文",
           title_no_flag: "正體中文",
           value: "zh-tw",
-          action: w
+          action: p
         },
         {
           title_flag: "🇯🇵 日本語",
           title_no_flag: "日本語",
           value: "ja",
-          action: w
+          action: p
         }
       ];
       return s.auto && c.unshift({
         title_flag: "🌐 Auto",
         title_no_flag: "Auto",
         value: "",
-        action: w
+        action: p
       }), c = c.map((C) => ({
         ...C,
         title: s.noFlag ? C.title_no_flag : C.title_flag
       })), c;
     });
-    function w(c) {
+    function p(c) {
       s.presist && localStorage.setItem("quail-language", c.value), t("change", {
         title: s.noFlag ? c.title_no_flag : c.title,
         value: c.value
@@ -2644,13 +2644,13 @@ const Ao = /* @__PURE__ */ O({
       a.value = d.value.find((c) => s.lang === c.value || localStorage.getItem("quail-language") === c.value) || d.value[0];
     }), (c, C) => {
       const f = z("QDropdownMenu");
-      return n(), D(f, {
+      return n(), A(f, {
         items: d.value,
         "initial-item": a.value
       }, null, 8, ["items", "initial-item"]);
     };
   }
-}), I1 = (e) => (D1("data-v-c163c615"), e = e(), A1(), e), Oo = { class: "q-pack-cover block-drop-shadow" }, Po = /* @__PURE__ */ I1(() => /* @__PURE__ */ o("div", { class: "q-pack-cover-layer one" }, null, -1)), Fo = /* @__PURE__ */ I1(() => /* @__PURE__ */ o("div", { class: "q-pack-cover-layer two" }, null, -1)), To = { class: "q-pack-cover-inner" }, Uo = ["src", "alt"], zo = /* @__PURE__ */ O({
+}), S1 = (e) => (D1("data-v-c163c615"), e = e(), A1(), e), Oo = { class: "q-pack-cover block-drop-shadow" }, Po = /* @__PURE__ */ S1(() => /* @__PURE__ */ o("div", { class: "q-pack-cover-layer one" }, null, -1)), Fo = /* @__PURE__ */ S1(() => /* @__PURE__ */ o("div", { class: "q-pack-cover-layer two" }, null, -1)), To = { class: "q-pack-cover-inner" }, Uo = ["src", "alt"], zo = /* @__PURE__ */ P({
   __name: "QPackCover",
   props: {
     src: {
@@ -2675,7 +2675,7 @@ const Ao = /* @__PURE__ */ O({
     ]));
   }
 });
-const Eo = /* @__PURE__ */ r(zo, [["__scopeId", "data-v-c163c615"]]), Yo = ["href"], Wo = ["href"], No = ["href"], Go = ["href"], Ro = /* @__PURE__ */ O({
+const Eo = /* @__PURE__ */ r(zo, [["__scopeId", "data-v-c163c615"]]), Yo = ["href"], Wo = ["href"], No = ["href"], Go = ["href"], Ro = /* @__PURE__ */ P({
   __name: "QShare",
   props: {
     url: {
@@ -2693,10 +2693,10 @@ const Eo = /* @__PURE__ */ r(zo, [["__scopeId", "data-v-c163c615"]]), Yo = ["hre
   },
   setup(e) {
     const t = e, s = V(() => t.layout === "row" ? "q-share-layout-row" : t.layout === "column" ? "q-share-layout-column" : "q-share-layout-row"), a = V(() => t.url ? encodeURIComponent(t.url) : encodeURIComponent(window.location.href));
-    return (d, w) => {
-      const c = z("q-icon-color-twitter"), C = z("q-icon-color-facebook"), f = z("q-icon-color-hackernews"), M = z("q-icon-color-linkedin");
+    return (d, p) => {
+      const c = z("q-icon-color-twitter"), C = z("q-icon-color-facebook"), f = z("q-icon-color-hackernews"), k = z("q-icon-color-linkedin");
       return n(), i("div", {
-        class: A(["q-share", s.value])
+        class: O(["q-share", s.value])
       }, [
         o("a", {
           href: `https://twitter.com/intent/tweet?url=${a.value}&text=${t.text}`,
@@ -2728,13 +2728,13 @@ const Eo = /* @__PURE__ */ r(zo, [["__scopeId", "data-v-c163c615"]]), Yo = ["hre
           title: "Share on linkedin",
           class: "q-share-link linkedin"
         }, [
-          Y(M, { class: "icon share-icon" })
+          Y(k, { class: "icon share-icon" })
         ], 8, Go)
       ], 2);
     };
   }
 });
-const Jo = ["src", "alt"], Xo = /* @__PURE__ */ O({
+const Jo = ["src", "alt"], Xo = /* @__PURE__ */ P({
   __name: "QAvatar",
   props: {
     src: {
@@ -2746,12 +2746,12 @@ const Jo = ["src", "alt"], Xo = /* @__PURE__ */ O({
       default: "An Avatar"
     },
     size: {
-      type: String,
-      default: "32px"
+      type: Number,
+      default: 32
     }
   },
   setup(e) {
-    const t = e, s = Q({
+    const t = e, s = b({
       width: `${t.size}px`,
       height: `${t.size}px`
     });
@@ -2769,7 +2769,7 @@ const Jo = ["src", "alt"], Xo = /* @__PURE__ */ O({
 const Ko = { class: "q-dropdown-menu-with-text-field" }, e3 = { class: "q-dropdown-menu-with-text-field-top" }, t3 = { class: "q-dropdown-menu-wrapper" }, n3 = { class: "q-text-field-wrapper" }, o3 = ["placeholder"], s3 = {
   key: 0,
   class: "q-dropdown-menu-with-text-field-bottom"
-}, i3 = ["textContent"], r3 = { class: "text-xs text-hint" }, c3 = ["textContent"], l3 = /* @__PURE__ */ O({
+}, i3 = ["textContent"], r3 = { class: "text-xs text-hint" }, c3 = ["textContent"], l3 = /* @__PURE__ */ P({
   __name: "QDropdownMenuWithTextField",
   props: {
     items: {
@@ -2803,33 +2803,35 @@ const Ko = { class: "q-dropdown-menu-with-text-field" }, e3 = { class: "q-dropdo
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const s = e, a = Q(s.defaultText), d = Q(s.defaultSelection), w = V(() => s.fillActionLabel !== "" || s.hintText !== "");
-    function c(k) {
-      d.value = k, f();
-    }
-    function C() {
-      f();
+    const s = e, a = b(s.defaultText), d = b(s.defaultSelection), p = b(null), c = V(() => s.fillActionLabel !== "" || s.hintText !== "");
+    function C(g) {
+      d.value = g, k();
     }
     function f() {
-      const k = {
+      k();
+    }
+    function k() {
+      const g = {
         selected: d.value,
         text: a.value
       };
-      t("change", k);
+      t("change", g);
     }
     function M() {
-      a.value = s.fillActionValue;
+      a.value = s.fillActionValue, k();
     }
     return a1(() => {
       k1(() => {
-        d.value = s.defaultSelection, a.value = s.defaultText, (d.value === null || d.value === void 0) && (d.value = s.items[0]);
+        d.value = s.defaultSelection, a.value = s.defaultText, (d.value === null || d.value === void 0) && (d.value = s.items[0]), p.value.addEventListener("focus", () => {
+          p.value.select();
+        });
       }, 300)();
-    }), (k, g) => {
-      const x = z("q-dropdown-menu");
+    }), (g, x) => {
+      const Q = z("q-dropdown-menu");
       return n(), i("div", Ko, [
         o("div", e3, [
           o("div", t3, [
-            Y(x, {
+            Y(Q, {
               items: e.items,
               "initial-item": d.value,
               "use-dialog": "always",
@@ -2837,21 +2839,23 @@ const Ko = { class: "q-dropdown-menu-with-text-field" }, e3 = { class: "q-dropdo
               "scroll-height": "400px",
               "hide-action-label": "",
               variant: "plain",
-              onChange: c
+              onChange: C
             }, null, 8, ["items", "initial-item"])
           ]),
           o("div", n3, [
             n1(o("input", {
+              ref_key: "textField",
+              ref: p,
               class: "q-text-field text-field",
               placeholder: s.placeholder,
-              "onUpdate:modelValue": g[0] || (g[0] = (b) => a.value = b),
-              onChange: C
+              "onUpdate:modelValue": x[0] || (x[0] = (Z) => a.value = Z),
+              onChange: f
             }, null, 40, o3), [
               [c1, a.value]
             ])
           ])
         ]),
-        w.value ? (n(), i("div", s3, [
+        c.value ? (n(), i("div", s3, [
           o("div", {
             class: "fill-action text-xs plain flex",
             onClick: M
@@ -2871,7 +2875,7 @@ const Ko = { class: "q-dropdown-menu-with-text-field" }, e3 = { class: "q-dropdo
     };
   }
 });
-const a3 = /* @__PURE__ */ r(l3, [["__scopeId", "data-v-c965057a"]]), d3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const a3 = /* @__PURE__ */ r(l3, [["__scopeId", "data-v-b298c252"]]), d3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   QAvatar: Xo,
   QDatetimePicker: Q7,
@@ -2897,7 +2901,7 @@ const _3 = {
     for (const [s, a] of Object.entries(d3))
       t != null && t.debug && console.log("[quail-ui] register common component", s, a), e.component(s, a);
     document.body.addEventListener("click", (s) => {
-      S1();
+      I1();
     });
   }
 };