quail-ui 0.2.41 → 0.2.43

package/dist/index.js

@@ -1,8 +1,8 @@
-import { openBlock as n, createElementBlock as s, createElementVNode as o, createStaticVNode as a1, defineComponent as O, ref as S, watch as R, onMounted as d1, withDirectives as i1, vModelText as C1, computed as I, nextTick as V1, Fragment as m1, renderSlot as t1, createBlock as Z, Transition as f1, withCtx as g1, normalizeClass as D, normalizeStyle as w1, withModifiers as p1, createCommentVNode as F, toDisplayString as P, getCurrentInstance as b1, unref as r1, resolveDynamicComponent as c1, renderList as k1, vModelCheckbox as z1, useSlots as Q1, resolveComponent as v1, createVNode as l1 } from "vue";
+import { openBlock as n, createElementBlock as s, createElementVNode as o, createStaticVNode as a1, defineComponent as A, ref as S, watch as N, onMounted as d1, withDirectives as i1, vModelText as C1, computed as I, nextTick as V1, Fragment as m1, renderSlot as t1, createBlock as Z, Transition as f1, withCtx as g1, normalizeClass as D, normalizeStyle as w1, withModifiers as p1, createCommentVNode as O, toDisplayString as P, getCurrentInstance as b1, unref as r1, resolveDynamicComponent as c1, renderList as k1, vModelCheckbox as z1, useSlots as Q1, resolveComponent as v1, createVNode as l1 } from "vue";
 const c = (e, t) => {
   const r = e.__vccOpts || e;
-  for (const [C, h] of t)
-    r[C] = h;
+  for (const [C, _] of t)
+    r[C] = _;
   return r;
 }, I1 = {}, B1 = {
   width: "24",
@@ -1288,7 +1288,7 @@ var L1 = { exports: {} };
   (function(r, C) {
     e.exports = C();
   })(a9, function() {
-    var r = 1e3, C = 6e4, h = 36e5, d = "millisecond", u = "second", g = "minute", $ = "hour", k = "day", m = "week", _ = "month", x = "quarter", z = "year", j = "date", Y = "Invalid Date", L = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, U = /\[([^\]]+)]|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, A = { 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(w) {
+    var r = 1e3, C = 6e4, _ = 36e5, d = "millisecond", u = "second", g = "minute", $ = "hour", k = "day", m = "week", h = "month", x = "quarter", z = "year", j = "date", F = "Invalid Date", L = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, Y = /\[([^\]]+)]|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, R = { 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(w) {
       var a = ["th", "st", "nd", "rd"], i = w % 100;
       return "[" + w + (a[(i - 20) % 10] || a[i] || a[0]) + "]";
     } }, J = function(w, a, i) {
@@ -1300,16 +1300,16 @@ var L1 = { exports: {} };
     }, m: function w(a, i) {
       if (a.date() < i.date())
         return -w(i, a);
-      var f = 12 * (i.year() - a.year()) + (i.month() - a.month()), l = a.clone().add(f, _), p = i - l < 0, v = a.clone().add(f + (p ? -1 : 1), _);
+      var f = 12 * (i.year() - a.year()) + (i.month() - a.month()), l = a.clone().add(f, h), p = i - l < 0, v = a.clone().add(f + (p ? -1 : 1), h);
       return +(-(f + (i - l) / (p ? l - v : v - l)) || 0);
     }, a: function(w) {
       return w < 0 ? Math.ceil(w) || 0 : Math.floor(w);
     }, p: function(w) {
-      return { M: _, y: z, w: m, d: k, D: j, h: $, m: g, s: u, ms: d, Q: x }[w] || String(w || "").toLowerCase().replace(/s$/, "");
+      return { M: h, y: z, w: m, d: k, D: j, h: $, m: g, s: u, ms: d, Q: x }[w] || String(w || "").toLowerCase().replace(/s$/, "");
     }, u: function(w) {
       return w === void 0;
-    } }, X = "en", E = {};
-    E[X] = A;
+    } }, X = "en", U = {};
+    U[X] = R;
     var _1 = function(w) {
       return w instanceof o1;
     }, n1 = function w(a, i, f) {
@@ -1318,13 +1318,13 @@ var L1 = { exports: {} };
         return X;
       if (typeof a == "string") {
         var p = a.toLowerCase();
-        E[p] && (l = p), i && (E[p] = i, l = p);
+        U[p] && (l = p), i && (U[p] = i, l = p);
         var v = a.split("-");
         if (!l && v.length > 1)
           return w(v[0]);
       } else {
         var y = a.name;
-        E[y] = a, l = y;
+        U[y] = a, l = y;
       }
       return !f && l && (X = l), l || !f && X;
     }, V = function(w, a) {
@@ -1365,7 +1365,7 @@ var L1 = { exports: {} };
       }, a.$utils = function() {
         return M;
       }, a.isValid = function() {
-        return this.$d.toString() !== Y;
+        return this.$d.toString() !== F;
       }, a.isSame = function(i, f) {
         var l = V(i);
         return this.startOf(f) <= l && l <= this.endOf(f);
@@ -1380,19 +1380,19 @@ var L1 = { exports: {} };
       }, a.valueOf = function() {
         return this.$d.getTime();
       }, a.startOf = function(i, f) {
-        var l = this, p = !!M.u(f) || f, v = M.p(i), y = function(N, B) {
-          var T = M.w(l.$u ? Date.UTC(l.$y, B, N) : new Date(l.$y, B, N), l);
+        var l = this, p = !!M.u(f) || f, v = M.p(i), y = function(W, B) {
+          var T = M.w(l.$u ? Date.UTC(l.$y, B, W) : new Date(l.$y, B, W), l);
           return p ? T : T.endOf(k);
-        }, H = function(N, B) {
-          return M.w(l.toDate()[N].apply(l.toDate("s"), (p ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(B)), l);
+        }, H = function(W, B) {
+          return M.w(l.toDate()[W].apply(l.toDate("s"), (p ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(B)), l);
         }, b = this.$W, Q = this.$M, q = this.$D, G = "set" + (this.$u ? "UTC" : "");
         switch (v) {
           case z:
             return p ? y(1, 0) : y(31, 11);
-          case _:
+          case h:
             return p ? y(1, Q) : y(0, Q + 1);
           case m:
-            var W = this.$locale().weekStart || 0, K = (b < W ? b + 7 : b) - W;
+            var E = this.$locale().weekStart || 0, K = (b < E ? b + 7 : b) - E;
             return y(p ? q - K : q + (6 - K), Q);
           case k:
           case j:
@@ -1409,8 +1409,8 @@ var L1 = { exports: {} };
       }, a.endOf = function(i) {
         return this.startOf(i, !1);
       }, a.$set = function(i, f) {
-        var l, p = M.p(i), v = "set" + (this.$u ? "UTC" : ""), y = (l = {}, l[k] = v + "Date", l[j] = v + "Date", l[_] = v + "Month", l[z] = v + "FullYear", l[$] = v + "Hours", l[g] = v + "Minutes", l[u] = v + "Seconds", l[d] = v + "Milliseconds", l)[p], H = p === k ? this.$D + (f - this.$W) : f;
-        if (p === _ || p === z) {
+        var l, p = M.p(i), v = "set" + (this.$u ? "UTC" : ""), y = (l = {}, l[k] = v + "Date", l[j] = v + "Date", l[h] = v + "Month", l[z] = v + "FullYear", l[$] = v + "Hours", l[g] = v + "Minutes", l[u] = v + "Seconds", l[d] = v + "Milliseconds", l)[p], H = p === k ? this.$D + (f - this.$W) : f;
+        if (p === h || p === z) {
           var b = this.clone().set(j, 1);
           b.$d[y](H), b.init(), this.$d = b.set(j, Math.min(this.$D, b.daysInMonth())).$d;
         } else
@@ -1427,31 +1427,31 @@ var L1 = { exports: {} };
           var q = V(p);
           return M.w(q.date(q.date() + Math.round(Q * i)), p);
         };
-        if (v === _)
-          return this.set(_, this.$M + i);
+        if (v === h)
+          return this.set(h, this.$M + i);
         if (v === z)
           return this.set(z, this.$y + i);
         if (v === k)
           return y(1);
         if (v === m)
           return y(7);
-        var H = (l = {}, l[g] = C, l[$] = h, l[u] = r, l)[v] || 1, b = this.$d.getTime() + i * H;
+        var H = (l = {}, l[g] = C, l[$] = _, l[u] = r, l)[v] || 1, b = this.$d.getTime() + i * H;
         return M.w(b, this);
       }, a.subtract = function(i, f) {
         return this.add(-1 * i, f);
       }, a.format = function(i) {
         var f = this, l = this.$locale();
         if (!this.isValid())
-          return l.invalidDate || Y;
-        var p = i || "YYYY-MM-DDTHH:mm:ssZ", v = M.z(this), y = this.$H, H = this.$m, b = this.$M, Q = l.weekdays, q = l.months, G = l.meridiem, W = function(B, T, e1, s1) {
+          return l.invalidDate || F;
+        var p = i || "YYYY-MM-DDTHH:mm:ssZ", v = M.z(this), y = this.$H, H = this.$m, b = this.$M, Q = l.weekdays, q = l.months, G = l.meridiem, E = function(B, T, e1, s1) {
           return B && (B[T] || B(f, p)) || e1[T].slice(0, s1);
         }, K = function(B) {
           return M.s(y % 12 || 12, B, "0");
-        }, N = G || function(B, T, e1) {
+        }, W = G || function(B, T, e1) {
           var s1 = B < 12 ? "AM" : "PM";
           return e1 ? s1.toLowerCase() : s1;
         };
-        return p.replace(U, function(B, T) {
+        return p.replace(Y, function(B, T) {
           return T || function(e1) {
             switch (e1) {
               case "YY":
@@ -1463,9 +1463,9 @@ var L1 = { exports: {} };
               case "MM":
                 return M.s(b + 1, 2, "0");
               case "MMM":
-                return W(l.monthsShort, b, q, 3);
+                return E(l.monthsShort, b, q, 3);
               case "MMMM":
-                return W(q, b);
+                return E(q, b);
               case "D":
                 return f.$D;
               case "DD":
@@ -1473,9 +1473,9 @@ var L1 = { exports: {} };
               case "d":
                 return String(f.$W);
               case "dd":
-                return W(l.weekdaysMin, f.$W, Q, 2);
+                return E(l.weekdaysMin, f.$W, Q, 2);
               case "ddd":
-                return W(l.weekdaysShort, f.$W, Q, 3);
+                return E(l.weekdaysShort, f.$W, Q, 3);
               case "dddd":
                 return Q[f.$W];
               case "H":
@@ -1487,9 +1487,9 @@ var L1 = { exports: {} };
               case "hh":
                 return K(2);
               case "a":
-                return N(y, H, !0);
+                return W(y, H, !0);
               case "A":
-                return N(y, H, !1);
+                return W(y, H, !1);
               case "m":
                 return String(H);
               case "mm":
@@ -1516,7 +1516,7 @@ var L1 = { exports: {} };
           case z:
             p = q() / 12;
             break;
-          case _:
+          case h:
             p = q();
             break;
           case x:
@@ -1529,7 +1529,7 @@ var L1 = { exports: {} };
             p = (Q - b) / 864e5;
             break;
           case $:
-            p = Q / h;
+            p = Q / _;
             break;
           case g:
             p = Q / C;
@@ -1542,9 +1542,9 @@ var L1 = { exports: {} };
         }
         return l ? p : M.a(p);
       }, a.daysInMonth = function() {
-        return this.endOf(_).$D;
+        return this.endOf(h).$D;
       }, a.$locale = function() {
-        return E[this.$L];
+        return U[this.$L];
       }, a.locale = function(i, f) {
         if (!i)
           return this.$L;
@@ -1562,7 +1562,7 @@ var L1 = { exports: {} };
         return this.$d.toUTCString();
       }, w;
     }(), M1 = o1.prototype;
-    return V.prototype = M1, [["$ms", d], ["$s", u], ["$m", g], ["$H", $], ["$W", k], ["$M", _], ["$y", z], ["$D", j]].forEach(function(w) {
+    return V.prototype = M1, [["$ms", d], ["$s", u], ["$m", g], ["$H", $], ["$W", k], ["$M", h], ["$y", z], ["$D", j]].forEach(function(w) {
       M1[w[1]] = function(a) {
         return this.$g(a, w[0], w[1]);
       };
@@ -1570,11 +1570,11 @@ var L1 = { exports: {} };
       return w.$i || (w(a, o1, V), w.$i = !0), V;
     }, V.locale = n1, V.isDayjs = _1, V.unix = function(w) {
       return V(1e3 * w);
-    }, V.en = E[X], V.Ls = E, V.p = {}, V;
+    }, V.en = U[X], V.Ls = U, V.p = {}, V;
   });
 })(L1);
 var u9 = L1.exports;
-const h1 = /* @__PURE__ */ d9(u9), _9 = { class: "q-datetime-picker" }, h9 = ["disabled"], C9 = ["disabled"], f9 = /* @__PURE__ */ O({
+const h1 = /* @__PURE__ */ d9(u9), _9 = { class: "q-datetime-picker" }, h9 = ["disabled"], C9 = ["disabled"], f9 = /* @__PURE__ */ A({
   __name: "QDatetimePicker",
   props: {
     modelValue: {
@@ -1588,21 +1588,21 @@ const h1 = /* @__PURE__ */ d9(u9), _9 = { class: "q-datetime-picker" }, h9 = ["d
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const r = e, C = S(""), h = S("");
-    R(
+    const r = e, C = S(""), _ = S("");
+    N(
       () => r.modelValue,
       (u) => {
         const g = h1(u);
-        C.value = g.format("YYYY-MM-DD"), h.value = g.format("HH:mm");
+        C.value = g.format("YYYY-MM-DD"), _.value = g.format("HH:mm");
       }
     );
     function d() {
-      const u = h1(`${C.value} ${h.value}`).format("YYYY-MM-DDTHH:mm:ssZ");
+      const u = h1(`${C.value} ${_.value}`).format("YYYY-MM-DDTHH:mm:ssZ");
       t("change", u), t("update:modelValue", u);
     }
     return d1(() => {
       const u = h1();
-      C.value = u.format("YYYY-MM-DD"), h.value = u.format("HH:mm");
+      C.value = u.format("YYYY-MM-DD"), _.value = u.format("HH:mm");
     }), (u, g) => (n(), s("div", _9, [
       i1(o("input", {
         "onUpdate:modelValue": g[0] || (g[0] = ($) => C.value = $),
@@ -1613,42 +1613,42 @@ const h1 = /* @__PURE__ */ d9(u9), _9 = { class: "q-datetime-picker" }, h9 = ["d
         [C1, C.value]
       ]),
       i1(o("input", {
-        "onUpdate:modelValue": g[1] || (g[1] = ($) => h.value = $),
+        "onUpdate:modelValue": g[1] || (g[1] = ($) => _.value = $),
         type: "time",
         disabled: e.disabled,
         onChange: d
       }, null, 40, C9), [
-        [C1, h.value]
+        [C1, _.value]
       ])
     ]));
   }
 });
 function g9() {
   function e() {
-    const r = !!window.ActiveXObject || "ActiveXObject" in window, C = navigator.userAgent.indexOf("Edge") > -1, h = navigator.userAgent.indexOf("Chrome") > -1, d = navigator.userAgent.indexOf("Firefox") > -1, u = navigator.userAgent.indexOf("Safari") > -1, g = navigator.userAgent.indexOf("Opera") > -1, $ = navigator.userAgent.indexOf("MicroMessenger") > -1, k = !!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/), x = navigator.userAgent.indexOf("iPad") > -1, z = navigator.userAgent.indexOf("iPhone") > -1, j = navigator.userAgent.indexOf("Macintosh") > -1, Y = navigator.userAgent.indexOf("Windows") > -1, L = navigator.userAgent.indexOf("Linux") > -1;
+    const r = !!window.ActiveXObject || "ActiveXObject" in window, C = navigator.userAgent.indexOf("Edge") > -1, _ = navigator.userAgent.indexOf("Chrome") > -1, d = navigator.userAgent.indexOf("Firefox") > -1, u = navigator.userAgent.indexOf("Safari") > -1, g = navigator.userAgent.indexOf("Opera") > -1, $ = navigator.userAgent.indexOf("MicroMessenger") > -1, k = !!navigator.userAgent.match(/AppleWebKit.*Mobile.*/), m = navigator.userAgent.indexOf("Android") > -1 || navigator.userAgent.indexOf("Adr") > -1, h = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), x = navigator.userAgent.indexOf("iPad") > -1, z = navigator.userAgent.indexOf("iPhone") > -1, j = navigator.userAgent.indexOf("Macintosh") > -1, F = navigator.userAgent.indexOf("Windows") > -1, L = navigator.userAgent.indexOf("Linux") > -1;
     return {
       isIE: r,
       isEdge: C,
-      isChrome: h,
+      isChrome: _,
       isFirefox: d,
       isSafari: u,
       isOpera: g,
       isWeixin: $,
       isMobile: k,
       isAndroid: m,
-      isIOS: _,
+      isIOS: h,
       isIpad: x,
       isIphone: z,
       isMac: j,
-      isWindows: Y,
+      isWindows: F,
       isLinux: L
     };
   }
   function t(r, C) {
-    let h;
+    let _;
     return function(...d) {
       const u = this;
-      clearTimeout(h), h = setTimeout(() => {
+      clearTimeout(_), _ = setTimeout(() => {
         r.apply(u, d);
       }, C);
     };
@@ -1661,7 +1661,7 @@ function g9() {
 const w9 = ["onClick"], p9 = { class: "q-dialog-body" }, v9 = ["onClick"], $9 = { class: "q-dialog-header" }, m9 = {
   key: 0,
   class: "q-dialog-title"
-}, M9 = { class: "q-dialog-body" }, k9 = /* @__PURE__ */ O({
+}, M9 = { class: "q-dialog-body" }, k9 = /* @__PURE__ */ A({
   __name: "QDialog",
   props: {
     modelValue: Boolean,
@@ -1697,27 +1697,27 @@ const w9 = ["onClick"], p9 = { class: "q-dialog-body" }, v9 = ["onClick"], $9 =
   },
   emits: ["update:modelValue", "close"],
   setup(e, { emit: t }) {
-    const r = e, { browserDetect: C } = g9(), { isMobile: h } = C(), d = S(!1), u = S(r.modelValue), g = S({ top: "0", left: "0" }), $ = S(null), k = S(null), m = I(() => !h && r.desktopMode === "popup"), _ = I(() => {
-      const L = document.body.clientWidth < 720 ? "100%" : r.width, U = r.height, A = {
+    const r = e, { browserDetect: C } = g9(), { isMobile: _ } = C(), d = S(!1), u = S(r.modelValue), g = S({ top: "0", left: "0" }), $ = S(null), k = S(null), m = I(() => !_ && r.desktopMode === "popup"), h = I(() => {
+      const L = document.body.clientWidth < 720 ? "100%" : r.width, Y = r.height, R = {
         width: L,
-        height: U
+        height: Y
       };
-      return m.value && (A.top = g.value.top, A.left = g.value.left), A;
+      return m.value && (R.top = g.value.top, R.left = g.value.left), R;
     }), x = I(() => {
       let L = [];
-      return d.value && L.push("shaking"), h || L.push(`desktop-mode-${r.desktopMode}`), r.noFrame && L.push("no-frame"), L.join(" ");
+      return d.value && L.push("shaking"), _ || L.push(`desktop-mode-${r.desktopMode}`), r.noFrame && L.push("no-frame"), L.join(" ");
     }), z = I(() => {
       let L = [];
       return m.value && L.push("desktop-mode-popup"), L.join(" ");
     });
-    R(
+    N(
       () => r.modelValue,
       (L) => {
         u.value = L, V1(() => {
-          if (!h && r.desktopMode === "popup" && $.value.children) {
-            const U = $.value.children[0];
-            if (U) {
-              const A = U.getBoundingClientRect(), J = window.scrollY + A.top + A.height + 8, u1 = A.left;
+          if (!_ && r.desktopMode === "popup" && $.value.children) {
+            const Y = $.value.children[0];
+            if (Y) {
+              const J = Y.getBoundingClientRect().height + 8, u1 = 0;
               g.value = { top: `${J}px`, left: `${u1}px` };
             }
           }
@@ -1733,35 +1733,36 @@ const w9 = ["onClick"], p9 = { class: "q-dialog-body" }, v9 = ["onClick"], $9 =
       }
       u.value = !1, t("update:modelValue", !1), t("close");
     }
-    function Y() {
+    function F() {
     }
     return d1(() => {
       r.desktopMode === "popup" && window.addEventListener("storage", (L) => {
         L.key === "quailui_global_popup_trigger" && L.newValue && j();
       });
-    }), (L, U) => (n(), s(m1, null, [
+    }), (L, Y) => (n(), s(m1, null, [
       o("div", {
-        class: "trigger-wrapper",
+        class: "q-dialog-trigger-wrapper",
         ref_key: "triggerWrapper",
         ref: $
       }, [
-        t1(L.$slots, "trigger")
+        t1(L.$slots, "trigger"),
+        m.value ? (n(), Z(f1, { key: 0 }, {
+          default: g1(() => [
+            u.value ? (n(), s("div", {
+              key: 0,
+              class: D(["q-dialog", x.value]),
+              style: w1(h.value),
+              onClick: p1(F, ["stop"])
+            }, [
+              o("div", p9, [
+                t1(L.$slots, "default")
+              ])
+            ], 14, w9)) : O("", !0)
+          ]),
+          _: 3
+        })) : O("", !0)
       ], 512),
-      m.value ? (n(), Z(f1, { key: 0 }, {
-        default: g1(() => [
-          u.value ? (n(), s("div", {
-            key: 0,
-            class: D(["q-dialog", x.value]),
-            style: w1(_.value),
-            onClick: p1(Y, ["stop"])
-          }, [
-            o("div", p9, [
-              t1(L.$slots, "default")
-            ])
-          ], 14, w9)) : F("", !0)
-        ]),
-        _: 3
-      })) : (n(), Z(f1, { key: 1 }, {
+      m.value ? O("", !0) : (n(), Z(f1, { key: 0 }, {
         default: g1(() => [
           u.value ? (n(), s("div", {
             key: 0,
@@ -1772,8 +1773,8 @@ const w9 = ["onClick"], p9 = { class: "q-dialog-body" }, v9 = ["onClick"], $9 =
           }, [
             o("div", {
               class: D(["q-dialog", x.value]),
-              style: w1(_.value),
-              onClick: p1(Y, ["stop"])
+              style: w1(h.value),
+              onClick: p1(F, ["stop"])
             }, [
               o("div", $9, [
                 e.title ? (n(), s("div", m9, P(e.title), 1)) : t1(L.$slots, "header", { key: 1 })
@@ -1782,7 +1783,7 @@ const w9 = ["onClick"], p9 = { class: "q-dialog-body" }, v9 = ["onClick"], $9 =
                 t1(L.$slots, "default")
               ])
             ], 14, v9)
-          ], 2)) : F("", !0)
+          ], 2)) : O("", !0)
         ]),
         _: 3
       }))
@@ -1792,7 +1793,7 @@ const w9 = ["onClick"], p9 = { class: "q-dialog-body" }, v9 = ["onClick"], $9 =
 const x9 = ["href"], y9 = { class: "q-fence-text" }, L9 = {
   key: 1,
   class: "q-fence-inner"
-}, H9 = { class: "q-fence-text" }, V9 = /* @__PURE__ */ O({
+}, H9 = { class: "q-fence-text" }, V9 = /* @__PURE__ */ A({
   __name: "QFence",
   props: {
     link: {
@@ -1814,7 +1815,7 @@ const x9 = ["href"], y9 = { class: "q-fence-text" }, L9 = {
   setup(e) {
     var r;
     const t = (r = b1()) == null ? void 0 : r.appContext.components;
-    return (C, h) => (n(), s("div", {
+    return (C, _) => (n(), s("div", {
       class: D(["q-fence", e.type])
     }, [
       e.link ? (n(), s("a", {
@@ -1862,7 +1863,7 @@ const S9 = /* @__PURE__ */ c(b9, [["render", B9]]), j9 = { class: "q-menu" }, q9
 }, O9 = ["src", "alt"], A9 = { class: "q-menu-item-content" }, P9 = { class: "q-menu-title" }, T9 = {
   key: 0,
   class: "q-menu-subtitle"
-}, F9 = /* @__PURE__ */ O({
+}, F9 = /* @__PURE__ */ A({
   __name: "QMenu",
   props: {
     items: {
@@ -1877,14 +1878,14 @@ const S9 = /* @__PURE__ */ c(b9, [["render", B9]]), j9 = { class: "q-menu" }, q9
       let u = "";
       return d.disabled && (u += " disabled"), d.danger && (u += " danger"), d.icon && (u += " with-icon"), d.image && (u += " with-image"), d.divider && (u += " with-divider"), u;
     }
-    function h(d) {
+    function _(d) {
       d.action && d.action(d), d.disabled !== !0 && t("action", d);
     }
     return (d, u) => (n(), s("div", j9, [
       (n(!0), s(m1, null, k1(r.items, (g) => (n(), s("div", {
         class: D(["q-menu-item", C(g)]),
         key: `q-menu-item-${g.id}`,
-        onClick: ($) => h(g)
+        onClick: ($) => _(g)
       }, [
         g.divider ? (n(), s("div", D9)) : (n(), s("div", Z9, [
           g.image ? (n(), s("img", {
@@ -1895,17 +1896,17 @@ const S9 = /* @__PURE__ */ c(b9, [["render", B9]]), j9 = { class: "q-menu" }, q9
           }, null, 8, O9)) : g.icon ? (n(), Z(c1(g.icon), {
             key: 1,
             class: "q-menu-icon"
-          })) : F("", !0),
+          })) : O("", !0),
           o("div", A9, [
             o("div", P9, P(g.title), 1),
-            g.subtitle ? (n(), s("div", T9, P(g.subtitle), 1)) : F("", !0)
+            g.subtitle ? (n(), s("div", T9, P(g.subtitle), 1)) : O("", !0)
           ])
         ]))
       ], 10, q9))), 128))
     ]));
   }
 });
-const Y9 = ["disabled"], U9 = /* @__PURE__ */ o("div", { class: "q-switch-inner" }, null, -1), E9 = /* @__PURE__ */ O({
+const Y9 = ["disabled"], U9 = /* @__PURE__ */ o("div", { class: "q-switch-inner" }, null, -1), E9 = /* @__PURE__ */ A({
   __name: "QSwitch",
   props: {
     modelValue: {
@@ -1920,10 +1921,10 @@ const Y9 = ["disabled"], U9 = /* @__PURE__ */ o("div", { class: "q-switch-inner"
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
     const r = e, C = S(r.modelValue);
-    R(() => r.modelValue, (d) => {
+    N(() => r.modelValue, (d) => {
       C.value = d;
     });
-    function h(d) {
+    function _(d) {
       t("update:modelValue", C.value), t("change", C.value);
     }
     return (d, u) => (n(), s("label", {
@@ -1933,7 +1934,7 @@ const Y9 = ["disabled"], U9 = /* @__PURE__ */ o("div", { class: "q-switch-inner"
         class: "q-switch-checkbox",
         type: "checkbox",
         "onUpdate:modelValue": u[0] || (u[0] = (g) => C.value = g),
-        onChange: h,
+        onChange: _,
         disabled: r.disabled
       }, null, 40, Y9), [
         [z1, C.value]
@@ -1945,7 +1946,7 @@ const Y9 = ["disabled"], U9 = /* @__PURE__ */ o("div", { class: "q-switch-inner"
 const W9 = { class: "q-text-field-wrapper" }, N9 = ["placeholder"], R9 = { class: "q-text-button-wrapper" }, G9 = ["disabled"], J9 = {
   key: 0,
   class: "q-button-glow"
-}, X9 = /* @__PURE__ */ O({
+}, X9 = /* @__PURE__ */ A({
   __name: "QTextFieldWithButton",
   props: {
     modelValue: {
@@ -1979,23 +1980,23 @@ const W9 = { class: "q-text-field-wrapper" }, N9 = ["placeholder"], R9 = { class
   },
   emits: ["submit", "update:modelValue"],
   setup(e, { emit: t }) {
-    const r = e, C = S(r.defaultText), h = I(() => {
-      const _ = [];
-      return r.layout === "vertical" ? _.push("vertical") : _.push("horizontal"), r.type === "code" && _.push("code"), r.glow && _.push(`glow-${r.glow}`), _.join(" ");
+    const r = e, C = S(r.defaultText), _ = I(() => {
+      const h = [];
+      return r.layout === "vertical" ? h.push("vertical") : h.push("horizontal"), r.type === "code" && h.push("code"), r.glow && h.push(`glow-${r.glow}`), h.join(" ");
     }), d = I(() => {
       var x;
       return r.loading || ((x = C.value) == null ? void 0 : x.trim()).length === 0 ? !1 : r.type === "email" ? u.value : r.type === "code" ? g.value : !0;
     }), u = I(() => {
       var x;
-      const _ = (x = C.value) == null ? void 0 : x.trim();
-      return !r.disabled && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(_);
+      const h = (x = C.value) == null ? void 0 : x.trim();
+      return !r.disabled && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(h);
     }), g = I(() => {
       var x;
-      const _ = (x = C.value) == null ? void 0 : x.trim();
-      return /^\d{6}$/.test(_);
+      const h = (x = C.value) == null ? void 0 : x.trim();
+      return /^\d{6}$/.test(h);
     }), $ = I(() => r.loading ? "Loading..." : r.actionLabel);
-    R(() => r.modelValue, (_) => {
-      C.value = _;
+    N(() => r.modelValue, (h) => {
+      C.value = h;
     });
     function k() {
       d.value && t("submit", { text: C.value });
@@ -2003,8 +2004,8 @@ const W9 = { class: "q-text-field-wrapper" }, N9 = ["placeholder"], R9 = { class
     function m() {
       t("update:modelValue", C.value);
     }
-    return (_, x) => (n(), s("div", {
-      class: D(["q-text-field-with-button", h.value])
+    return (h, x) => (n(), s("div", {
+      class: D(["q-text-field-with-button", _.value])
     }, [
       o("div", W9, [
         i1(o("input", {
@@ -2023,7 +2024,7 @@ const W9 = { class: "q-text-field-wrapper" }, N9 = ["placeholder"], R9 = { class
           onClick: k
         }, P($.value), 9, G9)
       ]),
-      e.glow !== "" ? (n(), s("div", J9)) : F("", !0)
+      e.glow !== "" ? (n(), s("div", J9)) : O("", !0)
     ], 2));
   }
 });
@@ -2038,7 +2039,7 @@ function H1() {
 const K9 = { class: "q-dropdown-menu" }, e5 = { class: "q-dropdown-menu-inner narrow-view" }, t5 = ["onClick"], n5 = {
   key: 0,
   class: "q-dropdown-selected"
-}, o5 = ["src", "alt"], s5 = { class: "menu-title" }, r5 = /* @__PURE__ */ O({
+}, o5 = ["src", "alt"], s5 = { class: "menu-title" }, r5 = /* @__PURE__ */ A({
   __name: "QDropdownMenu",
   props: {
     items: {
@@ -2064,29 +2065,29 @@ const K9 = { class: "q-dropdown-menu" }, e5 = { class: "q-dropdown-menu-inner na
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const r = e, C = Q1(), h = S(!1), d = S(null), u = S(null), g = I(() => {
-      const _ = [];
-      return h.value && _.push("expanded"), r.variant === "outlined" && _.push("frame"), r.hideSelected && _.push("hide-selected"), d.value && (d.value.icon || d.value.image) ? _.push("prepend") : _.push("no-prepend"), _.join(" ");
+    const r = e, C = Q1(), _ = S(!1), d = S(null), u = S(null), g = I(() => {
+      const h = [];
+      return _.value && h.push("expanded"), r.variant === "outlined" && h.push("frame"), r.hideSelected && h.push("hide-selected"), d.value && (d.value.icon || d.value.image) ? h.push("prepend") : h.push("no-prepend"), h.join(" ");
     }), $ = I(() => C.default !== void 0);
     function k() {
-      h.value || H1(), h.value = !h.value, h.value && setTimeout(() => {
+      _.value || H1(), _.value = !_.value, _.value && setTimeout(() => {
         const x = u.value.querySelector(".q-menu");
         x.getBoundingClientRect().left < 0 && (x.style.left = "0");
       }, 10);
     }
-    function m(_) {
-      h.value = !1, d.value = _, _.action && _.action(_), t("change", _);
+    function m(h) {
+      _.value = !1, d.value = h, t("change", h);
     }
-    return R(
+    return N(
       () => r.initialItem,
       () => {
         r.initialItem && (d.value = r.initialItem);
       }
     ), d1(() => {
-      r.initialItem && (d.value = r.initialItem), window.addEventListener("storage", (_) => {
-        _.key === "quailui_global_popup_trigger" && _.newValue && (h.value = !1);
+      r.initialItem && (d.value = r.initialItem), window.addEventListener("storage", (h) => {
+        h.key === "quailui_global_popup_trigger" && h.newValue && (_.value = !1);
       });
-    }), (_, x) => {
+    }), (h, x) => {
       const z = v1("q-icon-chevron-down"), j = v1("q-menu");
       return n(), s("div", K9, [
         o("div", e5, [
@@ -2103,10 +2104,10 @@ const K9 = { class: "q-dropdown-menu" }, e5 = { class: "q-dropdown-menu-inner na
               }, null, 8, o5)) : d.value.icon ? (n(), Z(c1(d.value.icon), {
                 key: 1,
                 class: "icon menu-icon"
-              })) : F("", !0),
+              })) : O("", !0),
               o("div", s5, P(d.value ? d.value.title : r.placeholder || "Select ..."), 1)
-            ])) : F("", !0),
-            t1(_.$slots, "default"),
+            ])) : O("", !0),
+            t1(h.$slots, "default"),
             l1(z, { class: "icon chevron-icon" })
           ], 10, t5),
           o("div", {
@@ -2115,11 +2116,11 @@ const K9 = { class: "q-dropdown-menu" }, e5 = { class: "q-dropdown-menu-inner na
           }, [
             l1(f1, null, {
               default: g1(() => [
-                h.value ? (n(), Z(j, {
+                _.value ? (n(), Z(j, {
                   key: 0,
                   items: e.items,
                   onAction: m
-                }, null, 8, ["items"])) : F("", !0)
+                }, null, 8, ["items"])) : O("", !0)
               ]),
               _: 1
             })
@@ -2135,7 +2136,7 @@ const i5 = { class: "q-pagination" }, c5 = ["disabled"], l5 = {
 }, a5 = { class: "q-page-indicator" }, d5 = ["disabled", "onClick"], u5 = {
   key: 1,
   class: "q-page-indicator-simple"
-}, _5 = { class: "" }, h5 = ["disabled"], C5 = /* @__PURE__ */ O({
+}, _5 = { class: "" }, h5 = ["disabled"], C5 = /* @__PURE__ */ A({
   __name: "QPagination",
   props: {
     modelValue: {
@@ -2166,25 +2167,25 @@ const i5 = { class: "q-pagination" }, c5 = ["disabled"], l5 = {
             k.push({ label: m });
         else {
           k.push({ label: 1 });
-          let m = h.value - 2, _ = h.value + 2;
-          m < 2 && (m = 2, _ = m + $ - 2), _ > r.totalPage - 1 && (_ = r.totalPage - 1, m = _ - $ + 2), m > 2 && k.push({ label: "…", disabled: !0 });
-          for (let x = m; x <= _; x++)
+          let m = _.value - 2, h = _.value + 2;
+          m < 2 && (m = 2, h = m + $ - 2), h > r.totalPage - 1 && (h = r.totalPage - 1, m = h - $ + 2), m > 2 && k.push({ label: "…", disabled: !0 });
+          for (let x = m; x <= h; x++)
             k.push({ label: x });
-          _ < r.totalPage - 1 && k.push({ label: "…", disabled: !0 }), k.push({ label: r.totalPage });
+          h < r.totalPage - 1 && k.push({ label: "…", disabled: !0 }), k.push({ label: r.totalPage });
         }
       return k;
-    }), h = S(r.modelValue);
-    R(() => r.modelValue, ($) => {
-      h.value = $;
+    }), _ = S(r.modelValue);
+    N(() => r.modelValue, ($) => {
+      _.value = $;
     });
     function d() {
-      h.value--, t("change:prev", h.value), t("update:modelValue", h.value);
+      _.value--, t("change:prev", _.value), t("update:modelValue", _.value);
     }
     function u() {
-      h.value++, t("change:next", h.value), t("update:modelValue", h.value);
+      _.value++, t("change:next", _.value), t("update:modelValue", _.value);
     }
     function g($, k) {
-      k.disabled || (h.value = $, t("change:goto", h.value), t("update:modelValue", h.value));
+      k.disabled || (_.value = $, t("change:goto", _.value), t("update:modelValue", _.value));
     }
     return ($, k) => (n(), s("div", i5, [
       o("button", {
@@ -2197,9 +2198,9 @@ const i5 = { class: "q-pagination" }, c5 = ["disabled"], l5 = {
       e.totalPage !== 0 ? (n(), s("div", l5, [
         (n(!0), s(m1, null, k1(C.value, (m) => (n(), s("div", a5, [
           o("button", {
-            class: D(["q-page-indicator q-button button sm plain", m.label === h.value ? "active" : ""]),
+            class: D(["q-page-indicator q-button button sm plain", m.label === _.value ? "active" : ""]),
             disabled: m.disabled,
-            onClick: (_) => g(m.label, m)
+            onClick: (h) => g(m.label, m)
           }, P(m.label), 11, d5)
         ]))), 256))
       ])) : (n(), s("div", u5, [
@@ -2217,7 +2218,7 @@ const i5 = { class: "q-pagination" }, c5 = ["disabled"], l5 = {
 });
 const f5 = { class: "q-progress-slot" }, g5 = /* @__PURE__ */ o("div", { class: "q-progress-bar-inner" }, null, -1), w5 = [
   g5
-], p5 = /* @__PURE__ */ O({
+], p5 = /* @__PURE__ */ A({
   __name: "QProgress",
   props: {
     infinite: {
@@ -2239,7 +2240,7 @@ const f5 = { class: "q-progress-slot" }, g5 = /* @__PURE__ */ o("div", { class:
   },
   setup(e) {
     const t = e, r = I(() => t.infinite ? "100%" : `${t.value / t.max * 100}%`), C = I(() => t.value >= t.max);
-    return (h, d) => (n(), s("div", {
+    return (_, d) => (n(), s("div", {
       class: D(["q-progress", e.color])
     }, [
       o("div", f5, [
@@ -2251,7 +2252,7 @@ const f5 = { class: "q-progress-slot" }, g5 = /* @__PURE__ */ o("div", { class:
     ], 2));
   }
 });
-const v5 = /* @__PURE__ */ O({
+const v5 = /* @__PURE__ */ A({
   __name: "QLanguageSelector",
   props: {
     lang: {
@@ -2273,7 +2274,7 @@ const v5 = /* @__PURE__ */ O({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const r = e, C = S(null), h = I(() => {
+    const r = e, C = S(null), _ = I(() => {
       let u = [
         {
           title_flag: "🇺🇸 English",
@@ -2316,14 +2317,14 @@ const v5 = /* @__PURE__ */ O({
         value: u.value
       });
     }
-    return R(() => r.lang, (u) => {
-      C.value = h.value.find((g) => u === g.value);
+    return N(() => r.lang, (u) => {
+      C.value = _.value.find((g) => u === g.value);
     }), d1(() => {
-      C.value = h.value.find((u) => r.lang === u.value || localStorage.getItem("quail-language") === u.value) || h.value[0];
+      C.value = _.value.find((u) => r.lang === u.value || localStorage.getItem("quail-language") === u.value) || _.value[0];
     }), (u, g) => {
       const $ = v1("QDropdownMenu");
       return n(), Z($, {
-        items: h.value,
+        items: _.value,
         "initial-item": C.value
       }, null, 8, ["items", "initial-item"]);
     };