x-essential-lib 0.1.5 → 0.1.7

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>
@@ -96,11 +97,21 @@ interface PromptParams {
 export declare function openPromptDlg(params: PromptParams): Promise<any>
 
 export declare function openWaitDlg()
+
 export declare function closeWaitDlg()
 
 export declare function messageError(text: string, timeout?: number)
+
 export declare function messageInfo(text: string, timeout?: number)
+
 export declare function messageSuccess(text: string, timeout?: number)
+
 export declare function messageWarning(text: string, timeout?: number)
 
 export declare function appAppear(name: string)
+
+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 A, computed as d, defineComponent as I, useModel as H, ref as _, onMounted as W, onBeforeUnmount as U, watch as O, resolveComponent as p, openBlock as k, createBlock as M, withKeys as L, withModifiers as R, withCtx as v, createVNode as x, createTextVNode as h, toDisplayString as b, createElementBlock as z, normalizeStyle as se, pushScopeId as ce, popScopeId as ue, createElementVNode as g, reactive as ie, Fragment as de, renderList as fe, unref as me } from "vue";
-function pe(e) {
+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 o = e.get(n);
-    o ? o.push(t) : e.set(n, [t]);
+    var r = e.get(n);
+    r ? r.push(t) : e.set(n, [t]);
   }, off: function(n, t) {
-    var o = e.get(n);
-    o && (t ? o.splice(o.indexOf(t) >>> 0, 1) : e.set(n, []));
+    var r = e.get(n);
+    r && (t ? r.splice(r.indexOf(t) >>> 0, 1) : e.set(n, []));
   }, emit: function(n, t) {
-    var o = e.get(n);
-    o && o.slice().map(function(l) {
-      l(t);
-    }), (o = e.get("*")) && o.slice().map(function(l) {
-      l(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 a = pe();
-async function Ee(e) {
+const u = xe();
+async function Xe(e) {
   return new Promise((n) => {
     setTimeout(n, e);
   });
 }
-async function X(e, n, t) {
-  const o = Date.now();
-  return new Promise((l) => {
+async function H(e, n, t) {
+  const r = Date.now();
+  return new Promise((o) => {
     const s = async () => {
-      e() ? l(!0) : n && Date.now() - o > n ? l(!1) : setTimeout(s, t ?? 30);
+      e() ? o(!0) : n && Date.now() - r > n ? o(!1) : setTimeout(s, t ?? 30);
     };
     s();
   });
 }
-function B() {
+function T() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-  if (B.cache.has(e))
-    return B.cache.get(e);
+  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 B.cache.set(e, n), n;
+  return T.cache.set(e, n), n;
 }
-B.cache = /* @__PURE__ */ new Map();
-function J(e, n) {
-  const t = ae();
+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 t;
 }
-function ve() {
+function ye() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "composables";
-  const n = J(e).type;
-  return B((n == null ? void 0 : n.aliasName) || (n == null ? void 0 : n.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 P() {
-  const e = A(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] : {}, n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : ve();
-  const t = A(_e);
+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 t.mobile.value;
     const s = typeof e.mobileBreakpoint == "number" ? e.mobileBreakpoint : t.thresholds.value[e.mobileBreakpoint];
     return t.width.value < s;
-  }), l = d(() => n ? {
-    [`${n}--mobile`]: o.value
+  }), o = p(() => n ? {
+    [`${n}--mobile`]: r.value
   } : {});
   return {
     ...t,
-    displayClasses: l,
-    mobile: o
+    displayClasses: o,
+    mobile: r
   };
 }
-const ye = Symbol.for("vuetify:theme");
-function F() {
-  J("useTheme");
-  const e = A(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 we = /* @__PURE__ */ I({
+const De = /* @__PURE__ */ I({
   __name: "index",
   props: {
     modelValue: { type: Boolean, required: !0 },
@@ -93,79 +93,79 @@ const we = /* @__PURE__ */ I({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const n = P(), t = H(e, "modelValue"), o = _(""), l = _(""), s = _(), u = _(), i = d(() => {
-      var c;
-      return ((c = s.value) == null ? void 0 : c.color) ?? "primary";
-    }), m = d(() => {
-      var c;
-      return ((c = s.value) == null ? void 0 : c.text) ?? n.t("cancel");
-    }), f = d(() => {
-      var c;
-      return ((c = u.value) == null ? void 0 : c.color) ?? "primary";
-    }), C = d(() => {
-      var c;
-      return ((c = u.value) == null ? void 0 : c.text) ?? n.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 S = 0, D = !1;
-    const E = (c) => {
-      o.value = c.title, l.value = c.text, s.value = c.cancel, u.value = c.confirm, S = c.seq, D = !1, t.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;
     };
-    W(() => {
-      a.on("confirmDlg", E);
-    }), U(() => {
-      a.off("confirmDlg", E);
+    $(() => {
+      u.on("confirmDlg", U);
+    }), W(() => {
+      u.off("confirmDlg", U);
     });
-    const N = () => {
-      t.value = !1, D || (a.emit("confirmDlgResult" + S, !0), D = !0);
+    const j = () => {
+      t.value = !1, D || (u.emit("confirmDlgResult" + q, !0), D = !0);
     };
-    return O(t, (c) => {
-      !c && !D && (a.emit("confirmDlgResult" + S, !1), D = !0);
-    }), (c, w) => {
-      const V = p("v-card-title"), j = p("v-card-text"), T = p("v-btn"), r = p("v-card-actions"), y = p("v-card"), K = p("v-dialog");
-      return k(), M(K, {
+    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] = ($) => t.value = $),
+        "onUpdate:modelValue": w[1] || (w[1] = (B) => t.value = B),
         onKeydown: [
-          w[2] || (w[2] = L(R(($) => t.value = !1, ["stop", "prevent"]), ["esc"])),
-          L(R(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(V, null, {
+              h(S, null, {
                 default: v(() => [
-                  h(b(o.value), 1)
+                  b(C(r.value), 1)
                 ]),
                 _: 1
               }),
-              x(j, null, {
+              h(A, null, {
                 default: v(() => [
-                  h(b(l.value), 1)
+                  b(C(o.value), 1)
                 ]),
                 _: 1
               }),
-              x(r, { class: "d-flex justify-end" }, {
+              h(c, { class: "d-flex justify-end" }, {
                 default: v(() => [
-                  x(T, {
-                    onClick: w[0] || (w[0] = ($) => t.value = !1),
-                    color: i.value,
+                  h(V, {
+                    onClick: w[0] || (w[0] = (B) => t.value = !1),
+                    color: a.value,
                     variant: "text"
                   }, {
                     default: v(() => [
-                      h(b(m.value), 1)
+                      b(C(i.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"]),
-                  x(T, {
-                    onClick: N,
+                  h(V, {
+                    onClick: j,
                     color: f.value,
                     variant: "text"
                   }, {
                     default: v(() => [
-                      h(b(C.value), 1)
+                      b(C(y.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"])
@@ -180,7 +180,7 @@ const we = /* @__PURE__ */ I({
       }, 8, ["modelValue", "onKeydown"]);
     };
   }
-}), be = (e) => (ce("data-v-a8f3d91f"), e = e(), ue(), e), he = /* @__PURE__ */ be(() => /* @__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 we = /* @__PURE__ */ I({
   /* @__PURE__ */ g("div"),
   /* @__PURE__ */ g("div"),
   /* @__PURE__ */ g("div")
-], -1)), ke = [
-  he
-], Ce = /* @__PURE__ */ I({
+], -1)), Ie = [
+  qe
+], Ve = /* @__PURE__ */ I({
   __name: "index",
   props: {
     zIndex: {
@@ -204,21 +204,21 @@ const we = /* @__PURE__ */ I({
     }
   },
   setup(e) {
-    const n = F(), t = e, o = d(() => ({
+    const n = G(), t = e, r = p(() => ({
       background: n.current.value.dark ? "#1e1e1e" : "#ffffff",
       zIndex: t.zIndex
     }));
-    return (l, s) => (k(), z("div", {
+    return (o, s) => (k(), N("div", {
       class: "x-cont",
-      style: se(o.value)
-    }, ke, 4));
+      style: pe(r.value)
+    }, Ie, 4));
   }
-}), Q = (e, n) => {
+}), ne = (e, n) => {
   const t = e.__vccOpts || e;
-  for (const [o, l] of n)
-    t[o] = l;
+  for (const [r, o] of n)
+    t[r] = o;
   return t;
-}, De = /* @__PURE__ */ Q(Ce, [["__scopeId", "data-v-a8f3d91f"]]), Ve = /* @__PURE__ */ I({
+}, Be = /* @__PURE__ */ ne(Ve, [["__scopeId", "data-v-a8f3d91f"]]), Re = /* @__PURE__ */ I({
   __name: "item",
   props: {
     id: {
@@ -240,35 +240,35 @@ const we = /* @__PURE__ */ I({
   },
   emits: ["timeout"],
   setup(e, { emit: n }) {
-    const t = e, o = _(!0), l = n, s = d(() => {
-      let u = "";
+    const t = e, r = _(!0), o = n, s = p(() => {
+      let l = "";
       switch (t.type) {
         case "error":
-          u = "cancel";
+          l = "cancel";
           break;
         case "info":
-          u = "info";
+          l = "info";
           break;
         case "success":
-          u = "check-circle";
+          l = "check-circle";
           break;
         case "warning":
-          u = "error";
+          l = "error";
           break;
       }
-      return u;
+      return l;
     });
-    return W(() => {
+    return $(() => {
       setTimeout(() => {
-        l("timeout", t.id);
+        o("timeout", t.id);
       }, t.timeout);
-    }), O(o, (u) => {
-      u || l("timeout", t.id);
-    }), (u, i) => {
-      const m = p("v-alert");
-      return k(), M(m, {
-        modelValue: o.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (f) => o.value = f),
+    }), 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: s.value,
@@ -281,35 +281,35 @@ const we = /* @__PURE__ */ I({
       }, null, 8, ["modelValue", "type", "icon", "text"]);
     };
   }
-}), Ie = /* @__PURE__ */ I({
+}), Te = /* @__PURE__ */ I({
   __name: "index",
   setup(e) {
-    const n = ie({ items: [] });
-    W(() => {
-      a.on("message", t);
-    }), U(() => {
-      a.off("message", t);
+    const n = ve({ items: [] });
+    $(() => {
+      u.on("message", t);
+    }), W(() => {
+      u.off("message", t);
     });
-    const t = (i) => {
-      s(i.type, i.text, i.timeout);
-    }, o = (i) => {
-      u(i);
+    const t = (a) => {
+      s(a.type, a.text, a.timeout);
+    }, r = (a) => {
+      l(a);
     };
-    let l = 0;
-    const s = (i, m, f) => {
-      const C = l++;
-      n.items.push({ id: C, type: i, text: m, timeout: f });
-    }, u = (i) => {
-      const m = n.items.findIndex((f) => f.id === i);
-      m >= 0 && n.items.splice(m, 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 (i, m) => (k(), z("div", {
-      onClick: m[0] || (m[0] = R(() => {
+    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), z(de, null, fe(n.items, (f) => (k(), M(Ve, {
-        onTimeout: o,
+      (k(!0), N(ge, null, _e(n.items, (f) => (k(), E(Re, {
+        onTimeout: r,
         id: f.id,
         type: f.type,
         text: f.text,
@@ -318,7 +318,7 @@ const we = /* @__PURE__ */ I({
       }, null, 8, ["id", "type", "text", "timeout"]))), 128))
     ]));
   }
-}), Se = /* @__PURE__ */ Q(Ie, [["__scopeId", "data-v-70ed4b89"]]), Te = /* @__PURE__ */ I({
+}), Me = /* @__PURE__ */ ne(Te, [["__scopeId", "data-v-70ed4b89"]]), $e = /* @__PURE__ */ I({
   __name: "index",
   props: {
     modelValue: { type: Boolean, required: !0 },
@@ -326,94 +326,94 @@ const we = /* @__PURE__ */ I({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const n = P(), t = H(e, "modelValue"), o = _(""), l = _(""), s = _(), u = _(), i = _(), m = _(""), f = _(), C = _(), S = d(() => {
-      var r;
-      return ((r = f.value) == null ? void 0 : r.color) ?? "primary";
-    }), D = d(() => {
-      var r;
-      return ((r = f.value) == null ? void 0 : r.text) ?? n.t("cancel");
-    }), E = d(() => {
-      var r;
-      return ((r = C.value) == null ? void 0 : r.color) ?? "primary";
-    }), N = d(() => {
-      var r;
-      return ((r = C.value) == null ? void 0 : r.text) ?? n.t("confirm");
-    }), c = _();
-    let w = 0, V = !1;
-    const j = async (r) => {
-      var y;
-      o.value = r.title, l.value = r.text, s.value = r.label, u.value = r.placeholder, i.value = r.rules, m.value = r.value, f.value = r.cancel, C.value = r.confirm, w = r.seq, V = !1, t.value = !0, await X(() => 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();
     };
-    W(() => {
-      a.on("promptDlg", j);
-    }), U(() => {
-      a.off("promptDlg", j);
+    $(() => {
+      u.on("promptDlg", A);
+    }), W(() => {
+      u.off("promptDlg", A);
     });
-    const T = () => {
-      t.value = !1, V || (a.emit("promptDlgResult" + w, m.value ?? ""), V = !0);
+    const V = () => {
+      t.value = !1, S || (u.emit("promptDlgResult" + w, i.value ?? ""), S = !0);
     };
-    return O(t, (r) => {
-      !r && !V && (a.emit("promptDlgResult" + w, void 0), V = !0);
-    }), (r, y) => {
-      const K = p("v-card-title"), $ = p("v-card-text"), te = p("v-text-field"), ne = p("v-form"), Z = p("v-btn"), oe = p("v-card-actions"), le = p("v-card"), re = p("v-dialog");
-      return k(), M(re, {
+    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": y[2] || (y[2] = (q) => t.value = q),
+        "onUpdate:modelValue": x[2] || (x[2] = (R) => t.value = R),
         onKeydown: [
-          y[3] || (y[3] = L(R((q) => t.value = !1, ["stop", "prevent"]), ["esc"])),
-          L(R(T, ["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(K, null, {
+              h(z, null, {
                 default: v(() => [
-                  h(b(o.value), 1)
+                  b(C(r.value), 1)
                 ]),
                 _: 1
               }),
-              x($, null, {
+              h(B, null, {
                 default: v(() => [
-                  h(b(l.value), 1)
+                  b(C(o.value), 1)
                 ]),
                 _: 1
               }),
-              x(ne, { class: "mx-3" }, {
+              h(se, { class: "mx-3" }, {
                 default: v(() => [
-                  x(te, {
-                    modelValue: m.value,
-                    "onUpdate:modelValue": y[0] || (y[0] = (q) => m.value = q),
+                  h(ae, {
+                    modelValue: i.value,
+                    "onUpdate:modelValue": x[0] || (x[0] = (R) => i.value = R),
                     label: s.value,
-                    placeholder: u.value,
-                    rules: i.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] = (q) => t.value = !1),
-                    color: S.value,
+                  h(J, {
+                    onClick: x[1] || (x[1] = (R) => t.value = !1),
+                    color: q.value,
                     variant: "text"
                   }, {
                     default: v(() => [
-                      h(b(D.value), 1)
+                      b(C(D.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"]),
-                  x(Z, {
-                    onClick: T,
-                    color: E.value,
+                  h(J, {
+                    onClick: V,
+                    color: U.value,
                     variant: "text"
                   }, {
                     default: v(() => [
-                      h(b(N.value), 1)
+                      b(C(j.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"])
@@ -428,37 +428,37 @@ const we = /* @__PURE__ */ I({
       }, 8, ["modelValue", "onKeydown"]);
     };
   }
-}), $e = { class: "mx-auto my-auto" }, qe = { class: "d-flex align-center justify-center w-100 h-100" }, Be = /* @__PURE__ */ I({
+}), 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 n = P(), t = _(!1), o = () => {
+    const n = Z(), t = _(!1), r = () => {
       t.value = !0;
-    }, l = () => {
+    }, o = () => {
       t.value = !1;
     };
-    return W(() => {
-      a.on("openWaitDlg", o), a.on("closeWaitDlg", l);
-    }), U(() => {
-      a.off("openWaitDlg", o), a.off("closeWaitDlg", l);
-    }), (s, u) => {
-      const i = p("v-card"), m = p("v-dialog");
-      return k(), M(m, {
+    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": u[0] || (u[0] = (f) => t.value = f),
+        "onUpdate:modelValue": l[0] || (l[0] = (f) => t.value = f),
         persistent: "",
         "no-click-animation": "",
         fullscreen: ""
       }, {
         default: v(() => [
-          g("div", $e, [
-            x(i, {
+          g("div", Ee, [
+            h(a, {
               width: "300px",
               height: "80px",
               loading: ""
             }, {
               default: v(() => [
-                g("div", qe, [
-                  g("span", null, b(me(n).t("waitingResponse")), 1)
+                g("div", Ue, [
+                  g("span", null, C(he(n).t("waitingResponse")), 1)
                 ])
               ]),
               _: 1
@@ -470,99 +470,243 @@ const we = /* @__PURE__ */ I({
     };
   }
 });
-function Ne() {
-  const e = F(), n = d(() => e.global.current.value.colors.primary), t = d(() => e.global.current.value.colors.secondary), o = d(() => e.current.value.dark ? "#2e2e2e" : "#bdbdbd"), l = d(() => e.current.value.dark ? "#272727" : "#eeeeee"), s = d(() => e.current.value.dark ? "#1e1e1e" : "#ffffff"), u = d(() => e.current.value.dark ? "#303030" : "#f6f6f6"), i = 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: n,
     secondaryColor: t,
-    backgroundColor0: o,
-    backgroundColor1: l,
+    backgroundColor0: r,
+    backgroundColor1: o,
     backgroundColor2: s,
-    highlightColor: u,
-    borderColor: i
+    highlightColor: l,
+    borderColor: a
   };
 }
-function je() {
-  const e = F(), { width: n } = xe(), t = d(() => e.current.value.dark), o = _(""), l = d(() => !!window.cordova), s = d(() => n.value <= 1280 ? n.value + "px" : n.value <= 1920 ? 1920 / 2.5 + "px" : 2560 / 2.5 + "px");
-  return { dark: t, routeTransName: o, sysBarAvail: l, compactWidth: s };
+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 Re = 0;
-function ee() {
-  return ++Re;
+let Pe = 0;
+function re() {
+  return ++Pe;
 }
-async function Le(e) {
-  if (!Y())
+async function He(e) {
+  if (!oe())
     return;
   let n = !1, t;
-  const o = (s) => {
+  const r = (s) => {
     t = s, n = !0;
-  }, l = ee();
-  return a.on("confirmDlgResult" + l, o), a.emit("confirmDlg", { ...e, seq: l }), await X(() => n), a.off("confirmDlgResult" + l, o), t;
+  }, 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 n = !1, t;
-  const o = (s) => {
+  const r = (s) => {
     t = s, n = !0;
-  }, l = ee();
-  return a.on("promptDlgResult" + l, o), a.emit("promptDlg", { ...e, seq: l }), await X(() => n), a.off("promptDlgResult" + l, o), t;
+  }, 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() {
-  a.emit("openWaitDlg");
+function Ge() {
+  u.emit("openWaitDlg");
 }
-function ze() {
-  a.emit("closeWaitDlg");
+function Je() {
+  u.emit("closeWaitDlg");
 }
-function Ae(e, n) {
-  a.emit("message", { type: "error", text: e, timeout: n });
+function Qe(e, n) {
+  u.emit("message", { type: "error", text: e, timeout: n });
 }
-function Oe(e, n) {
-  a.emit("message", { type: "info", text: e, timeout: n });
+function Ye(e, n) {
+  u.emit("message", { type: "info", text: e, timeout: n });
 }
-function Xe(e, n) {
-  a.emit("message", { type: "success", text: e, timeout: n });
+function et(e, n) {
+  u.emit("message", { type: "success", text: e, timeout: n });
 }
-function Pe(e, n) {
-  a.emit("message", { type: "warning", text: e, timeout: n });
+function tt(e, n) {
+  u.emit("message", { type: "warning", text: e, timeout: n });
 }
-function Fe(e) {
-  var o, l;
+function nt(e) {
+  var r, o;
   if (!window.appAppear) {
     window.appAppear = !0;
     return;
   }
-  const n = "single-spa-application:" + e, t = (o = document.getElementById(n)) == null ? void 0 : o.classList;
-  t && (t.remove("app-left", "app-right", "app-reset"), (l = window.routeExtras) != null && l.forward ? t.add("app-left") : t.add("app-right"), setTimeout(() => {
+  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 We = (e) => {
-  e.component("x-confirm-dlg", we), e.component("x-loading", De), e.component("x-message", Se), e.component("x-prompt-dlg", Te), e.component("x-wait-dlg", Be);
-}, Ze = { install: We };
+/*! 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 },
+  { path: "/org/joinOrCreate", level: 1, requiredState: "auth" },
+  { path: "/org/manager", level: 1, requiredState: "org" },
+  { path: "/main", level: 0, requiredState: "org" },
+  { path: "/mine/personalInfo", level: 1, requiredState: "org" },
+  { path: "/mine/accountSecurity", level: 2, requiredState: "org" },
+  { path: "/mine/settings", level: 1, requiredState: "org" },
+  { path: "/mine/general", level: 2, requiredState: "org" },
+  { path: "/mine/general/darkMode", level: 3, requiredState: "org" },
+  { path: "/mine/general/language", level: 3, requiredState: "org" },
+  { path: "/app/manager", level: 1, requiredState: "org" },
+  { path: "/app/editor", level: 2, requiredState: "org" },
+  { path: "/app/editor/*", level: 2, requiredState: "org" },
+  { path: "/asset", level: 1, requiredState: "org" },
+  { path: "/calc", level: 1, requiredState: "org" },
+  { path: "/data", level: 1, requiredState: "org" }
+];
+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 Y(e) {
+  if (e === "/")
+    return { app: "", path: "/", level: -1 };
+  const n = le(e);
+  if (!n)
+    return { app: "invalidApp", path: "/invalidApp/invalidRoute", level: -1 };
+  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 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 {
-  we as XConfirmDlg,
-  De as XLoading,
-  Se as XMessage,
-  Te as XPromptDlg,
-  Be as XWaitDlg,
-  Fe as appAppear,
-  ze as closeWaitDlg,
-  Ze as default,
-  Ae as messageError,
-  Oe as messageInfo,
-  Xe as messageSuccess,
-  Pe as messageWarning,
-  Le as openConfirmDlg,
-  Ue as openPromptDlg,
-  Ke as openWaitDlg,
-  Ne as useColor,
-  je as useSystem,
-  Ee as waitMs,
-  X 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.5",
+  "version": "0.1.7",
   "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",