x-essential-lib 0.1.6 → 0.1.8

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import { DefineComponent, ComputedRef, Ref } from 'vue'
+import { RouteLocationNormalized, NavigationGuardNext } from 'vue-router'
 
 export declare const XConfirmDlg: DefineComponent<
   {
@@ -39,7 +40,7 @@ export declare const XPromptDlg: DefineComponent<
   unknown
 >
 
-export declare const XMessage: DefineComponent<{}, {}, unknown>
+export declare const XWaitDlg: DefineComponent<{}, {}, unknown>
 
 export declare function useColor(): {
   primaryColor: ComputedRef<string>
@@ -109,22 +110,8 @@ export declare function messageWarning(text: string, timeout?: number)
 
 export declare function appAppear(name: string)
 
-type RequiredState = 'auth' | 'org'
-
-interface RouteMeta {
-  path: string
-  level: number
-  requiredState?: RequiredState
-}
-
-export declare const routeMetas: RouteMeta[]
-
-export declare function matchRouteMeta(path: string): RouteMeta | undefined
-
-interface PathInfo {
-  app: string
-  path: string
-  level: number
-}
-
-export declare function getPathInfo(path: string): PathInfo
+export declare function onBeforeEach(
+  to: RouteLocationNormalized,
+  from: RouteLocationNormalized,
+  next: NavigationGuardNext
+): void

package/dist/index.js

@@ -1,91 +1,91 @@
-(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode('.x-cont[data-v-a8f3d91f]{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center}.lds-spinner[data-v-a8f3d91f]{color:official;display:inline-block;position:relative;width:40px;height:40px}.lds-spinner div[data-v-a8f3d91f]{transform-origin:20px 20px;animation:lds-spinner-a8f3d91f 1.2s linear infinite}.lds-spinner div[data-v-a8f3d91f]:after{content:" ";display:block;position:absolute;top:3px;left:18px;width:2px;height:6px;border-radius:5%;background:#9e9e9e}.lds-spinner div[data-v-a8f3d91f]:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner div[data-v-a8f3d91f]:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div[data-v-a8f3d91f]:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div[data-v-a8f3d91f]:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div[data-v-a8f3d91f]:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div[data-v-a8f3d91f]:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div[data-v-a8f3d91f]:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div[data-v-a8f3d91f]:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div[data-v-a8f3d91f]:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div[data-v-a8f3d91f]:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div[data-v-a8f3d91f]:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div[data-v-a8f3d91f]:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner-a8f3d91f{0%{opacity:1}to{opacity:0}}.x-cont[data-v-70ed4b89]{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 { getCurrentInstance as ae, inject as K, computed as d, defineComponent as q, useModel as H, ref as _, onMounted as R, onBeforeUnmount as L, watch as O, resolveComponent as m, openBlock as k, createBlock as W, withKeys as A, withModifiers as B, withCtx as v, createVNode as x, createTextVNode as b, toDisplayString as w, createElementBlock as U, normalizeStyle as se, pushScopeId as ue, popScopeId as ie, createElementVNode as g, reactive as ce, Fragment as de, renderList as pe, unref as fe } from "vue";
-function me(e) {
-  return { all: e = e || /* @__PURE__ */ new Map(), on: function(t, n) {
-    var o = e.get(t);
-    o ? o.push(n) : e.set(t, [n]);
-  }, off: function(t, n) {
-    var o = e.get(t);
-    o && (n ? o.splice(o.indexOf(n) >>> 0, 1) : e.set(t, []));
-  }, emit: function(t, n) {
-    var o = e.get(t);
-    o && o.slice().map(function(l) {
-      l(n);
-    }), (o = e.get("*")) && o.slice().map(function(l) {
-      l(t, n);
+(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.inner-left-enter-active,.inner-right-enter-active{transition:transform .35s ease}.inner-left-enter-from{transform:translate(-100%)}.inner-right-enter-from{transform:translate(100%)}.inner-left-enter-to,.inner-right-enter-to{transform:translate(0)}.x-cont[data-v-a8f3d91f]{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center}.lds-spinner[data-v-a8f3d91f]{color:official;display:inline-block;position:relative;width:40px;height:40px}.lds-spinner div[data-v-a8f3d91f]{transform-origin:20px 20px;animation:lds-spinner-a8f3d91f 1.2s linear infinite}.lds-spinner div[data-v-a8f3d91f]:after{content:" ";display:block;position:absolute;top:3px;left:18px;width:2px;height:6px;border-radius:5%;background:#9e9e9e}.lds-spinner div[data-v-a8f3d91f]:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner div[data-v-a8f3d91f]:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div[data-v-a8f3d91f]:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div[data-v-a8f3d91f]:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div[data-v-a8f3d91f]:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div[data-v-a8f3d91f]:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div[data-v-a8f3d91f]:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div[data-v-a8f3d91f]:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div[data-v-a8f3d91f]:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div[data-v-a8f3d91f]:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div[data-v-a8f3d91f]:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div[data-v-a8f3d91f]:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner-a8f3d91f{0%{opacity:1}to{opacity:0}}.x-cont[data-v-70ed4b89]{position:absolute;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 { getCurrentInstance as de, inject as X, computed as p, defineComponent as I, useModel as ee, ref as _, onMounted as $, onBeforeUnmount as W, watch as F, resolveComponent as m, openBlock as k, createBlock as E, withKeys as O, withModifiers as M, withCtx as v, createVNode as h, createTextVNode as b, toDisplayString as C, createElementBlock as N, normalizeStyle as pe, pushScopeId as fe, popScopeId as me, createElementVNode as g, reactive as ve, Fragment as ge, renderList as _e, unref as he } from "vue";
+function xe(e) {
+  return { all: e = e || /* @__PURE__ */ new Map(), on: function(n, t) {
+    var r = e.get(n);
+    r ? r.push(t) : e.set(n, [t]);
+  }, off: function(n, t) {
+    var r = e.get(n);
+    r && (t ? r.splice(r.indexOf(t) >>> 0, 1) : e.set(n, []));
+  }, emit: function(n, t) {
+    var r = e.get(n);
+    r && r.slice().map(function(o) {
+      o(t);
+    }), (r = e.get("*")) && r.slice().map(function(o) {
+      o(n, t);
     });
   } };
 }
-const i = me();
-async function je(e) {
-  return new Promise((t) => {
-    setTimeout(t, e);
+const u = xe();
+async function Xe(e) {
+  return new Promise((n) => {
+    setTimeout(n, e);
   });
 }
-async function z(e, t, n) {
-  const o = Date.now();
-  return new Promise((l) => {
-    const r = async () => {
-      e() ? l(!0) : t && Date.now() - o > t ? l(!1) : setTimeout(r, n ?? 30);
+async function H(e, n, t) {
+  const r = Date.now();
+  return new Promise((o) => {
+    const s = async () => {
+      e() ? o(!0) : n && Date.now() - r > n ? o(!1) : setTimeout(s, t ?? 30);
     };
-    r();
+    s();
   });
 }
-function M() {
+function T() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-  if (M.cache.has(e))
-    return M.cache.get(e);
-  const t = e.replace(/[^a-z]/gi, "-").replace(/\B([A-Z])/g, "-$1").toLowerCase();
-  return M.cache.set(e, t), t;
+  if (T.cache.has(e))
+    return T.cache.get(e);
+  const n = e.replace(/[^a-z]/gi, "-").replace(/\B([A-Z])/g, "-$1").toLowerCase();
+  return T.cache.set(e, n), n;
 }
-M.cache = /* @__PURE__ */ new Map();
-function J(e, t) {
-  const n = ae();
-  if (!n)
+T.cache = /* @__PURE__ */ new Map();
+function te(e, n) {
+  const t = de();
+  if (!t)
     throw new Error(`[Vuetify] ${e} must be called from inside a setup function`);
-  return n;
+  return t;
 }
-function ve() {
+function ye() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "composables";
-  const t = J(e).type;
-  return M((t == null ? void 0 : t.aliasName) || (t == null ? void 0 : t.name));
+  const n = te(e).type;
+  return T((n == null ? void 0 : n.aliasName) || (n == null ? void 0 : n.name));
 }
-const ge = Symbol.for("vuetify:locale");
-function X() {
-  const e = K(ge);
+const we = Symbol.for("vuetify:locale");
+function Z() {
+  const e = X(we);
   if (!e)
     throw new Error("[Vuetify] Could not find injected locale instance");
   return e;
 }
-const _e = Symbol.for("vuetify:display");
-function xe() {
-  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : ve();
-  const n = K(_e);
-  if (!n)
+const Ce = Symbol.for("vuetify:display");
+function be() {
+  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : ye();
+  const t = X(Ce);
+  if (!t)
     throw new Error("Could not find Vuetify display injection");
-  const o = d(() => {
+  const r = p(() => {
     if (!e.mobileBreakpoint)
-      return n.mobile.value;
-    const r = typeof e.mobileBreakpoint == "number" ? e.mobileBreakpoint : n.thresholds.value[e.mobileBreakpoint];
-    return n.width.value < r;
-  }), l = d(() => t ? {
-    [`${t}--mobile`]: o.value
+      return t.mobile.value;
+    const s = typeof e.mobileBreakpoint == "number" ? e.mobileBreakpoint : t.thresholds.value[e.mobileBreakpoint];
+    return t.width.value < s;
+  }), o = p(() => n ? {
+    [`${n}--mobile`]: r.value
   } : {});
   return {
-    ...n,
-    displayClasses: l,
-    mobile: o
+    ...t,
+    displayClasses: o,
+    mobile: r
   };
 }
-const ye = Symbol.for("vuetify:theme");
-function F() {
-  J("useTheme");
-  const e = K(ye, null);
+const ke = Symbol.for("vuetify:theme");
+function G() {
+  te("useTheme");
+  const e = X(ke, null);
   if (!e)
     throw new Error("Could not find Vuetify theme injection");
   return e;
 }
-const he = /* @__PURE__ */ q({
+const De = /* @__PURE__ */ I({
   __name: "index",
   props: {
     modelValue: { type: Boolean, required: !0 },
@@ -93,79 +93,79 @@ const he = /* @__PURE__ */ q({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = X(), n = H(e, "modelValue"), o = _(""), l = _(""), r = _(), s = _(), a = d(() => {
-      var c;
-      return ((c = r.value) == null ? void 0 : c.color) ?? "primary";
-    }), f = d(() => {
-      var c;
-      return ((c = r.value) == null ? void 0 : c.text) ?? t.t("cancel");
-    }), p = d(() => {
-      var c;
-      return ((c = s.value) == null ? void 0 : c.color) ?? "primary";
-    }), C = d(() => {
-      var c;
-      return ((c = s.value) == null ? void 0 : c.text) ?? t.t("confirm");
+    const n = Z(), t = ee(e, "modelValue"), r = _(""), o = _(""), s = _(), l = _(), a = p(() => {
+      var d;
+      return ((d = s.value) == null ? void 0 : d.color) ?? "primary";
+    }), i = p(() => {
+      var d;
+      return ((d = s.value) == null ? void 0 : d.text) ?? n.t("cancel");
+    }), f = p(() => {
+      var d;
+      return ((d = l.value) == null ? void 0 : d.color) ?? "primary";
+    }), y = p(() => {
+      var d;
+      return ((d = l.value) == null ? void 0 : d.text) ?? n.t("confirm");
     });
-    let V = 0, D = !1;
-    const E = (c) => {
-      o.value = c.title, l.value = c.text, r.value = c.cancel, s.value = c.confirm, V = c.seq, D = !1, n.value = !0;
+    let q = 0, D = !1;
+    const U = (d) => {
+      r.value = d.title, o.value = d.text, s.value = d.cancel, l.value = d.confirm, q = d.seq, D = !1, t.value = !0;
     };
-    R(() => {
-      i.on("confirmDlg", E);
-    }), L(() => {
-      i.off("confirmDlg", E);
+    $(() => {
+      u.on("confirmDlg", U);
+    }), W(() => {
+      u.off("confirmDlg", U);
     });
-    const N = () => {
-      n.value = !1, D || (i.emit("confirmDlgResult" + V, !0), D = !0);
+    const j = () => {
+      t.value = !1, D || (u.emit("confirmDlgResult" + q, !0), D = !0);
     };
-    return O(n, (c) => {
-      !c && !D && (i.emit("confirmDlgResult" + V, !1), D = !0);
-    }), (c, h) => {
-      const S = m("v-card-title"), j = m("v-card-text"), I = m("v-btn"), u = m("v-card-actions"), y = m("v-card"), P = m("v-dialog");
-      return k(), W(P, {
-        modelValue: n.value,
-        "onUpdate:modelValue": h[1] || (h[1] = (T) => n.value = T),
+    return F(t, (d) => {
+      !d && !D && (u.emit("confirmDlgResult" + q, !1), D = !0);
+    }), (d, w) => {
+      const S = m("v-card-title"), A = m("v-card-text"), V = m("v-btn"), c = m("v-card-actions"), x = m("v-card"), z = m("v-dialog");
+      return k(), E(z, {
+        modelValue: t.value,
+        "onUpdate:modelValue": w[1] || (w[1] = (B) => t.value = B),
         onKeydown: [
-          h[2] || (h[2] = A(B((T) => n.value = !1, ["stop", "prevent"]), ["esc"])),
-          A(B(N, ["stop", "prevent"]), ["enter"])
+          w[2] || (w[2] = O(M((B) => t.value = !1, ["stop", "prevent"]), ["esc"])),
+          O(M(j, ["stop", "prevent"]), ["enter"])
         ],
         transition: "dialog-top-transition",
         "max-width": "600px"
       }, {
         default: v(() => [
-          x(y, null, {
+          h(x, null, {
             default: v(() => [
-              x(S, null, {
+              h(S, null, {
                 default: v(() => [
-                  b(w(o.value), 1)
+                  b(C(r.value), 1)
                 ]),
                 _: 1
               }),
-              x(j, null, {
+              h(A, null, {
                 default: v(() => [
-                  b(w(l.value), 1)
+                  b(C(o.value), 1)
                 ]),
                 _: 1
               }),
-              x(u, { class: "d-flex justify-end" }, {
+              h(c, { class: "d-flex justify-end" }, {
                 default: v(() => [
-                  x(I, {
-                    onClick: h[0] || (h[0] = (T) => n.value = !1),
+                  h(V, {
+                    onClick: w[0] || (w[0] = (B) => t.value = !1),
                     color: a.value,
                     variant: "text"
                   }, {
                     default: v(() => [
-                      b(w(f.value), 1)
+                      b(C(i.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"]),
-                  x(I, {
-                    onClick: N,
-                    color: p.value,
+                  h(V, {
+                    onClick: j,
+                    color: f.value,
                     variant: "text"
                   }, {
                     default: v(() => [
-                      b(w(C.value), 1)
+                      b(C(y.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"])
@@ -180,7 +180,7 @@ const he = /* @__PURE__ */ q({
       }, 8, ["modelValue", "onKeydown"]);
     };
   }
-}), we = (e) => (ue("data-v-a8f3d91f"), e = e(), ie(), e), be = /* @__PURE__ */ we(() => /* @__PURE__ */ g("div", { class: "lds-spinner" }, [
+}), Se = (e) => (fe("data-v-a8f3d91f"), e = e(), me(), e), qe = /* @__PURE__ */ Se(() => /* @__PURE__ */ g("div", { class: "lds-spinner" }, [
   /* @__PURE__ */ g("div"),
   /* @__PURE__ */ g("div"),
   /* @__PURE__ */ g("div"),
@@ -193,9 +193,9 @@ const he = /* @__PURE__ */ q({
   /* @__PURE__ */ g("div"),
   /* @__PURE__ */ g("div"),
   /* @__PURE__ */ g("div")
-], -1)), ke = [
-  be
-], Ce = /* @__PURE__ */ q({
+], -1)), Ie = [
+  qe
+], Ve = /* @__PURE__ */ I({
   __name: "index",
   props: {
     zIndex: {
@@ -204,21 +204,21 @@ const he = /* @__PURE__ */ q({
     }
   },
   setup(e) {
-    const t = F(), n = e, o = d(() => ({
-      background: t.current.value.dark ? "#1e1e1e" : "#ffffff",
-      zIndex: n.zIndex
+    const n = G(), t = e, r = p(() => ({
+      background: n.current.value.dark ? "#1e1e1e" : "#ffffff",
+      zIndex: t.zIndex
     }));
-    return (l, r) => (k(), U("div", {
+    return (o, s) => (k(), N("div", {
       class: "x-cont",
-      style: se(o.value)
-    }, ke, 4));
+      style: pe(r.value)
+    }, Ie, 4));
   }
-}), Q = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [o, l] of t)
-    n[o] = l;
-  return n;
-}, De = /* @__PURE__ */ Q(Ce, [["__scopeId", "data-v-a8f3d91f"]]), Se = /* @__PURE__ */ q({
+}), ne = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [r, o] of n)
+    t[r] = o;
+  return t;
+}, Be = /* @__PURE__ */ ne(Ve, [["__scopeId", "data-v-a8f3d91f"]]), Re = /* @__PURE__ */ I({
   __name: "item",
   props: {
     id: {
@@ -239,39 +239,39 @@ const he = /* @__PURE__ */ q({
     }
   },
   emits: ["timeout"],
-  setup(e, { emit: t }) {
-    const n = e, o = _(!0), l = t, r = d(() => {
-      let s = "";
-      switch (n.type) {
+  setup(e, { emit: n }) {
+    const t = e, r = _(!0), o = n, s = p(() => {
+      let l = "";
+      switch (t.type) {
         case "error":
-          s = "cancel";
+          l = "cancel";
           break;
         case "info":
-          s = "info";
+          l = "info";
           break;
         case "success":
-          s = "check-circle";
+          l = "check-circle";
           break;
         case "warning":
-          s = "error";
+          l = "error";
           break;
       }
-      return s;
+      return l;
     });
-    return R(() => {
+    return $(() => {
       setTimeout(() => {
-        l("timeout", n.id);
-      }, n.timeout);
-    }), O(o, (s) => {
-      s || l("timeout", n.id);
-    }), (s, a) => {
-      const f = m("v-alert");
-      return k(), W(f, {
-        modelValue: o.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (p) => o.value = p),
+        o("timeout", t.id);
+      }, t.timeout);
+    }), F(r, (l) => {
+      l || o("timeout", t.id);
+    }), (l, a) => {
+      const i = m("v-alert");
+      return k(), E(i, {
+        modelValue: r.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (f) => r.value = f),
         class: "mt-2",
         type: e.type,
-        icon: r.value,
+        icon: s.value,
         text: e.text,
         "max-width": "90%",
         width: "500px",
@@ -281,44 +281,44 @@ const he = /* @__PURE__ */ q({
       }, null, 8, ["modelValue", "type", "icon", "text"]);
     };
   }
-}), qe = /* @__PURE__ */ q({
+}), Te = /* @__PURE__ */ I({
   __name: "index",
   setup(e) {
-    const t = ce({ items: [] });
-    R(() => {
-      i.on("message", n);
-    }), L(() => {
-      i.off("message", n);
+    const n = ve({ items: [] });
+    $(() => {
+      u.on("message", t);
+    }), W(() => {
+      u.off("message", t);
     });
-    const n = (a) => {
-      r(a.type, a.text, a.timeout);
-    }, o = (a) => {
-      s(a);
+    const t = (a) => {
+      s(a.type, a.text, a.timeout);
+    }, r = (a) => {
+      l(a);
     };
-    let l = 0;
-    const r = (a, f, p) => {
-      const C = l++;
-      t.items.push({ id: C, type: a, text: f, timeout: p });
-    }, s = (a) => {
-      const f = t.items.findIndex((p) => p.id === a);
-      f >= 0 && t.items.splice(f, 1);
+    let o = 0;
+    const s = (a, i, f) => {
+      const y = o++;
+      n.items.push({ id: y, type: a, text: i, timeout: f });
+    }, l = (a) => {
+      const i = n.items.findIndex((f) => f.id === a);
+      i >= 0 && n.items.splice(i, 1);
     };
-    return (a, f) => (k(), U("div", {
-      onClick: f[0] || (f[0] = B(() => {
+    return (a, i) => (k(), N("div", {
+      onClick: i[0] || (i[0] = M(() => {
       }, ["stop"])),
       class: "x-cont d-flex flex-column-reverse align-center"
     }, [
-      (k(!0), U(de, null, pe(t.items, (p) => (k(), W(Se, {
-        onTimeout: o,
-        id: p.id,
-        type: p.type,
-        text: p.text,
-        timeout: p.timeout,
-        key: p.id
+      (k(!0), N(ge, null, _e(n.items, (f) => (k(), E(Re, {
+        onTimeout: r,
+        id: f.id,
+        type: f.type,
+        text: f.text,
+        timeout: f.timeout,
+        key: f.id
       }, null, 8, ["id", "type", "text", "timeout"]))), 128))
     ]));
   }
-}), Ve = /* @__PURE__ */ Q(qe, [["__scopeId", "data-v-70ed4b89"]]), Ie = /* @__PURE__ */ q({
+}), Me = /* @__PURE__ */ ne(Te, [["__scopeId", "data-v-70ed4b89"]]), $e = /* @__PURE__ */ I({
   __name: "index",
   props: {
     modelValue: { type: Boolean, required: !0 },
@@ -326,94 +326,94 @@ const he = /* @__PURE__ */ q({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = X(), n = H(e, "modelValue"), o = _(""), l = _(""), r = _(), s = _(), a = _(), f = _(""), p = _(), C = _(), V = d(() => {
-      var u;
-      return ((u = p.value) == null ? void 0 : u.color) ?? "primary";
-    }), D = d(() => {
-      var u;
-      return ((u = p.value) == null ? void 0 : u.text) ?? t.t("cancel");
-    }), E = d(() => {
-      var u;
-      return ((u = C.value) == null ? void 0 : u.color) ?? "primary";
-    }), N = d(() => {
-      var u;
-      return ((u = C.value) == null ? void 0 : u.text) ?? t.t("confirm");
-    }), c = _();
-    let h = 0, S = !1;
-    const j = async (u) => {
-      var y;
-      o.value = u.title, l.value = u.text, r.value = u.label, s.value = u.placeholder, a.value = u.rules, f.value = u.value, p.value = u.cancel, C.value = u.confirm, h = u.seq, S = !1, n.value = !0, await z(() => c.value !== void 0, 1e3), (y = c.value) == null || y.focus();
+    const n = Z(), t = ee(e, "modelValue"), r = _(""), o = _(""), s = _(), l = _(), a = _(), i = _(""), f = _(), y = _(), q = p(() => {
+      var c;
+      return ((c = f.value) == null ? void 0 : c.color) ?? "primary";
+    }), D = p(() => {
+      var c;
+      return ((c = f.value) == null ? void 0 : c.text) ?? n.t("cancel");
+    }), U = p(() => {
+      var c;
+      return ((c = y.value) == null ? void 0 : c.color) ?? "primary";
+    }), j = p(() => {
+      var c;
+      return ((c = y.value) == null ? void 0 : c.text) ?? n.t("confirm");
+    }), d = _();
+    let w = 0, S = !1;
+    const A = async (c) => {
+      var x;
+      r.value = c.title, o.value = c.text, s.value = c.label, l.value = c.placeholder, a.value = c.rules, i.value = c.value, f.value = c.cancel, y.value = c.confirm, w = c.seq, S = !1, t.value = !0, await H(() => d.value !== void 0, 1e3), (x = d.value) == null || x.focus();
     };
-    R(() => {
-      i.on("promptDlg", j);
-    }), L(() => {
-      i.off("promptDlg", j);
+    $(() => {
+      u.on("promptDlg", A);
+    }), W(() => {
+      u.off("promptDlg", A);
     });
-    const I = () => {
-      n.value = !1, S || (i.emit("promptDlgResult" + h, f.value ?? ""), S = !0);
+    const V = () => {
+      t.value = !1, S || (u.emit("promptDlgResult" + w, i.value ?? ""), S = !0);
     };
-    return O(n, (u) => {
-      !u && !S && (i.emit("promptDlgResult" + h, void 0), S = !0);
-    }), (u, y) => {
-      const P = m("v-card-title"), T = m("v-card-text"), te = m("v-text-field"), ne = m("v-form"), Z = m("v-btn"), oe = m("v-card-actions"), le = m("v-card"), re = m("v-dialog");
-      return k(), W(re, {
-        modelValue: n.value,
-        "onUpdate:modelValue": y[2] || (y[2] = ($) => n.value = $),
+    return F(t, (c) => {
+      !c && !S && (u.emit("promptDlgResult" + w, void 0), S = !0);
+    }), (c, x) => {
+      const z = m("v-card-title"), B = m("v-card-text"), ae = m("v-text-field"), se = m("v-form"), J = m("v-btn"), ie = m("v-card-actions"), ce = m("v-card"), ue = m("v-dialog");
+      return k(), E(ue, {
+        modelValue: t.value,
+        "onUpdate:modelValue": x[2] || (x[2] = (R) => t.value = R),
         onKeydown: [
-          y[3] || (y[3] = A(B(($) => n.value = !1, ["stop", "prevent"]), ["esc"])),
-          A(B(I, ["stop", "prevent"]), ["enter"])
+          x[3] || (x[3] = O(M((R) => t.value = !1, ["stop", "prevent"]), ["esc"])),
+          O(M(V, ["stop", "prevent"]), ["enter"])
         ],
         transition: "dialog-top-transition",
         "max-width": "600px"
       }, {
         default: v(() => [
-          x(le, null, {
+          h(ce, null, {
             default: v(() => [
-              x(P, null, {
+              h(z, null, {
                 default: v(() => [
-                  b(w(o.value), 1)
+                  b(C(r.value), 1)
                 ]),
                 _: 1
               }),
-              x(T, null, {
+              h(B, null, {
                 default: v(() => [
-                  b(w(l.value), 1)
+                  b(C(o.value), 1)
                 ]),
                 _: 1
               }),
-              x(ne, { class: "mx-3" }, {
+              h(se, { class: "mx-3" }, {
                 default: v(() => [
-                  x(te, {
-                    modelValue: f.value,
-                    "onUpdate:modelValue": y[0] || (y[0] = ($) => f.value = $),
-                    label: r.value,
-                    placeholder: s.value,
+                  h(ae, {
+                    modelValue: i.value,
+                    "onUpdate:modelValue": x[0] || (x[0] = (R) => i.value = R),
+                    label: s.value,
+                    placeholder: l.value,
                     rules: a.value,
                     ref_key: "target",
-                    ref: c
+                    ref: d
                   }, null, 8, ["modelValue", "label", "placeholder", "rules"])
                 ]),
                 _: 1
               }),
-              x(oe, { class: "d-flex justify-end" }, {
+              h(ie, { class: "d-flex justify-end" }, {
                 default: v(() => [
-                  x(Z, {
-                    onClick: y[1] || (y[1] = ($) => n.value = !1),
-                    color: V.value,
+                  h(J, {
+                    onClick: x[1] || (x[1] = (R) => t.value = !1),
+                    color: q.value,
                     variant: "text"
                   }, {
                     default: v(() => [
-                      b(w(D.value), 1)
+                      b(C(D.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"]),
-                  x(Z, {
-                    onClick: I,
-                    color: E.value,
+                  h(J, {
+                    onClick: V,
+                    color: U.value,
                     variant: "text"
                   }, {
                     default: v(() => [
-                      b(w(N.value), 1)
+                      b(C(j.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"])
@@ -428,37 +428,37 @@ const he = /* @__PURE__ */ q({
       }, 8, ["modelValue", "onKeydown"]);
     };
   }
-}), Te = { class: "mx-auto my-auto" }, $e = { class: "d-flex align-center justify-center w-100 h-100" }, Me = /* @__PURE__ */ q({
+}), Ee = { class: "mx-auto my-auto" }, Ue = { class: "d-flex align-center justify-center w-100 h-100" }, je = /* @__PURE__ */ I({
   __name: "index",
   setup(e) {
-    const t = X(), n = _(!1), o = () => {
-      n.value = !0;
-    }, l = () => {
-      n.value = !1;
+    const n = Z(), t = _(!1), r = () => {
+      t.value = !0;
+    }, o = () => {
+      t.value = !1;
     };
-    return R(() => {
-      i.on("openWaitDlg", o), i.on("closeWaitDlg", l);
-    }), L(() => {
-      i.off("openWaitDlg", o), i.off("closeWaitDlg", l);
-    }), (r, s) => {
-      const a = m("v-card"), f = m("v-dialog");
-      return k(), W(f, {
-        "model-value": n.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (p) => n.value = p),
+    return $(() => {
+      u.on("openWaitDlg", r), u.on("closeWaitDlg", o);
+    }), W(() => {
+      u.off("openWaitDlg", r), u.off("closeWaitDlg", o);
+    }), (s, l) => {
+      const a = m("v-card"), i = m("v-dialog");
+      return k(), E(i, {
+        "model-value": t.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (f) => t.value = f),
         persistent: "",
         "no-click-animation": "",
         fullscreen: ""
       }, {
         default: v(() => [
-          g("div", Te, [
-            x(a, {
+          g("div", Ee, [
+            h(a, {
               width: "300px",
               height: "80px",
               loading: ""
             }, {
               default: v(() => [
-                g("div", $e, [
-                  g("span", null, w(fe(t).t("waitingResponse")), 1)
+                g("div", Ue, [
+                  g("span", null, C(he(n).t("waitingResponse")), 1)
                 ])
               ]),
               _: 1
@@ -470,79 +470,150 @@ const he = /* @__PURE__ */ q({
     };
   }
 });
-function Ae() {
-  const e = F(), t = d(() => e.global.current.value.colors.primary), n = d(() => e.global.current.value.colors.secondary), o = d(() => e.current.value.dark ? "#2e2e2e" : "#bdbdbd"), l = d(() => e.current.value.dark ? "#272727" : "#eeeeee"), r = d(() => e.current.value.dark ? "#1e1e1e" : "#ffffff"), s = d(() => e.current.value.dark ? "#303030" : "#f6f6f6"), a = d(() => e.current.value.dark ? "#ffffff1f" : "#0000001f");
+function Fe() {
+  const e = G(), n = p(() => e.global.current.value.colors.primary), t = p(() => e.global.current.value.colors.secondary), r = p(() => e.current.value.dark ? "#2e2e2e" : "#bdbdbd"), o = p(() => e.current.value.dark ? "#272727" : "#eeeeee"), s = p(() => e.current.value.dark ? "#1e1e1e" : "#ffffff"), l = p(() => e.current.value.dark ? "#303030" : "#f6f6f6"), a = p(() => e.current.value.dark ? "#ffffff1f" : "#0000001f");
   return {
-    primaryColor: t,
-    secondaryColor: n,
-    backgroundColor0: o,
-    backgroundColor1: l,
-    backgroundColor2: r,
-    highlightColor: s,
+    primaryColor: n,
+    secondaryColor: t,
+    backgroundColor0: r,
+    backgroundColor1: o,
+    backgroundColor2: s,
+    highlightColor: l,
     borderColor: a
   };
 }
-function Le() {
-  const e = F(), { width: t } = xe(), n = d(() => e.current.value.dark), o = _(""), l = d(() => !!window.cordova), r = d(() => t.value <= 1280 ? t.value + "px" : t.value <= 1920 ? 1920 / 2.5 + "px" : 2560 / 2.5 + "px");
-  return { dark: n, routeTransName: o, sysBarAvail: l, compactWidth: r };
+function Ae() {
+  const e = G(), { width: n } = be(), t = p(() => e.current.value.dark), r = _(""), o = p(() => !!window.cordova), s = p(() => n.value <= 1280 ? n.value + "px" : n.value <= 1920 ? 1920 / 2.5 + "px" : 2560 / 2.5 + "px");
+  return { dark: t, routeTransName: r, sysBarAvail: o, compactWidth: s };
 }
-let G = Date.now();
-function Y() {
+let Q = Date.now();
+function oe() {
   const e = Date.now();
-  return e - G > 500 ? (G = e, !0) : !1;
+  return e - Q > 500 ? (Q = e, !0) : !1;
 }
-let Be = 0;
-function ee() {
-  return ++Be;
+let Pe = 0;
+function re() {
+  return ++Pe;
 }
-async function Pe(e) {
-  if (!Y())
+async function He(e) {
+  if (!oe())
     return;
-  let t = !1, n;
-  const o = (r) => {
-    n = r, t = !0;
-  }, l = ee();
-  return i.on("confirmDlgResult" + l, o), i.emit("confirmDlg", { ...e, seq: l }), await z(() => t), i.off("confirmDlgResult" + l, o), n;
+  let n = !1, t;
+  const r = (s) => {
+    t = s, n = !0;
+  }, o = re();
+  return u.on("confirmDlgResult" + o, r), u.emit("confirmDlg", { ...e, seq: o }), await H(() => n), u.off("confirmDlgResult" + o, r), t;
 }
-async function Ue(e) {
-  if (!Y())
+async function Ze(e) {
+  if (!oe())
     return;
-  let t = !1, n;
-  const o = (r) => {
-    n = r, t = !0;
-  }, l = ee();
-  return i.on("promptDlgResult" + l, o), i.emit("promptDlg", { ...e, seq: l }), await z(() => t), i.off("promptDlgResult" + l, o), n;
+  let n = !1, t;
+  const r = (s) => {
+    t = s, n = !0;
+  }, o = re();
+  return u.on("promptDlgResult" + o, r), u.emit("promptDlg", { ...e, seq: o }), await H(() => n), u.off("promptDlgResult" + o, r), t;
 }
-function Ke() {
-  i.emit("openWaitDlg");
+function Ge() {
+  u.emit("openWaitDlg");
 }
-function Oe() {
-  i.emit("closeWaitDlg");
+function Je() {
+  u.emit("closeWaitDlg");
 }
-function ze(e, t) {
-  i.emit("message", { type: "error", text: e, timeout: t });
+function Qe(e, n) {
+  u.emit("message", { type: "error", text: e, timeout: n });
 }
-function Xe(e, t) {
-  i.emit("message", { type: "info", text: e, timeout: t });
+function Ye(e, n) {
+  u.emit("message", { type: "info", text: e, timeout: n });
 }
-function Fe(e, t) {
-  i.emit("message", { type: "success", text: e, timeout: t });
+function et(e, n) {
+  u.emit("message", { type: "success", text: e, timeout: n });
 }
-function Ze(e, t) {
-  i.emit("message", { type: "warning", text: e, timeout: t });
+function tt(e, n) {
+  u.emit("message", { type: "warning", text: e, timeout: n });
 }
-function Ge(e) {
-  var o, l;
+function nt(e) {
+  var r, o;
   if (!window.appAppear) {
     window.appAppear = !0;
     return;
   }
-  const t = "single-spa-application:" + e, n = (o = document.getElementById(t)) == null ? void 0 : o.classList;
-  n && (n.remove("app-left", "app-right", "app-reset"), (l = window.routeExtras) != null && l.forward ? n.add("app-left") : n.add("app-right"), setTimeout(() => {
-    n.add("app-reset");
+  const n = "single-spa-application:" + e, t = (r = document.getElementById(n)) == null ? void 0 : r.classList;
+  t && (t.remove("app-left", "app-right", "app-reset"), (o = window.routeExtras) != null && o.forward ? t.add("app-left") : t.add("app-right"), setTimeout(() => {
+    t.add("app-reset");
   }, 0));
 }
-const Re = [
+/*! js-cookie v3.0.5 | MIT */
+function P(e) {
+  for (var n = 1; n < arguments.length; n++) {
+    var t = arguments[n];
+    for (var r in t)
+      e[r] = t[r];
+  }
+  return e;
+}
+var Oe = {
+  read: function(e) {
+    return e[0] === '"' && (e = e.slice(1, -1)), e.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
+  },
+  write: function(e) {
+    return encodeURIComponent(e).replace(
+      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,
+      decodeURIComponent
+    );
+  }
+};
+function K(e, n) {
+  function t(o, s, l) {
+    if (!(typeof document > "u")) {
+      l = P({}, n, l), typeof l.expires == "number" && (l.expires = new Date(Date.now() + l.expires * 864e5)), l.expires && (l.expires = l.expires.toUTCString()), o = encodeURIComponent(o).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
+      var a = "";
+      for (var i in l)
+        l[i] && (a += "; " + i, l[i] !== !0 && (a += "=" + l[i].split(";")[0]));
+      return document.cookie = o + "=" + e.write(s, o) + a;
+    }
+  }
+  function r(o) {
+    if (!(typeof document > "u" || arguments.length && !o)) {
+      for (var s = document.cookie ? document.cookie.split("; ") : [], l = {}, a = 0; a < s.length; a++) {
+        var i = s[a].split("="), f = i.slice(1).join("=");
+        try {
+          var y = decodeURIComponent(i[0]);
+          if (l[y] = e.read(f, y), o === y)
+            break;
+        } catch {
+        }
+      }
+      return o ? l[o] : l;
+    }
+  }
+  return Object.create(
+    {
+      set: t,
+      get: r,
+      remove: function(o, s) {
+        t(
+          o,
+          "",
+          P({}, s, {
+            expires: -1
+          })
+        );
+      },
+      withAttributes: function(o) {
+        return K(this.converter, P({}, this.attributes, o));
+      },
+      withConverter: function(o) {
+        return K(P({}, this.converter, o), this.attributes);
+      }
+    },
+    {
+      attributes: { value: Object.freeze(n) },
+      converter: { value: Object.freeze(e) }
+    }
+  );
+}
+K(Oe, { path: "/" });
+const We = [
   { path: "/passport/login", level: 0 },
   { path: "/passport/loginAccount", level: 1 },
   { path: "/passport/register", level: 1 },
@@ -562,50 +633,80 @@ const Re = [
   { path: "/calc", level: 1, requiredState: "org" },
   { path: "/data", level: 1, requiredState: "org" }
 ];
-function We(e) {
-  let t, n = 0;
-  const o = e.split("/");
-  return Re.forEach((l) => {
-    const r = l.path.split("/");
-    let s = 0;
-    for (let a = 0; a < o.length && !(a >= r.length || o[a] !== r[a]); a++)
-      s++;
-    s >= n && (t = l, n = s);
-  }), t;
+function le(e) {
+  let n, t = 0;
+  const r = e.split("/");
+  return We.forEach((o) => {
+    const s = o.path.split("/");
+    let l = 0;
+    for (let a = 0; a < r.length && !(a >= s.length || r[a] !== s[a]); a++)
+      l++;
+    l >= t && (n = o, t = l);
+  }), n;
 }
-function He(e) {
+function Y(e) {
   if (e === "/")
     return { app: "", path: "/", level: -1 };
-  const t = We(e);
-  if (!t)
+  const n = le(e);
+  if (!n)
     return { app: "invalidApp", path: "/invalidApp/invalidRoute", level: -1 };
-  const n = e.split("/");
-  return console.assert(n.length >= 2), { app: n[1], path: t.path, level: t.level };
+  const t = e.split("/");
+  return console.assert(t.length >= 2), { app: t[1], path: n.path, level: n.level };
+}
+function L(e, n) {
+  const t = Y(e), r = Y(n);
+  console.info("~~~~before route change~~~~", t, r);
+  const o = t.app === r.app, s = t.path === r.path, l = t.level >= r.level;
+  if (o) {
+    const { routeTransName: a } = Ae();
+    s ? a.value = "" : a.value = l ? "inner-left" : "inner-right";
+  } else
+    window.routeExtras = { forward: l };
+}
+function ze() {
+  return !!(void 0)("accessToken");
+}
+function Le() {
+  return !!(void 0)("activeOrg");
+}
+function ot(e, n, t) {
+  ze(), Le();
+  const r = le(e.path);
+  if (!r) {
+    t();
+    return;
+  }
+  if (r.requiredState === "auth") {
+    const o = "/passport/login";
+    L(o, n.path), t({ path: o });
+  } else if (r.requiredState === "org") {
+    const o = "/passport/login";
+    L(o, n.path), t({ path: o });
+  } else
+    L(e.path, n.path), t();
 }
-const Ee = (e) => {
-  e.component("x-confirm-dlg", he), e.component("x-loading", De), e.component("x-message", Ve), e.component("x-prompt-dlg", Ie), e.component("x-wait-dlg", Me);
-}, Je = { install: Ee };
+const Ne = (e) => {
+  e.component("x-confirm-dlg", De), e.component("x-loading", Be), e.component("x-message", Me), e.component("x-prompt-dlg", $e), e.component("x-wait-dlg", je);
+}, rt = { install: Ne };
 export {
-  he as XConfirmDlg,
-  De as XLoading,
-  Ve as XMessage,
-  Ie as XPromptDlg,
-  Me as XWaitDlg,
-  Ge as appAppear,
-  Oe as closeWaitDlg,
-  Je as default,
-  He as getPathInfo,
-  We as matchRouteMeta,
-  ze as messageError,
-  Xe as messageInfo,
-  Fe as messageSuccess,
-  Ze as messageWarning,
-  Pe as openConfirmDlg,
-  Ue as openPromptDlg,
-  Ke as openWaitDlg,
-  Re as routeMetas,
-  Ae as useColor,
-  Le as useSystem,
-  je as waitMs,
-  z as waitUtil
+  De as XConfirmDlg,
+  Be as XLoading,
+  Me as XMessage,
+  $e as XPromptDlg,
+  je as XWaitDlg,
+  nt as appAppear,
+  Je as closeWaitDlg,
+  rt as default,
+  Qe as messageError,
+  Ye as messageInfo,
+  et as messageSuccess,
+  tt as messageWarning,
+  ot as onBeforeEach,
+  He as openConfirmDlg,
+  Ze as openPromptDlg,
+  Ge as openWaitDlg,
+  Fe as useColor,
+  Ae as useSystem,
+  Xe as waitMs,
+  H as waitUtil
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-essential-lib",
   "private": false,
-  "version": "0.1.6",
+  "version": "0.1.8",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -22,14 +22,17 @@
     "*": "prettier --write ."
   },
   "dependencies": {
-    "mitt": "^3.0.1"
+    "mitt": "^3.0.1",
+    "vue-router": "^4.3.2"
   },
   "peerDependencies": {
+    "js-cookie": "^3.0.5",
     "vue": "^3.4.23",
     "vuetify": "^3.5.16"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.8.0",
+    "@types/js-cookie": "^3.0.5",
     "@types/node": "^20.12.2",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vue/eslint-config-prettier": "^9.0.0",