x-essential-lib 0.1.7 → 0.1.9

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

package/package.json

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