x-essential-lib 0.8.4 → 0.8.5

package/dist/index.js

@@ -1,19 +1,19 @@
 (function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.id="x-essential-lib",t.appendChild(document.createTextNode('.fade-leave-active[data-v-0c686889]{transition:opacity .5s ease}.fade-leave-to[data-v-0c686889]{opacity:0}.x-cont[data-v-0c686889]{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center}.lds-spinner[data-v-0c686889]{color:official;display:inline-block;position:relative;width:40px;height:40px}.lds-spinner div[data-v-0c686889]{transform-origin:20px 20px;animation:lds-spinner-0c686889 1.2s linear infinite}.lds-spinner div[data-v-0c686889]:after{content:" ";display:block;position:absolute;top:3px;left:18px;width:2px;height:6px;border-radius:5%;background:#9e9e9e}.lds-spinner div[data-v-0c686889]:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner div[data-v-0c686889]:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div[data-v-0c686889]:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div[data-v-0c686889]:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div[data-v-0c686889]:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div[data-v-0c686889]:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div[data-v-0c686889]:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div[data-v-0c686889]:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div[data-v-0c686889]:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div[data-v-0c686889]:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div[data-v-0c686889]:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div[data-v-0c686889]:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner-0c686889{0%{opacity:1}to{opacity:0}}.x-item[data-v-d5cfe252]{width:600px}@media (max-width: 600px){.x-item[data-v-d5cfe252]{width:calc(100vw - 16px)}}.x-cont[data-v-c6a59757]{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:9999}')),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-import { computed as w, provide as T, inject as A, ref as v, getCurrentInstance as _e, hasInjectionContext as ie, watch as K, getCurrentScope as je, onScopeDispose as Re, shallowRef as ee, watchEffect as Ve, toValue as q, onMounted as E, unref as z, onBeforeUnmount as $, onBeforeMount as Ae, defineComponent as B, resolveComponent as x, createBlock as V, openBlock as L, withKeys as Z, withModifiers as H, isRef as Q, withCtx as y, createVNode as C, createTextVNode as O, toDisplayString as R, Transition as qe, createElementBlock as te, createCommentVNode as oe, normalizeStyle as de, createElementVNode as h, Fragment as Oe, renderList as Ie, useTemplateRef as Te } from "vue";
+import { computed as x, provide as T, inject as A, ref as g, getCurrentInstance as _e, hasInjectionContext as ie, watch as K, getCurrentScope as je, onScopeDispose as Re, shallowRef as ee, watchEffect as Ve, toValue as q, onMounted as B, unref as z, onBeforeUnmount as $, onBeforeMount as Ae, defineComponent as E, resolveComponent as b, createBlock as V, openBlock as D, withKeys as Z, withModifiers as H, isRef as Q, withCtx as w, createVNode as L, createTextVNode as O, toDisplayString as R, Transition as qe, createElementBlock as te, createCommentVNode as oe, normalizeStyle as de, createElementVNode as y, Fragment as Oe, renderList as Ie, useTemplateRef as Te } from "vue";
 import { useI18n as ne } from "vue-i18n";
-import { useTheme as fe, useDisplay as Ee } from "vuetify";
-import { useRouter as ge, useRoute as Be } from "vue-router";
+import { useTheme as fe, useDisplay as Be } from "vuetify";
+import { useRouter as ge, useRoute as Ee } from "vue-router";
 import We from "axios";
 function Ue() {
-  const e = fe(), t = w(() => e.global.current.value.colors.primary), a = w(() => e.global.current.value.colors.secondary), o = w(() => e.current.value.dark ? "#2e2e2e" : "#bdbdbd"), r = w(() => e.current.value.dark ? "#272727" : "#eeeeee"), l = w(() => e.current.value.dark ? "#1e1e1e" : "#ffffff"), c = w(() => e.current.value.dark ? "#303030" : "#f6f6f6"), n = w(() => e.current.value.dark ? "#ffffff1f" : "#0000001f");
+  const e = fe(), t = x(() => e.global.current.value.colors.primary), a = x(() => e.global.current.value.colors.secondary), o = x(() => e.current.value.dark ? "#2e2e2e" : "#bdbdbd"), n = x(() => e.current.value.dark ? "#272727" : "#eeeeee"), l = x(() => e.current.value.dark ? "#1e1e1e" : "#ffffff"), c = x(() => e.current.value.dark ? "#303030" : "#f6f6f6"), r = x(() => e.current.value.dark ? "#ffffff1f" : "#0000001f");
   return {
     primaryColor: t,
     secondaryColor: a,
     backgroundColor0: o,
-    backgroundColor1: r,
+    backgroundColor1: n,
     backgroundColor2: l,
     highlightColor: c,
-    borderColor: n
+    borderColor: r
   };
 }
 /*! js-cookie v3.0.5 | MIT */
@@ -37,47 +37,47 @@ var $e = {
   }
 };
 function ae(e, t) {
-  function a(r, l, c) {
+  function a(n, l, c) {
     if (!(typeof document > "u")) {
-      c = N({}, t, c), typeof c.expires == "number" && (c.expires = new Date(Date.now() + c.expires * 864e5)), c.expires && (c.expires = c.expires.toUTCString()), r = encodeURIComponent(r).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
-      var n = "";
+      c = N({}, t, c), typeof c.expires == "number" && (c.expires = new Date(Date.now() + c.expires * 864e5)), c.expires && (c.expires = c.expires.toUTCString()), n = encodeURIComponent(n).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
+      var r = "";
       for (var u in c)
-        c[u] && (n += "; " + u, c[u] !== !0 && (n += "=" + c[u].split(";")[0]));
-      return document.cookie = r + "=" + e.write(l, r) + n;
+        c[u] && (r += "; " + u, c[u] !== !0 && (r += "=" + c[u].split(";")[0]));
+      return document.cookie = n + "=" + e.write(l, n) + r;
     }
   }
-  function o(r) {
-    if (!(typeof document > "u" || arguments.length && !r)) {
-      for (var l = document.cookie ? document.cookie.split("; ") : [], c = {}, n = 0; n < l.length; n++) {
-        var u = l[n].split("="), s = u.slice(1).join("=");
+  function o(n) {
+    if (!(typeof document > "u" || arguments.length && !n)) {
+      for (var l = document.cookie ? document.cookie.split("; ") : [], c = {}, r = 0; r < l.length; r++) {
+        var u = l[r].split("="), s = u.slice(1).join("=");
         try {
-          var d = decodeURIComponent(u[0]);
-          if (c[d] = e.read(s, d), r === d)
+          var i = decodeURIComponent(u[0]);
+          if (c[i] = e.read(s, i), n === i)
             break;
         } catch {
         }
       }
-      return r ? c[r] : c;
+      return n ? c[n] : c;
     }
   }
   return Object.create(
     {
       set: a,
       get: o,
-      remove: function(r, l) {
+      remove: function(n, l) {
         a(
-          r,
+          n,
           "",
           N({}, l, {
             expires: -1
           })
         );
       },
-      withAttributes: function(r) {
-        return ae(this.converter, N({}, this.attributes, r));
+      withAttributes: function(n) {
+        return ae(this.converter, N({}, this.attributes, n));
       },
-      withConverter: function(r) {
-        return ae(N({}, this.converter, r), this.attributes);
+      withConverter: function(n) {
+        return ae(N({}, this.converter, n), this.attributes);
       }
     },
     {
@@ -112,9 +112,9 @@ function ze(e) {
   return e.data;
 }
 function Fe(e, t) {
-  var r, l;
+  var n, l;
   const o = e.response;
-  return o && (o.status === 401 && Xe(), (r = o.data) != null && r.message ? t((l = o.data) == null ? void 0 : l.message) : t({
+  return o && (o.status === 401 && Xe(), (n = o.data) != null && n.message ? t((l = o.data) == null ? void 0 : l.message) : t({
     code: o.status,
     message: o.statusText
   })), Promise.reject(e);
@@ -131,10 +131,10 @@ function Ne(e) {
     o && (a ? o.splice(o.indexOf(a) >>> 0, 1) : e.set(t, []));
   }, emit: function(t, a) {
     var o = e.get(t);
-    o && o.slice().map(function(r) {
-      r(a);
-    }), (o = e.get("*")) && o.slice().map(function(r) {
-      r(t, a);
+    o && o.slice().map(function(n) {
+      n(a);
+    }), (o = e.get("*")) && o.slice().map(function(n) {
+      n(t, a);
     });
   } };
 }
@@ -148,9 +148,9 @@ async function Yt(e) {
 }
 async function re(e, t, a) {
   const o = Date.now();
-  return new Promise((r) => {
+  return new Promise((n) => {
     const l = async () => {
-      e() ? r(!0) : t && Date.now() - o > t ? r(!1) : setTimeout(l, a ?? 30);
+      e() ? n(!0) : t && Date.now() - o > t ? n(!1) : setTimeout(l, a ?? 30);
     };
     l();
   });
@@ -176,8 +176,8 @@ async function Pt(e) {
   let t = !1, a;
   const o = (l) => {
     a = l, t = !0;
-  }, r = me();
-  return p.on("confirmDlgResult" + r, o), p.emit("confirmDlg", { ...e, seq: r }), await re(() => t), p.off("confirmDlgResult" + r, o), a;
+  }, n = me();
+  return p.on("confirmDlgResult" + n, o), p.emit("confirmDlg", { ...e, seq: n }), await re(() => t), p.off("confirmDlgResult" + n, o), a;
 }
 async function ea(e) {
   if (!ve())
@@ -185,8 +185,8 @@ async function ea(e) {
   let t = !1, a;
   const o = (l) => {
     a = l, t = !0;
-  }, r = me();
-  return p.on("promptDlgResult" + r, o), p.emit("promptDlg", { ...e, seq: r }), await re(() => t), p.off("promptDlgResult" + r, o), a;
+  }, n = me();
+  return p.on("promptDlgResult" + n, o), p.emit("promptDlg", { ...e, seq: n }), await re(() => t), p.off("promptDlgResult" + n, o), a;
 }
 function ta(e) {
   p.emit("openWaitDlg", { text: e });
@@ -211,11 +211,11 @@ function se(e, t) {
   if (!e)
     return !1;
   let a = e;
-  return Object.keys(a).length <= 0 || (t.split("/").forEach((r) => {
+  return Object.keys(a).length <= 0 || (t.split("/").forEach((n) => {
     if (Object.keys(a).length <= 0)
       return !0;
-    if (a[r])
-      a = a[r];
+    if (a[n])
+      a = a[n];
     else
       return !1;
   }), Object.keys(a).length <= 0);
@@ -371,27 +371,27 @@ const lt = [
 ];
 function G(e) {
   let t, a = 0;
-  const o = e.split("/").filter((r) => r.trim() !== "");
-  return lt.forEach((r) => {
-    const l = r.path.split("/").filter((n) => n.trim() !== "");
+  const o = e.split("/").filter((n) => n.trim() !== "");
+  return lt.forEach((n) => {
+    const l = n.path.split("/").filter((r) => r.trim() !== "");
     let c = 0;
-    for (let n = 0; n < o.length && !(n >= l.length || o[n] !== l[n]); n++)
+    for (let r = 0; r < o.length && !(r >= l.length || o[r] !== l[r]); r++)
       c++;
-    c > 0 && c > a && (t = r, a = c);
+    c > 0 && c > a && (t = n, a = c);
   }), t;
 }
-const J = v("");
+const J = g("");
 function S(e, t, a) {
   t === "/" && (t = a);
-  const o = G(e), r = G(t);
+  const o = G(e), n = G(t);
   if (!o) {
     console.assert(!1);
     return;
   }
-  if (console.info(`~~~~routeChange~~~~ ${t} -> ${e}`), !r)
+  if (console.info(`~~~~routeChange~~~~ ${t} -> ${e}`), !n)
     return;
-  const l = o.app === r.app, c = o.path === r.path, n = o.level >= r.level;
-  l ? c ? J.value = "" : J.value = n ? "inner-left" : "inner-right" : (J.value = "", Ze(o.app, n));
+  const l = o.app === n.app, c = o.path === n.path, r = o.level >= n.level;
+  l ? c ? J.value = "" : J.value = r ? "inner-left" : "inner-right" : (J.value = "", Ze(o.app, r));
 }
 function ct() {
   return !!I.get("accessToken");
@@ -400,41 +400,41 @@ function ut() {
   return !!I.get("activeOrg");
 }
 function _a(e, t, a, o) {
-  const r = ct(), l = ut(), c = G(e.path);
+  const n = ct(), l = ut(), c = G(e.path);
   if (!c) {
     console.assert(!1), a();
     return;
   }
   if (c.requiredState === "auth")
-    if (r)
+    if (n)
       if (l) {
-        const n = "/main";
-        S(n, t.path, o), a({ path: n });
+        const r = "/main";
+        S(r, t.path, o), a({ path: r });
       } else
         S(e.path, t.path, o), a();
     else {
-      const n = "/passport/login";
-      S(n, t.path, o), a({ path: n });
+      const r = "/passport/login";
+      S(r, t.path, o), a({ path: r });
     }
   else if (c.requiredState === "org")
-    if (r)
+    if (n)
       if (l)
         S(e.path, t.path, o), a();
       else {
-        const n = "/org/joinOrCreate";
-        S(n, t.path, o), a({ path: n });
+        const r = "/org/joinOrCreate";
+        S(r, t.path, o), a({ path: r });
       }
     else {
-      const n = "/passport/login";
-      S(n, t.path, o), a({ path: n });
+      const r = "/passport/login";
+      S(r, t.path, o), a({ path: r });
     }
-  else if (r)
+  else if (n)
     if (l) {
-      const n = "/main";
-      S(n, t.path, o), a({ path: n });
+      const r = "/main";
+      S(r, t.path, o), a({ path: r });
     } else {
-      const n = "/org/joinOrCreate";
-      S(n, t.path, o), a({ path: n });
+      const r = "/org/joinOrCreate";
+      S(r, t.path, o), a({ path: r });
     }
   else
     S(e.path, t.path, o), a();
@@ -498,29 +498,29 @@ function yt(e) {
 }
 function wt(...e) {
   const t = [], a = () => {
-    t.forEach((n) => n()), t.length = 0;
-  }, o = (n, u, s, d) => (n.addEventListener(u, s, d), () => n.removeEventListener(u, s, d)), r = w(() => {
-    const n = P(q(e[0])).filter((u) => u != null);
-    return n.every((u) => typeof u != "string") ? n : void 0;
+    t.forEach((r) => r()), t.length = 0;
+  }, o = (r, u, s, i) => (r.addEventListener(u, s, i), () => r.removeEventListener(u, s, i)), n = x(() => {
+    const r = P(q(e[0])).filter((u) => u != null);
+    return r.every((u) => typeof u != "string") ? r : void 0;
   }), l = ht(
     () => {
-      var n, u;
+      var r, u;
       return [
-        (u = (n = r.value) == null ? void 0 : n.map((s) => yt(s))) != null ? u : [Le].filter((s) => s != null),
-        P(q(r.value ? e[1] : e[0])),
-        P(z(r.value ? e[2] : e[1])),
+        (u = (r = n.value) == null ? void 0 : r.map((s) => yt(s))) != null ? u : [Le].filter((s) => s != null),
+        P(q(n.value ? e[1] : e[0])),
+        P(z(n.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        q(r.value ? e[3] : e[2])
+        q(n.value ? e[3] : e[2])
       ];
     },
-    ([n, u, s, d]) => {
-      if (a(), !(n != null && n.length) || !(u != null && u.length) || !(s != null && s.length))
+    ([r, u, s, i]) => {
+      if (a(), !(r != null && r.length) || !(u != null && u.length) || !(s != null && s.length))
         return;
-      const g = mt(d) ? { ...d } : d;
+      const v = mt(i) ? { ...i } : i;
       t.push(
-        ...n.flatMap(
-          (b) => u.flatMap(
-            (m) => s.map((_) => o(b, m, _, g))
+        ...r.flatMap(
+          (k) => u.flatMap(
+            (m) => s.map((_) => o(k, m, _, v))
           )
         )
       );
@@ -533,13 +533,13 @@ function wt(...e) {
 }
 function xt() {
   const e = ee(!1), t = _e();
-  return t && E(() => {
+  return t && B(() => {
     e.value = !0;
   }, t), e;
 }
 function bt(e) {
   const t = xt();
-  return w(() => (t.value, !!e()));
+  return x(() => (t.value, !!e()));
 }
 const kt = Symbol("vueuse-ssr-width");
 function Ct() {
@@ -547,80 +547,82 @@ function Ct() {
   return typeof e == "number" ? e : void 0;
 }
 function Lt(e, t = {}) {
-  const { window: a = Le, ssrWidth: o = Ct() } = t, r = bt(() => a && "matchMedia" in a && typeof a.matchMedia == "function"), l = v(typeof o == "number"), c = ee(), n = ee(!1), u = (s) => {
-    n.value = s.matches;
+  const { window: a = Le, ssrWidth: o = Ct() } = t, n = bt(() => a && "matchMedia" in a && typeof a.matchMedia == "function"), l = g(typeof o == "number"), c = ee(), r = ee(!1), u = (s) => {
+    r.value = s.matches;
   };
   return Ve(() => {
     if (l.value) {
-      l.value = !r.value;
+      l.value = !n.value;
       const s = q(e).split(",");
-      n.value = s.some((d) => {
-        const g = d.includes("not all"), b = d.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), m = d.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
-        let _ = !!(b || m);
-        return b && _ && (_ = o >= pe(b[1])), m && _ && (_ = o <= pe(m[1])), g ? !_ : _;
+      r.value = s.some((i) => {
+        const v = i.includes("not all"), k = i.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), m = i.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
+        let _ = !!(k || m);
+        return k && _ && (_ = o >= pe(k[1])), m && _ && (_ = o <= pe(m[1])), v ? !_ : _;
       });
       return;
     }
-    r.value && (c.value = a.matchMedia(q(e)), n.value = c.value.matches);
-  }), wt(c, "change", u, { passive: !0 }), w(() => n.value);
+    n.value && (c.value = a.matchMedia(q(e)), r.value = c.value.matches);
+  }), wt(c, "change", u, { passive: !0 }), x(() => r.value);
 }
 function Dt(e) {
   return Lt("(prefers-color-scheme: dark)", e);
 }
-function fa(e, t, a, o, r, l) {
-  const c = Be(), n = ge();
-  Ye(e), Pe(t), et(a), at(o), ot(r), nt(l);
+function fa(e, t, a, o, n, l) {
+  const c = Ee(), r = ge();
+  Ye(e), Pe(t), et(a), at(o), ot(n), nt(l);
   const u = fe(), s = Dt();
   K(
     e,
     () => {
-      let i = !1;
-      typeof e.value == "boolean" ? i = e.value : i = s.value, u.global.name.value = i ? "dark" : "light";
+      let d = !1;
+      typeof e.value == "boolean" ? d = e.value : d = s.value, u.global.name.value = d ? "dark" : "light";
     },
     { immediate: !0 }
   );
-  const d = (i) => {
-    if (i.key === "Escape") {
-      g();
-      return;
-    }
-  }, g = () => {
-    var k;
+  const i = () => {
+    var C;
     if (!st(l)) {
       Ce(l, "waitDlg") || it(l);
       return;
     }
-    const i = G(c.path);
-    if (!i) {
+    const d = G(c.path);
+    if (!d) {
       console.assert(!1);
       return;
     }
-    i.level === 0 ? (k = navigator == null ? void 0 : navigator.Backbutton) == null || k.goHome(
+    d.level === 0 ? (C = navigator == null ? void 0 : navigator.Backbutton) == null || C.goHome(
       () => {
       },
       () => {
       }
-    ) : i.level === 1 ? n.replace({ path: "/main" }) : n.back();
+    ) : r.back();
+  }, v = (d) => {
+    if (d.key === "Escape") {
+      i();
+      return;
+    }
+  }, k = () => {
+    i();
   };
-  E(() => {
-    window.addEventListener("keydown", d), p.on("backbutton", g);
+  B(() => {
+    window.addEventListener("keydown", v), p.on("backbutton", k);
   }), $(() => {
-    window.removeEventListener("keydown", d), p.off("backbutton", g);
+    window.removeEventListener("keydown", v), p.off("backbutton", k);
   });
-  const b = (i) => {
-    e.value = i;
-  }, m = (i) => {
-    t.value = i;
-  }, _ = (i) => {
-    const k = i;
-    a.value = k[0], o.value = k[1];
-  }, D = (i) => {
-    r.value = i;
+  const m = (d) => {
+    e.value = d;
+  }, _ = (d) => {
+    t.value = d;
+  }, M = (d) => {
+    const C = d;
+    a.value = C[0], o.value = C[1];
+  }, h = (d) => {
+    n.value = d;
   };
   Ae(() => {
-    p.on("updateDark", b), p.on("updateLocale", m), p.on("updatePermission", _), p.on("updateLastAppPath", D), p.emit("syncGlobalState");
+    p.on("updateDark", m), p.on("updateLocale", _), p.on("updatePermission", M), p.on("updateLastAppPath", h), p.emit("syncGlobalState");
   }), $(() => {
-    p.off("updateDark", b), p.off("updateLocale", m), p.off("updatePermission", _), p.off("updateLastAppPath", D);
+    p.off("updateDark", m), p.off("updateLocale", _), p.off("updatePermission", M), p.off("updateLastAppPath", h);
   });
 }
 function ga() {
@@ -635,81 +637,81 @@ function ga() {
   return { verifyPermission: t };
 }
 function va() {
-  const e = w(() => !!window.cordova), t = Ee(), a = w(() => t.width.value <= 1280 ? t.width.value + "px" : t.width.value <= 1920 ? 1920 / 2.5 + "px" : 2560 / 2.5 + "px");
+  const e = x(() => !!window.cordova), t = Be(), a = x(() => t.width.value <= 1280 ? t.width.value + "px" : t.width.value <= 1920 ? 1920 / 2.5 + "px" : 2560 / 2.5 + "px");
   return { sysBarAvail: e, compactWidth: a };
 }
 function le(e, t) {
-  const a = rt(), o = w({
+  const a = rt(), o = x({
     get() {
       return Ce(a, e);
     },
     set(l) {
       l ? pt(a, e) : _t(a, e);
     }
-  }), r = (l) => {
+  }), n = (l) => {
     t == null || t(l), o.value = !0;
   };
-  return E(() => {
-    p.on(e, r);
+  return B(() => {
+    p.on(e, n);
   }), $(() => {
-    p.off(e, r);
+    p.off(e, n);
   }), { open: o };
 }
-const Mt = /* @__PURE__ */ B({
+const Mt = /* @__PURE__ */ E({
   __name: "index",
   setup(e) {
-    const { t } = ne(), a = v(""), o = v(""), r = v(""), l = v(""), c = v(""), n = v("");
+    const { t } = ne(), a = g(""), o = g(""), n = g(""), l = g(""), c = g(""), r = g("");
     let u = 0, s = !1;
-    const d = (m) => {
-      var D, i, k, M;
+    const i = (m) => {
+      var M, h, d, C;
       const _ = m;
-      a.value = _.title, o.value = _.text, r.value = ((D = _.cancel) == null ? void 0 : D.color) ?? "primary", l.value = ((i = _.cancel) == null ? void 0 : i.text) ?? t("dlg.common.cancel"), c.value = ((k = _.confirm) == null ? void 0 : k.color) ?? "primary", n.value = ((M = _.confirm) == null ? void 0 : M.text) ?? t("dlg.common.confirm"), u = _.seq, s = !1, g.value = !0;
-    }, { open: g } = le("confirmDlg", d), b = () => {
-      g.value = !1, s || (p.emit("confirmDlgResult" + u, !0), s = !0);
+      a.value = _.title, o.value = _.text, n.value = ((M = _.cancel) == null ? void 0 : M.color) ?? "primary", l.value = ((h = _.cancel) == null ? void 0 : h.text) ?? t("dlg.common.cancel"), c.value = ((d = _.confirm) == null ? void 0 : d.color) ?? "primary", r.value = ((C = _.confirm) == null ? void 0 : C.text) ?? t("dlg.common.confirm"), u = _.seq, s = !1, v.value = !0;
+    }, { open: v } = le("confirmDlg", i), k = () => {
+      v.value = !1, s || (p.emit("confirmDlgResult" + u, !0), s = !0);
     };
-    return K(g, (m) => {
+    return K(v, (m) => {
       !m && !s && (p.emit("confirmDlgResult" + u, !1), s = !0);
     }), (m, _) => {
-      const D = x("v-card-text"), i = x("v-btn"), k = x("v-card-actions"), M = x("v-card"), f = x("v-dialog");
-      return L(), V(f, {
-        modelValue: z(g),
-        "onUpdate:modelValue": _[1] || (_[1] = (j) => Q(g) ? g.value = j : null),
+      const M = b("v-card-text"), h = b("v-btn"), d = b("v-card-actions"), C = b("v-card"), f = b("v-dialog");
+      return D(), V(f, {
+        modelValue: z(v),
+        "onUpdate:modelValue": _[1] || (_[1] = (j) => Q(v) ? v.value = j : null),
         transition: "dialog-top-transition",
         "max-width": "600px",
         attach: "",
         onKeydown: [
-          _[2] || (_[2] = Z(H((j) => g.value = !1, ["stop", "prevent"]), ["esc"])),
-          Z(H(b, ["stop", "prevent"]), ["enter"])
+          _[2] || (_[2] = Z(H((j) => v.value = !1, ["stop", "prevent"]), ["esc"])),
+          Z(H(k, ["stop", "prevent"]), ["enter"])
         ]
       }, {
-        default: y(() => [
-          C(M, { title: a.value }, {
-            default: y(() => [
-              C(D, null, {
-                default: y(() => [
+        default: w(() => [
+          L(C, { title: a.value }, {
+            default: w(() => [
+              L(M, null, {
+                default: w(() => [
                   O(R(o.value), 1)
                 ]),
                 _: 1
               }),
-              C(k, { class: "d-flex justify-end" }, {
-                default: y(() => [
-                  C(i, {
-                    color: r.value,
+              L(d, { class: "d-flex justify-end" }, {
+                default: w(() => [
+                  L(h, {
+                    color: n.value,
                     variant: "text",
-                    onClick: _[0] || (_[0] = (j) => g.value = !1)
+                    onClick: _[0] || (_[0] = (j) => v.value = !1)
                   }, {
-                    default: y(() => [
+                    default: w(() => [
                       O(R(l.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"]),
-                  C(i, {
+                  L(h, {
                     color: c.value,
                     variant: "text",
-                    onClick: b
+                    onClick: k
                   }, {
-                    default: y(() => [
-                      O(R(n.value), 1)
+                    default: w(() => [
+                      O(R(r.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"])
@@ -724,38 +726,38 @@ const Mt = /* @__PURE__ */ B({
       }, 8, ["modelValue", "onKeydown"]);
     };
   }
-}), St = /* @__PURE__ */ B({
+}), St = /* @__PURE__ */ E({
   __name: "index",
   props: {
     open: { type: Boolean, default: !0 },
     zIndex: { default: 1 }
   },
   setup(e) {
-    const { backgroundColor2: t } = Ue(), a = w(() => ({
+    const { backgroundColor2: t } = Ue(), a = x(() => ({
       background: t.value,
       zIndex: e.zIndex
     }));
     let o = 0;
-    return (r, l) => (L(), V(qe, { name: "fade" }, {
-      default: y(() => [
-        r.open ? (L(), te("div", {
+    return (n, l) => (D(), V(qe, { name: "fade" }, {
+      default: w(() => [
+        n.open ? (D(), te("div", {
           key: Q(o) ? ++o.value : ++o,
           class: "x-cont",
           style: de(a.value)
         }, l[0] || (l[0] = [
-          h("div", { class: "lds-spinner" }, [
-            h("div"),
-            h("div"),
-            h("div"),
-            h("div"),
-            h("div"),
-            h("div"),
-            h("div"),
-            h("div"),
-            h("div"),
-            h("div"),
-            h("div"),
-            h("div")
+          y("div", { class: "lds-spinner" }, [
+            y("div"),
+            y("div"),
+            y("div"),
+            y("div"),
+            y("div"),
+            y("div"),
+            y("div"),
+            y("div"),
+            y("div"),
+            y("div"),
+            y("div"),
+            y("div")
           ], -1)
         ]), 4)) : oe("", !0)
       ]),
@@ -764,12 +766,12 @@ const Mt = /* @__PURE__ */ B({
   }
 }), ce = (e, t) => {
   const a = e.__vccOpts || e;
-  for (const [o, r] of t)
-    a[o] = r;
+  for (const [o, n] of t)
+    a[o] = n;
   return a;
 }, jt = /* @__PURE__ */ ce(St, [["__scopeId", "data-v-0c686889"]]);
 var Rt = "M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z", Vt = "M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z", At = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", qt = "M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z", Ot = "M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z";
-const It = /* @__PURE__ */ B({
+const It = /* @__PURE__ */ E({
   __name: "item",
   props: {
     id: {},
@@ -779,10 +781,10 @@ const It = /* @__PURE__ */ B({
   },
   emits: ["timeout"],
   setup(e, { emit: t }) {
-    const a = e, o = w(() => ({
+    const a = e, o = x(() => ({
       width: "calc(100% - 64px)",
       overflowWrap: "break-word"
-    })), r = w(() => {
+    })), n = x(() => {
       switch (a.type) {
         case "success":
           return Vt;
@@ -795,68 +797,68 @@ const It = /* @__PURE__ */ B({
         default:
           return "";
       }
-    }), l = v(!0), c = t;
-    return E(() => {
+    }), l = g(!0), c = t;
+    return B(() => {
       setTimeout(() => {
         c("timeout", a.id);
       }, a.timeout);
-    }), K(l, (n) => {
-      n || c("timeout", a.id);
-    }), (n, u) => {
-      const s = x("v-icon"), d = x("v-sheet");
-      return L(), V(d, {
+    }), K(l, (r) => {
+      r || c("timeout", a.id);
+    }), (r, u) => {
+      const s = b("v-icon"), i = b("v-sheet");
+      return D(), V(i, {
         class: "x-item d-flex align-center py-2 mb-2",
         color: a.type,
         elevation: 1
       }, {
-        default: y(() => [
-          r.value ? (L(), V(s, {
+        default: w(() => [
+          n.value ? (D(), V(s, {
             key: 0,
             class: "mx-1",
-            icon: r.value
+            icon: n.value
           }, null, 8, ["icon"])) : oe("", !0),
-          h("div", {
+          y("div", {
             style: de(o.value)
           }, R(a.text), 5),
-          C(s, {
+          L(s, {
             class: "mx-1",
             icon: z(At),
-            onClick: u[0] || (u[0] = (g) => c("timeout", a.id))
+            onClick: u[0] || (u[0] = (v) => c("timeout", a.id))
           }, null, 8, ["icon"])
         ]),
         _: 1
       }, 8, ["color"]);
     };
   }
-}), Tt = /* @__PURE__ */ ce(It, [["__scopeId", "data-v-d5cfe252"]]), Et = /* @__PURE__ */ B({
+}), Tt = /* @__PURE__ */ ce(It, [["__scopeId", "data-v-d5cfe252"]]), Bt = /* @__PURE__ */ E({
   __name: "index",
   setup(e) {
-    const t = v([]);
-    E(() => {
+    const t = g([]);
+    B(() => {
       p.on("message", a);
     }), $(() => {
       p.off("message", a);
     });
-    const a = (n) => {
-      const { type: u, text: s, timeout: d } = n;
-      l(u, s, d);
-    }, o = (n) => {
-      c(n);
+    const a = (r) => {
+      const { type: u, text: s, timeout: i } = r;
+      l(u, s, i);
+    }, o = (r) => {
+      c(r);
     };
-    let r = 0;
-    const l = (n, u, s) => {
-      const d = r++;
-      t.value.push({ id: d, type: n, text: u, timeout: s });
-    }, c = (n) => {
-      const u = t.value.findIndex((s) => s.id === n);
+    let n = 0;
+    const l = (r, u, s) => {
+      const i = n++;
+      t.value.push({ id: i, type: r, text: u, timeout: s });
+    }, c = (r) => {
+      const u = t.value.findIndex((s) => s.id === r);
       u >= 0 && t.value.splice(u, 1);
     };
-    return (n, u) => (L(), te("div", {
+    return (r, u) => (D(), te("div", {
       class: "x-cont d-flex flex-column-reverse align-center",
       onClick: u[0] || (u[0] = H(() => {
       }, ["stop"]))
     }, [
-      (L(!0), te(Oe, null, Ie(t.value, (s) => (L(), V(Tt, {
+      (D(!0), te(Oe, null, Ie(t.value, (s) => (D(), V(Tt, {
         id: s.id,
         key: s.id,
         type: s.type,
@@ -866,75 +868,75 @@ const It = /* @__PURE__ */ B({
       }, null, 8, ["id", "type", "text", "timeout"]))), 128))
     ]));
   }
-}), Bt = /* @__PURE__ */ ce(Et, [["__scopeId", "data-v-c6a59757"]]), Wt = /* @__PURE__ */ B({
+}), Et = /* @__PURE__ */ ce(Bt, [["__scopeId", "data-v-c6a59757"]]), Wt = /* @__PURE__ */ E({
   __name: "index",
   setup(e) {
-    const { t } = ne(), a = v(""), o = v(""), r = v(""), l = v(""), c = v(), n = v(""), u = v(""), s = v(""), d = v(""), g = v(""), b = Te("target");
+    const { t } = ne(), a = g(""), o = g(""), n = g(""), l = g(""), c = g(), r = g(""), u = g(""), s = g(""), i = g(""), v = g(""), k = Te("target");
     let m = 0, _ = !1;
-    const D = async (M) => {
+    const M = async (C) => {
       var j, F, X, W;
-      const f = M;
-      a.value = f.title, o.value = f.text, r.value = f.label, l.value = f.placeholder, c.value = f.rules, n.value = f.value, u.value = ((j = f.cancel) == null ? void 0 : j.color) ?? "primary", s.value = ((F = f.cancel) == null ? void 0 : F.text) ?? t("dlg.common.cancel"), d.value = ((X = f.confirm) == null ? void 0 : X.color) ?? "primary", g.value = ((W = f.confirm) == null ? void 0 : W.text) ?? t("dlg.common.confirm"), m = f.seq, _ = !1, i.value = !0, await re(() => !!b.value), b.value.focus();
-    }, { open: i } = le("promptDlg", D), k = () => {
-      i.value = !1, _ || (p.emit("promptDlgResult" + m, n.value ?? ""), _ = !0);
+      const f = C;
+      a.value = f.title, o.value = f.text, n.value = f.label, l.value = f.placeholder, c.value = f.rules, r.value = f.value, u.value = ((j = f.cancel) == null ? void 0 : j.color) ?? "primary", s.value = ((F = f.cancel) == null ? void 0 : F.text) ?? t("dlg.common.cancel"), i.value = ((X = f.confirm) == null ? void 0 : X.color) ?? "primary", v.value = ((W = f.confirm) == null ? void 0 : W.text) ?? t("dlg.common.confirm"), m = f.seq, _ = !1, h.value = !0, await re(() => !!k.value), k.value.focus();
+    }, { open: h } = le("promptDlg", M), d = () => {
+      h.value = !1, _ || (p.emit("promptDlgResult" + m, r.value ?? ""), _ = !0);
     };
-    return K(i, (M) => {
-      !M && !_ && (p.emit("promptDlgResult" + m, void 0), _ = !0);
-    }), (M, f) => {
-      const j = x("v-card-text"), F = x("v-text-field"), X = x("v-form"), W = x("v-btn"), De = x("v-card-actions"), Me = x("v-card"), Se = x("v-dialog");
-      return L(), V(Se, {
-        modelValue: z(i),
-        "onUpdate:modelValue": f[2] || (f[2] = (U) => Q(i) ? i.value = U : null),
+    return K(h, (C) => {
+      !C && !_ && (p.emit("promptDlgResult" + m, void 0), _ = !0);
+    }), (C, f) => {
+      const j = b("v-card-text"), F = b("v-text-field"), X = b("v-form"), W = b("v-btn"), De = b("v-card-actions"), Me = b("v-card"), Se = b("v-dialog");
+      return D(), V(Se, {
+        modelValue: z(h),
+        "onUpdate:modelValue": f[2] || (f[2] = (U) => Q(h) ? h.value = U : null),
         transition: "dialog-top-transition",
         "max-width": "600px",
         attach: "",
         onKeydown: [
-          f[3] || (f[3] = Z(H((U) => i.value = !1, ["stop", "prevent"]), ["esc"])),
-          Z(H(k, ["stop", "prevent"]), ["enter"])
+          f[3] || (f[3] = Z(H((U) => h.value = !1, ["stop", "prevent"]), ["esc"])),
+          Z(H(d, ["stop", "prevent"]), ["enter"])
         ]
       }, {
-        default: y(() => [
-          C(Me, { title: a.value }, {
-            default: y(() => [
-              o.value ? (L(), V(j, { key: 0 }, {
-                default: y(() => [
+        default: w(() => [
+          L(Me, { title: a.value }, {
+            default: w(() => [
+              o.value ? (D(), V(j, { key: 0 }, {
+                default: w(() => [
                   O(R(o.value), 1)
                 ]),
                 _: 1
               })) : oe("", !0),
-              C(X, { class: "mx-3" }, {
-                default: y(() => [
-                  C(F, {
+              L(X, { class: "mx-3" }, {
+                default: w(() => [
+                  L(F, {
                     ref_key: "target",
-                    ref: b,
-                    modelValue: n.value,
-                    "onUpdate:modelValue": f[0] || (f[0] = (U) => n.value = U),
-                    label: r.value,
+                    ref: k,
+                    modelValue: r.value,
+                    "onUpdate:modelValue": f[0] || (f[0] = (U) => r.value = U),
+                    label: n.value,
                     placeholder: l.value,
                     rules: c.value
                   }, null, 8, ["modelValue", "label", "placeholder", "rules"])
                 ]),
                 _: 1
               }),
-              C(De, { class: "d-flex justify-end" }, {
-                default: y(() => [
-                  C(W, {
+              L(De, { class: "d-flex justify-end" }, {
+                default: w(() => [
+                  L(W, {
                     color: u.value,
                     variant: "text",
-                    onClick: f[1] || (f[1] = (U) => i.value = !1)
+                    onClick: f[1] || (f[1] = (U) => h.value = !1)
                   }, {
-                    default: y(() => [
+                    default: w(() => [
                       O(R(s.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"]),
-                  C(W, {
-                    color: d.value,
+                  L(W, {
+                    color: i.value,
                     variant: "text",
-                    onClick: k
+                    onClick: d
                   }, {
-                    default: y(() => [
-                      O(R(g.value), 1)
+                    default: w(() => [
+                      O(R(v.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"])
@@ -949,39 +951,39 @@ const It = /* @__PURE__ */ B({
       }, 8, ["modelValue", "onKeydown"]);
     };
   }
-}), Ut = { class: "mx-auto my-auto" }, $t = { class: "w-100 h-100 d-flex align-center justify-center" }, Ht = { class: "text-body-1" }, Kt = /* @__PURE__ */ B({
+}), Ut = { class: "mx-auto my-auto" }, $t = { class: "w-100 h-100 d-flex align-center justify-center" }, Ht = { class: "text-body-1" }, Kt = /* @__PURE__ */ E({
   __name: "index",
   setup(e) {
-    const { t } = ne(), a = v(""), o = (c) => {
-      const n = c;
-      a.value = n.text ?? t("dlg.common.waiting"), l.value = !0;
-    }, r = () => {
+    const { t } = ne(), a = g(""), o = (c) => {
+      const r = c;
+      a.value = r.text ?? t("dlg.common.waiting"), l.value = !0;
+    }, n = () => {
       l.value = !1;
     }, { open: l } = le("waitDlg", o);
-    return E(() => {
-      p.on("closeWaitDlg", r);
+    return B(() => {
+      p.on("closeWaitDlg", n);
     }), $(() => {
-      p.off("closeWaitDlg", r);
-    }), (c, n) => {
-      const u = x("v-card"), s = x("v-dialog");
-      return L(), V(s, {
+      p.off("closeWaitDlg", n);
+    }), (c, r) => {
+      const u = b("v-card"), s = b("v-dialog");
+      return D(), V(s, {
         modelValue: z(l),
-        "onUpdate:modelValue": n[0] || (n[0] = (d) => Q(l) ? l.value = d : null),
+        "onUpdate:modelValue": r[0] || (r[0] = (i) => Q(l) ? l.value = i : null),
         persistent: "",
         "no-click-animation": "",
         fullscreen: "",
         attach: ""
       }, {
-        default: y(() => [
-          h("div", Ut, [
-            C(u, {
+        default: w(() => [
+          y("div", Ut, [
+            L(u, {
               width: "300px",
               height: "80px",
               loading: ""
             }, {
-              default: y(() => [
-                h("div", $t, [
-                  h("span", Ht, R(a.value), 1)
+              default: w(() => [
+                y("div", $t, [
+                  y("span", Ht, R(a.value), 1)
                 ])
               ]),
               _: 1
@@ -993,10 +995,10 @@ const It = /* @__PURE__ */ B({
     };
   }
 }), zt = (e) => {
-  e.component("XConfirmDlg", Mt), e.component("XLoading", jt), e.component("XMessage", Bt), e.component("XPromptDlg", Wt), e.component("XWaitDlg", Kt);
+  e.component("XConfirmDlg", Mt), e.component("XLoading", jt), e.component("XMessage", Et), e.component("XPromptDlg", Wt), e.component("XWaitDlg", Kt);
 }, Ft = (e, t, a) => {
   const o = e[t];
-  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((r, l) => {
+  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((n, l) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
       l.bind(
         null,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-essential-lib",
   "private": false,
-  "version": "0.8.4",
+  "version": "0.8.5",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",