x-essential-lib 0.8.2 → 0.8.4

package/dist/index.js

@@ -5,15 +5,15 @@ import { useTheme as fe, useDisplay as Ee } from "vuetify";
 import { useRouter as ge, useRoute as Be } 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"), n = w(() => e.current.value.dark ? "#272727" : "#eeeeee"), l = w(() => e.current.value.dark ? "#1e1e1e" : "#ffffff"), c = w(() => e.current.value.dark ? "#303030" : "#f6f6f6"), r = w(() => e.current.value.dark ? "#ffffff1f" : "#0000001f");
+  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");
   return {
     primaryColor: t,
     secondaryColor: a,
     backgroundColor0: o,
-    backgroundColor1: n,
+    backgroundColor1: r,
     backgroundColor2: l,
     highlightColor: c,
-    borderColor: r
+    borderColor: n
   };
 }
 /*! js-cookie v3.0.5 | MIT */
@@ -37,47 +37,47 @@ var $e = {
   }
 };
 function ae(e, t) {
-  function a(n, l, c) {
+  function a(r, 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()), n = encodeURIComponent(n).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
-      var r = "";
+      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 = "";
       for (var u in c)
-        c[u] && (r += "; " + u, c[u] !== !0 && (r += "=" + c[u].split(";")[0]));
-      return document.cookie = n + "=" + e.write(l, n) + r;
+        c[u] && (n += "; " + u, c[u] !== !0 && (n += "=" + c[u].split(";")[0]));
+      return document.cookie = r + "=" + e.write(l, r) + n;
     }
   }
-  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("=");
+  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("=");
         try {
           var d = decodeURIComponent(u[0]);
-          if (c[d] = e.read(s, d), n === d)
+          if (c[d] = e.read(s, d), r === d)
             break;
         } catch {
         }
       }
-      return n ? c[n] : c;
+      return r ? c[r] : c;
     }
   }
   return Object.create(
     {
       set: a,
       get: o,
-      remove: function(n, l) {
+      remove: function(r, l) {
         a(
-          n,
+          r,
           "",
           N({}, l, {
             expires: -1
           })
         );
       },
-      withAttributes: function(n) {
-        return ae(this.converter, N({}, this.attributes, n));
+      withAttributes: function(r) {
+        return ae(this.converter, N({}, this.attributes, r));
       },
-      withConverter: function(n) {
-        return ae(N({}, this.converter, n), this.attributes);
+      withConverter: function(r) {
+        return ae(N({}, this.converter, r), this.attributes);
       }
     },
     {
@@ -112,9 +112,9 @@ function ze(e) {
   return e.data;
 }
 function Fe(e, t) {
-  var n, l;
+  var r, l;
   const o = e.response;
-  return o && (o.status === 401 && Xe(), (n = o.data) != null && n.message ? t((l = o.data) == null ? void 0 : l.message) : t({
+  return o && (o.status === 401 && Xe(), (r = o.data) != null && r.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(n) {
-      n(a);
-    }), (o = e.get("*")) && o.slice().map(function(n) {
-      n(t, a);
+    o && o.slice().map(function(r) {
+      r(a);
+    }), (o = e.get("*")) && o.slice().map(function(r) {
+      r(t, a);
     });
   } };
 }
@@ -148,9 +148,9 @@ async function Yt(e) {
 }
 async function re(e, t, a) {
   const o = Date.now();
-  return new Promise((n) => {
+  return new Promise((r) => {
     const l = async () => {
-      e() ? n(!0) : t && Date.now() - o > t ? n(!1) : setTimeout(l, a ?? 30);
+      e() ? r(!0) : t && Date.now() - o > t ? r(!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;
-  }, n = me();
-  return p.on("confirmDlgResult" + n, o), p.emit("confirmDlg", { ...e, seq: n }), await re(() => t), p.off("confirmDlgResult" + n, o), a;
+  }, r = me();
+  return p.on("confirmDlgResult" + r, o), p.emit("confirmDlg", { ...e, seq: r }), await re(() => t), p.off("confirmDlgResult" + r, 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;
-  }, n = me();
-  return p.on("promptDlgResult" + n, o), p.emit("promptDlg", { ...e, seq: n }), await re(() => t), p.off("promptDlgResult" + n, o), a;
+  }, r = me();
+  return p.on("promptDlgResult" + r, o), p.emit("promptDlg", { ...e, seq: r }), await re(() => t), p.off("promptDlgResult" + r, 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((n) => {
+  return Object.keys(a).length <= 0 || (t.split("/").forEach((r) => {
     if (Object.keys(a).length <= 0)
       return !0;
-    if (a[n])
-      a = a[n];
+    if (a[r])
+      a = a[r];
     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((n) => n.trim() !== "");
-  return lt.forEach((n) => {
-    const l = n.path.split("/").filter((r) => r.trim() !== "");
+  const o = e.split("/").filter((r) => r.trim() !== "");
+  return lt.forEach((r) => {
+    const l = r.path.split("/").filter((n) => n.trim() !== "");
     let c = 0;
-    for (let r = 0; r < o.length && !(r >= l.length || o[r] !== l[r]); r++)
+    for (let n = 0; n < o.length && !(n >= l.length || o[n] !== l[n]); n++)
       c++;
-    c > 0 && c > a && (t = n, a = c);
+    c > 0 && c > a && (t = r, a = c);
   }), t;
 }
 const J = v("");
-function M(e, t, a) {
+function S(e, t, a) {
   t === "/" && (t = a);
-  const o = G(e), n = G(t);
+  const o = G(e), r = G(t);
   if (!o) {
     console.assert(!1);
     return;
   }
-  if (console.info(`~~~~routeChange~~~~ ${t} -> ${e}`), !n)
+  if (console.info(`~~~~routeChange~~~~ ${t} -> ${e}`), !r)
     return;
-  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));
+  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));
 }
 function ct() {
   return !!I.get("accessToken");
@@ -400,44 +400,44 @@ function ut() {
   return !!I.get("activeOrg");
 }
 function _a(e, t, a, o) {
-  const n = ct(), l = ut(), c = G(e.path);
+  const r = ct(), l = ut(), c = G(e.path);
   if (!c) {
     console.assert(!1), a();
     return;
   }
   if (c.requiredState === "auth")
-    if (n)
+    if (r)
       if (l) {
-        const r = "/main";
-        M(r, t.path, o), a({ path: r });
+        const n = "/main";
+        S(n, t.path, o), a({ path: n });
       } else
-        M(e.path, t.path, o), a();
+        S(e.path, t.path, o), a();
     else {
-      const r = "/passport/login";
-      M(r, t.path, o), a({ path: r });
+      const n = "/passport/login";
+      S(n, t.path, o), a({ path: n });
     }
   else if (c.requiredState === "org")
-    if (n)
+    if (r)
       if (l)
-        M(e.path, t.path, o), a();
+        S(e.path, t.path, o), a();
       else {
-        const r = "/org/joinOrCreate";
-        M(r, t.path, o), a({ path: r });
+        const n = "/org/joinOrCreate";
+        S(n, t.path, o), a({ path: n });
       }
     else {
-      const r = "/passport/login";
-      M(r, t.path, o), a({ path: r });
+      const n = "/passport/login";
+      S(n, t.path, o), a({ path: n });
     }
-  else if (n)
+  else if (r)
     if (l) {
-      const r = "/main";
-      M(r, t.path, o), a({ path: r });
+      const n = "/main";
+      S(n, t.path, o), a({ path: n });
     } else {
-      const r = "/org/joinOrCreate";
-      M(r, t.path, o), a({ path: r });
+      const n = "/org/joinOrCreate";
+      S(n, t.path, o), a({ path: n });
     }
   else
-    M(e.path, t.path, o), a();
+    S(e.path, t.path, o), a();
 }
 function st(e) {
   return e.value.length <= 0;
@@ -498,27 +498,27 @@ function yt(e) {
 }
 function wt(...e) {
   const t = [], a = () => {
-    t.forEach((r) => r()), t.length = 0;
-  }, o = (r, u, s, d) => (r.addEventListener(u, s, d), () => r.removeEventListener(u, s, d)), n = w(() => {
-    const r = P(q(e[0])).filter((u) => u != null);
-    return r.every((u) => typeof u != "string") ? r : void 0;
+    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;
   }), l = ht(
     () => {
-      var r, u;
+      var n, u;
       return [
-        (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])),
+        (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])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        q(n.value ? e[3] : e[2])
+        q(r.value ? e[3] : e[2])
       ];
     },
-    ([r, u, s, d]) => {
-      if (a(), !(r != null && r.length) || !(u != null && u.length) || !(s != null && s.length))
+    ([n, u, s, d]) => {
+      if (a(), !(n != null && n.length) || !(u != null && u.length) || !(s != null && s.length))
         return;
       const g = mt(d) ? { ...d } : d;
       t.push(
-        ...r.flatMap(
+        ...n.flatMap(
           (b) => u.flatMap(
             (m) => s.map((_) => o(b, m, _, g))
           )
@@ -547,29 +547,29 @@ function Ct() {
   return typeof e == "number" ? e : void 0;
 }
 function Lt(e, t = {}) {
-  const { window: a = Le, ssrWidth: o = Ct() } = t, n = bt(() => a && "matchMedia" in a && typeof a.matchMedia == "function"), l = v(typeof o == "number"), c = ee(), r = ee(!1), u = (s) => {
-    r.value = s.matches;
+  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;
   };
   return Ve(() => {
     if (l.value) {
-      l.value = !n.value;
+      l.value = !r.value;
       const s = q(e).split(",");
-      r.value = s.some((d) => {
+      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 ? !_ : _;
       });
       return;
     }
-    n.value && (c.value = a.matchMedia(q(e)), r.value = c.value.matches);
-  }), wt(c, "change", u, { passive: !0 }), w(() => r.value);
+    r.value && (c.value = a.matchMedia(q(e)), n.value = c.value.matches);
+  }), wt(c, "change", u, { passive: !0 }), w(() => n.value);
 }
 function Dt(e) {
   return Lt("(prefers-color-scheme: dark)", e);
 }
-function fa(e, t, a, o, n, l) {
-  const c = Be(), r = ge();
-  Ye(e), Pe(t), et(a), at(o), ot(n), nt(l);
+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);
   const u = fe(), s = Dt();
   K(
     e,
@@ -591,12 +591,16 @@ function fa(e, t, a, o, n, l) {
       return;
     }
     const i = G(c.path);
-    (i == null ? void 0 : i.level) === 0 ? (k = navigator == null ? void 0 : navigator.Backbutton) == null || k.goHome(
+    if (!i) {
+      console.assert(!1);
+      return;
+    }
+    i.level === 0 ? (k = navigator == null ? void 0 : navigator.Backbutton) == null || k.goHome(
       () => {
       },
       () => {
       }
-    ) : r.back();
+    ) : i.level === 1 ? n.replace({ path: "/main" }) : n.back();
   };
   E(() => {
     window.addEventListener("keydown", d), p.on("backbutton", g);
@@ -611,7 +615,7 @@ function fa(e, t, a, o, n, l) {
     const k = i;
     a.value = k[0], o.value = k[1];
   }, D = (i) => {
-    n.value = i;
+    r.value = i;
   };
   Ae(() => {
     p.on("updateDark", b), p.on("updateLocale", m), p.on("updatePermission", _), p.on("updateLastAppPath", D), p.emit("syncGlobalState");
@@ -642,43 +646,44 @@ function le(e, t) {
     set(l) {
       l ? pt(a, e) : _t(a, e);
     }
-  }), n = (l) => {
+  }), r = (l) => {
     t == null || t(l), o.value = !0;
   };
   return E(() => {
-    p.on(e, n);
+    p.on(e, r);
   }), $(() => {
-    p.off(e, n);
+    p.off(e, r);
   }), { open: o };
 }
-const St = /* @__PURE__ */ B({
+const Mt = /* @__PURE__ */ B({
   __name: "index",
   setup(e) {
-    const { t } = ne(), a = v(""), o = v(""), n = v(""), l = v(""), c = v(""), r = v("");
+    const { t } = ne(), a = v(""), o = v(""), r = v(""), l = v(""), c = v(""), n = v("");
     let u = 0, s = !1;
     const d = (m) => {
-      var D, i, k, S;
+      var D, i, k, M;
       const _ = m;
-      a.value = _.title, o.value = _.text, n.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", r.value = ((S = _.confirm) == null ? void 0 : S.text) ?? t("dlg.common.confirm"), u = _.seq, s = !1, g.value = !0;
+      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);
     };
     return K(g, (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"), S = x("v-card"), f = x("v-dialog");
+      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),
         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"])
         ]
       }, {
         default: y(() => [
-          C(S, { title: a.value }, {
+          C(M, { title: a.value }, {
             default: y(() => [
               C(D, null, {
                 default: y(() => [
@@ -689,7 +694,7 @@ const St = /* @__PURE__ */ B({
               C(k, { class: "d-flex justify-end" }, {
                 default: y(() => [
                   C(i, {
-                    color: n.value,
+                    color: r.value,
                     variant: "text",
                     onClick: _[0] || (_[0] = (j) => g.value = !1)
                   }, {
@@ -704,7 +709,7 @@ const St = /* @__PURE__ */ B({
                     onClick: b
                   }, {
                     default: y(() => [
-                      O(R(r.value), 1)
+                      O(R(n.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"])
@@ -719,7 +724,7 @@ const St = /* @__PURE__ */ B({
       }, 8, ["modelValue", "onKeydown"]);
     };
   }
-}), Mt = /* @__PURE__ */ B({
+}), St = /* @__PURE__ */ B({
   __name: "index",
   props: {
     open: { type: Boolean, default: !0 },
@@ -731,9 +736,9 @@ const St = /* @__PURE__ */ B({
       zIndex: e.zIndex
     }));
     let o = 0;
-    return (n, l) => (L(), V(qe, { name: "fade" }, {
+    return (r, l) => (L(), V(qe, { name: "fade" }, {
       default: y(() => [
-        n.open ? (L(), te("div", {
+        r.open ? (L(), te("div", {
           key: Q(o) ? ++o.value : ++o,
           class: "x-cont",
           style: de(a.value)
@@ -759,10 +764,10 @@ const St = /* @__PURE__ */ B({
   }
 }), ce = (e, t) => {
   const a = e.__vccOpts || e;
-  for (const [o, n] of t)
-    a[o] = n;
+  for (const [o, r] of t)
+    a[o] = r;
   return a;
-}, jt = /* @__PURE__ */ ce(Mt, [["__scopeId", "data-v-0c686889"]]);
+}, 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({
   __name: "item",
@@ -777,7 +782,7 @@ const It = /* @__PURE__ */ B({
     const a = e, o = w(() => ({
       width: "calc(100% - 64px)",
       overflowWrap: "break-word"
-    })), n = w(() => {
+    })), r = w(() => {
       switch (a.type) {
         case "success":
           return Vt;
@@ -795,9 +800,9 @@ const It = /* @__PURE__ */ B({
       setTimeout(() => {
         c("timeout", a.id);
       }, a.timeout);
-    }), K(l, (r) => {
-      r || c("timeout", a.id);
-    }), (r, u) => {
+    }), K(l, (n) => {
+      n || c("timeout", a.id);
+    }), (n, u) => {
       const s = x("v-icon"), d = x("v-sheet");
       return L(), V(d, {
         class: "x-item d-flex align-center py-2 mb-2",
@@ -805,10 +810,10 @@ const It = /* @__PURE__ */ B({
         elevation: 1
       }, {
         default: y(() => [
-          n.value ? (L(), V(s, {
+          r.value ? (L(), V(s, {
             key: 0,
             class: "mx-1",
-            icon: n.value
+            icon: r.value
           }, null, 8, ["icon"])) : oe("", !0),
           h("div", {
             style: de(o.value)
@@ -832,21 +837,21 @@ const It = /* @__PURE__ */ B({
     }), $(() => {
       p.off("message", a);
     });
-    const a = (r) => {
-      const { type: u, text: s, timeout: d } = r;
+    const a = (n) => {
+      const { type: u, text: s, timeout: d } = n;
       l(u, s, d);
-    }, o = (r) => {
-      c(r);
+    }, o = (n) => {
+      c(n);
     };
-    let n = 0;
-    const l = (r, u, s) => {
-      const d = n++;
-      t.value.push({ id: d, type: r, text: u, timeout: s });
-    }, c = (r) => {
-      const u = t.value.findIndex((s) => s.id === 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);
       u >= 0 && t.value.splice(u, 1);
     };
-    return (r, u) => (L(), te("div", {
+    return (n, u) => (L(), te("div", {
       class: "x-cont d-flex flex-column-reverse align-center",
       onClick: u[0] || (u[0] = H(() => {
       }, ["stop"]))
@@ -864,31 +869,32 @@ const It = /* @__PURE__ */ B({
 }), Bt = /* @__PURE__ */ ce(Et, [["__scopeId", "data-v-c6a59757"]]), Wt = /* @__PURE__ */ B({
   __name: "index",
   setup(e) {
-    const { t } = ne(), a = v(""), o = v(""), n = v(""), l = v(""), c = v(), r = v(""), u = v(""), s = v(""), d = v(""), g = v(""), b = Te("target");
+    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");
     let m = 0, _ = !1;
-    const D = async (S) => {
+    const D = async (M) => {
       var j, F, X, W;
-      const f = S;
-      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"), 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();
+      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, r.value ?? ""), _ = !0);
+      i.value = !1, _ || (p.emit("promptDlgResult" + m, n.value ?? ""), _ = !0);
     };
-    return K(i, (S) => {
-      !S && !_ && (p.emit("promptDlgResult" + m, void 0), _ = !0);
-    }), (S, 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"), Se = x("v-card"), Me = x("v-dialog");
-      return L(), V(Me, {
+    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),
         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"])
         ]
       }, {
         default: y(() => [
-          C(Se, { title: a.value }, {
+          C(Me, { title: a.value }, {
             default: y(() => [
               o.value ? (L(), V(j, { key: 0 }, {
                 default: y(() => [
@@ -901,9 +907,9 @@ const It = /* @__PURE__ */ B({
                   C(F, {
                     ref_key: "target",
                     ref: b,
-                    modelValue: r.value,
-                    "onUpdate:modelValue": f[0] || (f[0] = (U) => r.value = U),
-                    label: n.value,
+                    modelValue: n.value,
+                    "onUpdate:modelValue": f[0] || (f[0] = (U) => n.value = U),
+                    label: r.value,
                     placeholder: l.value,
                     rules: c.value
                   }, null, 8, ["modelValue", "label", "placeholder", "rules"])
@@ -947,23 +953,24 @@ const It = /* @__PURE__ */ B({
   __name: "index",
   setup(e) {
     const { t } = ne(), a = v(""), o = (c) => {
-      const r = c;
-      a.value = r.text ?? t("dlg.common.waiting"), l.value = !0;
-    }, n = () => {
+      const n = c;
+      a.value = n.text ?? t("dlg.common.waiting"), l.value = !0;
+    }, r = () => {
       l.value = !1;
     }, { open: l } = le("waitDlg", o);
     return E(() => {
-      p.on("closeWaitDlg", n);
+      p.on("closeWaitDlg", r);
     }), $(() => {
-      p.off("closeWaitDlg", n);
-    }), (c, r) => {
+      p.off("closeWaitDlg", r);
+    }), (c, n) => {
       const u = x("v-card"), s = x("v-dialog");
       return L(), V(s, {
         modelValue: z(l),
-        "onUpdate:modelValue": r[0] || (r[0] = (d) => Q(l) ? l.value = d : null),
+        "onUpdate:modelValue": n[0] || (n[0] = (d) => Q(l) ? l.value = d : null),
         persistent: "",
         "no-click-animation": "",
-        fullscreen: ""
+        fullscreen: "",
+        attach: ""
       }, {
         default: y(() => [
           h("div", Ut, [
@@ -986,10 +993,10 @@ const It = /* @__PURE__ */ B({
     };
   }
 }), zt = (e) => {
-  e.component("XConfirmDlg", St), 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", Bt), 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((n, l) => {
+  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((r, 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.2",
+  "version": "0.8.4",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",