quail-ui 0.2.27 → 0.2.29

package/dist/index.js

@@ -1,4 +1,4 @@
-import { openBlock as n, createElementBlock as s, createElementVNode as o, createStaticVNode as o1, defineComponent as D, ref as S, watch as E, onMounted as u1, withDirectives as t1, vModelText as c1, computed as I, createBlock as P, Transition as h1, withCtx as C1, normalizeClass as j, normalizeStyle as f1, withModifiers as w1, toDisplayString as q, renderSlot as l1, createCommentVNode as F, getCurrentInstance as V1, resolveComponent as d1, unref as X, resolveDynamicComponent as e1, Fragment as p1, renderList as g1, vModelCheckbox as H1, useSlots as b1, createVNode as n1 } from "vue";
+import { openBlock as n, createElementBlock as s, createElementVNode as o, createStaticVNode as o1, defineComponent as D, ref as S, watch as E, onMounted as u1, withDirectives as t1, vModelText as c1, computed as I, createBlock as P, Transition as h1, withCtx as C1, normalizeClass as j, normalizeStyle as f1, withModifiers as w1, toDisplayString as q, renderSlot as l1, createCommentVNode as F, getCurrentInstance as V1, resolveComponent as d1, unref as X, resolveDynamicComponent as e1, Fragment as g1, renderList as p1, vModelCheckbox as H1, useSlots as b1, createVNode as n1 } from "vue";
 const l = (t, e) => {
   const i = t.__vccOpts || t;
   for (const [u, C] of e)
@@ -137,7 +137,7 @@ const a2 = /* @__PURE__ */ l(s2, [["render", d2]]), _2 = {}, u2 = {
 function f2(t, e) {
   return n(), s("svg", u2, C2);
 }
-const w2 = /* @__PURE__ */ l(_2, [["render", f2]]), p2 = {}, g2 = {
+const w2 = /* @__PURE__ */ l(_2, [["render", f2]]), g2 = {}, p2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -153,9 +153,9 @@ const w2 = /* @__PURE__ */ l(_2, [["render", f2]]), p2 = {}, g2 = {
   v2
 ];
 function m2(t, e) {
-  return n(), s("svg", g2, $2);
+  return n(), s("svg", p2, $2);
 }
-const M2 = /* @__PURE__ */ l(p2, [["render", m2]]), k2 = {}, x2 = {
+const M2 = /* @__PURE__ */ l(g2, [["render", m2]]), k2 = {}, x2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -278,7 +278,7 @@ const at = /* @__PURE__ */ l(rt, [["render", dt]]), _t = {}, ut = {
 function ft(t, e) {
   return n(), s("svg", ut, Ct);
 }
-const wt = /* @__PURE__ */ l(_t, [["render", ft]]), pt = {}, gt = {
+const wt = /* @__PURE__ */ l(_t, [["render", ft]]), gt = {}, pt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -294,9 +294,9 @@ const wt = /* @__PURE__ */ l(_t, [["render", ft]]), pt = {}, gt = {
   vt
 ];
 function mt(t, e) {
-  return n(), s("svg", gt, $t);
+  return n(), s("svg", pt, $t);
 }
-const Mt = /* @__PURE__ */ l(pt, [["render", mt]]), kt = {}, xt = {
+const Mt = /* @__PURE__ */ l(gt, [["render", mt]]), kt = {}, xt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -437,7 +437,7 @@ const ae = /* @__PURE__ */ l(re, [["render", de]]), _e = {}, ue = {
 function fe(t, e) {
   return n(), s("svg", ue, Ce);
 }
-const we = /* @__PURE__ */ l(_e, [["render", fe]]), pe = {}, ge = {
+const we = /* @__PURE__ */ l(_e, [["render", fe]]), ge = {}, pe = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -453,9 +453,9 @@ const we = /* @__PURE__ */ l(_e, [["render", fe]]), pe = {}, ge = {
   ve
 ];
 function me(t, e) {
-  return n(), s("svg", ge, $e);
+  return n(), s("svg", pe, $e);
 }
-const Me = /* @__PURE__ */ l(pe, [["render", me]]), ke = {}, xe = {
+const Me = /* @__PURE__ */ l(ge, [["render", me]]), ke = {}, xe = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -607,10 +607,10 @@ const u4 = /* @__PURE__ */ l(i4, [["render", _4]]), h4 = {}, C4 = {
 }, null, -1), w4 = [
   f4
 ];
-function p4(t, e) {
+function g4(t, e) {
   return n(), s("svg", C4, w4);
 }
-const g4 = /* @__PURE__ */ l(h4, [["render", p4]]), v4 = {}, $4 = {
+const p4 = /* @__PURE__ */ l(h4, [["render", g4]]), v4 = {}, $4 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -755,13 +755,13 @@ const hn = /* @__PURE__ */ l(ln, [["render", un]]), Cn = {}, fn = {
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), pn = [
+}, null, -1), gn = [
   wn
 ];
-function gn(t, e) {
-  return n(), s("svg", fn, pn);
+function pn(t, e) {
+  return n(), s("svg", fn, gn);
 }
-const vn = /* @__PURE__ */ l(Cn, [["render", gn]]), $n = {}, mn = {
+const vn = /* @__PURE__ */ l(Cn, [["render", pn]]), $n = {}, mn = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -914,7 +914,7 @@ const a0 = /* @__PURE__ */ l(n0, [["render", d0]]), _0 = {}, u0 = {
 function f0(t, e) {
   return n(), s("svg", u0, C0);
 }
-const w0 = /* @__PURE__ */ l(_0, [["render", f0]]), p0 = {}, g0 = {
+const w0 = /* @__PURE__ */ l(_0, [["render", f0]]), g0 = {}, p0 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -930,9 +930,9 @@ const w0 = /* @__PURE__ */ l(_0, [["render", f0]]), p0 = {}, g0 = {
   v0
 ];
 function m0(t, e) {
-  return n(), s("svg", g0, $0);
+  return n(), s("svg", p0, $0);
 }
-const M0 = /* @__PURE__ */ l(p0, [["render", m0]]), k0 = {}, x0 = {
+const M0 = /* @__PURE__ */ l(g0, [["render", m0]]), k0 = {}, x0 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1083,7 +1083,7 @@ const _9 = /* @__PURE__ */ l(i9, [["render", a9]]), u9 = {}, h9 = {
 function w9(t, e) {
   return n(), s("svg", h9, f9);
 }
-const p9 = /* @__PURE__ */ l(u9, [["render", w9]]), g9 = {}, v9 = {
+const g9 = /* @__PURE__ */ l(u9, [["render", w9]]), p9 = {}, v9 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1101,7 +1101,7 @@ const p9 = /* @__PURE__ */ l(u9, [["render", w9]]), g9 = {}, v9 = {
 function M9(t, e) {
   return n(), s("svg", v9, m9);
 }
-const k9 = /* @__PURE__ */ l(g9, [["render", M9]]), x9 = {}, L9 = {
+const k9 = /* @__PURE__ */ l(p9, [["render", M9]]), x9 = {}, L9 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1204,11 +1204,11 @@ const T9 = /* @__PURE__ */ l(q9, [["render", P9]]), Y9 = /* @__PURE__ */ Object.
   QIconOrderedList: a0,
   QIconPaperclip: _9,
   QIconPencil: Xe,
-  QIconPin: p9,
+  QIconPin: g9,
   QIconPlus: r4,
   QIconQuail: u4,
   QIconQuote: w0,
-  QIconSearch: g4,
+  QIconSearch: p4,
   QIconSettings: k9,
   QIconShoppingBag: b9,
   QIconStrikeThrough: M0,
@@ -1231,45 +1231,45 @@ var m1 = { exports: {} };
   (function(i, u) {
     t.exports = u();
   })(A9, function() {
-    var i = 1e3, u = 6e4, C = 36e5, h = "millisecond", v = "second", g = "minute", $ = "hour", M = "day", x = "week", _ = "month", L = "quarter", Q = "year", Z = "date", a1 = "Invalid Date", k1 = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, x1 = /\[([^\]]+)]|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, L1 = { 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(f) {
+    var i = 1e3, u = 6e4, C = 36e5, h = "millisecond", v = "second", p = "minute", $ = "hour", M = "day", x = "week", a = "month", L = "quarter", Q = "year", Z = "date", a1 = "Invalid Date", k1 = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, x1 = /\[([^\]]+)]|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, L1 = { 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(f) {
       var d = ["th", "st", "nd", "rd"], r = f % 100;
       return "[" + f + (d[(r - 20) % 10] || d[r] || d[0]) + "]";
     } }, s1 = function(f, d, r) {
-      var a = String(f);
-      return !a || a.length >= d ? f : "" + Array(d + 1 - a.length).join(r) + f;
+      var _ = String(f);
+      return !_ || _.length >= d ? f : "" + Array(d + 1 - _.length).join(r) + f;
     }, y1 = { s: s1, z: function(f) {
-      var d = -f.utcOffset(), r = Math.abs(d), a = Math.floor(r / 60), c = r % 60;
-      return (d <= 0 ? "+" : "-") + s1(a, 2, "0") + ":" + s1(c, 2, "0");
+      var d = -f.utcOffset(), r = Math.abs(d), _ = Math.floor(r / 60), c = r % 60;
+      return (d <= 0 ? "+" : "-") + s1(_, 2, "0") + ":" + s1(c, 2, "0");
     }, m: function f(d, r) {
       if (d.date() < r.date())
         return -f(r, d);
-      var a = 12 * (r.year() - d.year()) + (r.month() - d.month()), c = d.clone().add(a, _), w = r - c < 0, p = d.clone().add(a + (w ? -1 : 1), _);
-      return +(-(a + (r - c) / (w ? c - p : p - c)) || 0);
+      var _ = 12 * (r.year() - d.year()) + (r.month() - d.month()), c = d.clone().add(_, a), w = r - c < 0, g = d.clone().add(_ + (w ? -1 : 1), a);
+      return +(-(_ + (r - c) / (w ? c - g : g - c)) || 0);
     }, a: function(f) {
       return f < 0 ? Math.ceil(f) || 0 : Math.floor(f);
     }, p: function(f) {
-      return { M: _, y: Q, w: x, d: M, D: Z, h: $, m: g, s: v, ms: h, Q: L }[f] || String(f || "").toLowerCase().replace(/s$/, "");
+      return { M: a, y: Q, w: x, d: M, D: Z, h: $, m: p, s: v, ms: h, Q: L }[f] || String(f || "").toLowerCase().replace(/s$/, "");
     }, u: function(f) {
       return f === void 0;
     } }, W = "en", T = {};
     T[W] = L1;
     var r1 = function(f) {
       return f instanceof J;
-    }, R = function f(d, r, a) {
+    }, R = function f(d, r, _) {
       var c;
       if (!d)
         return W;
       if (typeof d == "string") {
         var w = d.toLowerCase();
         T[w] && (c = w), r && (T[w] = r, c = w);
-        var p = d.split("-");
-        if (!c && p.length > 1)
-          return f(p[0]);
+        var g = d.split("-");
+        if (!c && g.length > 1)
+          return f(g[0]);
       } else {
         var k = d.name;
         T[k] = d, c = k;
       }
-      return !a && c && (W = c), c || !a && W;
+      return !_ && c && (W = c), c || !_ && W;
     }, V = function(f, d) {
       if (r1(f))
         return f.clone();
@@ -1285,8 +1285,8 @@ var m1 = { exports: {} };
       }
       var d = f.prototype;
       return d.parse = function(r) {
-        this.$d = function(a) {
-          var c = a.date, w = a.utc;
+        this.$d = function(_) {
+          var c = _.date, w = _.utc;
           if (c === null)
             return /* @__PURE__ */ new Date(NaN);
           if (m.u(c))
@@ -1294,10 +1294,10 @@ var m1 = { exports: {} };
           if (c instanceof Date)
             return new Date(c);
           if (typeof c == "string" && !/Z$/i.test(c)) {
-            var p = c.match(k1);
-            if (p) {
-              var k = p[2] - 1 || 0, y = (p[7] || "0").substring(0, 3);
-              return w ? new Date(Date.UTC(p[1], k, p[3] || 1, p[4] || 0, p[5] || 0, p[6] || 0, y)) : new Date(p[1], k, p[3] || 1, p[4] || 0, p[5] || 0, p[6] || 0, y);
+            var g = c.match(k1);
+            if (g) {
+              var k = g[2] - 1 || 0, y = (g[7] || "0").substring(0, 3);
+              return w ? new Date(Date.UTC(g[1], k, g[3] || 1, g[4] || 0, g[5] || 0, g[6] || 0, y)) : new Date(g[1], k, g[3] || 1, g[4] || 0, g[5] || 0, g[6] || 0, y);
             }
           }
           return new Date(c);
@@ -1309,30 +1309,30 @@ var m1 = { exports: {} };
         return m;
       }, d.isValid = function() {
         return this.$d.toString() !== a1;
-      }, d.isSame = function(r, a) {
+      }, d.isSame = function(r, _) {
         var c = V(r);
-        return this.startOf(a) <= c && c <= this.endOf(a);
-      }, d.isAfter = function(r, a) {
-        return V(r) < this.startOf(a);
-      }, d.isBefore = function(r, a) {
-        return this.endOf(a) < V(r);
-      }, d.$g = function(r, a, c) {
-        return m.u(r) ? this[a] : this.set(c, r);
+        return this.startOf(_) <= c && c <= this.endOf(_);
+      }, d.isAfter = function(r, _) {
+        return V(r) < this.startOf(_);
+      }, d.isBefore = function(r, _) {
+        return this.endOf(_) < V(r);
+      }, d.$g = function(r, _, c) {
+        return m.u(r) ? this[_] : this.set(c, r);
       }, d.unix = function() {
         return Math.floor(this.valueOf() / 1e3);
       }, d.valueOf = function() {
         return this.$d.getTime();
-      }, d.startOf = function(r, a) {
-        var c = this, w = !!m.u(a) || a, p = m.p(r), k = function(A, z) {
+      }, d.startOf = function(r, _) {
+        var c = this, w = !!m.u(_) || _, g = m.p(r), k = function(A, z) {
           var O = m.w(c.$u ? Date.UTC(c.$y, z, A) : new Date(c.$y, z, A), c);
           return w ? O : O.endOf(M);
         }, y = function(A, z) {
           return m.w(c.toDate()[A].apply(c.toDate("s"), (w ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(z)), c);
         }, H = this.$W, b = this.$M, B = this.$D, U = "set" + (this.$u ? "UTC" : "");
-        switch (p) {
+        switch (g) {
           case Q:
             return w ? k(1, 0) : k(31, 11);
-          case _:
+          case a:
             return w ? k(1, b) : k(0, b + 1);
           case x:
             var Y = this.$locale().weekStart || 0, N = (H < Y ? H + 7 : H) - Y;
@@ -1342,7 +1342,7 @@ var m1 = { exports: {} };
             return y(U + "Hours", 0);
           case $:
             return y(U + "Minutes", 1);
-          case g:
+          case p:
             return y(U + "Seconds", 2);
           case v:
             return y(U + "Milliseconds", 3);
@@ -1351,43 +1351,43 @@ var m1 = { exports: {} };
         }
       }, d.endOf = function(r) {
         return this.startOf(r, !1);
-      }, d.$set = function(r, a) {
-        var c, w = m.p(r), p = "set" + (this.$u ? "UTC" : ""), k = (c = {}, c[M] = p + "Date", c[Z] = p + "Date", c[_] = p + "Month", c[Q] = p + "FullYear", c[$] = p + "Hours", c[g] = p + "Minutes", c[v] = p + "Seconds", c[h] = p + "Milliseconds", c)[w], y = w === M ? this.$D + (a - this.$W) : a;
-        if (w === _ || w === Q) {
+      }, d.$set = function(r, _) {
+        var c, w = m.p(r), g = "set" + (this.$u ? "UTC" : ""), k = (c = {}, c[M] = g + "Date", c[Z] = g + "Date", c[a] = g + "Month", c[Q] = g + "FullYear", c[$] = g + "Hours", c[p] = g + "Minutes", c[v] = g + "Seconds", c[h] = g + "Milliseconds", c)[w], y = w === M ? this.$D + (_ - this.$W) : _;
+        if (w === a || w === Q) {
           var H = this.clone().set(Z, 1);
           H.$d[k](y), H.init(), this.$d = H.set(Z, Math.min(this.$D, H.daysInMonth())).$d;
         } else
           k && this.$d[k](y);
         return this.init(), this;
-      }, d.set = function(r, a) {
-        return this.clone().$set(r, a);
+      }, d.set = function(r, _) {
+        return this.clone().$set(r, _);
       }, d.get = function(r) {
         return this[m.p(r)]();
-      }, d.add = function(r, a) {
+      }, d.add = function(r, _) {
         var c, w = this;
         r = Number(r);
-        var p = m.p(a), k = function(b) {
+        var g = m.p(_), k = function(b) {
           var B = V(w);
           return m.w(B.date(B.date() + Math.round(b * r)), w);
         };
-        if (p === _)
-          return this.set(_, this.$M + r);
-        if (p === Q)
+        if (g === a)
+          return this.set(a, this.$M + r);
+        if (g === Q)
           return this.set(Q, this.$y + r);
-        if (p === M)
+        if (g === M)
           return k(1);
-        if (p === x)
+        if (g === x)
           return k(7);
-        var y = (c = {}, c[g] = u, c[$] = C, c[v] = i, c)[p] || 1, H = this.$d.getTime() + r * y;
+        var y = (c = {}, c[p] = u, c[$] = C, c[v] = i, c)[g] || 1, H = this.$d.getTime() + r * y;
         return m.w(H, this);
-      }, d.subtract = function(r, a) {
-        return this.add(-1 * r, a);
+      }, d.subtract = function(r, _) {
+        return this.add(-1 * r, _);
       }, d.format = function(r) {
-        var a = this, c = this.$locale();
+        var _ = this, c = this.$locale();
         if (!this.isValid())
           return c.invalidDate || a1;
-        var w = r || "YYYY-MM-DDTHH:mm:ssZ", p = m.z(this), k = this.$H, y = this.$m, H = this.$M, b = c.weekdays, B = c.months, U = c.meridiem, Y = function(z, O, G, K) {
-          return z && (z[O] || z(a, w)) || G[O].slice(0, K);
+        var w = r || "YYYY-MM-DDTHH:mm:ssZ", g = m.z(this), k = this.$H, y = this.$m, H = this.$M, b = c.weekdays, B = c.months, U = c.meridiem, Y = function(z, O, G, K) {
+          return z && (z[O] || z(_, w)) || G[O].slice(0, K);
         }, N = function(z) {
           return m.s(k % 12 || 12, z, "0");
         }, A = U || function(z, O, G) {
@@ -1398,9 +1398,9 @@ var m1 = { exports: {} };
           return O || function(G) {
             switch (G) {
               case "YY":
-                return String(a.$y).slice(-2);
+                return String(_.$y).slice(-2);
               case "YYYY":
-                return m.s(a.$y, 4, "0");
+                return m.s(_.$y, 4, "0");
               case "M":
                 return H + 1;
               case "MM":
@@ -1410,17 +1410,17 @@ var m1 = { exports: {} };
               case "MMMM":
                 return Y(B, H);
               case "D":
-                return a.$D;
+                return _.$D;
               case "DD":
-                return m.s(a.$D, 2, "0");
+                return m.s(_.$D, 2, "0");
               case "d":
-                return String(a.$W);
+                return String(_.$W);
               case "dd":
-                return Y(c.weekdaysMin, a.$W, b, 2);
+                return Y(c.weekdaysMin, _.$W, b, 2);
               case "ddd":
-                return Y(c.weekdaysShort, a.$W, b, 3);
+                return Y(c.weekdaysShort, _.$W, b, 3);
               case "dddd":
-                return b[a.$W];
+                return b[_.$W];
               case "H":
                 return String(k);
               case "HH":
@@ -1438,28 +1438,28 @@ var m1 = { exports: {} };
               case "mm":
                 return m.s(y, 2, "0");
               case "s":
-                return String(a.$s);
+                return String(_.$s);
               case "ss":
-                return m.s(a.$s, 2, "0");
+                return m.s(_.$s, 2, "0");
               case "SSS":
-                return m.s(a.$ms, 3, "0");
+                return m.s(_.$ms, 3, "0");
               case "Z":
-                return p;
+                return g;
             }
             return null;
-          }(z) || p.replace(":", "");
+          }(z) || g.replace(":", "");
         });
       }, d.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-      }, d.diff = function(r, a, c) {
-        var w, p = this, k = m.p(a), y = V(r), H = (y.utcOffset() - this.utcOffset()) * u, b = this - y, B = function() {
-          return m.m(p, y);
+      }, d.diff = function(r, _, c) {
+        var w, g = this, k = m.p(_), y = V(r), H = (y.utcOffset() - this.utcOffset()) * u, b = this - y, B = function() {
+          return m.m(g, y);
         };
         switch (k) {
           case Q:
             w = B() / 12;
             break;
-          case _:
+          case a:
             w = B();
             break;
           case L:
@@ -1474,7 +1474,7 @@ var m1 = { exports: {} };
           case $:
             w = b / C;
             break;
-          case g:
+          case p:
             w = b / u;
             break;
           case v:
@@ -1485,13 +1485,13 @@ var m1 = { exports: {} };
         }
         return c ? w : m.a(w);
       }, d.daysInMonth = function() {
-        return this.endOf(_).$D;
+        return this.endOf(a).$D;
       }, d.$locale = function() {
         return T[this.$L];
-      }, d.locale = function(r, a) {
+      }, d.locale = function(r, _) {
         if (!r)
           return this.$L;
-        var c = this.clone(), w = R(r, a, !0);
+        var c = this.clone(), w = R(r, _, !0);
         return w && (c.$L = w), c;
       }, d.clone = function() {
         return m.w(this.$d, this);
@@ -1505,7 +1505,7 @@ var m1 = { exports: {} };
         return this.$d.toUTCString();
       }, f;
     }(), _1 = J.prototype;
-    return V.prototype = _1, [["$ms", h], ["$s", v], ["$m", g], ["$H", $], ["$W", M], ["$M", _], ["$y", Q], ["$D", Z]].forEach(function(f) {
+    return V.prototype = _1, [["$ms", h], ["$s", v], ["$m", p], ["$H", $], ["$W", M], ["$M", a], ["$y", Q], ["$D", Z]].forEach(function(f) {
       _1[f[1]] = function(d) {
         return this.$g(d, f[0], f[1]);
       };
@@ -1535,8 +1535,8 @@ const i1 = /* @__PURE__ */ F9(U9), E9 = { class: "q-datetime-picker" }, W9 = ["d
     E(
       () => i.modelValue,
       (v) => {
-        const g = i1(v);
-        u.value = g.format("YYYY-MM-DD"), C.value = g.format("HH:mm");
+        const p = i1(v);
+        u.value = p.format("YYYY-MM-DD"), C.value = p.format("HH:mm");
       }
     );
     function h() {
@@ -1546,9 +1546,9 @@ const i1 = /* @__PURE__ */ F9(U9), E9 = { class: "q-datetime-picker" }, W9 = ["d
     return u1(() => {
       const v = i1();
       u.value = v.format("YYYY-MM-DD"), C.value = v.format("HH:mm");
-    }), (v, g) => (n(), s("div", E9, [
+    }), (v, p) => (n(), s("div", E9, [
       t1(o("input", {
-        "onUpdate:modelValue": g[0] || (g[0] = ($) => u.value = $),
+        "onUpdate:modelValue": p[0] || (p[0] = ($) => u.value = $),
         type: "date",
         disabled: t.disabled,
         onChange: h
@@ -1556,7 +1556,7 @@ const i1 = /* @__PURE__ */ F9(U9), E9 = { class: "q-datetime-picker" }, W9 = ["d
         [c1, u.value]
       ]),
       t1(o("input", {
-        "onUpdate:modelValue": g[1] || (g[1] = ($) => C.value = $),
+        "onUpdate:modelValue": p[1] || (p[1] = ($) => C.value = $),
         type: "time",
         disabled: t.disabled,
         onChange: h
@@ -1618,7 +1618,7 @@ const R9 = ["onClick"], J9 = { class: "q-dialog-header" }, K9 = {
       }
       C.value = !1, e("update:modelValue", !1), e("close");
     }
-    function g() {
+    function p() {
     }
     return ($, M) => (n(), P(h1, null, {
       default: C1(() => [
@@ -1630,7 +1630,7 @@ const R9 = ["onClick"], J9 = { class: "q-dialog-header" }, K9 = {
           o("div", {
             class: j(["q-dialog", u.value ? "shaking" : ""]),
             style: f1(h.value),
-            onClick: w1(g, ["stop"])
+            onClick: w1(p, ["stop"])
           }, [
             o("div", J9, [
               t.title ? (n(), s("div", K9, q(t.title), 1)) : l1($.$slots, "header", { key: 1 })
@@ -1718,7 +1718,7 @@ const _5 = /* @__PURE__ */ l(i5, [["render", a5]]), u5 = { class: "q-menu" }, h5
 }, f5 = {
   key: 1,
   class: "q-menu-item-inner"
-}, w5 = ["src", "alt"], p5 = { class: "q-menu-item-content" }, g5 = { class: "q-menu-title" }, v5 = {
+}, w5 = ["src", "alt"], g5 = { class: "q-menu-item-content" }, p5 = { class: "q-menu-title" }, v5 = {
   key: 0,
   class: "q-menu-subtitle"
 }, $5 = /* @__PURE__ */ D({
@@ -1740,24 +1740,24 @@ const _5 = /* @__PURE__ */ l(i5, [["render", a5]]), u5 = { class: "q-menu" }, h5
       h.action && h.action(h), h.disabled !== !0 && e("action", h);
     }
     return (h, v) => (n(), s("div", u5, [
-      (n(!0), s(p1, null, g1(i.items, (g) => (n(), s("div", {
-        class: j(["q-menu-item", u(g)]),
-        key: `q-menu-item-${g.id}`,
-        onClick: ($) => C(g)
+      (n(!0), s(g1, null, p1(i.items, (p) => (n(), s("div", {
+        class: j(["q-menu-item", u(p)]),
+        key: `q-menu-item-${p.id}`,
+        onClick: ($) => C(p)
       }, [
-        g.divider ? (n(), s("div", C5)) : (n(), s("div", f5, [
-          g.image ? (n(), s("img", {
+        p.divider ? (n(), s("div", C5)) : (n(), s("div", f5, [
+          p.image ? (n(), s("img", {
             key: 0,
             class: "q-menu-image",
-            src: g.image,
-            alt: g.title
-          }, null, 8, w5)) : g.icon ? (n(), P(e1(g.icon), {
+            src: p.image,
+            alt: p.title
+          }, null, 8, w5)) : p.icon ? (n(), P(e1(p.icon), {
             key: 1,
             class: "q-menu-icon mr-1"
           })) : F("", !0),
-          o("div", p5, [
-            o("div", g5, q(g.title), 1),
-            g.subtitle ? (n(), s("div", v5, q(g.subtitle), 1)) : F("", !0)
+          o("div", g5, [
+            o("div", p5, q(p.title), 1),
+            p.subtitle ? (n(), s("div", v5, q(p.subtitle), 1)) : F("", !0)
           ])
         ]))
       ], 10, h5))), 128))
@@ -1791,7 +1791,7 @@ const m5 = ["disabled"], M5 = /* @__PURE__ */ o("div", { class: "q-switch-inner"
       t1(o("input", {
         class: "q-switch-checkbox",
         type: "checkbox",
-        "onUpdate:modelValue": v[0] || (v[0] = (g) => u.value = g),
+        "onUpdate:modelValue": v[0] || (v[0] = (p) => u.value = p),
         onChange: C,
         disabled: i.disabled
       }, null, 40, m5), [
@@ -1801,10 +1801,10 @@ const m5 = ["disabled"], M5 = /* @__PURE__ */ o("div", { class: "q-switch-inner"
     ], 2));
   }
 });
-const x5 = { class: "q-text-field-wrapper" }, L5 = ["placeholder"], y5 = { class: "q-text-button-wrapper" }, V5 = ["disabled"], H5 = { clas: "" }, b5 = {
+const x5 = { class: "q-text-field-wrapper" }, L5 = ["placeholder"], y5 = { class: "q-text-button-wrapper" }, V5 = ["disabled"], H5 = {
   key: 0,
   class: "q-button-glow"
-}, z5 = /* @__PURE__ */ D({
+}, b5 = /* @__PURE__ */ D({
   __name: "QTextFieldWithButton",
   props: {
     modelValue: {
@@ -1839,30 +1839,33 @@ const x5 = { class: "q-text-field-wrapper" }, L5 = ["placeholder"], y5 = { class
   emits: ["submit", "update:modelValue"],
   setup(t, { emit: e }) {
     const i = t, u = S(i.defaultText), C = I(() => {
-      const _ = [];
-      return i.layout === "vertical" ? _.push("vertical") : _.push("horizontal"), i.type === "code" && _.push("code"), i.glow && _.push(`glow-${i.glow}`), _.join(" ");
+      const a = [];
+      return i.layout === "vertical" ? a.push("vertical") : a.push("horizontal"), i.type === "code" && a.push("code"), i.glow && a.push(`glow-${i.glow}`), console.log("cls", a.join(" ")), a.join(" ");
     }), h = I(() => {
       var L;
-      return i.loading || ((L = u.value) == null ? void 0 : L.trim()).length === 0 ? !1 : i.type === "email" ? v.value : i.type === "code" ? g.value : !0;
+      if (console.log("validated loading", i.loading), i.loading)
+        return !1;
+      const a = (L = u.value) == null ? void 0 : L.trim();
+      return console.log("trimed", a), a.length === 0 ? !1 : i.type === "email" ? v.value : i.type === "code" ? p.value : !0;
     }), v = I(() => {
       var L;
-      const _ = (L = u.value) == null ? void 0 : L.trim();
-      return !i.disabled && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(_);
-    }), g = I(() => {
+      const a = (L = u.value) == null ? void 0 : L.trim();
+      return console.log("validateEmail", a), !i.disabled && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(a);
+    }), p = I(() => {
       var L;
-      const _ = (L = u.value) == null ? void 0 : L.trim();
-      return /^\d{6}$/.test(_);
+      const a = (L = u.value) == null ? void 0 : L.trim();
+      return console.log("validatedCode", a), /^\d{6}$/.test(a);
     }), $ = I(() => i.loading ? "Loading..." : i.actionLabel);
-    E(() => i.modelValue, (_) => {
-      u.value = _;
+    E(() => i.modelValue, (a) => {
+      console.log("watch modelValue", a), u.value = a;
     });
     function M() {
       h.value && e("submit", { text: u.value });
     }
     function x() {
-      e("update:modelValue", u.value);
+      console.log("changed", u.value), e("update:modelValue", u.value);
     }
-    return (_, L) => (n(), s("div", {
+    return (a, L) => (n(), s("div", {
       class: j(["q-text-field-with-button", C.value])
     }, [
       o("div", x5, [
@@ -1880,11 +1883,9 @@ const x5 = { class: "q-text-field-wrapper" }, L5 = ["placeholder"], y5 = { class
           class: "q-button button primary",
           disabled: !h.value,
           onClick: M
-        }, [
-          o("div", H5, q($.value), 1)
-        ], 8, V5)
+        }, q($.value), 9, V5)
       ]),
-      t.glow !== "" ? (n(), s("div", b5)) : F("", !0)
+      t.glow !== "" ? (n(), s("div", H5)) : F("", !0)
     ], 2));
   }
 });
@@ -1896,10 +1897,10 @@ function M1() {
     oldValue: t + ""
   }));
 }
-const Q5 = { class: "q-dropdown-menu" }, B5 = { class: "q-dropdown-menu-inner narrow-view" }, I5 = ["onClick"], S5 = {
+const z5 = { class: "q-dropdown-menu" }, Q5 = { class: "q-dropdown-menu-inner narrow-view" }, B5 = ["onClick"], I5 = {
   key: 0,
   class: "q-dropdown-selected"
-}, j5 = ["src", "alt"], q5 = { class: "menu-title" }, D5 = /* @__PURE__ */ D({
+}, S5 = ["src", "alt"], j5 = { class: "menu-title" }, q5 = /* @__PURE__ */ D({
   __name: "QDropdownMenu",
   props: {
     items: {
@@ -1925,9 +1926,9 @@ const Q5 = { class: "q-dropdown-menu" }, B5 = { class: "q-dropdown-menu-inner na
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const i = t, u = b1(), C = S(!1), h = S(null), v = S(null), g = I(() => {
-      const _ = [];
-      return C.value && _.push("expanded"), i.variant === "outlined" && _.push("frame"), i.hideSelected && _.push("hide-selected"), _.join(" ");
+    const i = t, u = b1(), C = S(!1), h = S(null), v = S(null), p = I(() => {
+      const a = [];
+      return C.value && a.push("expanded"), i.variant === "outlined" && a.push("frame"), i.hideSelected && a.push("hide-selected"), a.join(" ");
     }), $ = I(() => u.default !== void 0);
     function M() {
       C.value || M1(), C.value = !C.value, C.value && setTimeout(() => {
@@ -1935,8 +1936,8 @@ const Q5 = { class: "q-dropdown-menu" }, B5 = { class: "q-dropdown-menu-inner na
         L.getBoundingClientRect().left < 0 && (L.style.left = "0");
       }, 10);
     }
-    function x(_) {
-      C.value = !1, h.value = _, _.action && _.action(_), e("change", _);
+    function x(a) {
+      C.value = !1, h.value = a, a.action && a.action(a), e("change", a);
     }
     return E(
       () => i.initialItem,
@@ -1944,32 +1945,32 @@ const Q5 = { class: "q-dropdown-menu" }, B5 = { class: "q-dropdown-menu-inner na
         i.initialItem && (h.value = i.initialItem);
       }
     ), u1(() => {
-      i.initialItem && (h.value = i.initialItem), window.addEventListener("storage", (_) => {
-        _.key === "quailui_global_popup_trigger" && _.newValue && (C.value = !1);
+      i.initialItem && (h.value = i.initialItem), window.addEventListener("storage", (a) => {
+        a.key === "quailui_global_popup_trigger" && a.newValue && (C.value = !1);
       });
-    }), (_, L) => {
+    }), (a, L) => {
       const Q = d1("q-icon-chevron-down"), Z = d1("q-menu");
-      return n(), s("div", Q5, [
-        o("div", B5, [
+      return n(), s("div", z5, [
+        o("div", Q5, [
           o("div", {
-            class: j(["q-dropdown-menu-action", g.value]),
+            class: j(["q-dropdown-menu-action", p.value]),
             onClick: w1(M, ["stop"])
           }, [
-            !t.hideSelected && h.value && !$.value ? (n(), s("div", S5, [
+            !t.hideSelected && h.value && !$.value ? (n(), s("div", I5, [
               h.value.image ? (n(), s("img", {
                 key: 0,
                 class: "menu-image",
                 src: h.value.image,
                 alt: h.value.title
-              }, null, 8, j5)) : h.value.icon ? (n(), P(e1(h.value.icon), {
+              }, null, 8, S5)) : h.value.icon ? (n(), P(e1(h.value.icon), {
                 key: 1,
                 class: "icon menu-icon"
               })) : F("", !0),
-              o("div", q5, q(h.value ? h.value.title : i.placeholder || "Select ..."), 1)
+              o("div", j5, q(h.value ? h.value.title : i.placeholder || "Select ..."), 1)
             ])) : F("", !0),
-            l1(_.$slots, "default"),
+            l1(a.$slots, "default"),
             n1(Q, { class: "icon chevron-icon" })
-          ], 10, I5),
+          ], 10, B5),
           o("div", {
             ref_key: "menuWrapper",
             ref: v
@@ -1990,13 +1991,13 @@ const Q5 = { class: "q-dropdown-menu" }, B5 = { class: "q-dropdown-menu-inner na
     };
   }
 });
-const Z5 = { class: "q-pagination" }, O5 = ["disabled"], P5 = {
+const D5 = { class: "q-pagination" }, Z5 = ["disabled"], O5 = {
   key: 0,
   class: "q-page-indicators"
-}, T5 = { class: "q-page-indicator" }, Y5 = ["disabled", "onClick"], A5 = {
+}, P5 = { class: "q-page-indicator" }, T5 = ["disabled", "onClick"], Y5 = {
   key: 1,
   class: "q-page-indicator-simple"
-}, F5 = { class: "" }, U5 = ["disabled"], E5 = /* @__PURE__ */ D({
+}, A5 = { class: "" }, F5 = ["disabled"], U5 = /* @__PURE__ */ D({
   __name: "QPagination",
   props: {
     modelValue: {
@@ -2027,11 +2028,11 @@ const Z5 = { class: "q-pagination" }, O5 = ["disabled"], P5 = {
             M.push({ label: x });
         else {
           M.push({ label: 1 });
-          let x = C.value - 2, _ = C.value + 2;
-          x < 2 && (x = 2, _ = x + $ - 2), _ > i.totalPage - 1 && (_ = i.totalPage - 1, x = _ - $ + 2), x > 2 && M.push({ label: "…", disabled: !0 });
-          for (let L = x; L <= _; L++)
+          let x = C.value - 2, a = C.value + 2;
+          x < 2 && (x = 2, a = x + $ - 2), a > i.totalPage - 1 && (a = i.totalPage - 1, x = a - $ + 2), x > 2 && M.push({ label: "…", disabled: !0 });
+          for (let L = x; L <= a; L++)
             M.push({ label: L });
-          _ < i.totalPage - 1 && M.push({ label: "…", disabled: !0 }), M.push({ label: i.totalPage });
+          a < i.totalPage - 1 && M.push({ label: "…", disabled: !0 }), M.push({ label: i.totalPage });
         }
       return M;
     }), C = S(i.modelValue);
@@ -2044,27 +2045,27 @@ const Z5 = { class: "q-pagination" }, O5 = ["disabled"], P5 = {
     function v() {
       C.value++, e("change:next", C.value), e("update:modelValue", C.value);
     }
-    function g($, M) {
+    function p($, M) {
       M.disabled || (C.value = $, e("change:goto", C.value), e("update:modelValue", C.value));
     }
-    return ($, M) => (n(), s("div", Z5, [
+    return ($, M) => (n(), s("div", D5, [
       o("button", {
         class: "prev q-button button sm outlined icon",
         onClick: h,
         disabled: !i.hasPrev
       }, [
         n1(v1, { class: "icon" })
-      ], 8, O5),
-      t.totalPage !== 0 ? (n(), s("div", P5, [
-        (n(!0), s(p1, null, g1(u.value, (x) => (n(), s("div", T5, [
+      ], 8, Z5),
+      t.totalPage !== 0 ? (n(), s("div", O5, [
+        (n(!0), s(g1, null, p1(u.value, (x) => (n(), s("div", P5, [
           o("button", {
             class: j(["q-page-indicator q-button button sm plain", x.label === C.value ? "active" : ""]),
             disabled: x.disabled,
-            onClick: (_) => g(x.label, x)
-          }, q(x.label), 11, Y5)
+            onClick: (a) => p(x.label, x)
+          }, q(x.label), 11, T5)
         ]))), 256))
-      ])) : (n(), s("div", A5, [
-        o("div", F5, q(t.modelValue), 1)
+      ])) : (n(), s("div", Y5, [
+        o("div", A5, q(t.modelValue), 1)
       ])),
       o("button", {
         class: "next q-button button sm outlined icon",
@@ -2072,13 +2073,13 @@ const Z5 = { class: "q-pagination" }, O5 = ["disabled"], P5 = {
         disabled: !i.hasNext
       }, [
         n1($1, { class: "icon" })
-      ], 8, U5)
+      ], 8, F5)
     ]));
   }
 });
-const W5 = { class: "q-progress-slot" }, N5 = /* @__PURE__ */ o("div", { class: "q-progress-bar-inner" }, null, -1), G5 = [
-  N5
-], R5 = /* @__PURE__ */ D({
+const E5 = { class: "q-progress-slot" }, W5 = /* @__PURE__ */ o("div", { class: "q-progress-bar-inner" }, null, -1), N5 = [
+  W5
+], G5 = /* @__PURE__ */ D({
   __name: "QProgress",
   props: {
     infinite: {
@@ -2103,34 +2104,34 @@ const W5 = { class: "q-progress-slot" }, N5 = /* @__PURE__ */ o("div", { class:
     return (C, h) => (n(), s("div", {
       class: j(["q-progress", t.color])
     }, [
-      o("div", W5, [
+      o("div", E5, [
         o("div", {
           class: j(["q-progress-bar", u.value ? "" : "animated"]),
           style: f1({ width: i.value })
-        }, G5, 6)
+        }, N5, 6)
       ])
     ], 2));
   }
 });
-const J5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const R5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   QDatetimePicker: G9,
   QDialog: t5,
-  QDropdownMenu: D5,
+  QDropdownMenu: q5,
   QFence: r5,
   QLoading: _5,
   QMenu: $5,
-  QPagination: E5,
-  QProgress: R5,
+  QPagination: U5,
+  QProgress: G5,
   QSwitch: k5,
-  QTextFieldWithButton: z5
+  QTextFieldWithButton: b5
 }, Symbol.toStringTag, { value: "Module" }));
-const X5 = {
+const K5 = {
   install(t, e) {
     e != null && e.debug && console.log("options", e);
     for (const [i, u] of Object.entries(Y9))
       e != null && e.debug && console.log("[quail-ui] register icon component", i, u), t.component(i, u);
-    for (const [i, u] of Object.entries(J5))
+    for (const [i, u] of Object.entries(R5))
       e != null && e.debug && console.log("[quail-ui] register common component", i, u), t.component(i, u);
     document.body.addEventListener("click", (i) => {
       M1();
@@ -2138,9 +2139,9 @@ const X5 = {
   }
 };
 export {
-  J5 as Common,
+  R5 as Common,
   Y9 as Icons,
-  X5 as QuailUI,
-  X5 as default
+  K5 as QuailUI,
+  K5 as default
 };
 //# sourceMappingURL=index.js.map