x-essential-lib 0.1.9 → 0.1.11

package/dist/index.d.ts

@@ -3,10 +3,7 @@ import { RouteLocationNormalized, NavigationGuardNext } from 'vue-router'
 
 export declare const XConfirmDlg: DefineComponent<
   {
-    modelValue: {
-      type: Boolean
-      required: true
-    }
+    modelValue: Boolean
   },
   {
     'update:modelValue'(value: boolean): void
@@ -29,10 +26,7 @@ export declare const XMessage: DefineComponent<{}, {}, unknown>
 
 export declare const XPromptDlg: DefineComponent<
   {
-    modelValue: {
-      type: Boolean
-      required: true
-    }
+    modelValue: Boolean
   },
   {
     'update:modelValue'(value: boolean): void
@@ -40,7 +34,15 @@ export declare const XPromptDlg: DefineComponent<
   unknown
 >
 
-export declare const XWaitDlg: DefineComponent<{}, {}, unknown>
+export declare const XWaitDlg: DefineComponent<
+  {
+    modelValue: Boolean
+  },
+  {
+    'update:modelValue'(value: boolean): void
+  },
+  unknown
+>
 
 export declare function useColor(): {
   primaryColor: ComputedRef<string>

package/dist/index.js

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

package/package.json

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