x-essential-lib 0.5.68 → 0.5.75

package/dist/index.js

@@ -1,11 +1,11 @@
 (function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.id="x-essential-lib",a.appendChild(document.createTextNode('.x-cont[data-v-f4ad116e]{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center}.lds-spinner[data-v-f4ad116e]{color:official;display:inline-block;position:relative;width:40px;height:40px}.lds-spinner div[data-v-f4ad116e]{transform-origin:20px 20px;animation:lds-spinner-f4ad116e 1.2s linear infinite}.lds-spinner div[data-v-f4ad116e]:after{content:" ";display:block;position:absolute;top:3px;left:18px;width:2px;height:6px;border-radius:5%;background:#9e9e9e}.lds-spinner div[data-v-f4ad116e]:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner div[data-v-f4ad116e]:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div[data-v-f4ad116e]:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div[data-v-f4ad116e]:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div[data-v-f4ad116e]:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div[data-v-f4ad116e]:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div[data-v-f4ad116e]:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div[data-v-f4ad116e]:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div[data-v-f4ad116e]:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div[data-v-f4ad116e]:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div[data-v-f4ad116e]:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div[data-v-f4ad116e]:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner-f4ad116e{0%{opacity:1}to{opacity:0}}.x-cont[data-v-8c2268ea]{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:9999}')),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { ref as i, computed as g, onMounted as q, onBeforeUnmount as j, defineComponent as T, watch as G, resolveComponent as h, openBlock as D, createBlock as O, unref as z, isRef as J, withKeys as F, withModifiers as U, withCtx as w, createVNode as y, createTextVNode as A, toDisplayString as S, createElementBlock as H, normalizeStyle as ge, pushScopeId as ve, popScopeId as me, createElementVNode as m, reactive as he, Fragment as we, renderList as xe, createCommentVNode as ye } from "vue";
+import { ref as i, computed as g, onMounted as R, onBeforeUnmount as O, defineComponent as j, watch as X, resolveComponent as m, openBlock as C, createBlock as I, unref as z, isRef as J, withKeys as F, withModifiers as E, withCtx as h, createVNode as x, createTextVNode as q, toDisplayString as V, createElementBlock as H, normalizeStyle as ge, pushScopeId as ve, popScopeId as me, createElementVNode as v, reactive as he, Fragment as we, renderList as xe, createCommentVNode as ye } from "vue";
 import { useLocale as Q, useTheme as Y, useDisplay as ke } from "vuetify";
 import { defineStore as le } from "pinia";
-import Ce from "axios";
-import { useRouter as ne, useRoute as be } from "vue-router";
+import be from "axios";
+import { useRouter as ne, useRoute as Ce } from "vue-router";
 const Z = le("global", () => {
-  const e = i(!1), a = i("en"), t = i({}), l = i(""), o = i("");
+  const e = i(), a = i("en"), t = i({}), l = i(""), o = i("");
   return {
     dark: e,
     locale: a,
@@ -24,14 +24,14 @@ const Z = le("global", () => {
       return e.value[p - 1];
   }
   function l(p) {
-    return e.value.find((s) => s === p) !== void 0;
+    return e.value.find((_) => _ === p) !== void 0;
   }
   function o(p) {
     e.value.push(p);
   }
   function r(p) {
-    const s = e.value.findIndex((v) => v === p);
-    s !== -1 && e.value.splice(s, 1);
+    const _ = e.value.findIndex((s) => s === p);
+    _ !== -1 && e.value.splice(_, 1);
   }
   function n() {
     console.assert(e.value.length > 0), e.value.pop();
@@ -70,7 +70,7 @@ var De = {
     );
   }
 };
-function X(e, a) {
+function G(e, a) {
   function t(o, r, n) {
     if (!(typeof document > "u")) {
       n = W({}, a, n), typeof n.expires == "number" && (n.expires = new Date(Date.now() + n.expires * 864e5)), n.expires && (n.expires = n.expires.toUTCString()), o = encodeURIComponent(o).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
@@ -83,10 +83,10 @@ function X(e, a) {
   function l(o) {
     if (!(typeof document > "u" || arguments.length && !o)) {
       for (var r = document.cookie ? document.cookie.split("; ") : [], n = {}, c = 0; c < r.length; c++) {
-        var p = r[c].split("="), s = p.slice(1).join("=");
+        var p = r[c].split("="), _ = p.slice(1).join("=");
         try {
-          var v = decodeURIComponent(p[0]);
-          if (n[v] = e.read(s, v), o === v)
+          var s = decodeURIComponent(p[0]);
+          if (n[s] = e.read(_, s), o === s)
             break;
         } catch {
         }
@@ -108,10 +108,10 @@ function X(e, a) {
         );
       },
       withAttributes: function(o) {
-        return X(this.converter, W({}, this.attributes, o));
+        return G(this.converter, W({}, this.attributes, o));
       },
       withConverter: function(o) {
-        return X(W({}, this.converter, o), this.attributes);
+        return G(W({}, this.converter, o), this.attributes);
       }
     },
     {
@@ -120,29 +120,29 @@ function X(e, a) {
     }
   );
 }
-var I = X(De, { path: "/" });
+var A = G(De, { path: "/" });
 function ot(e) {
-  const a = Ce.create({
+  const a = be.create({
     timeout: 6e3
   });
   return a.defaults.baseURL = e.baseUrl, a.interceptors.request.use(
-    (t) => Re(t),
+    (t) => Se(t),
     (t) => {
       Ve(t, e.onError);
     }
   ), a.interceptors.response.use(
-    (t) => Se(t),
+    (t) => Re(t),
     (t) => qe(t, e.onError)
   ), a;
 }
-function Re(e) {
-  const a = I.get("accessToken") ?? "";
+function Se(e) {
+  const a = A.get("accessToken") ?? "";
   return e.headers.Authorization = "Basic " + a, e.headers["Content-Type"] = "application/json", e.data = JSON.stringify(e.data), e;
 }
 function Ve(e, a) {
   console.error(e), a("request timeout");
 }
-function Se(e) {
+function Re(e) {
   return e.data;
 }
 function qe(e, a) {
@@ -158,7 +158,7 @@ function qe(e, a) {
   }), a(l), Promise.reject(e);
 }
 function Ae() {
-  I.remove("accessToken"), I.remove("refreshToken"), I.remove("activeOrg"), ne().replace({ path: "/passport/login" });
+  A.remove("accessToken"), A.remove("refreshToken"), A.remove("activeOrg"), ne().replace({ path: "/passport/login" });
 }
 function Ie(e) {
   return { all: e = e || /* @__PURE__ */ new Map(), on: function(a, t) {
@@ -259,7 +259,7 @@ function oe(e, a) {
       return !1;
   }), Object.keys(t).length <= 0);
 }
-const Be = [
+const Ue = [
   {
     app: "x-passport-mf",
     path: "/passport/login",
@@ -370,7 +370,7 @@ const Be = [
 function K(e) {
   let a, t = 0;
   const l = e.split("/").filter((o) => o.trim() !== "");
-  return Be.forEach((o) => {
+  return Ue.forEach((o) => {
     const r = o.path.split("/").filter((c) => c.trim() !== "");
     let n = 0;
     for (let c = 0; c < l.length && !(c >= r.length || l[c] !== r[c]); c++)
@@ -392,14 +392,14 @@ function b(e, a) {
   const r = l.app === o.app, n = l.path === o.path, c = l.level >= o.level;
   r ? n ? N.value = "" : N.value = c ? "inner-left" : "inner-right" : (N.value = "", Oe(l.app, c));
 }
-function Ee() {
-  return !!I.get("accessToken");
+function Be() {
+  return !!A.get("accessToken");
 }
-function Me() {
-  return !!I.get("activeOrg");
+function Ee() {
+  return !!A.get("activeOrg");
 }
 function ft(e, a, t) {
-  const l = Ee(), o = Me(), r = K(e.path);
+  const l = Be(), o = Ee(), r = K(e.path);
   if (!r) {
     t();
     return;
@@ -449,82 +449,82 @@ function ee(e, a) {
   }), o = (r) => {
     a == null || a(r), l.value = !0;
   };
-  return q(() => {
+  return R(() => {
     u.on(e, o);
-  }), j(() => {
+  }), O(() => {
     u.off(e, o);
   }), { open: l };
 }
-const Ue = /* @__PURE__ */ T({
+const Me = /* @__PURE__ */ j({
   __name: "index",
   setup(e) {
     const a = Q(), { open: t } = ee("confirmDlgInternal"), l = i(""), o = i(""), r = i(), n = i(), c = g(() => {
-      var d;
-      return ((d = r.value) == null ? void 0 : d.color) ?? "primary";
+      var f;
+      return ((f = r.value) == null ? void 0 : f.color) ?? "primary";
     }), p = g(() => {
-      var d;
-      return ((d = r.value) == null ? void 0 : d.text) ?? a.t("cancel");
+      var f;
+      return ((f = r.value) == null ? void 0 : f.text) ?? a.t("cancel");
+    }), _ = g(() => {
+      var f;
+      return ((f = n.value) == null ? void 0 : f.color) ?? "primary";
     }), s = g(() => {
-      var d;
-      return ((d = n.value) == null ? void 0 : d.color) ?? "primary";
-    }), v = g(() => {
-      var d;
-      return ((d = n.value) == null ? void 0 : d.text) ?? a.t("confirm");
+      var f;
+      return ((f = n.value) == null ? void 0 : f.text) ?? a.t("confirm");
     });
-    let C = 0, f = !1;
-    const R = (d) => {
-      l.value = d.title, o.value = d.text, r.value = d.cancel, n.value = d.confirm, C = d.seq, f = !1, t.value = !0;
+    let k = 0, D = !1;
+    const M = (f) => {
+      l.value = f.title, o.value = f.text, r.value = f.cancel, n.value = f.confirm, k = f.seq, D = !1, t.value = !0;
     };
-    q(() => {
-      u.on("confirmDlg", R);
-    }), j(() => {
-      u.off("confirmDlg", R);
+    R(() => {
+      u.on("confirmDlg", M);
+    }), O(() => {
+      u.off("confirmDlg", M);
     });
-    const $ = () => {
-      t.value = !1, f || (u.emit("confirmDlgResult" + C, !0), f = !0);
+    const L = () => {
+      t.value = !1, D || (u.emit("confirmDlgResult" + k, !0), D = !0);
     };
-    return G(t, (d) => {
-      !d && !f && (u.emit("confirmDlgResult" + C, !1), f = !0);
-    }), (d, k) => {
-      const V = h("v-card-text"), B = h("v-btn"), L = h("v-card-actions"), _ = h("v-card"), x = h("v-dialog");
-      return D(), O(x, {
+    return X(t, (f) => {
+      !f && !D && (u.emit("confirmDlgResult" + k, !1), D = !0);
+    }), (f, y) => {
+      const S = m("v-card-text"), T = m("v-btn"), $ = m("v-card-actions"), d = m("v-card"), w = m("v-dialog");
+      return C(), I(w, {
         modelValue: z(t),
-        "onUpdate:modelValue": k[1] || (k[1] = (E) => J(t) ? t.value = E : null),
+        "onUpdate:modelValue": y[1] || (y[1] = (U) => J(t) ? t.value = U : null),
         onKeydown: [
-          k[2] || (k[2] = F(U((E) => t.value = !1, ["stop", "prevent"]), ["esc"])),
-          F(U($, ["stop", "prevent"]), ["enter"])
+          y[2] || (y[2] = F(E((U) => t.value = !1, ["stop", "prevent"]), ["esc"])),
+          F(E(L, ["stop", "prevent"]), ["enter"])
         ],
         transition: "dialog-top-transition",
         "max-width": "600px"
       }, {
-        default: w(() => [
-          y(_, { title: l.value }, {
-            default: w(() => [
-              y(V, null, {
-                default: w(() => [
-                  A(S(o.value), 1)
+        default: h(() => [
+          x(d, { title: l.value }, {
+            default: h(() => [
+              x(S, null, {
+                default: h(() => [
+                  q(V(o.value), 1)
                 ]),
                 _: 1
               }),
-              y(L, { class: "d-flex justify-end" }, {
-                default: w(() => [
-                  y(B, {
-                    onClick: k[0] || (k[0] = (E) => t.value = !1),
+              x($, { class: "d-flex justify-end" }, {
+                default: h(() => [
+                  x(T, {
+                    onClick: y[0] || (y[0] = (U) => t.value = !1),
                     color: c.value,
                     variant: "text"
                   }, {
-                    default: w(() => [
-                      A(S(p.value), 1)
+                    default: h(() => [
+                      q(V(p.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"]),
-                  y(B, {
-                    onClick: $,
-                    color: s.value,
+                  x(T, {
+                    onClick: L,
+                    color: _.value,
                     variant: "text"
                   }, {
-                    default: w(() => [
-                      A(S(v.value), 1)
+                    default: h(() => [
+                      q(V(s.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"])
@@ -539,22 +539,22 @@ const Ue = /* @__PURE__ */ T({
       }, 8, ["modelValue", "onKeydown"]);
     };
   }
-}), $e = (e) => (ve("data-v-f4ad116e"), e = e(), me(), e), Le = /* @__PURE__ */ $e(() => /* @__PURE__ */ m("div", { class: "lds-spinner" }, [
-  /* @__PURE__ */ m("div"),
-  /* @__PURE__ */ m("div"),
-  /* @__PURE__ */ m("div"),
-  /* @__PURE__ */ m("div"),
-  /* @__PURE__ */ m("div"),
-  /* @__PURE__ */ m("div"),
-  /* @__PURE__ */ m("div"),
-  /* @__PURE__ */ m("div"),
-  /* @__PURE__ */ m("div"),
-  /* @__PURE__ */ m("div"),
-  /* @__PURE__ */ m("div"),
-  /* @__PURE__ */ m("div")
+}), Le = (e) => (ve("data-v-f4ad116e"), e = e(), me(), e), $e = /* @__PURE__ */ Le(() => /* @__PURE__ */ v("div", { class: "lds-spinner" }, [
+  /* @__PURE__ */ v("div"),
+  /* @__PURE__ */ v("div"),
+  /* @__PURE__ */ v("div"),
+  /* @__PURE__ */ v("div"),
+  /* @__PURE__ */ v("div"),
+  /* @__PURE__ */ v("div"),
+  /* @__PURE__ */ v("div"),
+  /* @__PURE__ */ v("div"),
+  /* @__PURE__ */ v("div"),
+  /* @__PURE__ */ v("div"),
+  /* @__PURE__ */ v("div"),
+  /* @__PURE__ */ v("div")
 ], -1)), We = [
-  Le
-], ze = /* @__PURE__ */ T({
+  $e
+], ze = /* @__PURE__ */ j({
   __name: "index",
   props: {
     zIndex: {
@@ -567,7 +567,7 @@ const Ue = /* @__PURE__ */ T({
       background: a.current.value.dark ? "#1e1e1e" : "#ffffff",
       zIndex: t.zIndex
     }));
-    return (o, r) => (D(), H("div", {
+    return (o, r) => (C(), H("div", {
       class: "x-cont",
       style: ge(l.value)
     }, We, 4));
@@ -577,7 +577,7 @@ const Ue = /* @__PURE__ */ T({
   for (const [l, o] of a)
     t[l] = o;
   return t;
-}, Fe = /* @__PURE__ */ pe(ze, [["__scopeId", "data-v-f4ad116e"]]), Ke = /* @__PURE__ */ T({
+}, Fe = /* @__PURE__ */ pe(ze, [["__scopeId", "data-v-f4ad116e"]]), Ke = /* @__PURE__ */ j({
   __name: "item",
   props: {
     id: {},
@@ -588,15 +588,15 @@ const Ue = /* @__PURE__ */ T({
   emits: ["timeout"],
   setup(e, { emit: a }) {
     const t = e, l = i(!0), o = a;
-    return q(() => {
+    return R(() => {
       setTimeout(() => {
         o("timeout", t.id);
       }, t.timeout);
-    }), G(l, (r) => {
+    }), X(l, (r) => {
       r || o("timeout", t.id);
     }), (r, n) => {
-      const c = h("v-alert");
-      return D(), O(c, {
+      const c = m("v-alert");
+      return C(), I(c, {
         modelValue: l.value,
         "onUpdate:modelValue": n[0] || (n[0] = (p) => l.value = p),
         class: "mt-2",
@@ -610,13 +610,13 @@ const Ue = /* @__PURE__ */ T({
       }, null, 8, ["modelValue", "type", "text"]);
     };
   }
-}), Ne = /* @__PURE__ */ T({
+}), Ne = /* @__PURE__ */ j({
   __name: "index",
   setup(e) {
     const a = he({ items: [] });
-    q(() => {
+    R(() => {
       u.on("message", t);
-    }), j(() => {
+    }), O(() => {
       u.off("message", t);
     });
     const t = (c) => {
@@ -625,113 +625,113 @@ const Ue = /* @__PURE__ */ T({
       n(c);
     };
     let o = 0;
-    const r = (c, p, s) => {
-      const v = o++;
-      a.items.push({ id: v, type: c, text: p, timeout: s });
+    const r = (c, p, _) => {
+      const s = o++;
+      a.items.push({ id: s, type: c, text: p, timeout: _ });
     }, n = (c) => {
-      const p = a.items.findIndex((s) => s.id === c);
+      const p = a.items.findIndex((_) => _.id === c);
       p >= 0 && a.items.splice(p, 1);
     };
-    return (c, p) => (D(), H("div", {
-      onClick: p[0] || (p[0] = U(() => {
+    return (c, p) => (C(), H("div", {
+      onClick: p[0] || (p[0] = E(() => {
       }, ["stop"])),
       class: "x-cont d-flex flex-column-reverse align-center"
     }, [
-      (D(!0), H(we, null, xe(a.items, (s) => (D(), O(Ke, {
+      (C(!0), H(we, null, xe(a.items, (_) => (C(), I(Ke, {
         onTimeout: l,
-        id: s.id,
-        type: s.type,
-        text: s.text,
-        timeout: s.timeout,
-        key: s.id
+        id: _.id,
+        type: _.type,
+        text: _.text,
+        timeout: _.timeout,
+        key: _.id
       }, null, 8, ["id", "type", "text", "timeout"]))), 128))
     ]));
   }
-}), He = /* @__PURE__ */ pe(Ne, [["__scopeId", "data-v-8c2268ea"]]), Xe = /* @__PURE__ */ T({
+}), He = /* @__PURE__ */ pe(Ne, [["__scopeId", "data-v-8c2268ea"]]), Ge = /* @__PURE__ */ j({
   __name: "index",
   setup(e) {
-    const a = Q(), { open: t } = ee("promptDlgInternal"), l = i(""), o = i(""), r = i(), n = i(), c = i(), p = i(""), s = i(), v = i(), C = g(() => {
-      var _;
-      return ((_ = s.value) == null ? void 0 : _.color) ?? "primary";
-    }), f = g(() => {
-      var _;
-      return ((_ = s.value) == null ? void 0 : _.text) ?? a.t("cancel");
-    }), R = g(() => {
-      var _;
-      return ((_ = v.value) == null ? void 0 : _.color) ?? "primary";
-    }), $ = g(() => {
-      var _;
-      return ((_ = v.value) == null ? void 0 : _.text) ?? a.t("confirm");
-    }), d = i();
-    let k = 0, V = !1;
-    const B = async (_) => {
-      var x;
-      l.value = _.title, o.value = _.text, r.value = _.label, n.value = _.placeholder, c.value = _.rules, p.value = _.value, s.value = _.cancel, v.value = _.confirm, k = _.seq, V = !1, t.value = !0, await P(() => d.value !== void 0, 1e3), (x = d.value) == null || x.focus();
+    const a = Q(), { open: t } = ee("promptDlgInternal"), l = i(""), o = i(""), r = i(), n = i(), c = i(), p = i(""), _ = i(), s = i(), k = g(() => {
+      var d;
+      return ((d = _.value) == null ? void 0 : d.color) ?? "primary";
+    }), D = g(() => {
+      var d;
+      return ((d = _.value) == null ? void 0 : d.text) ?? a.t("cancel");
+    }), M = g(() => {
+      var d;
+      return ((d = s.value) == null ? void 0 : d.color) ?? "primary";
+    }), L = g(() => {
+      var d;
+      return ((d = s.value) == null ? void 0 : d.text) ?? a.t("confirm");
+    }), f = i();
+    let y = 0, S = !1;
+    const T = async (d) => {
+      var w;
+      l.value = d.title, o.value = d.text, r.value = d.label, n.value = d.placeholder, c.value = d.rules, p.value = d.value, _.value = d.cancel, s.value = d.confirm, y = d.seq, S = !1, t.value = !0, await P(() => f.value !== void 0, 1e3), (w = f.value) == null || w.focus();
     };
-    q(() => {
-      u.on("promptDlg", B);
-    }), j(() => {
-      u.off("promptDlg", B);
+    R(() => {
+      u.on("promptDlg", T);
+    }), O(() => {
+      u.off("promptDlg", T);
     });
-    const L = () => {
-      t.value = !1, V || (u.emit("promptDlgResult" + k, p.value ?? ""), V = !0);
+    const $ = () => {
+      t.value = !1, S || (u.emit("promptDlgResult" + y, p.value ?? ""), S = !0);
     };
-    return G(t, (_) => {
-      !_ && !V && (u.emit("promptDlgResult" + k, void 0), V = !0);
-    }), (_, x) => {
-      const E = h("v-card-text"), se = h("v-text-field"), _e = h("v-form"), te = h("v-btn"), de = h("v-card-actions"), fe = h("v-card"), ie = h("v-dialog");
-      return D(), O(ie, {
+    return X(t, (d) => {
+      !d && !S && (u.emit("promptDlgResult" + y, void 0), S = !0);
+    }), (d, w) => {
+      const U = m("v-card-text"), se = m("v-text-field"), _e = m("v-form"), te = m("v-btn"), de = m("v-card-actions"), fe = m("v-card"), ie = m("v-dialog");
+      return C(), I(ie, {
         modelValue: z(t),
-        "onUpdate:modelValue": x[2] || (x[2] = (M) => J(t) ? t.value = M : null),
+        "onUpdate:modelValue": w[2] || (w[2] = (B) => J(t) ? t.value = B : null),
         onKeydown: [
-          x[3] || (x[3] = F(U((M) => t.value = !1, ["stop", "prevent"]), ["esc"])),
-          F(U(L, ["stop", "prevent"]), ["enter"])
+          w[3] || (w[3] = F(E((B) => t.value = !1, ["stop", "prevent"]), ["esc"])),
+          F(E($, ["stop", "prevent"]), ["enter"])
         ],
         transition: "dialog-top-transition",
         "max-width": "600px"
       }, {
-        default: w(() => [
-          y(fe, { title: l.value }, {
-            default: w(() => [
-              o.value ? (D(), O(E, { key: 0 }, {
-                default: w(() => [
-                  A(S(o.value), 1)
+        default: h(() => [
+          x(fe, { title: l.value }, {
+            default: h(() => [
+              o.value ? (C(), I(U, { key: 0 }, {
+                default: h(() => [
+                  q(V(o.value), 1)
                 ]),
                 _: 1
               })) : ye("", !0),
-              y(_e, { class: "mx-3" }, {
-                default: w(() => [
-                  y(se, {
+              x(_e, { class: "mx-3" }, {
+                default: h(() => [
+                  x(se, {
                     modelValue: p.value,
-                    "onUpdate:modelValue": x[0] || (x[0] = (M) => p.value = M),
+                    "onUpdate:modelValue": w[0] || (w[0] = (B) => p.value = B),
                     label: r.value,
                     placeholder: n.value,
                     rules: c.value,
                     ref_key: "target",
-                    ref: d
+                    ref: f
                   }, null, 8, ["modelValue", "label", "placeholder", "rules"])
                 ]),
                 _: 1
               }),
-              y(de, { class: "d-flex justify-end" }, {
-                default: w(() => [
-                  y(te, {
-                    onClick: x[1] || (x[1] = (M) => t.value = !1),
-                    color: C.value,
+              x(de, { class: "d-flex justify-end" }, {
+                default: h(() => [
+                  x(te, {
+                    onClick: w[1] || (w[1] = (B) => t.value = !1),
+                    color: k.value,
                     variant: "text"
                   }, {
-                    default: w(() => [
-                      A(S(f.value), 1)
+                    default: h(() => [
+                      q(V(D.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"]),
-                  y(te, {
-                    onClick: L,
-                    color: R.value,
+                  x(te, {
+                    onClick: $,
+                    color: M.value,
                     variant: "text"
                   }, {
-                    default: w(() => [
-                      A(S($.value), 1)
+                    default: h(() => [
+                      q(V(L.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"])
@@ -746,7 +746,7 @@ const Ue = /* @__PURE__ */ T({
       }, 8, ["modelValue", "onKeydown"]);
     };
   }
-}), Ge = { class: "mx-auto my-auto" }, Je = { class: "d-flex align-center justify-center w-100 h-100" }, Qe = /* @__PURE__ */ T({
+}), Xe = { class: "mx-auto my-auto" }, Je = { class: "d-flex align-center justify-center w-100 h-100" }, Qe = /* @__PURE__ */ j({
   __name: "index",
   setup(e) {
     const a = Q(), { open: t } = ee("waitDlg"), l = () => {
@@ -754,29 +754,29 @@ const Ue = /* @__PURE__ */ T({
     }, o = () => {
       t.value = !1;
     };
-    return q(() => {
+    return R(() => {
       u.on("openWaitDlg", l), u.on("closeWaitDlg", o);
-    }), j(() => {
+    }), O(() => {
       u.off("openWaitDlg", l), u.off("closeWaitDlg", o);
     }), (r, n) => {
-      const c = h("v-card"), p = h("v-dialog");
-      return D(), O(p, {
+      const c = m("v-card"), p = m("v-dialog");
+      return C(), I(p, {
         modelValue: z(t),
-        "onUpdate:modelValue": n[0] || (n[0] = (s) => J(t) ? t.value = s : null),
+        "onUpdate:modelValue": n[0] || (n[0] = (_) => J(t) ? t.value = _ : null),
         persistent: "",
         "no-click-animation": "",
         fullscreen: ""
       }, {
-        default: w(() => [
-          m("div", Ge, [
-            y(c, {
+        default: h(() => [
+          v("div", Xe, [
+            x(c, {
               width: "300px",
               height: "80px",
               loading: ""
             }, {
-              default: w(() => [
-                m("div", Je, [
-                  m("span", null, S(z(a).t("waitingResponse")), 1)
+              default: h(() => [
+                v("div", Je, [
+                  v("span", null, V(z(a).t("waitingResponse")), 1)
                 ])
               ]),
               _: 1
@@ -788,7 +788,7 @@ const Ue = /* @__PURE__ */ T({
     };
   }
 }), Ye = (e) => {
-  e.component("x-confirm-dlg", Ue), e.component("x-loading", Fe), e.component("x-message", He), e.component("x-prompt-dlg", Xe), e.component("x-wait-dlg", Qe);
+  e.component("x-confirm-dlg", Me), e.component("x-loading", Fe), e.component("x-message", He), e.component("x-prompt-dlg", Ge), e.component("x-wait-dlg", Qe);
 };
 function it() {
   const e = Y(), a = g(() => e.global.current.value.colors.primary), t = g(() => e.global.current.value.colors.secondary), l = g(() => e.current.value.dark ? "#2e2e2e" : "#bdbdbd"), o = g(() => e.current.value.dark ? "#272727" : "#eeeeee"), r = g(() => e.current.value.dark ? "#1e1e1e" : "#ffffff"), n = g(() => e.current.value.dark ? "#303030" : "#f6f6f6"), c = g(() => e.current.value.dark ? "#ffffff1f" : "#0000001f");
@@ -803,41 +803,37 @@ function it() {
   };
 }
 function gt() {
-  const e = be(), a = ne(), t = Z(), l = re(), o = () => {
-    console.log("onPause");
+  const e = Ce(), a = ne(), t = Z(), l = re(), o = (s) => {
+    if (s.key === "Escape") {
+      r();
+      return;
+    }
   }, r = () => {
-    console.log("onResume");
-  }, n = () => {
-    var R;
+    var k;
     if (!l.isEmpty()) {
       l.hasView("waitDlg") || l.popView();
       return;
     }
-    const f = K(e.path);
-    (f == null ? void 0 : f.level) === 0 ? (R = navigator == null ? void 0 : navigator.Backbutton) == null || R.goHome(
+    const s = K(e.path);
+    (s == null ? void 0 : s.level) === 0 ? (k = navigator == null ? void 0 : navigator.Backbutton) == null || k.goHome(
       () => {
       },
       () => {
       }
     ) : a.back();
-  }, c = (f) => {
-    t.dark = f;
-  }, p = (f) => {
-    t.locale = f;
-  }, s = (f) => {
-    t.permissionObjects = f[0], t.permissionChecksum = f[1];
-  }, v = (f) => {
-    t.lastAppPath = f;
-  }, C = (f) => {
-    if (f.key === "Escape") {
-      n();
-      return;
-    }
+  }, n = (s) => {
+    t.dark = s;
+  }, c = (s) => {
+    t.locale = s;
+  }, p = (s) => {
+    t.permissionObjects = s[0], t.permissionChecksum = s[1];
+  }, _ = (s) => {
+    t.lastAppPath = s;
   };
-  q(() => {
-    u.on("pause", o), u.on("resume", r), u.on("backbutton", n), u.on("darkChange", c), u.on("localeChange", p), u.on("permissionChange", s), u.on("lastAppPathChange", v), window.addEventListener("keydown", C), u.emit("microAppReady");
-  }), j(() => {
-    u.off("pause", o), u.off("resume", r), u.off("backbutton", n), u.off("darkChange", c), u.off("localeChange", p), u.off("permissionChange", s), u.off("lastAppPathChange", v), window.removeEventListener("keydown", C);
+  R(() => {
+    window.addEventListener("keydown", o), u.on("backbutton", r), u.on("updateDark", n), u.on("updateLocale", c), u.on("updatePermission", p), u.on("updateLastAppPath", _), u.emit("syncGlobalState");
+  }), O(() => {
+    window.removeEventListener("keydown", o), u.off("backbutton", r), u.off("updateDark", n), u.off("updateLocale", c), u.off("updatePermission", p), u.off("updateLastAppPath", _);
   });
 }
 function vt() {

package/dist/store/global.d.ts

@@ -1,18 +1,18 @@
 import { PermissionObjects } from '../utils';
 export declare const useGlobalStore: import("pinia").StoreDefinition<"global", import("pinia")._UnwrapAll<Pick<{
-    dark: import("vue").Ref<boolean>;
+    dark: import("vue").Ref<boolean | undefined>;
     locale: import("vue").Ref<string>;
     permissionObjects: import("vue").Ref<PermissionObjects>;
     permissionChecksum: import("vue").Ref<string>;
     lastAppPath: import("vue").Ref<string>;
 }, "dark" | "locale" | "permissionObjects" | "permissionChecksum" | "lastAppPath">>, Pick<{
-    dark: import("vue").Ref<boolean>;
+    dark: import("vue").Ref<boolean | undefined>;
     locale: import("vue").Ref<string>;
     permissionObjects: import("vue").Ref<PermissionObjects>;
     permissionChecksum: import("vue").Ref<string>;
     lastAppPath: import("vue").Ref<string>;
 }, never>, Pick<{
-    dark: import("vue").Ref<boolean>;
+    dark: import("vue").Ref<boolean | undefined>;
     locale: import("vue").Ref<string>;
     permissionObjects: import("vue").Ref<PermissionObjects>;
     permissionChecksum: import("vue").Ref<string>;

package/dist/utils/globalState.d.ts

@@ -0,0 +1,16 @@
+type LocaleHook = (val: any) => Promise<void>;
+export declare class GlobalState {
+    private master;
+    private localeHook;
+    private alreadySync;
+    private handlers;
+    constructor(master: boolean, localeHook?: LocaleHook);
+    sync(): Promise<void>;
+    dispose(): void;
+    private onDarkChange;
+    private onLocaleChange;
+    private onPermissionChange;
+    private onLastAppPathChange;
+    private onSync;
+}
+export {};

package/package.json

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