quail-ui 0.2.61 → 0.2.62

package/dist/index.js

@@ -1,8 +1,8 @@
-import { openBlock as n, createElementBlock as s, createElementVNode as o, createStaticVNode as G, defineComponent as P, ref as b, watch as t1, onMounted as d1, withDirectives as i1, vModelText as l1, computed as V, nextTick as A1, Fragment as u1, renderSlot as s1, createBlock as A, Transition as v1, withCtx as E, normalizeClass as Z, normalizeStyle as a1, withModifiers as $1, createCommentVNode as q, toDisplayString as U, getCurrentInstance as P1, unref as f1, resolveDynamicComponent as p1, renderList as x1, resolveComponent as z, vModelCheckbox as O1, createVNode as T, createTextVNode as M1, useSlots as F1, pushScopeId as I1, popScopeId as Q1 } from "vue";
+import { openBlock as n, createElementBlock as s, createElementVNode as o, createStaticVNode as G, defineComponent as P, ref as b, watch as t1, onMounted as d1, withDirectives as i1, vModelText as l1, computed as H, nextTick as A1, Fragment as u1, renderSlot as s1, createBlock as A, Transition as v1, withCtx as E, normalizeClass as Z, normalizeStyle as a1, withModifiers as $1, createCommentVNode as q, toDisplayString as W, getCurrentInstance as P1, unref as f1, resolveDynamicComponent as p1, renderList as x1, resolveComponent as z, vModelCheckbox as O1, createVNode as T, createTextVNode as M1, useSlots as F1, pushScopeId as I1, popScopeId as Q1 } from "vue";
 const r = (e, t) => {
   const i = e.__vccOpts || e;
-  for (const [c, a] of t)
-    i[c] = a;
+  for (const [l, c] of t)
+    i[l] = c;
   return i;
 }, T1 = {}, z1 = {
   width: "24",
@@ -10,17 +10,17 @@ const r = (e, t) => {
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, W1 = /* @__PURE__ */ o("path", {
+}, U1 = /* @__PURE__ */ o("path", {
   d: "M6 18L18 6M18 6H10M18 6V14",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), U1 = [
-  W1
+}, null, -1), W1 = [
+  U1
 ];
 function N1(e, t) {
-  return n(), s("svg", z1, U1);
+  return n(), s("svg", z1, W1);
 }
 const B1 = /* @__PURE__ */ r(T1, [["render", N1]]), Y1 = {}, E1 = {
   width: "24",
@@ -188,10 +188,10 @@ const P2 = /* @__PURE__ */ r(S2, [["render", A2]]), O2 = {}, F2 = {
 }, null, -1), z2 = [
   T2
 ];
-function W2(e, t) {
+function U2(e, t) {
   return n(), s("svg", F2, z2);
 }
-const U2 = /* @__PURE__ */ r(O2, [["render", W2]]), N2 = {}, Y2 = {
+const W2 = /* @__PURE__ */ r(O2, [["render", U2]]), N2 = {}, Y2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -343,10 +343,10 @@ const Pe = /* @__PURE__ */ r(Se, [["render", Ae]]), Oe = {}, Fe = {
 }, null, -1), ze = [
   Te
 ];
-function We(e, t) {
+function Ue(e, t) {
   return n(), s("svg", Fe, ze);
 }
-const Ue = /* @__PURE__ */ r(Oe, [["render", We]]), Ne = {}, Ye = {
+const We = /* @__PURE__ */ r(Oe, [["render", Ue]]), Ne = {}, Ye = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -508,7 +508,7 @@ const At = /* @__PURE__ */ r(jt, [["render", Dt]]), Pt = {}, Ot = {
 function zt(e, t) {
   return n(), s("svg", Ot, Tt);
 }
-const Wt = /* @__PURE__ */ r(Pt, [["render", zt]]), Ut = {}, Nt = {
+const Ut = /* @__PURE__ */ r(Pt, [["render", zt]]), Wt = {}, Nt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -533,7 +533,7 @@ const Wt = /* @__PURE__ */ r(Pt, [["render", zt]]), Ut = {}, Nt = {
 function Rt(e, t) {
   return n(), s("svg", Nt, Gt);
 }
-const Jt = /* @__PURE__ */ r(Ut, [["render", Rt]]), Xt = {}, Kt = {
+const Jt = /* @__PURE__ */ r(Wt, [["render", Rt]]), Xt = {}, Kt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -673,13 +673,13 @@ const O4 = /* @__PURE__ */ r(q4, [["render", P4]]), F4 = {}, T4 = {
 }, z4 = /* @__PURE__ */ o("path", {
   d: "M8.625 8.0625V3H15.375V8.0625H8.625ZM15.375 10.875H21V21H3V10.875H8.625V15.9375H15.375V10.875Z",
   fill: "currentColor"
-}, null, -1), W4 = [
+}, null, -1), U4 = [
   z4
 ];
-function U4(e, t) {
-  return n(), s("svg", T4, W4);
+function W4(e, t) {
+  return n(), s("svg", T4, U4);
 }
-const N4 = /* @__PURE__ */ r(F4, [["render", U4]]), Y4 = {}, E4 = {
+const N4 = /* @__PURE__ */ r(F4, [["render", W4]]), Y4 = {}, E4 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -829,13 +829,13 @@ const O0 = /* @__PURE__ */ r(q0, [["render", P0]]), F0 = {}, T0 = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), W0 = [
+}, null, -1), U0 = [
   z0
 ];
-function U0(e, t) {
-  return n(), s("svg", T0, W0);
+function W0(e, t) {
+  return n(), s("svg", T0, U0);
 }
-const N0 = /* @__PURE__ */ r(F0, [["render", U0]]), Y0 = {}, E0 = {
+const N0 = /* @__PURE__ */ r(F0, [["render", W0]]), Y0 = {}, E0 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -995,7 +995,7 @@ const D9 = /* @__PURE__ */ r(B9, [["render", Z9]]), A9 = {}, P9 = {
 function z9(e, t) {
   return n(), s("svg", P9, T9);
 }
-const W9 = /* @__PURE__ */ r(A9, [["render", z9]]), U9 = {}, N9 = {
+const U9 = /* @__PURE__ */ r(A9, [["render", z9]]), W9 = {}, N9 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1013,7 +1013,7 @@ const W9 = /* @__PURE__ */ r(A9, [["render", z9]]), U9 = {}, N9 = {
 function G9(e, t) {
   return n(), s("svg", N9, E9);
 }
-const R9 = /* @__PURE__ */ r(U9, [["render", G9]]), J9 = {}, X9 = {
+const R9 = /* @__PURE__ */ r(W9, [["render", G9]]), J9 = {}, X9 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1154,10 +1154,10 @@ const Pn = /* @__PURE__ */ r(Sn, [["render", An]]), On = {}, Fn = {
 }, null, -1), zn = [
   Tn
 ];
-function Wn(e, t) {
+function Un(e, t) {
   return n(), s("svg", Fn, zn);
 }
-const Un = /* @__PURE__ */ r(On, [["render", Wn]]), Nn = {}, Yn = {
+const Wn = /* @__PURE__ */ r(On, [["render", Un]]), Nn = {}, Yn = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1316,10 +1316,10 @@ const P7 = /* @__PURE__ */ r(S7, [["render", A7]]), O7 = {}, F7 = {
 }, null, -1), z7 = [
   T7
 ];
-function W7(e, t) {
+function U7(e, t) {
   return n(), s("svg", F7, z7);
 }
-const U7 = /* @__PURE__ */ r(O7, [["render", W7]]), N7 = {}, Y7 = {
+const W7 = /* @__PURE__ */ r(O7, [["render", U7]]), N7 = {}, Y7 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1475,7 +1475,7 @@ const H1 = /* @__PURE__ */ r(S5, [["render", A5]]), P5 = {}, O5 = {
 function z5(e, t) {
   return n(), s("svg", O5, T5);
 }
-const V1 = /* @__PURE__ */ r(P5, [["render", z5]]), W5 = {}, U5 = {
+const V1 = /* @__PURE__ */ r(P5, [["render", z5]]), U5 = {}, W5 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1485,9 +1485,9 @@ const V1 = /* @__PURE__ */ r(P5, [["render", z5]]), W5 = {}, U5 = {
   N5
 ];
 function E5(e, t) {
-  return n(), s("svg", U5, Y5);
+  return n(), s("svg", W5, Y5);
 }
-const G5 = /* @__PURE__ */ r(W5, [["render", E5]]), R5 = {}, J5 = {
+const G5 = /* @__PURE__ */ r(U5, [["render", E5]]), R5 = {}, J5 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1575,8 +1575,8 @@ const y3 = /* @__PURE__ */ r($3, [["render", M3]]), L3 = /* @__PURE__ */ Object.
   QIconColorLinkedin: c3,
   QIconColorTelegram: H1,
   QIconColorTwitter: G5,
-  QIconCommunity: U2,
-  QIconCompass: W9,
+  QIconCommunity: W2,
+  QIconCompass: U9,
   QIconCopy: J2,
   QIconDataflow: Pn,
   QIconDesktop: ae,
@@ -1586,14 +1586,14 @@ const y3 = /* @__PURE__ */ r($3, [["render", M3]]), L3 = /* @__PURE__ */ Object.
   QIconEcosystem: He,
   QIconExpand: S0,
   QIconFaceFrown: je,
-  QIconFaceHappy: Un,
+  QIconFaceHappy: Wn,
   QIconFeather: Pe,
   QIconFeed: V1,
   QIconFileLock: O0,
-  QIconFilter: Ue,
+  QIconFilter: We,
   QIconFingerprint: H5,
   QIconFingerprintLock: j5,
-  QIconFlash: U7,
+  QIconFlash: W7,
   QIconHead: N0,
   QIconHelp: m1,
   QIconImage: nt,
@@ -1611,7 +1611,7 @@ const y3 = /* @__PURE__ */ r($3, [["render", M3]]), L3 = /* @__PURE__ */ Object.
   QIconMenu: At,
   QIconMessageChatSquare: nn,
   QIconMessageSquare: Jn,
-  QIconMobile: Wt,
+  QIconMobile: Ut,
   QIconMoonStar: Jt,
   QIconOrderedList: c9,
   QIconPaperclip: an,
@@ -1645,10 +1645,10 @@ function V3(e) {
 }
 var q1 = { exports: {} };
 (function(e, t) {
-  (function(i, c) {
-    e.exports = c();
+  (function(i, l) {
+    e.exports = l();
   })(H3, function() {
-    var i = 1e3, c = 6e4, a = 36e5, C = "millisecond", _ = "second", l = "minute", p = "hour", f = "day", M = "week", $ = "month", m = "quarter", y = "year", B = "date", W = "Invalid Date", R = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, g = /\[([^\]]+)]|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, Q = { 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 i = 1e3, l = 6e4, c = 36e5, C = "millisecond", _ = "second", a = "minute", p = "hour", f = "day", M = "week", $ = "month", m = "quarter", y = "year", B = "date", U = "Invalid Date", R = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, g = /\[([^\]]+)]|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, Q = { 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 h = ["th", "st", "nd", "rd"], d = v % 100;
       return "[" + v + (h[(d - 20) % 10] || h[d] || h[0]) + "]";
     } }, O = function(v, h, d) {
@@ -1665,7 +1665,7 @@ var q1 = { exports: {} };
     }, a: function(v) {
       return v < 0 ? Math.ceil(v) || 0 : Math.floor(v);
     }, p: function(v) {
-      return { M: $, y, w: M, d: f, D: B, h: p, m: l, s: _, ms: C, Q: m }[v] || String(v || "").toLowerCase().replace(/s$/, "");
+      return { M: $, y, w: M, d: f, D: B, h: p, m: a, s: _, ms: C, Q: m }[v] || String(v || "").toLowerCase().replace(/s$/, "");
     }, u: function(v) {
       return v === void 0;
     } }, J = "en", Y = {};
@@ -1683,8 +1683,8 @@ var q1 = { exports: {} };
         if (!u && x.length > 1)
           return v(x[0]);
       } else {
-        var H = h.name;
-        Y[H] = h, u = H;
+        var V = h.name;
+        Y[V] = h, u = V;
       }
       return !w && u && (J = u), u || !w && J;
     }, j = function(v, h) {
@@ -1713,8 +1713,8 @@ var q1 = { exports: {} };
           if (typeof u == "string" && !/Z$/i.test(u)) {
             var x = u.match(R);
             if (x) {
-              var H = x[2] - 1 || 0, I = (x[7] || "0").substring(0, 3);
-              return k ? new Date(Date.UTC(x[1], H, x[3] || 1, x[4] || 0, x[5] || 0, x[6] || 0, I)) : new Date(x[1], H, x[3] || 1, x[4] || 0, x[5] || 0, x[6] || 0, I);
+              var V = x[2] - 1 || 0, I = (x[7] || "0").substring(0, 3);
+              return k ? new Date(Date.UTC(x[1], V, x[3] || 1, x[4] || 0, x[5] || 0, x[6] || 0, I)) : new Date(x[1], V, x[3] || 1, x[4] || 0, x[5] || 0, x[6] || 0, I);
             }
           }
           return new Date(u);
@@ -1725,7 +1725,7 @@ var q1 = { exports: {} };
       }, h.$utils = function() {
         return L;
       }, h.isValid = function() {
-        return this.$d.toString() !== W;
+        return this.$d.toString() !== U;
       }, h.isSame = function(d, w) {
         var u = j(d);
         return this.startOf(w) <= u && u <= this.endOf(w);
@@ -1740,7 +1740,7 @@ var q1 = { exports: {} };
       }, h.valueOf = function() {
         return this.$d.getTime();
       }, h.startOf = function(d, w) {
-        var u = this, k = !!L.u(w) || w, x = L.p(d), H = function(e1, F) {
+        var u = this, k = !!L.u(w) || w, x = L.p(d), V = function(e1, F) {
           var X = L.w(u.$u ? Date.UTC(u.$y, F, e1) : new Date(u.$y, F, e1), u);
           return k ? X : X.endOf(f);
         }, I = function(e1, F) {
@@ -1748,18 +1748,18 @@ var q1 = { exports: {} };
         }, S = this.$W, D = this.$M, N = this.$D, o1 = "set" + (this.$u ? "UTC" : "");
         switch (x) {
           case y:
-            return k ? H(1, 0) : H(31, 11);
+            return k ? V(1, 0) : V(31, 11);
           case $:
-            return k ? H(1, D) : H(0, D + 1);
+            return k ? V(1, D) : V(0, D + 1);
           case M:
             var K = this.$locale().weekStart || 0, r1 = (S < K ? S + 7 : S) - K;
-            return H(k ? N - r1 : N + (6 - r1), D);
+            return V(k ? N - r1 : N + (6 - r1), D);
           case f:
           case B:
             return I(o1 + "Hours", 0);
           case p:
             return I(o1 + "Minutes", 1);
-          case l:
+          case a:
             return I(o1 + "Seconds", 2);
           case _:
             return I(o1 + "Milliseconds", 3);
@@ -1769,12 +1769,12 @@ var q1 = { exports: {} };
       }, h.endOf = function(d) {
         return this.startOf(d, !1);
       }, h.$set = function(d, w) {
-        var u, k = L.p(d), x = "set" + (this.$u ? "UTC" : ""), H = (u = {}, u[f] = x + "Date", u[B] = x + "Date", u[$] = x + "Month", u[y] = x + "FullYear", u[p] = x + "Hours", u[l] = x + "Minutes", u[_] = x + "Seconds", u[C] = x + "Milliseconds", u)[k], I = k === f ? this.$D + (w - this.$W) : w;
+        var u, k = L.p(d), x = "set" + (this.$u ? "UTC" : ""), V = (u = {}, u[f] = x + "Date", u[B] = x + "Date", u[$] = x + "Month", u[y] = x + "FullYear", u[p] = x + "Hours", u[a] = x + "Minutes", u[_] = x + "Seconds", u[C] = x + "Milliseconds", u)[k], I = k === f ? this.$D + (w - this.$W) : w;
         if (k === $ || k === y) {
           var S = this.clone().set(B, 1);
-          S.$d[H](I), S.init(), this.$d = S.set(B, Math.min(this.$D, S.daysInMonth())).$d;
+          S.$d[V](I), S.init(), this.$d = S.set(B, Math.min(this.$D, S.daysInMonth())).$d;
         } else
-          H && this.$d[H](I);
+          V && this.$d[V](I);
         return this.init(), this;
       }, h.set = function(d, w) {
         return this.clone().$set(d, w);
@@ -1783,7 +1783,7 @@ var q1 = { exports: {} };
       }, h.add = function(d, w) {
         var u, k = this;
         d = Number(d);
-        var x = L.p(w), H = function(D) {
+        var x = L.p(w), V = function(D) {
           var N = j(k);
           return L.w(N.date(N.date() + Math.round(D * d)), k);
         };
@@ -1792,21 +1792,21 @@ var q1 = { exports: {} };
         if (x === y)
           return this.set(y, this.$y + d);
         if (x === f)
-          return H(1);
+          return V(1);
         if (x === M)
-          return H(7);
-        var I = (u = {}, u[l] = c, u[p] = a, u[_] = i, u)[x] || 1, S = this.$d.getTime() + d * I;
+          return V(7);
+        var I = (u = {}, u[a] = l, u[p] = c, u[_] = i, u)[x] || 1, S = this.$d.getTime() + d * I;
         return L.w(S, this);
       }, h.subtract = function(d, w) {
         return this.add(-1 * d, w);
       }, h.format = function(d) {
         var w = this, u = this.$locale();
         if (!this.isValid())
-          return u.invalidDate || W;
-        var k = d || "YYYY-MM-DDTHH:mm:ssZ", x = L.z(this), H = this.$H, I = this.$m, S = this.$M, D = u.weekdays, N = u.months, o1 = u.meridiem, K = function(F, X, c1, C1) {
+          return u.invalidDate || U;
+        var k = d || "YYYY-MM-DDTHH:mm:ssZ", x = L.z(this), V = this.$H, I = this.$m, S = this.$M, D = u.weekdays, N = u.months, o1 = u.meridiem, K = function(F, X, c1, C1) {
           return F && (F[X] || F(w, k)) || c1[X].slice(0, C1);
         }, r1 = function(F) {
-          return L.s(H % 12 || 12, F, "0");
+          return L.s(V % 12 || 12, F, "0");
         }, e1 = o1 || function(F, X, c1) {
           var C1 = F < 12 ? "AM" : "PM";
           return c1 ? C1.toLowerCase() : C1;
@@ -1839,17 +1839,17 @@ var q1 = { exports: {} };
               case "dddd":
                 return D[w.$W];
               case "H":
-                return String(H);
+                return String(V);
               case "HH":
-                return L.s(H, 2, "0");
+                return L.s(V, 2, "0");
               case "h":
                 return r1(1);
               case "hh":
                 return r1(2);
               case "a":
-                return e1(H, I, !0);
+                return e1(V, I, !0);
               case "A":
-                return e1(H, I, !1);
+                return e1(V, I, !1);
               case "m":
                 return String(I);
               case "mm":
@@ -1869,10 +1869,10 @@ var q1 = { exports: {} };
       }, h.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
       }, h.diff = function(d, w, u) {
-        var k, x = this, H = L.p(w), I = j(d), S = (I.utcOffset() - this.utcOffset()) * c, D = this - I, N = function() {
+        var k, x = this, V = L.p(w), I = j(d), S = (I.utcOffset() - this.utcOffset()) * l, D = this - I, N = function() {
           return L.m(x, I);
         };
-        switch (H) {
+        switch (V) {
           case y:
             k = N() / 12;
             break;
@@ -1889,11 +1889,11 @@ var q1 = { exports: {} };
             k = (D - S) / 864e5;
             break;
           case p:
-            k = D / a;
-            break;
-          case l:
             k = D / c;
             break;
+          case a:
+            k = D / l;
+            break;
           case _:
             k = D / i;
             break;
@@ -1922,7 +1922,7 @@ var q1 = { exports: {} };
         return this.$d.toUTCString();
       }, v;
     }(), L1 = h1.prototype;
-    return j.prototype = L1, [["$ms", C], ["$s", _], ["$m", l], ["$H", p], ["$W", f], ["$M", $], ["$y", y], ["$D", B]].forEach(function(v) {
+    return j.prototype = L1, [["$ms", C], ["$s", _], ["$m", a], ["$H", p], ["$W", f], ["$M", $], ["$y", y], ["$D", B]].forEach(function(v) {
       L1[v[1]] = function(h) {
         return this.$g(h, v[0], v[1]);
       };
@@ -1948,29 +1948,29 @@ const g1 = /* @__PURE__ */ V3(b3), I3 = { class: "q-datetime-picker touchable ou
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const i = e, c = t, a = b(""), C = b("");
+    const i = e, l = t, c = b(""), C = b("");
     t1(
       () => i.modelValue,
-      (l) => {
-        const p = g1(l);
-        a.value = p.format("YYYY-MM-DD"), C.value = p.format("HH:mm");
+      (a) => {
+        const p = g1(a);
+        c.value = p.format("YYYY-MM-DD"), C.value = p.format("HH:mm");
       }
     );
     function _() {
-      const l = g1(`${a.value} ${C.value}`).format("YYYY-MM-DDTHH:mm:ssZ");
-      c("change", l), c("update:modelValue", l);
+      const a = g1(`${c.value} ${C.value}`).format("YYYY-MM-DDTHH:mm:ssZ");
+      l("change", a), l("update:modelValue", a);
     }
     return d1(() => {
-      const l = g1();
-      a.value = l.format("YYYY-MM-DD"), C.value = l.format("HH:mm");
-    }), (l, p) => (n(), s("div", I3, [
+      const a = g1();
+      c.value = a.format("YYYY-MM-DD"), C.value = a.format("HH:mm");
+    }), (a, p) => (n(), s("div", I3, [
       i1(o("input", {
-        "onUpdate:modelValue": p[0] || (p[0] = (f) => a.value = f),
+        "onUpdate:modelValue": p[0] || (p[0] = (f) => c.value = f),
         type: "date",
         disabled: e.disabled,
         onChange: _
       }, null, 40, Q3), [
-        [l1, a.value]
+        [l1, c.value]
       ]),
       i1(o("input", {
         "onUpdate:modelValue": p[1] || (p[1] = (f) => C.value = f),
@@ -1985,14 +1985,14 @@ const g1 = /* @__PURE__ */ V3(b3), I3 = { class: "q-datetime-picker touchable ou
 });
 function S3() {
   function e() {
-    const i = !!window.ActiveXObject || "ActiveXObject" in window, c = navigator.userAgent.indexOf("Edge") > -1, a = navigator.userAgent.indexOf("Chrome") > -1, C = navigator.userAgent.indexOf("Firefox") > -1, _ = navigator.userAgent.indexOf("Safari") > -1, l = navigator.userAgent.indexOf("Opera") > -1, p = navigator.userAgent.indexOf("MicroMessenger") > -1, f = !!navigator.userAgent.match(/AppleWebKit.*Mobile.*/), M = navigator.userAgent.indexOf("Android") > -1 || navigator.userAgent.indexOf("Adr") > -1, $ = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), m = navigator.userAgent.indexOf("iPad") > -1, y = navigator.userAgent.indexOf("iPhone") > -1, B = navigator.userAgent.indexOf("Macintosh") > -1, W = navigator.userAgent.indexOf("Windows") > -1, R = navigator.userAgent.indexOf("Linux") > -1;
+    const i = !!window.ActiveXObject || "ActiveXObject" in window, l = navigator.userAgent.indexOf("Edge") > -1, c = navigator.userAgent.indexOf("Chrome") > -1, C = navigator.userAgent.indexOf("Firefox") > -1, _ = navigator.userAgent.indexOf("Safari") > -1, a = navigator.userAgent.indexOf("Opera") > -1, p = navigator.userAgent.indexOf("MicroMessenger") > -1, f = !!navigator.userAgent.match(/AppleWebKit.*Mobile.*/), M = navigator.userAgent.indexOf("Android") > -1 || navigator.userAgent.indexOf("Adr") > -1, $ = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), m = navigator.userAgent.indexOf("iPad") > -1, y = navigator.userAgent.indexOf("iPhone") > -1, B = navigator.userAgent.indexOf("Macintosh") > -1, U = navigator.userAgent.indexOf("Windows") > -1, R = navigator.userAgent.indexOf("Linux") > -1;
     return {
       isIE: i,
-      isEdge: c,
-      isChrome: a,
+      isEdge: l,
+      isChrome: c,
       isFirefox: C,
       isSafari: _,
-      isOpera: l,
+      isOpera: a,
       isWeixin: p,
       isMobile: f,
       isAndroid: M,
@@ -2000,17 +2000,17 @@ function S3() {
       isIpad: m,
       isIphone: y,
       isMac: B,
-      isWindows: W,
+      isWindows: U,
       isLinux: R
     };
   }
-  function t(i, c) {
-    let a;
+  function t(i, l) {
+    let c;
     return function(...C) {
       const _ = this;
-      clearTimeout(a), a = setTimeout(() => {
+      clearTimeout(c), c = setTimeout(() => {
         i.apply(_, C);
-      }, c);
+      }, l);
     };
   }
   return {
@@ -2057,24 +2057,24 @@ const q3 = { class: "q-dialog-body" }, Z3 = { class: "q-dialog-header" }, D3 = {
   },
   emits: ["update:modelValue", "close"],
   setup(e, { emit: t }) {
-    const { browserDetect: i } = S3(), { isMobile: c } = i(), a = e, C = t, _ = b(!1), l = b(a.modelValue), p = b({ top: "0", left: "0" }), f = b(null), M = b(null), $ = V(() => !c && a.desktopMode === "popup"), m = V(() => {
-      const g = document.body.clientWidth < 720 ? "100%" : a.width, Q = a.height, O = {
+    const { browserDetect: i } = S3(), { isMobile: l } = i(), c = e, C = t, _ = b(!1), a = b(c.modelValue), p = b({ top: "0", left: "0" }), f = b(null), M = b(null), $ = H(() => !l && c.desktopMode === "popup"), m = H(() => {
+      const g = document.body.clientWidth < 720 ? "100%" : c.width, Q = c.height, O = {
         width: g,
         height: Q
       };
       return $.value && (O.top = p.value.top, O.left = p.value.left), O;
-    }), y = V(() => {
+    }), y = H(() => {
       let g = [];
-      return _.value && g.push("shaking"), c || g.push(`desktop-mode-${a.desktopMode}`), a.noFrame && g.push("no-frame"), g.join(" ");
-    }), B = V(() => {
+      return _.value && g.push("shaking"), l || g.push(`desktop-mode-${c.desktopMode}`), c.noFrame && g.push("no-frame"), g.join(" ");
+    }), B = H(() => {
       let g = [];
       return $.value && g.push("desktop-mode-popup"), g.join(" ");
     });
     t1(
-      () => a.modelValue,
+      () => c.modelValue,
       (g) => {
-        l.value = g, A1(() => {
-          if (!c && a.desktopMode === "popup" && f.value.children) {
+        a.value = g, A1(() => {
+          if (!l && c.desktopMode === "popup" && f.value.children) {
             const Q = f.value.children[0];
             if (Q) {
               const n1 = Q.getBoundingClientRect().height + 8, J = 0;
@@ -2085,20 +2085,20 @@ const q3 = { class: "q-dialog-body" }, Z3 = { class: "q-dialog-header" }, D3 = {
         });
       }
     );
-    function W() {
-      if (a.persistent) {
+    function U() {
+      if (c.persistent) {
         _.value = !0, setTimeout(() => {
           _.value = !1;
         }, 300);
         return;
       }
-      l.value = !1, document.body.style.overflowY = "auto", C("update:modelValue", !1), C("close");
+      a.value = !1, document.body.style.overflowY = "auto", C("update:modelValue", !1), C("close");
     }
     function R() {
     }
     return d1(() => {
-      a.desktopMode === "popup" && window.addEventListener("storage", (g) => {
-        g.key === "quailui_global_popup_trigger" && g.newValue && W();
+      c.desktopMode === "popup" && window.addEventListener("storage", (g) => {
+        g.key === "quailui_global_popup_trigger" && g.newValue && U();
       });
     }), (g, Q) => (n(), s(u1, null, [
       o("div", {
@@ -2109,7 +2109,7 @@ const q3 = { class: "q-dialog-body" }, Z3 = { class: "q-dialog-header" }, D3 = {
         s1(g.$slots, "trigger"),
         $.value ? (n(), A(v1, { key: 0 }, {
           default: E(() => [
-            l.value ? (n(), s("div", {
+            a.value ? (n(), s("div", {
               key: 0,
               class: Z(["q-dialog", y.value]),
               style: a1(m.value),
@@ -2125,10 +2125,10 @@ const q3 = { class: "q-dialog-body" }, Z3 = { class: "q-dialog-header" }, D3 = {
       ], 512),
       $.value ? q("", !0) : (n(), A(v1, { key: 0 }, {
         default: E(() => [
-          l.value ? (n(), s("div", {
+          a.value ? (n(), s("div", {
             key: 0,
             class: Z(["q-dialog-mask", B.value]),
-            onClick: W,
+            onClick: U,
             ref_key: "dialogMask",
             ref: M
           }, [
@@ -2138,7 +2138,7 @@ const q3 = { class: "q-dialog-body" }, Z3 = { class: "q-dialog-header" }, D3 = {
               onClick: $1(R, ["stop"])
             }, [
               o("div", Z3, [
-                e.title ? (n(), s("div", D3, U(e.title), 1)) : s1(g.$slots, "header", { key: 1 })
+                e.title ? (n(), s("div", D3, W(e.title), 1)) : s1(g.$slots, "header", { key: 1 })
               ]),
               o("div", A3, [
                 s1(g.$slots, "default")
@@ -2154,7 +2154,7 @@ const q3 = { class: "q-dialog-body" }, Z3 = { class: "q-dialog-header" }, D3 = {
 const O3 = ["href"], F3 = { class: "q-fence-text text-sm" }, T3 = {
   key: 1,
   class: "q-fence-inner"
-}, z3 = { class: "q-fence-text text-sm" }, W3 = /* @__PURE__ */ P({
+}, z3 = { class: "q-fence-text text-sm" }, U3 = /* @__PURE__ */ P({
   __name: "QFence",
   props: {
     link: {
@@ -2176,7 +2176,7 @@ const O3 = ["href"], F3 = { class: "q-fence-text text-sm" }, T3 = {
   setup(e) {
     var i;
     const t = (i = P1()) == null ? void 0 : i.appContext.components;
-    return (c, a) => (n(), s("div", {
+    return (l, c) => (n(), s("div", {
       class: Z(["q-fence", e.type])
     }, [
       e.link ? (n(), s("a", {
@@ -2192,7 +2192,7 @@ const O3 = ["href"], F3 = { class: "q-fence-text text-sm" }, T3 = {
           key: 1,
           class: "icon"
         })),
-        o("div", F3, U(e.text), 1)
+        o("div", F3, W(e.text), 1)
       ], 8, O3)) : (n(), s("div", T3, [
         e.icon && f1(t) ? (n(), A(p1(f1(t)[e.icon]), {
           key: 0,
@@ -2201,12 +2201,12 @@ const O3 = ["href"], F3 = { class: "q-fence-text text-sm" }, T3 = {
           key: 1,
           class: "icon"
         })),
-        o("div", z3, U(e.text), 1)
+        o("div", z3, W(e.text), 1)
       ]))
     ], 2));
   }
 });
-const U3 = {}, N3 = {
+const W3 = {}, N3 = {
   class: "q-loading pa-4 mb-4 rounded-sm text-center",
   color: "glass"
 }, Y3 = /* @__PURE__ */ G('<div class="spinners py-2 mb-2 d-flex justify-center"><i class="spinner one" aria-hidden="true"></i><i class="spinner two" aria-hidden="true"></i><i class="spinner three" aria-hidden="true"></i><i class="spinner four" aria-hidden="true"></i><i class="spinner five" aria-hidden="true"></i></div>', 1), E3 = [
@@ -2215,7 +2215,7 @@ const U3 = {}, N3 = {
 function G3(e, t) {
   return n(), s("div", N3, E3);
 }
-const R3 = /* @__PURE__ */ r(U3, [["render", G3]]), J3 = ["onClick"], X3 = {
+const R3 = /* @__PURE__ */ r(W3, [["render", G3]]), J3 = ["onClick"], X3 = {
   key: 0,
   class: "q-menu-item-divider"
 }, K3 = {
@@ -2246,19 +2246,19 @@ const R3 = /* @__PURE__ */ r(U3, [["render", G3]]), J3 = ["onClick"], X3 = {
   },
   emits: ["action"],
   setup(e, { emit: t }) {
-    const i = e, c = t, a = V(() => {
-      let l = [];
-      return i.persistent && l.push("persistent"), i.noFrame && l.push("no-frame"), i.noShadow && l.push("no-shadow"), l.join(" ");
+    const i = e, l = t, c = H(() => {
+      let a = [];
+      return i.persistent && a.push("persistent"), i.noFrame && a.push("no-frame"), i.noShadow && a.push("no-shadow"), a.join(" ");
     });
-    function C(l) {
+    function C(a) {
       let p = "";
-      return l.disabled && (p += " disabled"), l.danger && (p += " danger"), l.icon && (p += " with-icon"), l.image && (p += " with-image"), l.divider && (p += " with-divider"), p;
+      return a.disabled && (p += " disabled"), a.danger && (p += " danger"), a.icon && (p += " with-icon"), a.image && (p += " with-image"), a.divider && (p += " with-divider"), p;
     }
-    function _(l) {
-      l.action && l.action(l), l.disabled !== !0 && c("action", l);
+    function _(a) {
+      a.action && a.action(a), a.disabled !== !0 && l("action", a);
     }
-    return (l, p) => (n(), s("div", {
-      class: Z(["q-menu", a.value])
+    return (a, p) => (n(), s("div", {
+      class: Z(["q-menu", c.value])
     }, [
       (n(!0), s(u1, null, x1(i.items, (f) => (n(), s("div", {
         class: Z(["q-menu-item", C(f)]),
@@ -2276,8 +2276,8 @@ const R3 = /* @__PURE__ */ r(U3, [["render", G3]]), J3 = ["onClick"], X3 = {
             class: "q-menu-icon"
           })) : q("", !0),
           o("div", to, [
-            o("div", no, U(f.title), 1),
-            f.subtitle ? (n(), s("div", oo, U(f.subtitle), 1)) : q("", !0)
+            o("div", no, W(f.title), 1),
+            f.subtitle ? (n(), s("div", oo, W(f.subtitle), 1)) : q("", !0)
           ])
         ]))
       ], 10, J3))), 128))
@@ -2303,18 +2303,18 @@ const io = ["disabled"], ro = { class: "q-switch-inner" }, co = { class: "q-swit
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const i = e, c = b(i.modelValue);
-    t1(() => i.modelValue, (l) => {
-      c.value = l;
+    const i = e, l = b(i.modelValue);
+    t1(() => i.modelValue, (a) => {
+      l.value = a;
     });
-    const a = t, C = V(() => {
-      const l = [];
-      return i.theme && l.push(`theme-${i.theme}`), i.disabled && l.push("disabled"), l.join(" ");
+    const c = t, C = H(() => {
+      const a = [];
+      return i.theme && a.push(`theme-${i.theme}`), i.disabled && a.push("disabled"), a.join(" ");
     });
-    function _(l) {
-      a("update:modelValue", c.value), a("change", c.value);
+    function _(a) {
+      c("update:modelValue", l.value), c("change", l.value);
     }
-    return (l, p) => {
+    return (a, p) => {
       const f = z("q-icon-sun"), M = z("q-icon-moon-star");
       return n(), s("label", {
         class: Z(["q-switch", C.value])
@@ -2322,16 +2322,16 @@ const io = ["disabled"], ro = { class: "q-switch-inner" }, co = { class: "q-swit
         i1(o("input", {
           class: "q-switch-checkbox",
           type: "checkbox",
-          "onUpdate:modelValue": p[0] || (p[0] = ($) => c.value = $),
+          "onUpdate:modelValue": p[0] || (p[0] = ($) => l.value = $),
           onChange: _,
           disabled: i.disabled
         }, null, 40, io), [
-          [O1, c.value]
+          [O1, l.value]
         ]),
         o("div", ro, [
           o("div", co, [
             i.theme === "plastic" ? (n(), s(u1, { key: 0 }, [
-              c.value ? (n(), A(f, {
+              l.value ? (n(), A(f, {
                 key: 0,
                 class: "q-switch-icon"
               })) : (n(), A(M, {
@@ -2382,29 +2382,29 @@ const ao = { class: "q-text-field-wrapper" }, uo = ["placeholder"], _o = { class
   },
   emits: ["submit", "update:modelValue"],
   setup(e, { emit: t }) {
-    const i = e, c = t, a = b(i.defaultText), C = V(() => {
+    const i = e, l = t, c = b(i.defaultText), C = H(() => {
       const m = [];
       return i.layout === "vertical" ? m.push("vertical") : m.push("horizontal"), i.type === "code" && m.push("code"), i.glow && m.push(`glow-${i.glow}`), m.join(" ");
-    }), _ = V(() => {
+    }), _ = H(() => {
       var y;
-      return i.loading || ((y = a.value) == null ? void 0 : y.trim()).length === 0 ? !1 : i.type === "email" ? l.value : i.type === "code" ? p.value : !0;
-    }), l = V(() => {
+      return i.loading || ((y = c.value) == null ? void 0 : y.trim()).length === 0 ? !1 : i.type === "email" ? a.value : i.type === "code" ? p.value : !0;
+    }), a = H(() => {
       var y;
-      const m = (y = a.value) == null ? void 0 : y.trim();
+      const m = (y = c.value) == null ? void 0 : y.trim();
       return !i.disabled && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(m);
-    }), p = V(() => {
+    }), p = H(() => {
       var y;
-      const m = (y = a.value) == null ? void 0 : y.trim();
+      const m = (y = c.value) == null ? void 0 : y.trim();
       return /^\d{6}$/.test(m);
-    }), f = V(() => i.loading ? "Loading..." : i.actionLabel);
+    }), f = H(() => i.loading ? "Loading..." : i.actionLabel);
     t1(() => i.modelValue, (m) => {
-      a.value = m;
+      c.value = m;
     });
     function M() {
-      _.value && c("submit", { text: a.value });
+      _.value && l("submit", { text: c.value });
     }
     function $() {
-      c("update:modelValue", a.value);
+      l("update:modelValue", c.value);
     }
     return (m, y) => {
       const B = z("q-button");
@@ -2415,10 +2415,10 @@ const ao = { class: "q-text-field-wrapper" }, uo = ["placeholder"], _o = { class
           i1(o("input", {
             class: "q-text-field text-field",
             placeholder: i.placeholder,
-            "onUpdate:modelValue": y[0] || (y[0] = (W) => a.value = W),
+            "onUpdate:modelValue": y[0] || (y[0] = (U) => c.value = U),
             onChange: $
           }, null, 40, uo), [
-            [l1, a.value]
+            [l1, c.value]
           ])
         ]),
         o("div", _o, [
@@ -2428,7 +2428,7 @@ const ao = { class: "q-text-field-wrapper" }, uo = ["placeholder"], _o = { class
             onClick: M
           }, {
             default: E(() => [
-              M1(U(f.value), 1)
+              M1(W(f.value), 1)
             ]),
             _: 1
           }, 8, ["disabled"])
@@ -2448,10 +2448,10 @@ function Z1() {
 }
 function k1(e, t) {
   let i;
-  return function(...c) {
-    const a = this;
+  return function(...l) {
+    const c = this;
     clearTimeout(i), i = setTimeout(() => {
-      e.apply(a, c);
+      e.apply(c, l);
     }, t);
   };
 }
@@ -2510,22 +2510,22 @@ const fo = { class: "q-dropdown-menu" }, po = { class: "q-dropdown-menu-inner na
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const i = F1(), c = e, a = t, C = b(!1), _ = b(null), l = b(null), p = b(null), f = b(""), M = b(""), $ = V(() => {
+    const i = F1(), l = e, c = t, C = b(!1), _ = b(null), a = b(null), p = b(null), f = b(""), M = b(""), $ = H(() => {
       const g = [];
-      return C.value && g.push("expanded"), c.variant === "outlined" ? g.push("outlined") : c.variant === "plain" && g.push("plain"), c.hideSelected && g.push("hide-selected"), _.value && (_.value.icon || _.value.image) ? g.push("prepend") : g.push("no-prepend"), g.join(" ");
-    }), m = V(() => i.default !== void 0), y = V(() => {
-      if (c.items && c.items.length > 0) {
+      return C.value && g.push("expanded"), l.variant === "outlined" ? g.push("outlined") : l.variant === "plain" && g.push("plain"), l.hideSelected && g.push("hide-selected"), _.value && (_.value.icon || _.value.image) ? g.push("prepend") : g.push("no-prepend"), g.join(" ");
+    }), m = H(() => i.default !== void 0), y = H(() => {
+      if (l.items && l.items.length > 0) {
         if (M.value.trim() === "")
-          return c.items;
+          return l.items;
         const g = M.value.toLowerCase();
-        return c.items.filter((Q) => {
+        return l.items.filter((Q) => {
           var O;
           return !!((O = Q == null ? void 0 : Q.title) != null && O.toLowerCase().includes(g));
         });
       }
       return [];
-    }), B = V(() => c.useDialog === "always" ? !0 : c.useDialog === "never" ? !1 : window.innerWidth < 768);
-    function W() {
+    }), B = H(() => l.useDialog === "always" ? !0 : l.useDialog === "never" ? !1 : window.innerWidth < 768);
+    function U() {
       C.value || Z1(), C.value = !C.value, C.value && (B.value ? k1(() => {
         var g;
         (g = p == null ? void 0 : p.value) == null || g.addEventListener("scroll", () => {
@@ -2534,20 +2534,20 @@ const fo = { class: "q-dropdown-menu" }, po = { class: "q-dropdown-menu-inner na
           }, 100)();
         });
       }, 1e3)() : setTimeout(() => {
-        const g = l == null ? void 0 : l.value, Q = g == null ? void 0 : g.querySelector(".q-menu");
+        const g = a == null ? void 0 : a.value, Q = g == null ? void 0 : g.querySelector(".q-menu");
         Q.getBoundingClientRect().left < 0 && (Q.style.left = "0");
       }, 10));
     }
     function R(g) {
-      C.value = !1, _.value = g, a("change", g);
+      C.value = !1, _.value = g, c("change", g);
     }
     return t1(
-      () => c.initialItem,
+      () => l.initialItem,
       () => {
-        c.initialItem && (_.value = c.initialItem);
+        l.initialItem && (_.value = l.initialItem);
       }
     ), d1(() => {
-      c.initialItem && (_.value = c.initialItem), window.addEventListener("storage", (g) => {
+      l.initialItem && (_.value = l.initialItem), window.addEventListener("storage", (g) => {
         g.key === "quailui_global_popup_trigger" && g.newValue && (C.value = !1);
       });
     }), (g, Q) => {
@@ -2556,7 +2556,7 @@ const fo = { class: "q-dropdown-menu" }, po = { class: "q-dropdown-menu-inner na
         o("div", po, [
           o("div", {
             class: Z(["q-dropdown-menu-action touchable", $.value]),
-            onClick: $1(W, ["stop"])
+            onClick: $1(U, ["stop"])
           }, [
             !e.hideSelected && _.value && !m.value ? (n(), s("div", wo, [
               _.value.image ? (n(), s("img", {
@@ -2568,7 +2568,7 @@ const fo = { class: "q-dropdown-menu" }, po = { class: "q-dropdown-menu-inner na
                 key: 1,
                 class: "icon menu-icon"
               })) : q("", !0),
-              e.hideActionLabel ? q("", !0) : (n(), s("div", vo, U(_.value ? _.value.title : c.placeholder || "Select ..."), 1))
+              e.hideActionLabel ? q("", !0) : (n(), s("div", vo, W(_.value ? _.value.title : l.placeholder || "Select ..."), 1))
             ])) : q("", !0),
             s1(g.$slots, "default"),
             T(O, { class: "icon chevron-icon" })
@@ -2576,7 +2576,7 @@ const fo = { class: "q-dropdown-menu" }, po = { class: "q-dropdown-menu-inner na
           B.value ? q("", !0) : (n(), s("div", {
             key: 0,
             ref_key: "menuWrapper",
-            ref: l
+            ref: a
           }, [
             T(v1, null, {
               default: E(() => [
@@ -2597,7 +2597,7 @@ const fo = { class: "q-dropdown-menu" }, po = { class: "q-dropdown-menu-inner na
           }, {
             default: E(() => [
               o("div", $o, [
-                c.useFilter ? (n(), s("div", mo, [
+                l.useFilter ? (n(), s("div", mo, [
                   i1(o("input", {
                     type: "text",
                     class: "filter-input text-field",
@@ -2611,7 +2611,7 @@ const fo = { class: "q-dropdown-menu" }, po = { class: "q-dropdown-menu-inner na
                   class: Z(["scroll-area", f.value]),
                   ref_key: "scrollArea",
                   ref: p,
-                  style: a1({ height: c.scrollHeight, maxHeight: c.scrollHeight })
+                  style: a1({ height: l.scrollHeight, maxHeight: l.scrollHeight })
                 }, [
                   y.value ? (n(), A(n1, {
                     key: 0,
@@ -2622,7 +2622,7 @@ const fo = { class: "q-dropdown-menu" }, po = { class: "q-dropdown-menu-inner na
                   }, null, 8, ["items"])) : (n(), s("div", {
                     key: 1,
                     class: "empty-hint flow place-center",
-                    textContent: U(e.emptyHit)
+                    textContent: W(e.emptyHit)
                   }, null, 8, ko))
                 ], 6)
               ])
@@ -2659,7 +2659,7 @@ const Mo = { class: "q-pagination" }, yo = {
   },
   emits: ["change:next", "change:prev", "change:goto", "update:modelValue"],
   setup(e, { emit: t }) {
-    const i = e, c = V(() => {
+    const i = e, l = H(() => {
       let f = 6;
       const M = [];
       if (i.totalPage !== 0)
@@ -2668,26 +2668,26 @@ const Mo = { class: "q-pagination" }, yo = {
             M.push({ label: $ });
         else {
           M.push({ label: 1 });
-          let $ = a.value - 2, m = a.value + 2;
+          let $ = c.value - 2, m = c.value + 2;
           $ < 2 && ($ = 2, m = $ + f - 2), m > i.totalPage - 1 && (m = i.totalPage - 1, $ = m - f + 2), $ > 2 && M.push({ label: "…", disabled: !0 });
           for (let y = $; y <= m; y++)
             M.push({ label: y });
           m < i.totalPage - 1 && M.push({ label: "…", disabled: !0 }), M.push({ label: i.totalPage });
         }
       return M;
-    }), a = b(i.modelValue);
+    }), c = b(i.modelValue);
     t1(() => i.modelValue, (f) => {
-      a.value = f;
+      c.value = f;
     });
     const C = t;
     function _() {
-      a.value--, C("change:prev", a.value), C("update:modelValue", a.value);
+      c.value--, C("change:prev", c.value), C("update:modelValue", c.value);
     }
-    function l() {
-      a.value++, C("change:next", a.value), C("update:modelValue", a.value);
+    function a() {
+      c.value++, C("change:next", c.value), C("update:modelValue", c.value);
     }
     function p(f, M) {
-      M.disabled || (a.value = f, C("change:goto", a.value), C("update:modelValue", a.value));
+      M.disabled || (c.value = f, C("change:goto", c.value), C("update:modelValue", c.value));
     }
     return (f, M) => {
       const $ = z("q-button");
@@ -2703,14 +2703,14 @@ const Mo = { class: "q-pagination" }, yo = {
           _: 1
         }, 8, ["disabled"]),
         e.totalPage !== 0 ? (n(), s("div", yo, [
-          (n(!0), s(u1, null, x1(c.value, (m) => (n(), s("div", Lo, [
+          (n(!0), s(u1, null, x1(l.value, (m) => (n(), s("div", Lo, [
             T($, {
-              class: Z(["q-page-indicator sm outlined", m.label === a.value ? "active" : ""]),
+              class: Z(["q-page-indicator sm outlined", m.label === c.value ? "active" : ""]),
               disabled: m.disabled,
               onClick: (y) => p(m.label, m)
             }, {
               default: E(() => [
-                M1(U(m.label), 1)
+                M1(W(m.label), 1)
               ]),
               _: 2
             }, 1032, ["class", "disabled", "onClick"])
@@ -2720,13 +2720,13 @@ const Mo = { class: "q-pagination" }, yo = {
           class: "outlined sm q-page-indicator-simple q-page-indicator"
         }, {
           default: E(() => [
-            o("div", Ho, U(e.modelValue), 1)
+            o("div", Ho, W(e.modelValue), 1)
           ]),
           _: 1
         })),
         T($, {
           class: "next sm outlined icon",
-          onClick: l,
+          onClick: a,
           disabled: !i.hasNext
         }, {
           default: E(() => [
@@ -2761,13 +2761,13 @@ const bo = { class: "q-progress-slot" }, Io = /* @__PURE__ */ o("div", { class:
     }
   },
   setup(e) {
-    const t = e, i = V(() => t.infinite ? "100%" : `${t.value / t.max * 100}%`), c = V(() => t.value >= t.max);
-    return (a, C) => (n(), s("div", {
+    const t = e, i = H(() => t.infinite ? "100%" : `${t.value / t.max * 100}%`), l = H(() => t.value >= t.max);
+    return (c, C) => (n(), s("div", {
       class: Z(["q-progress", e.color])
     }, [
       o("div", bo, [
         o("div", {
-          class: Z(["q-progress-bar", c.value ? "" : "animated"]),
+          class: Z(["q-progress-bar", l.value ? "" : "animated"]),
           style: a1({ width: i.value })
         }, Qo, 6)
       ])
@@ -2796,8 +2796,8 @@ const jo = /* @__PURE__ */ P({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const i = t, c = e, a = b(null), C = V(() => {
-      let l = [
+    const i = t, l = e, c = b(null), C = H(() => {
+      let a = [
         {
           flag: "🇺🇸",
           title: "English",
@@ -2823,31 +2823,31 @@ const jo = /* @__PURE__ */ P({
           action: _
         }
       ];
-      return c.auto && l.unshift({
+      return l.auto && a.unshift({
         flag: "🌐",
         title: "Auto",
         value: "",
         action: _
-      }), l = l.map((p) => ({
+      }), a = a.map((p) => ({
         ...p,
-        title: c.noFlag ? p.title : `${p.flag}  ${p.title}`
-      })), l;
+        title: l.noFlag ? p.title : `${p.flag}  ${p.title}`
+      })), a;
     });
-    function _(l) {
-      c.presist && localStorage.setItem("quail-language", l.value), i("change", {
-        title: c.noFlag ? l.title_no_flag : l.title,
-        value: l.value
+    function _(a) {
+      l.presist && localStorage.setItem("quail-language", a.value), i("change", {
+        title: l.noFlag ? a.title_no_flag : a.title,
+        value: a.value
       });
     }
-    return t1(() => c.lang, (l) => {
-      a.value = C.value.find((p) => l === p.value);
+    return t1(() => l.lang, (a) => {
+      c.value = C.value.find((p) => a === p.value);
     }), d1(() => {
-      a.value = C.value.find((l) => c.lang === l.value || localStorage.getItem("quail-language") === l.value) || C.value[0];
-    }), (l, p) => {
+      c.value = C.value.find((a) => l.lang === a.value || localStorage.getItem("quail-language") === a.value) || C.value[0];
+    }), (a, p) => {
       const f = z("QDropdownMenu");
       return n(), A(f, {
         items: C.value,
-        "initial-item": a.value
+        "initial-item": c.value
       }, null, 8, ["items", "initial-item"]);
     };
   }
@@ -2864,7 +2864,7 @@ const jo = /* @__PURE__ */ P({
   },
   setup(e) {
     const t = e;
-    return (i, c) => (n(), s("div", So, [
+    return (i, l) => (n(), s("div", So, [
       qo,
       Zo,
       o("div", Do, [
@@ -2876,7 +2876,7 @@ const jo = /* @__PURE__ */ P({
     ]));
   }
 });
-const Oo = /* @__PURE__ */ r(Po, [["__scopeId", "data-v-c163c615"]]), Fo = ["href"], To = ["href"], zo = ["href"], Wo = ["href"], Uo = /* @__PURE__ */ P({
+const Oo = /* @__PURE__ */ r(Po, [["__scopeId", "data-v-c163c615"]]), Fo = ["href"], To = ["href"], zo = ["href"], Uo = ["href"], Wo = /* @__PURE__ */ P({
   __name: "QShare",
   props: {
     url: {
@@ -2893,44 +2893,44 @@ const Oo = /* @__PURE__ */ r(Po, [["__scopeId", "data-v-c163c615"]]), Fo = ["hre
     }
   },
   setup(e) {
-    const t = e, i = V(() => t.layout === "row" ? "q-share-layout-row" : t.layout === "column" ? "q-share-layout-column" : "q-share-layout-row"), c = V(() => t.url ? encodeURIComponent(t.url) : encodeURIComponent(window.location.href));
-    return (a, C) => {
-      const _ = z("q-icon-color-twitter"), l = z("q-icon-color-facebook"), p = z("q-icon-color-hackernews"), f = z("q-icon-color-linkedin");
+    const t = e, i = H(() => t.layout === "row" ? "q-share-layout-row" : t.layout === "column" ? "q-share-layout-column" : "q-share-layout-row"), l = H(() => t.url ? encodeURIComponent(t.url) : encodeURIComponent(window.location.href)), c = H(() => t.text ? encodeURIComponent(t.text) : encodeURIComponent(document.title));
+    return (C, _) => {
+      const a = z("q-icon-color-twitter"), p = z("q-icon-color-facebook"), f = z("q-icon-color-hackernews"), M = z("q-icon-color-linkedin");
       return n(), s("div", {
         class: Z(["q-share", i.value])
       }, [
         o("a", {
-          href: `https://twitter.com/intent/tweet?url=${c.value}&text=${t.text}`,
+          href: `https://twitter.com/intent/tweet?url=${l.value}&text=${c.value}`,
           target: "_blank",
           title: "Share on Twitter",
           class: "q-share-link twitter"
         }, [
-          T(_, { class: "icon share-icon" })
+          T(a, { class: "icon share-icon" })
         ], 8, Fo),
         o("a", {
-          href: `https://www.facebook.com/sharer.php?u=${c.value}`,
+          href: `https://www.facebook.com/sharer.php?u=${l.value}`,
           target: "_blank",
           title: "Share on facebook",
           class: "q-share-link facebook"
         }, [
-          T(l, { class: "icon share-icon" })
+          T(p, { class: "icon share-icon" })
         ], 8, To),
         o("a", {
-          href: `https://news.ycombinator.com/submitlink?u=${c.value}&t=${t.text}`,
+          href: `https://news.ycombinator.com/submitlink?u=${l.value}&t=${c.value}`,
           target: "_blank",
           title: "Share on hackernews",
           class: "q-share-link hackernews"
         }, [
-          T(p, { class: "icon share-icon" })
+          T(f, { class: "icon share-icon" })
         ], 8, zo),
         o("a", {
-          href: `https://www.linkedin.com/shareArticle?mini=true&url=${c.value}`,
+          href: `https://www.linkedin.com/shareArticle?mini=true&url=${l.value}`,
           target: "_blank",
           title: "Share on linkedin",
           class: "q-share-link linkedin"
         }, [
-          T(f, { class: "icon share-icon" })
-        ], 8, Wo)
+          T(M, { class: "icon share-icon" })
+        ], 8, Uo)
       ], 2);
     };
   }
@@ -2957,20 +2957,20 @@ const No = ["src", "alt"], b1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2I
     }
   },
   setup(e) {
-    const t = e, i = V(() => t.src || b1), c = V(() => {
+    const t = e, i = H(() => t.src || b1), l = H(() => {
       const _ = [];
       return t.variant === "circle" ? _.push("circle") : t.variant === "rounded" ? _.push("rounded") : t.variant === "square" && _.push("square"), _.join(" ");
-    }), a = b({
+    }), c = b({
       width: `${t.size}px`,
       height: `${t.size}px`
     });
     function C(_) {
-      const l = _.target;
-      l.src = b1;
+      const a = _.target;
+      a.src = b1;
     }
-    return (_, l) => (n(), s("div", {
-      class: Z(["q-avatar", c.value]),
-      style: a1(a.value)
+    return (_, a) => (n(), s("div", {
+      class: Z(["q-avatar", l.value]),
+      style: a1(c.value)
     }, [
       o("img", {
         src: i.value,
@@ -3017,7 +3017,7 @@ const Eo = { class: "q-dropdown-menu-with-text-field" }, Go = { class: "q-dropdo
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const i = e, c = t, a = b(i.defaultText), C = b(i.defaultSelection), _ = b(null), l = V(() => i.fillActionLabel !== "" || i.hintText !== "");
+    const i = e, l = t, c = b(i.defaultText), C = b(i.defaultSelection), _ = b(null), a = H(() => i.fillActionLabel !== "" || i.hintText !== "");
     function p(m) {
       C.value = m, M();
     }
@@ -3027,16 +3027,16 @@ const Eo = { class: "q-dropdown-menu-with-text-field" }, Go = { class: "q-dropdo
     function M() {
       const m = {
         selected: C.value,
-        text: a.value
+        text: c.value
       };
-      c("change", m);
+      l("change", m);
     }
     function $() {
-      a.value = i.fillActionValue, M();
+      c.value = i.fillActionValue, M();
     }
     return d1(() => {
       k1(() => {
-        C.value = i.defaultSelection, a.value = i.defaultText, (C.value === null || C.value === void 0) && (C.value = i.items[0]), _.value.addEventListener("focus", () => {
+        C.value = i.defaultSelection, c.value = i.defaultText, (C.value === null || C.value === void 0) && (C.value = i.items[0]), _.value.addEventListener("focus", () => {
           _.value.select();
         });
       }, 300)();
@@ -3061,26 +3061,26 @@ const Eo = { class: "q-dropdown-menu-with-text-field" }, Go = { class: "q-dropdo
               ref: _,
               class: "q-text-field text-field",
               placeholder: i.placeholder,
-              "onUpdate:modelValue": y[0] || (y[0] = (W) => a.value = W),
+              "onUpdate:modelValue": y[0] || (y[0] = (U) => c.value = U),
               onChange: f
             }, null, 40, Xo), [
-              [l1, a.value]
+              [l1, c.value]
             ])
           ])
         ]),
-        l.value ? (n(), s("div", Ko, [
+        a.value ? (n(), s("div", Ko, [
           o("div", {
             class: "fill-action text-xs plain flex",
             onClick: $
           }, [
             o("span", {
-              textContent: U(i.fillActionLabel)
+              textContent: W(i.fillActionLabel)
             }, null, 8, e8),
             T(B1, { class: "icon" })
           ]),
           o("div", t8, [
             o("span", {
-              textContent: U(i.hintText)
+              textContent: W(i.hintText)
             }, null, 8, n8)
           ])
         ])) : q("", !0)
@@ -3110,16 +3110,16 @@ const s8 = /* @__PURE__ */ r(o8, [["__scopeId", "data-v-a375fcf4"]]), i8 = (e) =
     }
   },
   setup(e) {
-    const t = e, i = V(() => {
-      const a = ["q-button touchable"];
-      return a.push(t.class), t.loading && a.push("loading"), a.join(" ");
-    }), c = V(() => !t.disabled);
-    return (a, C) => (n(), s("button", {
+    const t = e, i = H(() => {
+      const c = ["q-button touchable"];
+      return c.push(t.class), t.loading && c.push("loading"), c.join(" ");
+    }), l = H(() => !t.disabled);
+    return (c, C) => (n(), s("button", {
       class: Z(i.value),
-      disabled: !c.value
+      disabled: !l.value
     }, [
       t.loading ? (n(), s("div", c8, a8)) : q("", !0),
-      s1(a.$slots, "default", {}, void 0, !0)
+      s1(c.$slots, "default", {}, void 0, !0)
     ], 10, r8));
   }
 });
@@ -3137,20 +3137,20 @@ const u8 = /* @__PURE__ */ r(d8, [["__scopeId", "data-v-c02574b3"]]), _8 = { cla
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const i = e, c = t, a = b(i.initialIndex);
-    function C(_, l) {
-      a.value = _, c("change", { index: _, tab: l });
+    const i = e, l = t, c = b(i.initialIndex);
+    function C(_, a) {
+      c.value = _, l("change", { index: _, tab: a });
     }
-    return (_, l) => {
+    return (_, a) => {
       const p = z("QButton");
       return n(), s("div", _8, [
         (n(!0), s(u1, null, x1(e.tabs, (f, M) => (n(), A(p, {
-          class: Z(["q-tab-button sm", a.value === M ? "outlined selected" : "plain"]),
+          class: Z(["q-tab-button sm", c.value === M ? "outlined selected" : "plain"]),
           key: `tab-button-${M}`,
           onClick: ($) => C(M, f)
         }, {
           default: E(() => [
-            M1(U(f.title), 1)
+            M1(W(f.title), 1)
           ]),
           _: 2
         }, 1032, ["class", "onClick"]))), 128))
@@ -3166,14 +3166,14 @@ const C8 = /* @__PURE__ */ r(h8, [["__scopeId", "data-v-b2c130c1"]]), f8 = /* @_
   QDialog: P3,
   QDropdownMenu: xo,
   QDropdownMenuWithTextField: s8,
-  QFence: W3,
+  QFence: U3,
   QLanguageSelector: jo,
   QLoading: R3,
   QMenu: so,
   QPackCover: Oo,
   QPagination: Vo,
   QProgress: Bo,
-  QShare: Uo,
+  QShare: Wo,
   QSwitch: lo,
   QTabs: C8,
   QTextFieldWithButton: Co
@@ -3181,10 +3181,10 @@ const C8 = /* @__PURE__ */ r(h8, [["__scopeId", "data-v-b2c130c1"]]), f8 = /* @_
 const w8 = {
   install(e, t) {
     t != null && t.debug && console.log("options", t);
-    for (const [i, c] of Object.entries(L3))
-      t != null && t.debug && console.log("[quail-ui] register icon component", i, c), e.component(i, c);
-    for (const [i, c] of Object.entries(f8))
-      t != null && t.debug && console.log("[quail-ui] register common component", i, c), e.component(i, c);
+    for (const [i, l] of Object.entries(L3))
+      t != null && t.debug && console.log("[quail-ui] register icon component", i, l), e.component(i, l);
+    for (const [i, l] of Object.entries(f8))
+      t != null && t.debug && console.log("[quail-ui] register common component", i, l), e.component(i, l);
     document.body.addEventListener("click", (i) => {
       Z1();
     });