quail-ui 0.2.17 → 0.2.18

package/dist/index.js

@@ -1,64 +1,64 @@
-import { openBlock as n, createElementBlock as s, createElementVNode as o, createStaticVNode as s1, defineComponent as Z, ref as B, watch as R, onMounted as h1, withDirectives as e1, vModelText as l1, computed as Y, createBlock as D, Transition as u1, withCtx as C1, normalizeStyle as x1, withModifiers as f1, toDisplayString as S, renderSlot as d1, createCommentVNode as U, getCurrentInstance as L1, resolveComponent as G, normalizeClass as q, unref as t1, resolveDynamicComponent as n1, Fragment as w1, renderList as p1, vModelCheckbox as H1, pushScopeId as V1, popScopeId as y1, createVNode as o1 } from "vue";
+import { openBlock as n, createElementBlock as s, createElementVNode as o, createStaticVNode as o1, defineComponent as Z, ref as I, watch as G, onMounted as h1, withDirectives as t1, vModelText as c1, computed as Y, createBlock as D, Transition as u1, withCtx as C1, normalizeStyle as H1, withModifiers as f1, toDisplayString as Q, renderSlot as l1, createCommentVNode as U, getCurrentInstance as V1, resolveComponent as d1, normalizeClass as q, unref as X, resolveDynamicComponent as e1, Fragment as w1, renderList as p1, vModelCheckbox as y1, pushScopeId as b1, popScopeId as z1, createVNode as n1 } from "https://cdn.jsdelivr.net/npm/vue@3.3.9/+esm";
 const r = (t, e) => {
   const d = t.__vccOpts || t;
   for (const [_, h] of e)
     d[_] = h;
   return d;
-}, b1 = {}, z1 = {
+}, I1 = {}, Q1 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, I1 = /* @__PURE__ */ o("path", {
+}, B1 = /* @__PURE__ */ o("path", {
   d: "M6 18L18 6M18 6H10M18 6V14",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), Q1 = [
-  I1
+}, null, -1), S1 = [
+  B1
 ];
-function B1(t, e) {
-  return n(), s("svg", z1, Q1);
+function j1(t, e) {
+  return n(), s("svg", Q1, S1);
 }
-const S1 = /* @__PURE__ */ r(b1, [["render", B1]]), j1 = {}, D1 = {
+const D1 = /* @__PURE__ */ r(I1, [["render", j1]]), Z1 = {}, O1 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Z1 = /* @__PURE__ */ o("path", {
+}, P1 = /* @__PURE__ */ o("path", {
   d: "M19 12H5M5 12L12 19M5 12L12 5",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), O1 = [
-  Z1
+}, null, -1), T1 = [
+  P1
 ];
-function P1(t, e) {
-  return n(), s("svg", D1, O1);
+function Y1(t, e) {
+  return n(), s("svg", O1, T1);
 }
-const T1 = /* @__PURE__ */ r(j1, [["render", P1]]), Y1 = {}, A1 = {
+const v1 = /* @__PURE__ */ r(Z1, [["render", Y1]]), A1 = {}, F1 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, F1 = /* @__PURE__ */ o("path", {
+}, U1 = /* @__PURE__ */ o("path", {
   d: "M5 12H19M19 12L12 5M19 12L12 19",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), U1 = [
-  F1
+}, null, -1), q1 = [
+  U1
 ];
-function q1(t, e) {
-  return n(), s("svg", A1, U1);
+function E1(t, e) {
+  return n(), s("svg", F1, q1);
 }
-const E1 = /* @__PURE__ */ r(Y1, [["render", q1]]), W1 = {}, N1 = {
+const g1 = /* @__PURE__ */ r(A1, [["render", E1]]), W1 = {}, N1 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -323,7 +323,7 @@ const bt = /* @__PURE__ */ r(xt, [["render", yt]]), zt = {}, It = {
   height: "24",
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24"
-}, Qt = /* @__PURE__ */ s1('<g clip-path="url(#clip0_110_2)"><path d="M24 12C24 18.6281 18.6281 24 12 24C5.37188 24 0 18.6281 0 12C0 5.37188 5.37188 0 12 0C18.6281 0 24 5.37188 24 12Z" fill="#F26522"></path><path d="M7.57501 17.5266C6.67033 17.5266 5.93907 16.7953 5.93907 15.8906C5.93907 14.9859 6.67033 14.2547 7.57501 14.2547C8.4797 14.2547 9.21095 14.9859 9.21095 15.8906C9.21095 16.7906 8.4797 17.5266 7.57501 17.5266ZM11.4844 17.5266C11.4516 14.4797 8.98126 12.0094 5.93439 11.9766V9.55311C10.3266 9.58593 13.875 13.1391 13.9078 17.5266H11.4844ZM15.5906 17.5266C15.5813 14.9484 14.5734 12.5203 12.75 10.6969C10.9266 8.87343 8.50782 7.86561 5.93439 7.85624V5.4328C12.6 5.45624 18 10.8609 18.0141 17.5266H15.5906Z" fill="white"></path></g><defs><clipPath id="clip0_110_2"><rect width="24" height="24" fill="white"></rect></clipPath></defs>', 2), Bt = [
+}, Qt = /* @__PURE__ */ o1('<g clip-path="url(#clip0_110_2)"><path d="M24 12C24 18.6281 18.6281 24 12 24C5.37188 24 0 18.6281 0 12C0 5.37188 5.37188 0 12 0C18.6281 0 24 5.37188 24 12Z" fill="#F26522"></path><path d="M7.57501 17.5266C6.67033 17.5266 5.93907 16.7953 5.93907 15.8906C5.93907 14.9859 6.67033 14.2547 7.57501 14.2547C8.4797 14.2547 9.21095 14.9859 9.21095 15.8906C9.21095 16.7906 8.4797 17.5266 7.57501 17.5266ZM11.4844 17.5266C11.4516 14.4797 8.98126 12.0094 5.93439 11.9766V9.55311C10.3266 9.58593 13.875 13.1391 13.9078 17.5266H11.4844ZM15.5906 17.5266C15.5813 14.9484 14.5734 12.5203 12.75 10.6969C10.9266 8.87343 8.50782 7.86561 5.93439 7.85624V5.4328C12.6 5.45624 18 10.8609 18.0141 17.5266H15.5906Z" fill="white"></path></g><defs><clipPath id="clip0_110_2"><rect width="24" height="24" fill="white"></rect></clipPath></defs>', 2), Bt = [
   Qt
 ];
 function St(t, e) {
@@ -637,7 +637,7 @@ const L4 = /* @__PURE__ */ r($4, [["render", x4]]), H4 = {}, V4 = {
   height: "24",
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24"
-}, y4 = /* @__PURE__ */ s1('<g clip-path="url(#clip0_110_6)"><path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="url(#paint0_linear_110_6)"></path><path d="M17.8406 6.90468L15.6984 17.7094C15.6984 17.7094 15.3984 18.4594 14.5734 18.0984L9.62811 14.3062L7.82811 13.4391L4.79999 12.4219C4.79999 12.4219 4.33592 12.2578 4.28905 11.8969C4.24217 11.5359 4.81405 11.3437 4.81405 11.3437L16.8515 6.62343C16.8515 6.61874 17.8406 6.1828 17.8406 6.90468Z" fill="white"></path><path d="M9.24375 17.5875C9.24375 17.5875 9.09844 17.5734 8.92031 17.0062C8.74219 16.439 7.82812 13.439 7.82812 13.439L15.0984 8.82185C15.0984 8.82185 15.5203 8.56873 15.5016 8.82185C15.5016 8.82185 15.5766 8.86873 15.3516 9.07498C15.1266 9.28591 9.64219 14.2172 9.64219 14.2172" fill="#D2E4F0"></path><path d="M11.5219 15.7594L9.56716 17.5453C9.56716 17.5453 9.41248 17.6625 9.24841 17.5875L9.62341 14.2734" fill="#B5CFE4"></path></g><defs><linearGradient id="paint0_linear_110_6" x1="12" y1="0" x2="12" y2="23.9124" gradientUnits="userSpaceOnUse"><stop stop-color="#41BCE7"></stop><stop offset="1" stop-color="#22A6DC"></stop></linearGradient><clipPath id="clip0_110_6"><rect width="24" height="24" fill="white"></rect></clipPath></defs>', 2), b4 = [
+}, y4 = /* @__PURE__ */ o1('<g clip-path="url(#clip0_110_6)"><path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="url(#paint0_linear_110_6)"></path><path d="M17.8406 6.90468L15.6984 17.7094C15.6984 17.7094 15.3984 18.4594 14.5734 18.0984L9.62811 14.3062L7.82811 13.4391L4.79999 12.4219C4.79999 12.4219 4.33592 12.2578 4.28905 11.8969C4.24217 11.5359 4.81405 11.3437 4.81405 11.3437L16.8515 6.62343C16.8515 6.61874 17.8406 6.1828 17.8406 6.90468Z" fill="white"></path><path d="M9.24375 17.5875C9.24375 17.5875 9.09844 17.5734 8.92031 17.0062C8.74219 16.439 7.82812 13.439 7.82812 13.439L15.0984 8.82185C15.0984 8.82185 15.5203 8.56873 15.5016 8.82185C15.5016 8.82185 15.5766 8.86873 15.3516 9.07498C15.1266 9.28591 9.64219 14.2172 9.64219 14.2172" fill="#D2E4F0"></path><path d="M11.5219 15.7594L9.56716 17.5453C9.56716 17.5453 9.41248 17.6625 9.24841 17.5875L9.62341 14.2734" fill="#B5CFE4"></path></g><defs><linearGradient id="paint0_linear_110_6" x1="12" y1="0" x2="12" y2="23.9124" gradientUnits="userSpaceOnUse"><stop stop-color="#41BCE7"></stop><stop offset="1" stop-color="#22A6DC"></stop></linearGradient><clipPath id="clip0_110_6"><rect width="24" height="24" fill="white"></rect></clipPath></defs>', 2), b4 = [
   y4
 ];
 function z4(t, e) {
@@ -719,7 +719,7 @@ const e0 = /* @__PURE__ */ r(R4, [["render", t0]]), n0 = {}, o0 = {
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, s0 = /* @__PURE__ */ s1('<path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8Z" stroke="url(#paint0_linear_24_7)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 6L7.4336 12.2269C7.13256 12.6374 6.98205 12.8427 6.9869 13.0142C6.99113 13.1634 7.06185 13.303 7.17972 13.3947C7.31514 13.5 7.56967 13.5 8.07872 13.5H12V18L16.5664 11.7731C16.8674 11.3626 17.018 11.1573 17.0131 10.9858C17.0089 10.8366 16.9381 10.697 16.8203 10.6053C16.6849 10.5 16.4303 10.5 15.9213 10.5H12V6Z" fill="url(#paint1_linear_24_7)"></path><defs><linearGradient id="paint0_linear_24_7" x1="12" y1="3" x2="12" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#D6AC5E"></stop><stop offset="1" stop-color="#9D5C2E"></stop></linearGradient><linearGradient id="paint1_linear_24_7" x1="12" y1="6" x2="12" y2="18" gradientUnits="userSpaceOnUse"><stop stop-color="#D7AD5E"></stop><stop offset="1" stop-color="#9C5B2D"></stop></linearGradient></defs>', 3), r0 = [
+}, s0 = /* @__PURE__ */ o1('<path d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8Z" stroke="url(#paint0_linear_24_7)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 6L7.4336 12.2269C7.13256 12.6374 6.98205 12.8427 6.9869 13.0142C6.99113 13.1634 7.06185 13.303 7.17972 13.3947C7.31514 13.5 7.56967 13.5 8.07872 13.5H12V18L16.5664 11.7731C16.8674 11.3626 17.018 11.1573 17.0131 10.9858C17.0089 10.8366 16.9381 10.697 16.8203 10.6053C16.6849 10.5 16.4303 10.5 15.9213 10.5H12V6Z" fill="url(#paint1_linear_24_7)"></path><defs><linearGradient id="paint0_linear_24_7" x1="12" y1="3" x2="12" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#D6AC5E"></stop><stop offset="1" stop-color="#9D5C2E"></stop></linearGradient><linearGradient id="paint1_linear_24_7" x1="12" y1="6" x2="12" y2="18" gradientUnits="userSpaceOnUse"><stop stop-color="#D7AD5E"></stop><stop offset="1" stop-color="#9C5B2D"></stop></linearGradient></defs>', 3), r0 = [
   s0
 ];
 function i0(t, e) {
@@ -1157,9 +1157,9 @@ function Y9(t, e) {
 }
 const A9 = /* @__PURE__ */ r(Z9, [["render", Y9]]), F9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  QIconArrowLeft: T1,
-  QIconArrowRight: E1,
-  QIconArrowUpRight: S1,
+  QIconArrowLeft: v1,
+  QIconArrowRight: g1,
+  QIconArrowUpRight: D1,
   QIconBatteryFull: s2,
   QIconBatteryMid: K1,
   QIconBitcoinCircle: u0,
@@ -1226,20 +1226,20 @@ var U9 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 function q9(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var v1 = { exports: {} };
+var $1 = { exports: {} };
 (function(t, e) {
   (function(d, _) {
     t.exports = _();
   })(U9, function() {
-    var d = 1e3, _ = 6e4, h = 36e5, v = "millisecond", g = "second", u = "minute", M = "hour", f = "day", $ = "week", x = "month", b = "quarter", Q = "year", A = "date", a1 = "Invalid Date", $1 = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, m1 = /\[([^\]]+)]|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, M1 = { 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(C) {
+    var d = 1e3, _ = 6e4, h = 36e5, g = "millisecond", $ = "second", u = "minute", M = "hour", f = "day", v = "week", x = "month", B = "quarter", S = "year", A = "date", a1 = "Invalid Date", M1 = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, k1 = /\[([^\]]+)]|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, x1 = { 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(C) {
       var l = ["th", "st", "nd", "rd"], i = C % 100;
       return "[" + C + (l[(i - 20) % 10] || l[i] || l[0]) + "]";
-    } }, r1 = function(C, l, i) {
+    } }, s1 = function(C, l, i) {
       var a = String(C);
       return !a || a.length >= l ? C : "" + Array(l + 1 - a.length).join(i) + C;
-    }, k1 = { s: r1, z: function(C) {
+    }, L1 = { s: s1, z: function(C) {
       var l = -C.utcOffset(), i = Math.abs(l), a = Math.floor(i / 60), c = i % 60;
-      return (l <= 0 ? "+" : "-") + r1(a, 2, "0") + ":" + r1(c, 2, "0");
+      return (l <= 0 ? "+" : "-") + s1(a, 2, "0") + ":" + s1(c, 2, "0");
     }, m: function C(l, i) {
       if (l.date() < i.date())
         return -C(i, l);
@@ -1248,14 +1248,14 @@ var v1 = { exports: {} };
     }, a: function(C) {
       return C < 0 ? Math.ceil(C) || 0 : Math.floor(C);
     }, p: function(C) {
-      return { M: x, y: Q, w: $, d: f, D: A, h: M, m: u, s: g, ms: v, Q: b }[C] || String(C || "").toLowerCase().replace(/s$/, "");
+      return { M: x, y: S, w: v, d: f, D: A, h: M, m: u, s: $, ms: g, Q: B }[C] || String(C || "").toLowerCase().replace(/s$/, "");
     }, u: function(C) {
       return C === void 0;
     } }, E = "en", O = {};
-    O[E] = M1;
-    var i1 = function(C) {
-      return C instanceof K;
-    }, J = function C(l, i, a) {
+    O[E] = x1;
+    var r1 = function(C) {
+      return C instanceof J;
+    }, R = function C(l, i, a) {
       var c;
       if (!l)
         return E;
@@ -1271,17 +1271,17 @@ var v1 = { exports: {} };
       }
       return !a && c && (E = c), c || !a && E;
     }, H = function(C, l) {
-      if (i1(C))
+      if (r1(C))
         return C.clone();
       var i = typeof l == "object" ? l : {};
-      return i.date = C, i.args = arguments, new K(i);
-    }, m = k1;
-    m.l = J, m.i = i1, m.w = function(C, l) {
+      return i.date = C, i.args = arguments, new J(i);
+    }, m = L1;
+    m.l = R, m.i = r1, m.w = function(C, l) {
       return H(C, { locale: l.$L, utc: l.$u, x: l.$x, $offset: l.$offset });
     };
-    var K = function() {
+    var J = function() {
       function C(i) {
-        this.$L = J(i.locale, null, !0), this.parse(i);
+        this.$L = R(i.locale, null, !0), this.parse(i);
       }
       var l = C.prototype;
       return l.parse = function(i) {
@@ -1294,7 +1294,7 @@ var v1 = { exports: {} };
           if (c instanceof Date)
             return new Date(c);
           if (typeof c == "string" && !/Z$/i.test(c)) {
-            var p = c.match($1);
+            var p = c.match(M1);
             if (p) {
               var k = p[2] - 1 || 0, L = (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, L)) : new Date(p[1], k, p[3] || 1, p[4] || 0, p[5] || 0, p[6] || 0, L);
@@ -1323,20 +1323,20 @@ var v1 = { exports: {} };
       }, l.valueOf = function() {
         return this.$d.getTime();
       }, l.startOf = function(i, a) {
-        var c = this, w = !!m.u(a) || a, p = m.p(i), k = function(T, z) {
-          var j = m.w(c.$u ? Date.UTC(c.$y, z, T) : new Date(c.$y, z, T), c);
+        var c = this, w = !!m.u(a) || a, p = m.p(i), k = function(T, b) {
+          var j = m.w(c.$u ? Date.UTC(c.$y, b, T) : new Date(c.$y, b, T), c);
           return w ? j : j.endOf(f);
-        }, L = function(T, z) {
-          return m.w(c.toDate()[T].apply(c.toDate("s"), (w ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(z)), c);
-        }, V = this.$W, y = this.$M, I = this.$D, F = "set" + (this.$u ? "UTC" : "");
+        }, L = function(T, b) {
+          return m.w(c.toDate()[T].apply(c.toDate("s"), (w ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(b)), c);
+        }, V = this.$W, y = this.$M, z = this.$D, F = "set" + (this.$u ? "UTC" : "");
         switch (p) {
-          case Q:
+          case S:
             return w ? k(1, 0) : k(31, 11);
           case x:
             return w ? k(1, y) : k(0, y + 1);
-          case $:
+          case v:
             var P = this.$locale().weekStart || 0, W = (V < P ? V + 7 : V) - P;
-            return k(w ? I - W : I + (6 - W), y);
+            return k(w ? z - W : z + (6 - W), y);
           case f:
           case A:
             return L(F + "Hours", 0);
@@ -1344,7 +1344,7 @@ var v1 = { exports: {} };
             return L(F + "Minutes", 1);
           case u:
             return L(F + "Seconds", 2);
-          case g:
+          case $:
             return L(F + "Milliseconds", 3);
           default:
             return this.clone();
@@ -1352,8 +1352,8 @@ var v1 = { exports: {} };
       }, l.endOf = function(i) {
         return this.startOf(i, !1);
       }, l.$set = function(i, a) {
-        var c, w = m.p(i), p = "set" + (this.$u ? "UTC" : ""), k = (c = {}, c[f] = p + "Date", c[A] = p + "Date", c[x] = p + "Month", c[Q] = p + "FullYear", c[M] = p + "Hours", c[u] = p + "Minutes", c[g] = p + "Seconds", c[v] = p + "Milliseconds", c)[w], L = w === f ? this.$D + (a - this.$W) : a;
-        if (w === x || w === Q) {
+        var c, w = m.p(i), p = "set" + (this.$u ? "UTC" : ""), k = (c = {}, c[f] = p + "Date", c[A] = p + "Date", c[x] = p + "Month", c[S] = p + "FullYear", c[M] = p + "Hours", c[u] = p + "Minutes", c[$] = p + "Seconds", c[g] = p + "Milliseconds", c)[w], L = w === f ? this.$D + (a - this.$W) : a;
+        if (w === x || w === S) {
           var V = this.clone().set(A, 1);
           V.$d[k](L), V.init(), this.$d = V.set(A, Math.min(this.$D, V.daysInMonth())).$d;
         } else
@@ -1367,18 +1367,18 @@ var v1 = { exports: {} };
         var c, w = this;
         i = Number(i);
         var p = m.p(a), k = function(y) {
-          var I = H(w);
-          return m.w(I.date(I.date() + Math.round(y * i)), w);
+          var z = H(w);
+          return m.w(z.date(z.date() + Math.round(y * i)), w);
         };
         if (p === x)
           return this.set(x, this.$M + i);
-        if (p === Q)
-          return this.set(Q, this.$y + i);
+        if (p === S)
+          return this.set(S, this.$y + i);
         if (p === f)
           return k(1);
-        if (p === $)
+        if (p === v)
           return k(7);
-        var L = (c = {}, c[u] = _, c[M] = h, c[g] = d, c)[p] || 1, V = this.$d.getTime() + i * L;
+        var L = (c = {}, c[u] = _, c[M] = h, c[$] = d, c)[p] || 1, V = this.$d.getTime() + i * L;
         return m.w(V, this);
       }, l.subtract = function(i, a) {
         return this.add(-1 * i, a);
@@ -1386,15 +1386,15 @@ var v1 = { exports: {} };
         var a = this, c = this.$locale();
         if (!this.isValid())
           return c.invalidDate || a1;
-        var w = i || "YYYY-MM-DDTHH:mm:ssZ", p = m.z(this), k = this.$H, L = this.$m, V = this.$M, y = c.weekdays, I = c.months, F = c.meridiem, P = function(z, j, N, X) {
-          return z && (z[j] || z(a, w)) || N[j].slice(0, X);
-        }, W = function(z) {
-          return m.s(k % 12 || 12, z, "0");
-        }, T = F || function(z, j, N) {
-          var X = z < 12 ? "AM" : "PM";
-          return N ? X.toLowerCase() : X;
+        var w = i || "YYYY-MM-DDTHH:mm:ssZ", p = m.z(this), k = this.$H, L = this.$m, V = this.$M, y = c.weekdays, z = c.months, F = c.meridiem, P = function(b, j, N, K) {
+          return b && (b[j] || b(a, w)) || N[j].slice(0, K);
+        }, W = function(b) {
+          return m.s(k % 12 || 12, b, "0");
+        }, T = F || function(b, j, N) {
+          var K = b < 12 ? "AM" : "PM";
+          return N ? K.toLowerCase() : K;
         };
-        return w.replace(m1, function(z, j) {
+        return w.replace(k1, function(b, j) {
           return j || function(N) {
             switch (N) {
               case "YY":
@@ -1406,9 +1406,9 @@ var v1 = { exports: {} };
               case "MM":
                 return m.s(V + 1, 2, "0");
               case "MMM":
-                return P(c.monthsShort, V, I, 3);
+                return P(c.monthsShort, V, z, 3);
               case "MMMM":
-                return P(I, V);
+                return P(z, V);
               case "D":
                 return a.$D;
               case "DD":
@@ -1447,25 +1447,25 @@ var v1 = { exports: {} };
                 return p;
             }
             return null;
-          }(z) || p.replace(":", "");
+          }(b) || p.replace(":", "");
         });
       }, l.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
       }, l.diff = function(i, a, c) {
-        var w, p = this, k = m.p(a), L = H(i), V = (L.utcOffset() - this.utcOffset()) * _, y = this - L, I = function() {
+        var w, p = this, k = m.p(a), L = H(i), V = (L.utcOffset() - this.utcOffset()) * _, y = this - L, z = function() {
           return m.m(p, L);
         };
         switch (k) {
-          case Q:
-            w = I() / 12;
+          case S:
+            w = z() / 12;
             break;
           case x:
-            w = I();
+            w = z();
             break;
-          case b:
-            w = I() / 3;
+          case B:
+            w = z() / 3;
             break;
-          case $:
+          case v:
             w = (y - V) / 6048e5;
             break;
           case f:
@@ -1477,7 +1477,7 @@ var v1 = { exports: {} };
           case u:
             w = y / _;
             break;
-          case g:
+          case $:
             w = y / d;
             break;
           default:
@@ -1491,7 +1491,7 @@ var v1 = { exports: {} };
       }, l.locale = function(i, a) {
         if (!i)
           return this.$L;
-        var c = this.clone(), w = J(i, a, !0);
+        var c = this.clone(), w = R(i, a, !0);
         return w && (c.$L = w), c;
       }, l.clone = function() {
         return m.w(this.$d, this);
@@ -1504,20 +1504,20 @@ var v1 = { exports: {} };
       }, l.toString = function() {
         return this.$d.toUTCString();
       }, C;
-    }(), _1 = K.prototype;
-    return H.prototype = _1, [["$ms", v], ["$s", g], ["$m", u], ["$H", M], ["$W", f], ["$M", x], ["$y", Q], ["$D", A]].forEach(function(C) {
+    }(), _1 = J.prototype;
+    return H.prototype = _1, [["$ms", g], ["$s", $], ["$m", u], ["$H", M], ["$W", f], ["$M", x], ["$y", S], ["$D", A]].forEach(function(C) {
       _1[C[1]] = function(l) {
         return this.$g(l, C[0], C[1]);
       };
     }), H.extend = function(C, l) {
-      return C.$i || (C(l, K, H), C.$i = !0), H;
-    }, H.locale = J, H.isDayjs = i1, H.unix = function(C) {
+      return C.$i || (C(l, J, H), C.$i = !0), H;
+    }, H.locale = R, H.isDayjs = r1, H.unix = function(C) {
       return H(1e3 * C);
     }, H.en = O[E], H.Ls = O, H.p = {}, H;
   });
-})(v1);
-var E9 = v1.exports;
-const c1 = /* @__PURE__ */ q9(E9), W9 = { class: "wrapper" }, N9 = ["disabled"], G9 = ["disabled"], R9 = /* @__PURE__ */ Z({
+})($1);
+var E9 = $1.exports;
+const i1 = /* @__PURE__ */ q9(E9), W9 = { class: "wrapper" }, N9 = ["disabled"], G9 = ["disabled"], R9 = /* @__PURE__ */ Z({
   __name: "QDatetimePicker",
   props: {
     modelValue: {
@@ -1531,37 +1531,37 @@ const c1 = /* @__PURE__ */ q9(E9), W9 = { class: "wrapper" }, N9 = ["disabled"],
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const d = t, _ = B(""), h = B("");
-    R(
+    const d = t, _ = I(""), h = I("");
+    G(
       () => d.modelValue,
-      (g) => {
-        const u = c1(g);
+      ($) => {
+        const u = i1($);
         _.value = u.format("YYYY-MM-DD"), h.value = u.format("HH:mm");
       }
     );
-    function v() {
-      const g = c1(`${_.value} ${h.value}`).format("YYYY-MM-DDTHH:mm:ssZ");
-      e("change", g), e("update:modelValue", g);
+    function g() {
+      const $ = i1(`${_.value} ${h.value}`).format("YYYY-MM-DDTHH:mm:ssZ");
+      e("change", $), e("update:modelValue", $);
     }
     return h1(() => {
-      const g = c1();
-      _.value = g.format("YYYY-MM-DD"), h.value = g.format("HH:mm");
-    }), (g, u) => (n(), s("div", W9, [
-      e1(o("input", {
+      const $ = i1();
+      _.value = $.format("YYYY-MM-DD"), h.value = $.format("HH:mm");
+    }), ($, u) => (n(), s("div", W9, [
+      t1(o("input", {
         "onUpdate:modelValue": u[0] || (u[0] = (M) => _.value = M),
         type: "date",
         disabled: t.disabled,
-        onChange: v
+        onChange: g
       }, null, 40, N9), [
-        [l1, _.value]
+        [c1, _.value]
       ]),
-      e1(o("input", {
+      t1(o("input", {
         "onUpdate:modelValue": u[1] || (u[1] = (M) => h.value = M),
         type: "time",
         disabled: t.disabled,
-        onChange: v
+        onChange: g
       }, null, 40, G9), [
-        [l1, h.value]
+        [c1, h.value]
       ])
     ]));
   }
@@ -1592,41 +1592,41 @@ const J9 = /* @__PURE__ */ r(R9, [["__scopeId", "data-v-f79d855e"]]), K9 = ["onC
   },
   emits: ["update:modelValue", "close"],
   setup(t, { emit: e }) {
-    const d = t, _ = B(d.modelValue), h = Y(() => {
+    const d = t, _ = I(d.modelValue), h = Y(() => {
       const u = document.body.clientWidth < 720 ? "100%" : d.width, M = d.height;
       return {
         width: u,
         height: M
       };
     });
-    R(
+    G(
       () => d.modelValue,
       (u) => {
         _.value = u;
       }
     );
-    function v() {
+    function g() {
       _.value = !1, e("update:modelValue", !1), e("close");
     }
-    function g() {
+    function $() {
     }
     return (u, M) => (n(), D(u1, null, {
       default: C1(() => [
         _.value ? (n(), s("div", {
           key: 0,
           class: "dialog-mask",
-          onClick: v
+          onClick: g
         }, [
           o("div", {
             class: "dialog",
-            style: x1(h.value),
-            onClick: f1(g, ["stop"])
+            style: H1(h.value),
+            onClick: f1($, ["stop"])
           }, [
             o("div", X9, [
-              t.title ? (n(), s("div", t5, S(t.title), 1)) : d1(u.$slots, "header", { key: 1 }, void 0, !0)
+              t.title ? (n(), s("div", t5, Q(t.title), 1)) : l1(u.$slots, "header", { key: 1 }, void 0, !0)
             ]),
             o("div", e5, [
-              d1(u.$slots, "default", {}, void 0, !0)
+              l1(u.$slots, "default", {}, void 0, !0)
             ])
           ], 12, K9)
         ])) : U("", !0)
@@ -1659,9 +1659,9 @@ const o5 = /* @__PURE__ */ r(n5, [["__scopeId", "data-v-cd14d61a"]]), s5 = ["hre
   },
   setup(t) {
     var d;
-    const e = (d = L1()) == null ? void 0 : d.appContext.components;
+    const e = (d = V1()) == null ? void 0 : d.appContext.components;
     return (_, h) => {
-      const v = G("QIconHelp");
+      const g = d1("q-icon-help");
       return n(), s("div", {
         class: q(["fence", t.type])
       }, [
@@ -1671,33 +1671,33 @@ const o5 = /* @__PURE__ */ r(n5, [["__scopeId", "data-v-cd14d61a"]]), s5 = ["hre
           href: t.link,
           target: "_blank"
         }, [
-          t.icon && t1(e) ? (n(), D(n1(t1(e)[t.icon]), {
+          t.icon && X(e) ? (n(), D(e1(X(e)[t.icon]), {
             key: 0,
             class: "icon"
-          })) : (n(), D(v, {
+          })) : (n(), D(g, {
             key: 1,
             class: "icon"
           })),
-          o("div", r5, S(t.text), 1)
+          o("div", r5, Q(t.text), 1)
         ], 8, s5)) : (n(), s("div", i5, [
-          t.icon && t1(e) ? (n(), D(n1(t1(e)[t.icon]), {
+          t.icon && X(e) ? (n(), D(e1(X(e)[t.icon]), {
             key: 0,
             class: "icon"
-          })) : (n(), D(v, {
+          })) : (n(), D(g, {
             key: 1,
             class: "icon"
           })),
-          o("div", c5, S(t.text), 1)
+          o("div", c5, Q(t.text), 1)
         ]))
       ], 2);
     };
   }
 });
-const d5 = /* @__PURE__ */ r(l5, [["__scopeId", "data-v-077653b0"]]);
+const d5 = /* @__PURE__ */ r(l5, [["__scopeId", "data-v-38c08c55"]]);
 const a5 = {}, _5 = {
   class: "pa-4 mb-4 rounded-sm text-center",
   color: "glass"
-}, h5 = /* @__PURE__ */ s1('<div class="spinners py-2 mb-2 d-flex justify-center" data-v-f4d8a4f4><i class="spinner one" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner two" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner three" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner four" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner five" aria-hidden="true" data-v-f4d8a4f4></i></div>', 1), u5 = [
+}, h5 = /* @__PURE__ */ o1('<div class="spinners py-2 mb-2 d-flex justify-center" data-v-f4d8a4f4><i class="spinner one" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner two" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner three" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner four" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner five" aria-hidden="true" data-v-f4d8a4f4></i></div>', 1), u5 = [
   h5
 ];
 function C5(t, e) {
@@ -1723,14 +1723,14 @@ const f5 = /* @__PURE__ */ r(a5, [["render", C5], ["__scopeId", "data-v-f4d8a4f4
   emits: ["action"],
   setup(t, { emit: e }) {
     const d = t;
-    function _(v) {
-      let g = "";
-      return v.disabled && (g += " disabled"), v.danger && (g += " danger"), v.icon && (g += " with-icon"), v.image && (g += " with-image"), g;
+    function _(g) {
+      let $ = "";
+      return g.disabled && ($ += " disabled"), g.danger && ($ += " danger"), g.icon && ($ += " with-icon"), g.image && ($ += " with-image"), $;
     }
-    function h(v) {
-      v.action && v.action(v), v.disabled !== !0 && e("action", v);
+    function h(g) {
+      g.action && g.action(g), g.disabled !== !0 && e("action", g);
     }
-    return (v, g) => (n(), s("div", w5, [
+    return (g, $) => (n(), s("div", w5, [
       (n(!0), s(w1, null, p1(d.items, (u) => (n(), s("div", {
         class: q(["menu-item", _(u)]),
         key: `menu-item-${u.id}`,
@@ -1742,20 +1742,20 @@ const f5 = /* @__PURE__ */ r(a5, [["render", C5], ["__scopeId", "data-v-f4d8a4f4
             class: "menu-image",
             src: u.image,
             alt: u.title
-          }, null, 8, $5)) : u.icon ? (n(), D(n1(u.icon), {
+          }, null, 8, $5)) : u.icon ? (n(), D(e1(u.icon), {
             key: 1,
             class: "menu-icon mr-1"
           })) : U("", !0),
           o("div", m5, [
-            o("div", M5, S(u.title), 1),
-            u.subtitle ? (n(), s("div", k5, S(u.subtitle), 1)) : U("", !0)
+            o("div", M5, Q(u.title), 1),
+            u.subtitle ? (n(), s("div", k5, Q(u.subtitle), 1)) : U("", !0)
           ])
         ]))
       ], 10, p5))), 128))
     ]));
   }
 });
-const L5 = /* @__PURE__ */ r(x5, [["__scopeId", "data-v-f9bd95cd"]]), H5 = (t) => (V1("data-v-f5802762"), t = t(), y1(), t), V5 = ["disabled"], y5 = /* @__PURE__ */ H5(() => /* @__PURE__ */ o("div", { class: "toggle-switch" }, null, -1)), b5 = /* @__PURE__ */ Z({
+const L5 = /* @__PURE__ */ r(x5, [["__scopeId", "data-v-f9bd95cd"]]), H5 = (t) => (b1("data-v-f5802762"), t = t(), z1(), t), V5 = ["disabled"], y5 = /* @__PURE__ */ H5(() => /* @__PURE__ */ o("div", { class: "toggle-switch" }, null, -1)), b5 = /* @__PURE__ */ Z({
   __name: "QSwitch",
   props: {
     modelValue: {
@@ -1769,24 +1769,24 @@ const L5 = /* @__PURE__ */ r(x5, [["__scopeId", "data-v-f9bd95cd"]]), H5 = (t) =
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const d = t, _ = B(d.modelValue);
-    R(() => d.modelValue, (v) => {
-      _.value = v;
+    const d = t, _ = I(d.modelValue);
+    G(() => d.modelValue, (g) => {
+      _.value = g;
     });
-    function h(v) {
+    function h(g) {
       e("update:modelValue", _.value), e("change", _.value);
     }
-    return (v, g) => (n(), s("label", {
+    return (g, $) => (n(), s("label", {
       class: q(["toggle", t.disabled ? "disabled" : ""])
     }, [
-      e1(o("input", {
+      t1(o("input", {
         class: "toggle-checkbox",
         type: "checkbox",
-        "onUpdate:modelValue": g[0] || (g[0] = (u) => _.value = u),
+        "onUpdate:modelValue": $[0] || ($[0] = (u) => _.value = u),
         onChange: h,
         disabled: d.disabled
       }, null, 40, V5), [
-        [H1, _.value]
+        [y1, _.value]
       ]),
       y5
     ], 2));
@@ -1816,30 +1816,30 @@ const z5 = /* @__PURE__ */ r(b5, [["__scopeId", "data-v-f5802762"]]), I5 = ["pla
   },
   emits: ["submit"],
   setup(t, { emit: e }) {
-    const d = t, _ = B(d.defaultText), h = Y(() => {
-      var $;
-      return d.loading || (($ = _.value) == null ? void 0 : $.trim()).length === 0 ? !1 : d.type === "email" ? v.value : d.type === "code" ? g.value : !0;
-    }), v = Y(() => {
-      var $;
-      const f = ($ = _.value) == null ? void 0 : $.trim();
-      return !d.disabled && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(f);
+    const d = t, _ = I(d.defaultText), h = Y(() => {
+      var v;
+      return d.loading || ((v = _.value) == null ? void 0 : v.trim()).length === 0 ? !1 : d.type === "email" ? g.value : d.type === "code" ? $.value : !0;
     }), g = Y(() => {
-      var $;
-      const f = ($ = _.value) == null ? void 0 : $.trim();
+      var v;
+      const f = (v = _.value) == null ? void 0 : v.trim();
+      return !d.disabled && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(f);
+    }), $ = Y(() => {
+      var v;
+      const f = (v = _.value) == null ? void 0 : v.trim();
       return /^\d{6}$/.test(f);
     }), u = Y(() => d.loading ? "Loading..." : d.actionLabel), M = () => {
       h.value && e("submit", { text: _.value });
     };
-    return (f, $) => (n(), s("div", {
+    return (f, v) => (n(), s("div", {
       class: q(["text-field-with-button", d.type])
     }, [
       o("div", null, [
-        e1(o("input", {
+        t1(o("input", {
           class: "text-field",
           placeholder: d.placeholder,
-          "onUpdate:modelValue": $[0] || ($[0] = (x) => _.value = x)
+          "onUpdate:modelValue": v[0] || (v[0] = (x) => _.value = x)
         }, null, 8, I5), [
-          [l1, _.value]
+          [c1, _.value]
         ])
       ]),
       o("div", null, [
@@ -1848,14 +1848,14 @@ const z5 = /* @__PURE__ */ r(b5, [["__scopeId", "data-v-f5802762"]]), I5 = ["pla
           disabled: !h.value,
           onClick: M
         }, [
-          o("div", B5, S(u.value), 1)
+          o("div", B5, Q(u.value), 1)
         ], 8, Q5)
       ])
     ], 2));
   }
 });
 const j5 = /* @__PURE__ */ r(S5, [["__scopeId", "data-v-7c4dff0c"]]);
-function g1() {
+function m1() {
   let t = parseInt(sessionStorage.getItem("quailui_global_popup_trigger") || "0") || 0;
   sessionStorage.setItem("quailui_global_popup_trigger", t + 1 + ""), window.dispatchEvent(new StorageEvent("storage", {
     key: "quailui_global_popup_trigger",
@@ -1892,20 +1892,20 @@ const D5 = { class: "dropdown-menu" }, Z5 = { class: "dropdown-menu-inner narrow
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const d = t, _ = B(!1), h = B(null), v = B(null), g = Y(() => {
+    const d = t, _ = I(!1), h = I(null), g = I(null), $ = Y(() => {
       const f = [];
       return _.value && f.push("expanded"), d.variant === "outlined" && f.push("frame"), f.join(" ");
     });
     function u() {
-      _.value || g1(), _.value = !_.value, _.value && setTimeout(() => {
-        const $ = v.value.querySelector(".menu");
-        $.getBoundingClientRect().left < 0 && ($.style.left = "0");
+      _.value || m1(), _.value = !_.value, _.value && setTimeout(() => {
+        const v = g.value.querySelector(".menu");
+        v.getBoundingClientRect().left < 0 && (v.style.left = "0");
       }, 10);
     }
     function M(f) {
       _.value = !1, h.value = f, f.action && f.action(f), e("change", f);
     }
-    return R(
+    return G(
       () => d.initialItem,
       () => {
         d.initialItem && (h.value = d.initialItem);
@@ -1914,12 +1914,12 @@ const D5 = { class: "dropdown-menu" }, Z5 = { class: "dropdown-menu-inner narrow
       d.initialItem && (h.value = d.initialItem), window.addEventListener("storage", (f) => {
         f.key === "quailui_global_popup_trigger" && f.newValue && (_.value = !1);
       });
-    }), (f, $) => {
-      const x = G("QIconChevronDown"), b = G("QMenu");
+    }), (f, v) => {
+      const x = d1("q-icon-chevron-down"), B = d1("q-menu");
       return n(), s("div", D5, [
         o("div", Z5, [
           o("div", {
-            class: q(["dropdown-menu-action", g.value]),
+            class: q(["dropdown-menu-action", $.value]),
             onClick: f1(u, ["stop"])
           }, [
             !t.hideSelected && h.value ? (n(), s("div", P5, [
@@ -1928,22 +1928,22 @@ const D5 = { class: "dropdown-menu" }, Z5 = { class: "dropdown-menu-inner narrow
                 class: "menu-image",
                 src: h.value.image,
                 alt: h.value.title
-              }, null, 8, T5)) : h.value.icon ? (n(), D(n1(h.value.icon), {
+              }, null, 8, T5)) : h.value.icon ? (n(), D(e1(h.value.icon), {
                 key: 1,
                 class: "icon menu-icon"
               })) : U("", !0),
-              o("div", Y5, S(h.value ? h.value.title : d.placeholder || "Select ..."), 1)
+              o("div", Y5, Q(h.value ? h.value.title : d.placeholder || "Select ..."), 1)
             ])) : U("", !0),
-            d1(f.$slots, "default", {}, void 0, !0),
-            o1(x, { class: "icon chevron-icon" })
+            l1(f.$slots, "default", {}, void 0, !0),
+            n1(x, { class: "icon chevron-icon" })
           ], 10, O5),
           o("div", {
             ref_key: "menuWrapper",
-            ref: v
+            ref: g
           }, [
-            o1(u1, null, {
+            n1(u1, null, {
               default: C1(() => [
-                _.value ? (n(), D(b, {
+                _.value ? (n(), D(B, {
                   key: 0,
                   items: t.items,
                   onAction: M
@@ -1957,7 +1957,7 @@ const D5 = { class: "dropdown-menu" }, Z5 = { class: "dropdown-menu-inner narrow
     };
   }
 });
-const F5 = /* @__PURE__ */ r(A5, [["__scopeId", "data-v-e8a215bd"]]), U5 = { class: "pagination" }, q5 = ["disabled"], E5 = {
+const F5 = /* @__PURE__ */ r(A5, [["__scopeId", "data-v-7ab312de"]]), U5 = { class: "pagination" }, q5 = ["disabled"], E5 = {
   key: 0,
   class: "page-indicators"
 }, W5 = { class: "page-indicator" }, N5 = ["disabled", "onClick"], G5 = {
@@ -1990,63 +1990,60 @@ const F5 = /* @__PURE__ */ r(A5, [["__scopeId", "data-v-e8a215bd"]]), U5 = { cla
       const f = [];
       if (d.totalPage !== 0)
         if (d.totalPage < M)
-          for (let $ = 1; $ <= d.totalPage; $++)
-            f.push({ label: $ });
+          for (let v = 1; v <= d.totalPage; v++)
+            f.push({ label: v });
         else {
           f.push({ label: 1 });
-          let $ = h.value - 2, x = h.value + 2;
-          $ < 2 && ($ = 2, x = $ + M - 2), x > d.totalPage - 1 && (x = d.totalPage - 1, $ = x - M + 2), $ > 2 && f.push({ label: "…", disabled: !0 });
-          for (let b = $; b <= x; b++)
-            f.push({ label: b });
+          let v = h.value - 2, x = h.value + 2;
+          v < 2 && (v = 2, x = v + M - 2), x > d.totalPage - 1 && (x = d.totalPage - 1, v = x - M + 2), v > 2 && f.push({ label: "…", disabled: !0 });
+          for (let B = v; B <= x; B++)
+            f.push({ label: B });
           x < d.totalPage - 1 && f.push({ label: "…", disabled: !0 }), f.push({ label: d.totalPage });
         }
       return f;
-    }), h = B(d.modelValue);
-    R(() => d.modelValue, (M) => {
+    }), h = I(d.modelValue);
+    G(() => d.modelValue, (M) => {
       h.value = M;
     });
-    function v() {
+    function g() {
       h.value--, e("change:prev", h.value), e("update:modelValue", h.value);
     }
-    function g() {
+    function $() {
       h.value++, e("change:next", h.value), e("update:modelValue", h.value);
     }
     function u(M, f) {
       f.disabled || (h.value = M, e("change:goto", h.value), e("update:modelValue", h.value));
     }
-    return (M, f) => {
-      const $ = G("q-icon-arrow-left"), x = G("q-icon-arrow-right");
-      return n(), s("div", U5, [
-        o("button", {
-          class: "prev button sm outlined icon",
-          onClick: v,
-          disabled: !d.hasPrev
-        }, [
-          o1($, { class: "icon" })
-        ], 8, q5),
-        t.totalPage !== 0 ? (n(), s("div", E5, [
-          (n(!0), s(w1, null, p1(_.value, (b) => (n(), s("div", W5, [
-            o("button", {
-              class: q(["page-indicator button sm plain", b.label === h.value ? "active" : ""]),
-              disabled: b.disabled,
-              onClick: (Q) => u(b.label, b)
-            }, S(b.label), 11, N5)
-          ]))), 256))
-        ])) : (n(), s("div", G5, [
-          o("div", R5, S(t.modelValue), 1)
-        ])),
-        o("button", {
-          class: "next button sm outlined icon",
-          onClick: g,
-          disabled: !d.hasNext
-        }, [
-          o1(x, { class: "icon" })
-        ], 8, J5)
-      ]);
-    };
+    return (M, f) => (n(), s("div", U5, [
+      o("button", {
+        class: "prev button sm outlined icon",
+        onClick: g,
+        disabled: !d.hasPrev
+      }, [
+        n1(v1, { class: "icon" })
+      ], 8, q5),
+      t.totalPage !== 0 ? (n(), s("div", E5, [
+        (n(!0), s(w1, null, p1(_.value, (v) => (n(), s("div", W5, [
+          o("button", {
+            class: q(["page-indicator button sm plain", v.label === h.value ? "active" : ""]),
+            disabled: v.disabled,
+            onClick: (x) => u(v.label, v)
+          }, Q(v.label), 11, N5)
+        ]))), 256))
+      ])) : (n(), s("div", G5, [
+        o("div", R5, Q(t.modelValue), 1)
+      ])),
+      o("button", {
+        class: "next button sm outlined icon",
+        onClick: $,
+        disabled: !d.hasNext
+      }, [
+        n1(g1, { class: "icon" })
+      ], 8, J5)
+    ]));
   }
 });
-const X5 = /* @__PURE__ */ r(K5, [["__scopeId", "data-v-e6c4fb71"]]), t7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const X5 = /* @__PURE__ */ r(K5, [["__scopeId", "data-v-bca3dc7c"]]), t7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   QDatetimePicker: J9,
   QDialog: o5,
@@ -2066,7 +2063,7 @@ const n7 = {
     for (const [d, _] of Object.entries(t7))
       e != null && e.debug && console.log("[quail-ui] register common component", d, _), t.component(d, _);
     document.body.addEventListener("click", (d) => {
-      g1();
+      m1();
     });
   }
 };