smarteye-e-components 0.0.73 → 0.0.75

package/dist/smarteye-e-components.mjs

@@ -1,55 +1,55 @@
-import { h as qe, getCurrentInstance as Nt, effectScope as Xo, inject as Rn, onMounted as Fe, onUnmounted as ot, ref as M, computed as U, watch as Me, Fragment as ue, isRef as Jo, createVNode as K, Text as Qo, defineComponent as Q, openBlock as S, createElementBlock as A, renderSlot as Y, createElementVNode as w, toDisplayString as z, createCommentVNode as pe, normalizeStyle as _e, renderList as Ee, resolveComponent as fe, withDirectives as Fn, normalizeClass as Ze, withCtx as te, createBlock as Se, vShow as xn, provide as qo, createTextVNode as Vn, reactive as Oe, unref as le, Teleport as Un, toRaw as Ge } from "vue";
+import { h as Ze, getCurrentInstance as Nt, effectScope as Zo, inject as St, onMounted as xe, onUnmounted as ot, ref as k, computed as U, watch as Me, Fragment as ue, isRef as es, createVNode as B, Text as ts, defineComponent as Q, openBlock as N, createElementBlock as A, normalizeClass as ke, renderSlot as Y, createElementVNode as b, toDisplayString as j, createCommentVNode as pe, normalizeStyle as _e, renderList as Ee, resolveComponent as fe, withDirectives as Vn, withCtx as te, createBlock as Fe, vShow as Un, provide as ns, createTextVNode as Gn, reactive as Oe, unref as le, Teleport as zn, toRaw as ze } from "vue";
 /*!
   * shared v9.2.2
   * (c) 2022 kazuya kawaguchi
   * Released under the MIT License.
   */
 const ge = typeof window < "u";
-let ie, Te;
+let ie, Ie;
 if (process.env.NODE_ENV !== "production") {
   const e = ge && window.performance;
-  e && e.mark && e.measure && e.clearMarks && e.clearMeasures && (ie = (t) => e.mark(t), Te = (t, n, o) => {
+  e && e.mark && e.measure && e.clearMarks && e.clearMeasures && (ie = (t) => e.mark(t), Ie = (t, n, o) => {
     e.measure(t, n, o), e.clearMarks(n), e.clearMarks(o);
   });
 }
-const Zo = /\{([0-9a-zA-Z]+)\}/g;
-function St(e, ...t) {
-  return t.length === 1 && F(t[0]) && (t = t[0]), (!t || !t.hasOwnProperty) && (t = {}), e.replace(Zo, (n, o) => t.hasOwnProperty(o) ? t[o] : "");
+const os = /\{([0-9a-zA-Z]+)\}/g;
+function Ct(e, ...t) {
+  return t.length === 1 && x(t[0]) && (t = t[0]), (!t || !t.hasOwnProperty) && (t = {}), e.replace(os, (n, o) => t.hasOwnProperty(o) ? t[o] : "");
 }
-const es = typeof Symbol == "function" && typeof Symbol.toStringTag == "symbol", he = (e) => es ? Symbol(e) : e, ts = (e, t, n) => ns({ l: e, k: t, s: n }), ns = (e) => JSON.stringify(e).replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029").replace(/\u0027/g, "\\u0027"), B = (e) => typeof e == "number" && isFinite(e), os = (e) => Dt(e) === "[object Date]", et = (e) => Dt(e) === "[object RegExp]", st = (e) => k(e) && Object.keys(e).length === 0;
-function xe(e, t) {
+const ss = typeof Symbol == "function" && typeof Symbol.toStringTag == "symbol", he = (e) => ss ? Symbol(e) : e, rs = (e, t, n) => as({ l: e, k: t, s: n }), as = (e) => JSON.stringify(e).replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029").replace(/\u0027/g, "\\u0027"), K = (e) => typeof e == "number" && isFinite(e), ls = (e) => Pt(e) === "[object Date]", et = (e) => Pt(e) === "[object RegExp]", st = (e) => M(e) && Object.keys(e).length === 0;
+function Ve(e, t) {
   typeof console < "u" && (console.warn("[intlify] " + e), t && console.warn(t.stack));
 }
 const ne = Object.assign;
 let Ht;
-const Ct = () => Ht || (Ht = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {});
+const At = () => Ht || (Ht = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {});
 function jt(e) {
   return e.replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
 }
-const ss = Object.prototype.hasOwnProperty;
-function At(e, t) {
-  return ss.call(e, t);
+const is = Object.prototype.hasOwnProperty;
+function Dt(e, t) {
+  return is.call(e, t);
 }
-const H = Array.isArray, W = (e) => typeof e == "function", L = (e) => typeof e == "string", G = (e) => typeof e == "boolean", F = (e) => e !== null && typeof e == "object", Gn = Object.prototype.toString, Dt = (e) => Gn.call(e), k = (e) => Dt(e) === "[object Object]", rs = (e) => e == null ? "" : H(e) || k(e) && e.toString === Gn ? JSON.stringify(e, null, 2) : String(e), zt = 2;
-function as(e, t = 0, n = e.length) {
+const z = Array.isArray, W = (e) => typeof e == "function", L = (e) => typeof e == "string", G = (e) => typeof e == "boolean", x = (e) => e !== null && typeof e == "object", Hn = Object.prototype.toString, Pt = (e) => Hn.call(e), M = (e) => Pt(e) === "[object Object]", cs = (e) => e == null ? "" : z(e) || M(e) && e.toString === Hn ? JSON.stringify(e, null, 2) : String(e), Wt = 2;
+function us(e, t = 0, n = e.length) {
   const o = e.split(/\r?\n/);
   let s = 0;
   const a = [];
   for (let r = 0; r < o.length; r++)
     if (s += o[r].length + 1, s >= t) {
-      for (let l = r - zt; l <= r + zt || n > s; l++) {
+      for (let l = r - Wt; l <= r + Wt || n > s; l++) {
         if (l < 0 || l >= o.length)
           continue;
         const i = l + 1;
         a.push(`${i}${" ".repeat(3 - String(i).length)}|  ${o[l]}`);
         const c = o[l].length;
         if (l === r) {
-          const _ = t - (s - c) + 1, f = Math.max(1, n > s ? c - _ : n - t);
-          a.push("   |  " + " ".repeat(_) + "^".repeat(f));
+          const m = t - (s - c) + 1, f = Math.max(1, n > s ? c - m : n - t);
+          a.push("   |  " + " ".repeat(m) + "^".repeat(f));
         } else if (l > r) {
           if (n > s) {
-            const _ = Math.max(Math.min(n - s, c), 1);
-            a.push("   |  " + "^".repeat(_));
+            const m = Math.max(Math.min(n - s, c), 1);
+            a.push("   |  " + "^".repeat(m));
           }
           s += c + 1;
         }
@@ -59,7 +59,7 @@ function as(e, t = 0, n = e.length) {
   return a.join(`
 `);
 }
-function Hn() {
+function jn() {
   const e = /* @__PURE__ */ new Map();
   return {
     events: e,
@@ -97,7 +97,7 @@ const J = {
   UNEXPECTED_EMPTY_LINKED_KEY: 13,
   UNEXPECTED_LEXICAL_ANALYSIS: 14,
   __EXTEND_POINT__: 15
-}, ls = {
+}, ds = {
   [J.EXPECTED_TOKEN]: "Expected token: '{0}'",
   [J.INVALID_TOKEN_IN_PLACEHOLDER]: "Invalid token in placeholder: '{0}'",
   [J.UNTERMINATED_SINGLE_QUOTE_IN_PLACEHOLDER]: "Unterminated single quote in placeholder",
@@ -113,8 +113,8 @@ const J = {
   [J.UNEXPECTED_EMPTY_LINKED_KEY]: "Unexpected empty linked key",
   [J.UNEXPECTED_LEXICAL_ANALYSIS]: "Unexpected lexical analysis in token: '{0}'"
 };
-function jn(e, t, n = {}) {
-  const { domain: o, messages: s, args: a } = n, r = process.env.NODE_ENV !== "production" ? St((s || ls)[e] || "", ...a || []) : e, l = new SyntaxError(String(r));
+function Wn(e, t, n = {}) {
+  const { domain: o, messages: s, args: a } = n, r = process.env.NODE_ENV !== "production" ? Ct((s || ds)[e] || "", ...a || []) : e, l = new SyntaxError(String(r));
   return l.code = e, t && (l.location = t), l.domain = o, l;
 }
 /*!
@@ -122,7 +122,7 @@ function jn(e, t, n = {}) {
   * (c) 2022 kazuya kawaguchi
   * Released under the MIT License.
   */
-const zn = {
+const Bn = {
   I18nInit: "i18n:init",
   FunctionTranslate: "function:translate"
 };
@@ -131,25 +131,25 @@ const zn = {
   * (c) 2022 kazuya kawaguchi
   * Released under the MIT License.
   */
-const be = [];
-be[0] = {
+const we = [];
+we[0] = {
   w: [0],
   i: [3, 0],
   ["["]: [4],
   o: [7]
 };
-be[1] = {
+we[1] = {
   w: [1],
   ["."]: [2],
   ["["]: [4],
   o: [7]
 };
-be[2] = {
+we[2] = {
   w: [2],
   i: [3, 0],
   [0]: [3, 0]
 };
-be[3] = {
+we[3] = {
   i: [3, 0],
   [0]: [3, 0],
   w: [1, 1],
@@ -157,7 +157,7 @@ be[3] = {
   ["["]: [4, 1],
   o: [7, 1]
 };
-be[4] = {
+we[4] = {
   ["'"]: [5, 0],
   ['"']: [6, 0],
   ["["]: [
@@ -168,25 +168,25 @@ be[4] = {
   o: 8,
   l: [4, 0]
 };
-be[5] = {
+we[5] = {
   ["'"]: [4, 0],
   o: 8,
   l: [5, 0]
 };
-be[6] = {
+we[6] = {
   ['"']: [4, 0],
   o: 8,
   l: [6, 0]
 };
-const is = /^\s?(?:true|false|-?[\d.]+|'[^']*'|"[^"]*")\s?$/;
-function cs(e) {
-  return is.test(e);
+const fs = /^\s?(?:true|false|-?[\d.]+|'[^']*'|"[^"]*")\s?$/;
+function _s(e) {
+  return fs.test(e);
 }
-function us(e) {
+function ms(e) {
   const t = e.charCodeAt(0), n = e.charCodeAt(e.length - 1);
   return t === n && (t === 34 || t === 39) ? e.slice(1, -1) : e;
 }
-function ds(e) {
+function ps(e) {
   if (e == null)
     return "o";
   switch (e.charCodeAt(0)) {
@@ -211,13 +211,13 @@ function ds(e) {
   }
   return "i";
 }
-function fs(e) {
+function gs(e) {
   const t = e.trim();
-  return e.charAt(0) === "0" && isNaN(parseInt(e)) ? !1 : cs(t) ? us(t) : "*" + t;
+  return e.charAt(0) === "0" && isNaN(parseInt(e)) ? !1 : _s(t) ? ms(t) : "*" + t;
 }
-function _s(e) {
+function hs(e) {
   const t = [];
-  let n = -1, o = 0, s = 0, a, r, l, i, c, _, f;
+  let n = -1, o = 0, s = 0, a, r, l, i, c, m, f;
   const u = [];
   u[0] = () => {
     r === void 0 ? r = l : r += l;
@@ -229,33 +229,33 @@ function _s(e) {
     if (s > 0)
       s--, o = 4, u[0]();
     else {
-      if (s = 0, r === void 0 || (r = fs(r), r === !1))
+      if (s = 0, r === void 0 || (r = gs(r), r === !1))
         return !1;
       u[1]();
     }
   };
   function d() {
-    const g = e[n + 1];
-    if (o === 5 && g === "'" || o === 6 && g === '"')
-      return n++, l = "\\" + g, u[0](), !0;
+    const p = e[n + 1];
+    if (o === 5 && p === "'" || o === 6 && p === '"')
+      return n++, l = "\\" + p, u[0](), !0;
   }
   for (; o !== null; )
     if (n++, a = e[n], !(a === "\\" && d())) {
-      if (i = ds(a), f = be[o], c = f[i] || f.l || 8, c === 8 || (o = c[0], c[1] !== void 0 && (_ = u[c[1]], _ && (l = a, _() === !1))))
+      if (i = ps(a), f = we[o], c = f[i] || f.l || 8, c === 8 || (o = c[0], c[1] !== void 0 && (m = u[c[1]], m && (l = a, m() === !1))))
         return;
       if (o === 7)
         return t;
     }
 }
-const Wt = /* @__PURE__ */ new Map();
-function ms(e, t) {
-  return F(e) ? e[t] : null;
+const Bt = /* @__PURE__ */ new Map();
+function vs(e, t) {
+  return x(e) ? e[t] : null;
 }
-function ps(e, t) {
-  if (!F(e))
+function ys(e, t) {
+  if (!x(e))
     return null;
-  let n = Wt.get(t);
-  if (n || (n = _s(t), n && Wt.set(t, n)), !n)
+  let n = Bt.get(t);
+  if (n || (n = hs(t), n && Bt.set(t, n)), !n)
     return null;
   const o = n.length;
   let s = e, a = 0;
@@ -267,58 +267,58 @@ function ps(e, t) {
   }
   return s;
 }
-const gs = (e) => e, hs = (e) => "", vs = "text", ys = (e) => e.length === 0 ? "" : e.join(""), Es = rs;
-function Bt(e, t) {
+const Es = (e) => e, ws = (e) => "", bs = "text", Ls = (e) => e.length === 0 ? "" : e.join(""), Os = cs;
+function Kt(e, t) {
   return e = Math.abs(e), t === 2 ? e ? e > 1 ? 1 : 0 : 1 : e ? Math.min(e, 2) : 0;
 }
-function bs(e) {
-  const t = B(e.pluralIndex) ? e.pluralIndex : -1;
-  return e.named && (B(e.named.count) || B(e.named.n)) ? B(e.named.count) ? e.named.count : B(e.named.n) ? e.named.n : t : t;
+function Is(e) {
+  const t = K(e.pluralIndex) ? e.pluralIndex : -1;
+  return e.named && (K(e.named.count) || K(e.named.n)) ? K(e.named.count) ? e.named.count : K(e.named.n) ? e.named.n : t : t;
 }
-function ws(e, t) {
+function Ts(e, t) {
   t.count || (t.count = e), t.n || (t.n = e);
 }
-function Ls(e = {}) {
-  const t = e.locale, n = bs(e), o = F(e.pluralRules) && L(t) && W(e.pluralRules[t]) ? e.pluralRules[t] : Bt, s = F(e.pluralRules) && L(t) && W(e.pluralRules[t]) ? Bt : void 0, a = (p) => p[o(n, p.length, s)], r = e.list || [], l = (p) => r[p], i = e.named || {};
-  B(e.pluralIndex) && ws(n, i);
-  const c = (p) => i[p];
-  function _(p) {
-    const E = W(e.messages) ? e.messages(p) : F(e.messages) ? e.messages[p] : !1;
-    return E || (e.parent ? e.parent.message(p) : hs);
+function Ns(e = {}) {
+  const t = e.locale, n = Is(e), o = x(e.pluralRules) && L(t) && W(e.pluralRules[t]) ? e.pluralRules[t] : Kt, s = x(e.pluralRules) && L(t) && W(e.pluralRules[t]) ? Kt : void 0, a = (g) => g[o(n, g.length, s)], r = e.list || [], l = (g) => r[g], i = e.named || {};
+  K(e.pluralIndex) && Ts(n, i);
+  const c = (g) => i[g];
+  function m(g) {
+    const w = W(e.messages) ? e.messages(g) : x(e.messages) ? e.messages[g] : !1;
+    return w || (e.parent ? e.parent.message(g) : ws);
   }
-  const f = (p) => e.modifiers ? e.modifiers[p] : gs, u = k(e.processor) && W(e.processor.normalize) ? e.processor.normalize : ys, d = k(e.processor) && W(e.processor.interpolate) ? e.processor.interpolate : Es, g = k(e.processor) && L(e.processor.type) ? e.processor.type : vs, y = {
+  const f = (g) => e.modifiers ? e.modifiers[g] : Es, u = M(e.processor) && W(e.processor.normalize) ? e.processor.normalize : Ls, d = M(e.processor) && W(e.processor.interpolate) ? e.processor.interpolate : Os, p = M(e.processor) && L(e.processor.type) ? e.processor.type : bs, y = {
     list: l,
     named: c,
     plural: a,
-    linked: (p, ...E) => {
-      const [N, I] = E;
-      let b = "text", P = "";
-      E.length === 1 ? F(N) ? (P = N.modifier || P, b = N.type || b) : L(N) && (P = N || P) : E.length === 2 && (L(N) && (P = N || P), L(I) && (b = I || b));
-      let $ = _(p)(y);
-      return b === "vnode" && H($) && P && ($ = $[0]), P ? f(P)($, b) : $;
+    linked: (g, ...w) => {
+      const [S, T] = w;
+      let E = "text", P = "";
+      w.length === 1 ? x(S) ? (P = S.modifier || P, E = S.type || E) : L(S) && (P = S || P) : w.length === 2 && (L(S) && (P = S || P), L(T) && (E = T || E));
+      let $ = m(g)(y);
+      return E === "vnode" && z($) && P && ($ = $[0]), P ? f(P)($, E) : $;
     },
-    message: _,
-    type: g,
+    message: m,
+    type: p,
     interpolate: d,
     normalize: u
   };
   return y;
 }
-let We = null;
-function Os(e) {
-  We = e;
+let Be = null;
+function Ss(e) {
+  Be = e;
 }
-function Ts(e, t, n) {
-  We && We.emit(zn.I18nInit, {
+function Cs(e, t, n) {
+  Be && Be.emit(Bn.I18nInit, {
     timestamp: Date.now(),
     i18n: e,
     version: t,
     meta: n
   });
 }
-const Is = /* @__PURE__ */ Ns(zn.FunctionTranslate);
-function Ns(e) {
-  return (t) => We && We.emit(e, t);
+const As = /* @__PURE__ */ Ds(Bn.FunctionTranslate);
+function Ds(e) {
+  return (t) => Be && Be.emit(e, t);
 }
 const ae = {
   NOT_FOUND_KEY: 1,
@@ -328,7 +328,7 @@ const ae = {
   CANNOT_FORMAT_DATE: 5,
   FALLBACK_TO_DATE_FORMAT: 6,
   __EXTEND_POINT__: 7
-}, Ss = {
+}, Ps = {
   [ae.NOT_FOUND_KEY]: "Not found '{key}' key in '{locale}' locale messages.",
   [ae.FALLBACK_TO_TRANSLATE]: "Fall back to translate '{key}' key with '{target}' locale.",
   [ae.CANNOT_FORMAT_NUMBER]: "Cannot format a number value due to not supported Intl.NumberFormat.",
@@ -337,25 +337,25 @@ const ae = {
   [ae.FALLBACK_TO_DATE_FORMAT]: "Fall back to datetime format '{key}' key with '{target}' locale."
 };
 function Re(e, ...t) {
-  return St(Ss[e], ...t);
+  return Ct(Ps[e], ...t);
 }
-function Cs(e, t, n) {
+function $s(e, t, n) {
   return [.../* @__PURE__ */ new Set([
     n,
-    ...H(t) ? t : F(t) ? Object.keys(t) : L(t) ? [t] : [n]
+    ...z(t) ? t : x(t) ? Object.keys(t) : L(t) ? [t] : [n]
   ])];
 }
-function Wn(e, t, n) {
-  const o = L(n) ? n : Pt, s = e;
+function Kn(e, t, n) {
+  const o = L(n) ? n : $t, s = e;
   s.__localeChainCache || (s.__localeChainCache = /* @__PURE__ */ new Map());
   let a = s.__localeChainCache.get(o);
   if (!a) {
     a = [];
     let r = [n];
-    for (; H(r); )
+    for (; z(r); )
       r = Yt(a, r, t);
-    const l = H(t) || !k(t) ? t : t.default ? t.default : null;
-    r = L(l) ? [l] : l, H(r) && Yt(a, r, !1), s.__localeChainCache.set(o, a);
+    const l = z(t) || !M(t) ? t : t.default ? t.default : null;
+    r = L(l) ? [l] : l, z(r) && Yt(a, r, !1), s.__localeChainCache.set(o, a);
   }
   return a;
 }
@@ -363,89 +363,89 @@ function Yt(e, t, n) {
   let o = !0;
   for (let s = 0; s < t.length && G(o); s++) {
     const a = t[s];
-    L(a) && (o = As(e, t[s], n));
+    L(a) && (o = Ms(e, t[s], n));
   }
   return o;
 }
-function As(e, t, n) {
+function Ms(e, t, n) {
   let o;
   const s = t.split("-");
   do {
     const a = s.join("-");
-    o = Ds(e, a, n), s.splice(-1, 1);
+    o = ks(e, a, n), s.splice(-1, 1);
   } while (s.length && o === !0);
   return o;
 }
-function Ds(e, t, n) {
+function ks(e, t, n) {
   let o = !1;
   if (!e.includes(t) && (o = !0, t)) {
     o = t[t.length - 1] !== "!";
     const s = t.replace(/!/g, "");
-    e.push(s), (H(n) || k(n)) && n[s] && (o = n[s]);
+    e.push(s), (z(n) || M(n)) && n[s] && (o = n[s]);
   }
   return o;
 }
-const Ps = "9.2.2", rt = -1, Pt = "en-US", tt = "", Kt = (e) => `${e.charAt(0).toLocaleUpperCase()}${e.substr(1)}`;
-function $s() {
+const Rs = "9.2.2", rt = -1, $t = "en-US", tt = "", Xt = (e) => `${e.charAt(0).toLocaleUpperCase()}${e.substr(1)}`;
+function xs() {
   return {
-    upper: (e, t) => t === "text" && L(e) ? e.toUpperCase() : t === "vnode" && F(e) && "__v_isVNode" in e ? e.children.toUpperCase() : e,
-    lower: (e, t) => t === "text" && L(e) ? e.toLowerCase() : t === "vnode" && F(e) && "__v_isVNode" in e ? e.children.toLowerCase() : e,
-    capitalize: (e, t) => t === "text" && L(e) ? Kt(e) : t === "vnode" && F(e) && "__v_isVNode" in e ? Kt(e.children) : e
+    upper: (e, t) => t === "text" && L(e) ? e.toUpperCase() : t === "vnode" && x(e) && "__v_isVNode" in e ? e.children.toUpperCase() : e,
+    lower: (e, t) => t === "text" && L(e) ? e.toLowerCase() : t === "vnode" && x(e) && "__v_isVNode" in e ? e.children.toLowerCase() : e,
+    capitalize: (e, t) => t === "text" && L(e) ? Xt(e) : t === "vnode" && x(e) && "__v_isVNode" in e ? Xt(e.children) : e
   };
 }
-let ks, Bn;
-function Ms(e) {
-  Bn = e;
-}
-let Yn;
-function Rs(e) {
+let Fs, Yn;
+function Vs(e) {
   Yn = e;
 }
-let Kn = null;
-const Xt = (e) => {
-  Kn = e;
-}, Fs = () => Kn;
-let Xn = null;
-const Jt = (e) => {
+let Xn;
+function Us(e) {
   Xn = e;
-}, xs = () => Xn;
-let Qt = 0;
-function Vs(e = {}) {
-  const t = L(e.version) ? e.version : Ps, n = L(e.locale) ? e.locale : Pt, o = H(e.fallbackLocale) || k(e.fallbackLocale) || L(e.fallbackLocale) || e.fallbackLocale === !1 ? e.fallbackLocale : n, s = k(e.messages) ? e.messages : { [n]: {} }, a = k(e.datetimeFormats) ? e.datetimeFormats : { [n]: {} }, r = k(e.numberFormats) ? e.numberFormats : { [n]: {} }, l = ne({}, e.modifiers || {}, $s()), i = e.pluralRules || {}, c = W(e.missing) ? e.missing : null, _ = G(e.missingWarn) || et(e.missingWarn) ? e.missingWarn : !0, f = G(e.fallbackWarn) || et(e.fallbackWarn) ? e.fallbackWarn : !0, u = !!e.fallbackFormat, d = !!e.unresolving, g = W(e.postTranslation) ? e.postTranslation : null, v = k(e.processor) ? e.processor : null, y = G(e.warnHtmlMessage) ? e.warnHtmlMessage : !0, p = !!e.escapeParameter, E = W(e.messageCompiler) ? e.messageCompiler : ks, N = W(e.messageResolver) ? e.messageResolver : Bn || ms, I = W(e.localeFallbacker) ? e.localeFallbacker : Yn || Cs, b = F(e.fallbackContext) ? e.fallbackContext : void 0, P = W(e.onWarn) ? e.onWarn : xe, $ = e, D = F($.__datetimeFormatters) ? $.__datetimeFormatters : /* @__PURE__ */ new Map(), X = F($.__numberFormatters) ? $.__numberFormatters : /* @__PURE__ */ new Map(), q = F($.__meta) ? $.__meta : {};
-  Qt++;
+}
+let Jn = null;
+const Jt = (e) => {
+  Jn = e;
+}, Gs = () => Jn;
+let Qn = null;
+const Qt = (e) => {
+  Qn = e;
+}, zs = () => Qn;
+let qt = 0;
+function Hs(e = {}) {
+  const t = L(e.version) ? e.version : Rs, n = L(e.locale) ? e.locale : $t, o = z(e.fallbackLocale) || M(e.fallbackLocale) || L(e.fallbackLocale) || e.fallbackLocale === !1 ? e.fallbackLocale : n, s = M(e.messages) ? e.messages : { [n]: {} }, a = M(e.datetimeFormats) ? e.datetimeFormats : { [n]: {} }, r = M(e.numberFormats) ? e.numberFormats : { [n]: {} }, l = ne({}, e.modifiers || {}, xs()), i = e.pluralRules || {}, c = W(e.missing) ? e.missing : null, m = G(e.missingWarn) || et(e.missingWarn) ? e.missingWarn : !0, f = G(e.fallbackWarn) || et(e.fallbackWarn) ? e.fallbackWarn : !0, u = !!e.fallbackFormat, d = !!e.unresolving, p = W(e.postTranslation) ? e.postTranslation : null, v = M(e.processor) ? e.processor : null, y = G(e.warnHtmlMessage) ? e.warnHtmlMessage : !0, g = !!e.escapeParameter, w = W(e.messageCompiler) ? e.messageCompiler : Fs, S = W(e.messageResolver) ? e.messageResolver : Yn || vs, T = W(e.localeFallbacker) ? e.localeFallbacker : Xn || $s, E = x(e.fallbackContext) ? e.fallbackContext : void 0, P = W(e.onWarn) ? e.onWarn : Ve, $ = e, D = x($.__datetimeFormatters) ? $.__datetimeFormatters : /* @__PURE__ */ new Map(), X = x($.__numberFormatters) ? $.__numberFormatters : /* @__PURE__ */ new Map(), q = x($.__meta) ? $.__meta : {};
+  qt++;
   const Z = {
     version: t,
-    cid: Qt,
+    cid: qt,
     locale: n,
     fallbackLocale: o,
     messages: s,
     modifiers: l,
     pluralRules: i,
     missing: c,
-    missingWarn: _,
+    missingWarn: m,
     fallbackWarn: f,
     fallbackFormat: u,
     unresolving: d,
-    postTranslation: g,
+    postTranslation: p,
     processor: v,
     warnHtmlMessage: y,
-    escapeParameter: p,
-    messageCompiler: E,
-    messageResolver: N,
-    localeFallbacker: I,
-    fallbackContext: b,
+    escapeParameter: g,
+    messageCompiler: w,
+    messageResolver: S,
+    localeFallbacker: T,
+    fallbackContext: E,
     onWarn: P,
     __meta: q
   };
-  return Z.datetimeFormats = a, Z.numberFormats = r, Z.__datetimeFormatters = D, Z.__numberFormatters = X, process.env.NODE_ENV !== "production" && (Z.__v_emitter = $.__v_emitter != null ? $.__v_emitter : void 0), (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) && Ts(Z, t, q), Z;
+  return Z.datetimeFormats = a, Z.numberFormats = r, Z.__datetimeFormatters = D, Z.__numberFormatters = X, process.env.NODE_ENV !== "production" && (Z.__v_emitter = $.__v_emitter != null ? $.__v_emitter : void 0), (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) && Cs(Z, t, q), Z;
 }
 function at(e, t) {
   return e instanceof RegExp ? e.test(t) : e;
 }
-function Jn(e, t) {
+function qn(e, t) {
   return e instanceof RegExp ? e.test(t) : e;
 }
-function $t(e, t, n, o, s) {
+function Mt(e, t, n, o, s) {
   const { missing: a, onWarn: r } = e;
   if (process.env.NODE_ENV !== "production") {
     const l = e.__v_emitter;
@@ -460,69 +460,69 @@ function $t(e, t, n, o, s) {
     const l = a(e, n, t, s);
     return L(l) ? l : t;
   } else
-    return process.env.NODE_ENV !== "production" && Jn(o, t) && r(Re(ae.NOT_FOUND_KEY, { key: t, locale: n })), t;
+    return process.env.NODE_ENV !== "production" && qn(o, t) && r(Re(ae.NOT_FOUND_KEY, { key: t, locale: n })), t;
 }
-function Ue(e, t, n) {
+function Ge(e, t, n) {
   const o = e;
   o.__localeChainCache = /* @__PURE__ */ new Map(), e.localeFallbacker(e, n, t);
 }
-let Qn = J.__EXTEND_POINT__;
-const ft = () => ++Qn, ye = {
-  INVALID_ARGUMENT: Qn,
+let Zn = J.__EXTEND_POINT__;
+const ft = () => ++Zn, ye = {
+  INVALID_ARGUMENT: Zn,
   INVALID_DATE_ARGUMENT: ft(),
   INVALID_ISO_DATE_ARGUMENT: ft(),
   __EXTEND_POINT__: ft()
 };
-function ke(e) {
-  return jn(e, null, process.env.NODE_ENV !== "production" ? { messages: Us } : void 0);
+function $e(e) {
+  return Wn(e, null, process.env.NODE_ENV !== "production" ? { messages: js } : void 0);
 }
-const Us = {
+const js = {
   [ye.INVALID_ARGUMENT]: "Invalid arguments",
   [ye.INVALID_DATE_ARGUMENT]: "The date provided is an invalid Date object.Make sure your Date represents a valid date.",
   [ye.INVALID_ISO_DATE_ARGUMENT]: "The argument provided is not a valid ISO date string"
-}, qt = () => "", me = (e) => W(e);
-function Zt(e, ...t) {
-  const { fallbackFormat: n, postTranslation: o, unresolving: s, messageCompiler: a, fallbackLocale: r, messages: l } = e, [i, c] = pt(...t), _ = G(c.missingWarn) ? c.missingWarn : e.missingWarn, f = G(c.fallbackWarn) ? c.fallbackWarn : e.fallbackWarn, u = G(c.escapeParameter) ? c.escapeParameter : e.escapeParameter, d = !!c.resolvedMessage, g = L(c.default) || G(c.default) ? G(c.default) ? a ? i : () => i : c.default : n ? a ? i : () => i : "", v = n || g !== "", y = L(c.locale) ? c.locale : e.locale;
-  u && Gs(c);
-  let [p, E, N] = d ? [
+}, Zt = () => "", me = (e) => W(e);
+function en(e, ...t) {
+  const { fallbackFormat: n, postTranslation: o, unresolving: s, messageCompiler: a, fallbackLocale: r, messages: l } = e, [i, c] = pt(...t), m = G(c.missingWarn) ? c.missingWarn : e.missingWarn, f = G(c.fallbackWarn) ? c.fallbackWarn : e.fallbackWarn, u = G(c.escapeParameter) ? c.escapeParameter : e.escapeParameter, d = !!c.resolvedMessage, p = L(c.default) || G(c.default) ? G(c.default) ? a ? i : () => i : c.default : n ? a ? i : () => i : "", v = n || p !== "", y = L(c.locale) ? c.locale : e.locale;
+  u && Ws(c);
+  let [g, w, S] = d ? [
     i,
     y,
     l[y] || {}
-  ] : qn(e, i, y, r, f, _), I = p, b = i;
-  if (!d && !(L(I) || me(I)) && v && (I = g, b = I), !d && (!(L(I) || me(I)) || !L(E)))
+  ] : eo(e, i, y, r, f, m), T = g, E = i;
+  if (!d && !(L(T) || me(T)) && v && (T = p, E = T), !d && (!(L(T) || me(T)) || !L(w)))
     return s ? rt : i;
-  if (process.env.NODE_ENV !== "production" && L(I) && e.messageCompiler == null)
-    return xe(`The message format compilation is not supported in this build. Because message compiler isn't included. You need to pre-compilation all message format. So translate function return '${i}'.`), i;
+  if (process.env.NODE_ENV !== "production" && L(T) && e.messageCompiler == null)
+    return Ve(`The message format compilation is not supported in this build. Because message compiler isn't included. You need to pre-compilation all message format. So translate function return '${i}'.`), i;
   let P = !1;
   const $ = () => {
     P = !0;
-  }, D = me(I) ? I : Zn(e, i, E, I, b, $);
+  }, D = me(T) ? T : to(e, i, w, T, E, $);
   if (P)
-    return I;
-  const X = zs(e, E, N, c), q = Ls(X), Z = Hs(e, D, q), O = o ? o(Z, i) : Z;
+    return T;
+  const X = Ys(e, w, S, c), q = Ns(X), Z = Bs(e, D, q), O = o ? o(Z, i) : Z;
   if (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) {
     const C = {
       timestamp: Date.now(),
-      key: L(i) ? i : me(I) ? I.key : "",
-      locale: E || (me(I) ? I.locale : ""),
-      format: L(I) ? I : me(I) ? I.source : "",
+      key: L(i) ? i : me(T) ? T.key : "",
+      locale: w || (me(T) ? T.locale : ""),
+      format: L(T) ? T : me(T) ? T.source : "",
       message: O
     };
-    C.meta = ne({}, e.__meta, Fs() || {}), Is(C);
+    C.meta = ne({}, e.__meta, Gs() || {}), As(C);
   }
   return O;
 }
-function Gs(e) {
-  H(e.list) ? e.list = e.list.map((t) => L(t) ? jt(t) : t) : F(e.named) && Object.keys(e.named).forEach((t) => {
+function Ws(e) {
+  z(e.list) ? e.list = e.list.map((t) => L(t) ? jt(t) : t) : x(e.named) && Object.keys(e.named).forEach((t) => {
     L(e.named[t]) && (e.named[t] = jt(e.named[t]));
   });
 }
-function qn(e, t, n, o, s, a) {
-  const { messages: r, onWarn: l, messageResolver: i, localeFallbacker: c } = e, _ = c(e, o, n);
-  let f = {}, u, d = null, g = n, v = null;
+function eo(e, t, n, o, s, a) {
+  const { messages: r, onWarn: l, messageResolver: i, localeFallbacker: c } = e, m = c(e, o, n);
+  let f = {}, u, d = null, p = n, v = null;
   const y = "translate";
-  for (let p = 0; p < _.length; p++) {
-    if (u = v = _[p], process.env.NODE_ENV !== "production" && n !== u && at(s, t) && l(Re(ae.FALLBACK_TO_TRANSLATE, {
+  for (let g = 0; g < m.length; g++) {
+    if (u = v = m[g], process.env.NODE_ENV !== "production" && n !== u && at(s, t) && l(Re(ae.FALLBACK_TO_TRANSLATE, {
       key: t,
       target: u
     })), process.env.NODE_ENV !== "production" && n !== u) {
@@ -530,37 +530,37 @@ function qn(e, t, n, o, s, a) {
       P && P.emit("fallback", {
         type: y,
         key: t,
-        from: g,
+        from: p,
         to: v,
         groupId: `${y}:${t}`
       });
     }
     f = r[u] || {};
-    let E = null, N, I;
-    if (process.env.NODE_ENV !== "production" && ge && (E = window.performance.now(), N = "intlify-message-resolve-start", I = "intlify-message-resolve-end", ie && ie(N)), (d = i(f, t)) === null && (d = f[t]), process.env.NODE_ENV !== "production" && ge) {
+    let w = null, S, T;
+    if (process.env.NODE_ENV !== "production" && ge && (w = window.performance.now(), S = "intlify-message-resolve-start", T = "intlify-message-resolve-end", ie && ie(S)), (d = i(f, t)) === null && (d = f[t]), process.env.NODE_ENV !== "production" && ge) {
       const P = window.performance.now(), $ = e.__v_emitter;
-      $ && E && d && $.emit("message-resolve", {
+      $ && w && d && $.emit("message-resolve", {
         type: "message-resolve",
         key: t,
         message: d,
-        time: P - E,
+        time: P - w,
         groupId: `${y}:${t}`
-      }), N && I && ie && Te && (ie(I), Te("intlify message resolve", N, I));
+      }), S && T && ie && Ie && (ie(T), Ie("intlify message resolve", S, T));
     }
     if (L(d) || W(d))
       break;
-    const b = $t(
+    const E = Mt(
       e,
       t,
       u,
       a,
       y
     );
-    b !== t && (d = b), g = v;
+    E !== t && (d = E), p = v;
   }
   return [d, u, f];
 }
-function Zn(e, t, n, o, s, a) {
+function to(e, t, n, o, s, a) {
   const { messageCompiler: r, warnHtmlMessage: l } = e;
   if (me(o)) {
     const u = o;
@@ -570,9 +570,9 @@ function Zn(e, t, n, o, s, a) {
     const u = () => o;
     return u.locale = n, u.key = t, u;
   }
-  let i = null, c, _;
-  process.env.NODE_ENV !== "production" && ge && (i = window.performance.now(), c = "intlify-message-compilation-start", _ = "intlify-message-compilation-end", ie && ie(c));
-  const f = r(o, js(e, n, s, o, l, a));
+  let i = null, c, m;
+  process.env.NODE_ENV !== "production" && ge && (i = window.performance.now(), c = "intlify-message-compilation-start", m = "intlify-message-compilation-end", ie && ie(c));
+  const f = r(o, Ks(e, n, s, o, l, a));
   if (process.env.NODE_ENV !== "production" && ge) {
     const u = window.performance.now(), d = e.__v_emitter;
     d && i && d.emit("message-compilation", {
@@ -580,11 +580,11 @@ function Zn(e, t, n, o, s, a) {
       message: o,
       time: u - i,
       groupId: `translate:${t}`
-    }), c && _ && ie && Te && (ie(_), Te("intlify message compilation", c, _));
+    }), c && m && ie && Ie && (ie(m), Ie("intlify message compilation", c, m));
   }
   return f.locale = n, f.key = t, f.source = o, f;
 }
-function Hs(e, t, n) {
+function Bs(e, t, n) {
   let o = null, s, a;
   process.env.NODE_ENV !== "production" && ge && (o = window.performance.now(), s = "intlify-message-evaluation-start", a = "intlify-message-evaluation-end", ie && ie(s));
   const r = t(n);
@@ -595,23 +595,23 @@ function Hs(e, t, n) {
       value: r,
       time: l - o,
       groupId: `translate:${t.key}`
-    }), s && a && ie && Te && (ie(a), Te("intlify message evaluation", s, a));
+    }), s && a && ie && Ie && (ie(a), Ie("intlify message evaluation", s, a));
   }
   return r;
 }
 function pt(...e) {
   const [t, n, o] = e, s = {};
-  if (!L(t) && !B(t) && !me(t))
-    throw ke(ye.INVALID_ARGUMENT);
-  const a = B(t) ? String(t) : (me(t), t);
-  return B(n) ? s.plural = n : L(n) ? s.default = n : k(n) && !st(n) ? s.named = n : H(n) && (s.list = n), B(o) ? s.plural = o : L(o) ? s.default = o : k(o) && ne(s, o), [a, s];
+  if (!L(t) && !K(t) && !me(t))
+    throw $e(ye.INVALID_ARGUMENT);
+  const a = K(t) ? String(t) : (me(t), t);
+  return K(n) ? s.plural = n : L(n) ? s.default = n : M(n) && !st(n) ? s.named = n : z(n) && (s.list = n), K(o) ? s.plural = o : L(o) ? s.default = o : M(o) && ne(s, o), [a, s];
 }
-function js(e, t, n, o, s, a) {
+function Ks(e, t, n, o, s, a) {
   return {
     warnHtmlMessage: s,
     onError: (r) => {
       if (a && a(r), process.env.NODE_ENV !== "production") {
-        const l = `Message compilation error: ${r.message}`, i = r.location && as(o, r.location.start.offset, r.location.end.offset), c = e.__v_emitter;
+        const l = `Message compilation error: ${r.message}`, i = r.location && us(o, r.location.start.offset, r.location.end.offset), c = e.__v_emitter;
         c && c.emit("compile-error", {
           message: o,
           error: r.message,
@@ -623,75 +623,75 @@ ${i}` : l);
       } else
         throw r;
     },
-    onCacheKey: (r) => ts(t, n, r)
+    onCacheKey: (r) => rs(t, n, r)
   };
 }
-function zs(e, t, n, o) {
-  const { modifiers: s, pluralRules: a, messageResolver: r, fallbackLocale: l, fallbackWarn: i, missingWarn: c, fallbackContext: _ } = e, u = {
+function Ys(e, t, n, o) {
+  const { modifiers: s, pluralRules: a, messageResolver: r, fallbackLocale: l, fallbackWarn: i, missingWarn: c, fallbackContext: m } = e, u = {
     locale: t,
     modifiers: s,
     pluralRules: a,
     messages: (d) => {
-      let g = r(n, d);
-      if (g == null && _) {
-        const [, , v] = qn(_, d, t, l, i, c);
-        g = r(v, d);
+      let p = r(n, d);
+      if (p == null && m) {
+        const [, , v] = eo(m, d, t, l, i, c);
+        p = r(v, d);
       }
-      if (L(g)) {
+      if (L(p)) {
         let v = !1;
-        const p = Zn(e, d, t, g, d, () => {
+        const g = to(e, d, t, p, d, () => {
           v = !0;
         });
-        return v ? qt : p;
+        return v ? Zt : g;
       } else
-        return me(g) ? g : qt;
+        return me(p) ? p : Zt;
     }
   };
-  return e.processor && (u.processor = e.processor), o.list && (u.list = o.list), o.named && (u.named = o.named), B(o.plural) && (u.pluralIndex = o.plural), u;
+  return e.processor && (u.processor = e.processor), o.list && (u.list = o.list), o.named && (u.named = o.named), K(o.plural) && (u.pluralIndex = o.plural), u;
 }
-const en = typeof Intl < "u", eo = {
-  dateTimeFormat: en && typeof Intl.DateTimeFormat < "u",
-  numberFormat: en && typeof Intl.NumberFormat < "u"
+const tn = typeof Intl < "u", no = {
+  dateTimeFormat: tn && typeof Intl.DateTimeFormat < "u",
+  numberFormat: tn && typeof Intl.NumberFormat < "u"
 };
-function tn(e, ...t) {
+function nn(e, ...t) {
   const { datetimeFormats: n, unresolving: o, fallbackLocale: s, onWarn: a, localeFallbacker: r } = e, { __datetimeFormatters: l } = e;
-  if (process.env.NODE_ENV !== "production" && !eo.dateTimeFormat)
+  if (process.env.NODE_ENV !== "production" && !no.dateTimeFormat)
     return a(Re(ae.CANNOT_FORMAT_DATE)), tt;
-  const [i, c, _, f] = gt(...t), u = G(_.missingWarn) ? _.missingWarn : e.missingWarn, d = G(_.fallbackWarn) ? _.fallbackWarn : e.fallbackWarn, g = !!_.part, v = L(_.locale) ? _.locale : e.locale, y = r(
+  const [i, c, m, f] = gt(...t), u = G(m.missingWarn) ? m.missingWarn : e.missingWarn, d = G(m.fallbackWarn) ? m.fallbackWarn : e.fallbackWarn, p = !!m.part, v = L(m.locale) ? m.locale : e.locale, y = r(
     e,
     s,
     v
   );
   if (!L(i) || i === "")
     return new Intl.DateTimeFormat(v, f).format(c);
-  let p = {}, E, N = null, I = v, b = null;
+  let g = {}, w, S = null, T = v, E = null;
   const P = "datetime format";
   for (let X = 0; X < y.length; X++) {
-    if (E = b = y[X], process.env.NODE_ENV !== "production" && v !== E && at(d, i) && a(Re(ae.FALLBACK_TO_DATE_FORMAT, {
+    if (w = E = y[X], process.env.NODE_ENV !== "production" && v !== w && at(d, i) && a(Re(ae.FALLBACK_TO_DATE_FORMAT, {
       key: i,
-      target: E
-    })), process.env.NODE_ENV !== "production" && v !== E) {
+      target: w
+    })), process.env.NODE_ENV !== "production" && v !== w) {
       const q = e.__v_emitter;
       q && q.emit("fallback", {
         type: P,
         key: i,
-        from: I,
-        to: b,
+        from: T,
+        to: E,
         groupId: `${P}:${i}`
       });
     }
-    if (p = n[E] || {}, N = p[i], k(N))
+    if (g = n[w] || {}, S = g[i], M(S))
       break;
-    $t(e, i, E, u, P), I = b;
+    Mt(e, i, w, u, P), T = E;
   }
-  if (!k(N) || !L(E))
+  if (!M(S) || !L(w))
     return o ? rt : i;
-  let $ = `${E}__${i}`;
+  let $ = `${w}__${i}`;
   st(f) || ($ = `${$}__${JSON.stringify(f)}`);
   let D = l.get($);
-  return D || (D = new Intl.DateTimeFormat(E, ne({}, N, f)), l.set($, D)), g ? D.formatToParts(c) : D.format(c);
+  return D || (D = new Intl.DateTimeFormat(w, ne({}, S, f)), l.set($, D)), p ? D.formatToParts(c) : D.format(c);
 }
-const to = [
+const oo = [
   "localeMatcher",
   "weekday",
   "era",
@@ -719,72 +719,72 @@ function gt(...e) {
   if (L(t)) {
     const i = t.match(/(\d{4}-\d{2}-\d{2})(T|\s)?(.*)/);
     if (!i)
-      throw ke(ye.INVALID_ISO_DATE_ARGUMENT);
+      throw $e(ye.INVALID_ISO_DATE_ARGUMENT);
     const c = i[3] ? i[3].trim().startsWith("T") ? `${i[1].trim()}${i[3].trim()}` : `${i[1].trim()}T${i[3].trim()}` : i[1].trim();
     l = new Date(c);
     try {
       l.toISOString();
     } catch {
-      throw ke(ye.INVALID_ISO_DATE_ARGUMENT);
+      throw $e(ye.INVALID_ISO_DATE_ARGUMENT);
     }
-  } else if (os(t)) {
+  } else if (ls(t)) {
     if (isNaN(t.getTime()))
-      throw ke(ye.INVALID_DATE_ARGUMENT);
+      throw $e(ye.INVALID_DATE_ARGUMENT);
     l = t;
-  } else if (B(t))
+  } else if (K(t))
     l = t;
   else
-    throw ke(ye.INVALID_ARGUMENT);
-  return L(n) ? a.key = n : k(n) && Object.keys(n).forEach((i) => {
-    to.includes(i) ? r[i] = n[i] : a[i] = n[i];
-  }), L(o) ? a.locale = o : k(o) && (r = o), k(s) && (r = s), [a.key || "", l, a, r];
+    throw $e(ye.INVALID_ARGUMENT);
+  return L(n) ? a.key = n : M(n) && Object.keys(n).forEach((i) => {
+    oo.includes(i) ? r[i] = n[i] : a[i] = n[i];
+  }), L(o) ? a.locale = o : M(o) && (r = o), M(s) && (r = s), [a.key || "", l, a, r];
 }
-function nn(e, t, n) {
+function on(e, t, n) {
   const o = e;
   for (const s in n) {
     const a = `${t}__${s}`;
     !o.__datetimeFormatters.has(a) || o.__datetimeFormatters.delete(a);
   }
 }
-function on(e, ...t) {
+function sn(e, ...t) {
   const { numberFormats: n, unresolving: o, fallbackLocale: s, onWarn: a, localeFallbacker: r } = e, { __numberFormatters: l } = e;
-  if (process.env.NODE_ENV !== "production" && !eo.numberFormat)
+  if (process.env.NODE_ENV !== "production" && !no.numberFormat)
     return a(Re(ae.CANNOT_FORMAT_NUMBER)), tt;
-  const [i, c, _, f] = ht(...t), u = G(_.missingWarn) ? _.missingWarn : e.missingWarn, d = G(_.fallbackWarn) ? _.fallbackWarn : e.fallbackWarn, g = !!_.part, v = L(_.locale) ? _.locale : e.locale, y = r(
+  const [i, c, m, f] = ht(...t), u = G(m.missingWarn) ? m.missingWarn : e.missingWarn, d = G(m.fallbackWarn) ? m.fallbackWarn : e.fallbackWarn, p = !!m.part, v = L(m.locale) ? m.locale : e.locale, y = r(
     e,
     s,
     v
   );
   if (!L(i) || i === "")
     return new Intl.NumberFormat(v, f).format(c);
-  let p = {}, E, N = null, I = v, b = null;
+  let g = {}, w, S = null, T = v, E = null;
   const P = "number format";
   for (let X = 0; X < y.length; X++) {
-    if (E = b = y[X], process.env.NODE_ENV !== "production" && v !== E && at(d, i) && a(Re(ae.FALLBACK_TO_NUMBER_FORMAT, {
+    if (w = E = y[X], process.env.NODE_ENV !== "production" && v !== w && at(d, i) && a(Re(ae.FALLBACK_TO_NUMBER_FORMAT, {
       key: i,
-      target: E
-    })), process.env.NODE_ENV !== "production" && v !== E) {
+      target: w
+    })), process.env.NODE_ENV !== "production" && v !== w) {
       const q = e.__v_emitter;
       q && q.emit("fallback", {
         type: P,
         key: i,
-        from: I,
-        to: b,
+        from: T,
+        to: E,
         groupId: `${P}:${i}`
       });
     }
-    if (p = n[E] || {}, N = p[i], k(N))
+    if (g = n[w] || {}, S = g[i], M(S))
       break;
-    $t(e, i, E, u, P), I = b;
+    Mt(e, i, w, u, P), T = E;
   }
-  if (!k(N) || !L(E))
+  if (!M(S) || !L(w))
     return o ? rt : i;
-  let $ = `${E}__${i}`;
+  let $ = `${w}__${i}`;
   st(f) || ($ = `${$}__${JSON.stringify(f)}`);
   let D = l.get($);
-  return D || (D = new Intl.NumberFormat(E, ne({}, N, f)), l.set($, D)), g ? D.formatToParts(c) : D.format(c);
+  return D || (D = new Intl.NumberFormat(w, ne({}, S, f)), l.set($, D)), p ? D.formatToParts(c) : D.format(c);
 }
-const no = [
+const so = [
   "localeMatcher",
   "style",
   "currency",
@@ -809,37 +809,37 @@ const no = [
 function ht(...e) {
   const [t, n, o, s] = e, a = {};
   let r = {};
-  if (!B(t))
-    throw ke(ye.INVALID_ARGUMENT);
+  if (!K(t))
+    throw $e(ye.INVALID_ARGUMENT);
   const l = t;
-  return L(n) ? a.key = n : k(n) && Object.keys(n).forEach((i) => {
-    no.includes(i) ? r[i] = n[i] : a[i] = n[i];
-  }), L(o) ? a.locale = o : k(o) && (r = o), k(s) && (r = s), [a.key || "", l, a, r];
+  return L(n) ? a.key = n : M(n) && Object.keys(n).forEach((i) => {
+    so.includes(i) ? r[i] = n[i] : a[i] = n[i];
+  }), L(o) ? a.locale = o : M(o) && (r = o), M(s) && (r = s), [a.key || "", l, a, r];
 }
-function sn(e, t, n) {
+function rn(e, t, n) {
   const o = e;
   for (const s in n) {
     const a = `${t}__${s}`;
     !o.__numberFormatters.has(a) || o.__numberFormatters.delete(a);
   }
 }
-typeof __INTLIFY_PROD_DEVTOOLS__ != "boolean" && (Ct().__INTLIFY_PROD_DEVTOOLS__ = !1);
-function Ws() {
-  return oo().__VUE_DEVTOOLS_GLOBAL_HOOK__;
+typeof __INTLIFY_PROD_DEVTOOLS__ != "boolean" && (At().__INTLIFY_PROD_DEVTOOLS__ = !1);
+function Xs() {
+  return ro().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
-function oo() {
+function ro() {
   return typeof navigator < "u" && typeof window < "u" ? window : typeof global < "u" ? global : {};
 }
-const Bs = typeof Proxy == "function", Ys = "devtools-plugin:setup", Ks = "plugin:settings:set";
-let Pe, vt;
-function Xs() {
+const Js = typeof Proxy == "function", Qs = "devtools-plugin:setup", qs = "plugin:settings:set";
+let De, vt;
+function Zs() {
   var e;
-  return Pe !== void 0 || (typeof window < "u" && window.performance ? (Pe = !0, vt = window.performance) : typeof global < "u" && ((e = global.perf_hooks) === null || e === void 0 ? void 0 : e.performance) ? (Pe = !0, vt = global.perf_hooks.performance) : Pe = !1), Pe;
+  return De !== void 0 || (typeof window < "u" && window.performance ? (De = !0, vt = window.performance) : typeof global < "u" && ((e = global.perf_hooks) === null || e === void 0 ? void 0 : e.performance) ? (De = !0, vt = global.perf_hooks.performance) : De = !1), De;
 }
-function Js() {
-  return Xs() ? vt.now() : Date.now();
+function er() {
+  return Zs() ? vt.now() : Date.now();
 }
-class Qs {
+class tr {
   constructor(t, n) {
     this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = t, this.hook = n;
     const o = {};
@@ -867,9 +867,9 @@ class Qs {
         a = r;
       },
       now() {
-        return Js();
+        return er();
       }
-    }, n && n.on(Ks, (r, l) => {
+    }, n && n.on(qs, (r, l) => {
       r === this.plugin.id && this.fallbacks.setSettings(l);
     }), this.proxiedOn = new Proxy({}, {
       get: (r, l) => this.target ? this.target.on[l] : (...i) => {
@@ -901,12 +901,12 @@ class Qs {
       n.resolve(await this.target[n.method](...n.args));
   }
 }
-function qs(e, t) {
-  const n = e, o = oo(), s = Ws(), a = Bs && n.enableEarlyProxy;
+function nr(e, t) {
+  const n = e, o = ro(), s = Xs(), a = Js && n.enableEarlyProxy;
   if (s && (o.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !a))
-    s.emit(Ys, e, t);
+    s.emit(Qs, e, t);
   else {
-    const r = a ? new Qs(n, s) : null;
+    const r = a ? new tr(n, s) : null;
     (o.__VUE_DEVTOOLS_PLUGINS__ = o.__VUE_DEVTOOLS_PLUGINS__ || []).push({
       pluginDescriptor: n,
       setupFn: t,
@@ -923,9 +923,9 @@ const _t = {
   ["vue-devtools-plugin-vue-i18n"]: "Vue I18n devtools",
   ["vue-i18n-resource-inspector"]: "I18n Resources",
   ["vue-i18n-timeline"]: "Vue I18n"
-}, Zs = {
+}, or = {
   ["vue-i18n-resource-inspector"]: "Search for scopes ..."
-}, er = {
+}, sr = {
   ["vue-i18n-timeline"]: 16764185
 };
 /*!
@@ -933,21 +933,21 @@ const _t = {
   * (c) 2022 kazuya kawaguchi
   * Released under the MIT License.
   */
-const tr = "9.2.2";
-function nr() {
+const rr = "9.2.2";
+function ar() {
   let e = !1;
-  typeof __INTLIFY_PROD_DEVTOOLS__ != "boolean" && (Ct().__INTLIFY_PROD_DEVTOOLS__ = !1), process.env.NODE_ENV !== "production" && e && console.warn("You are running the esm-bundler build of vue-i18n. It is recommended to configure your bundler to explicitly replace feature flag globals with boolean literals to get proper tree-shaking in the final bundle.");
-}
-let so = ae.__EXTEND_POINT__;
-const $e = () => ++so, de = {
-  FALLBACK_TO_ROOT: so,
-  NOT_SUPPORTED_PRESERVE: $e(),
-  NOT_SUPPORTED_FORMATTER: $e(),
-  NOT_SUPPORTED_PRESERVE_DIRECTIVE: $e(),
-  NOT_SUPPORTED_GET_CHOICE_INDEX: $e(),
-  COMPONENT_NAME_LEGACY_COMPATIBLE: $e(),
-  NOT_FOUND_PARENT_SCOPE: $e()
-}, or = {
+  typeof __INTLIFY_PROD_DEVTOOLS__ != "boolean" && (At().__INTLIFY_PROD_DEVTOOLS__ = !1), process.env.NODE_ENV !== "production" && e && console.warn("You are running the esm-bundler build of vue-i18n. It is recommended to configure your bundler to explicitly replace feature flag globals with boolean literals to get proper tree-shaking in the final bundle.");
+}
+let ao = ae.__EXTEND_POINT__;
+const Pe = () => ++ao, de = {
+  FALLBACK_TO_ROOT: ao,
+  NOT_SUPPORTED_PRESERVE: Pe(),
+  NOT_SUPPORTED_FORMATTER: Pe(),
+  NOT_SUPPORTED_PRESERVE_DIRECTIVE: Pe(),
+  NOT_SUPPORTED_GET_CHOICE_INDEX: Pe(),
+  COMPONENT_NAME_LEGACY_COMPATIBLE: Pe(),
+  NOT_FOUND_PARENT_SCOPE: Pe()
+}, lr = {
   [de.FALLBACK_TO_ROOT]: "Fall back to {type} '{key}' with root locale.",
   [de.NOT_SUPPORTED_PRESERVE]: "Not supported 'preserve'.",
   [de.NOT_SUPPORTED_FORMATTER]: "Not supported 'formatter'.",
@@ -957,11 +957,11 @@ const $e = () => ++so, de = {
   [de.NOT_FOUND_PARENT_SCOPE]: "Not found parent scope. use the global scope."
 };
 function lt(e, ...t) {
-  return St(or[e], ...t);
+  return Ct(lr[e], ...t);
 }
-let ro = J.__EXTEND_POINT__;
-const re = () => ++ro, x = {
-  UNEXPECTED_RETURN_TYPE: ro,
+let lo = J.__EXTEND_POINT__;
+const re = () => ++lo, F = {
+  UNEXPECTED_RETURN_TYPE: lo,
   INVALID_ARGUMENT: re(),
   MUST_BE_CALL_SETUP_TOP: re(),
   NOT_INSLALLED: re(),
@@ -978,45 +978,45 @@ const re = () => ++ro, x = {
   __EXTEND_POINT__: re()
 };
 function ce(e, ...t) {
-  return jn(e, null, process.env.NODE_ENV !== "production" ? { messages: sr, args: t } : void 0);
-}
-const sr = {
-  [x.UNEXPECTED_RETURN_TYPE]: "Unexpected return type in composer",
-  [x.INVALID_ARGUMENT]: "Invalid argument",
-  [x.MUST_BE_CALL_SETUP_TOP]: "Must be called at the top of a `setup` function",
-  [x.NOT_INSLALLED]: "Need to install with `app.use` function",
-  [x.UNEXPECTED_ERROR]: "Unexpected error",
-  [x.NOT_AVAILABLE_IN_LEGACY_MODE]: "Not available in legacy mode",
-  [x.REQUIRED_VALUE]: "Required in value: {0}",
-  [x.INVALID_VALUE]: "Invalid value",
-  [x.CANNOT_SETUP_VUE_DEVTOOLS_PLUGIN]: "Cannot setup vue-devtools plugin",
-  [x.NOT_INSLALLED_WITH_PROVIDE]: "Need to install with `provide` function",
-  [x.NOT_COMPATIBLE_LEGACY_VUE_I18N]: "Not compatible legacy VueI18n.",
-  [x.BRIDGE_SUPPORT_VUE_2_ONLY]: "vue-i18n-bridge support Vue 2.x only",
-  [x.MUST_DEFINE_I18N_OPTION_IN_ALLOW_COMPOSITION]: "Must define \u2018i18n\u2019 option or custom block in Composition API with using local scope in Legacy API mode",
-  [x.NOT_AVAILABLE_COMPOSITION_IN_LEGACY]: "Not available Compostion API in Legacy API mode. Please make sure that the legacy API mode is working properly"
-}, yt = /* @__PURE__ */ he("__transrateVNode"), Et = /* @__PURE__ */ he("__datetimeParts"), bt = /* @__PURE__ */ he("__numberParts"), Be = /* @__PURE__ */ he("__enableEmitter"), wt = /* @__PURE__ */ he("__disableEmitter"), rr = he("__setPluralRules");
+  return Wn(e, null, process.env.NODE_ENV !== "production" ? { messages: ir, args: t } : void 0);
+}
+const ir = {
+  [F.UNEXPECTED_RETURN_TYPE]: "Unexpected return type in composer",
+  [F.INVALID_ARGUMENT]: "Invalid argument",
+  [F.MUST_BE_CALL_SETUP_TOP]: "Must be called at the top of a `setup` function",
+  [F.NOT_INSLALLED]: "Need to install with `app.use` function",
+  [F.UNEXPECTED_ERROR]: "Unexpected error",
+  [F.NOT_AVAILABLE_IN_LEGACY_MODE]: "Not available in legacy mode",
+  [F.REQUIRED_VALUE]: "Required in value: {0}",
+  [F.INVALID_VALUE]: "Invalid value",
+  [F.CANNOT_SETUP_VUE_DEVTOOLS_PLUGIN]: "Cannot setup vue-devtools plugin",
+  [F.NOT_INSLALLED_WITH_PROVIDE]: "Need to install with `provide` function",
+  [F.NOT_COMPATIBLE_LEGACY_VUE_I18N]: "Not compatible legacy VueI18n.",
+  [F.BRIDGE_SUPPORT_VUE_2_ONLY]: "vue-i18n-bridge support Vue 2.x only",
+  [F.MUST_DEFINE_I18N_OPTION_IN_ALLOW_COMPOSITION]: "Must define \u2018i18n\u2019 option or custom block in Composition API with using local scope in Legacy API mode",
+  [F.NOT_AVAILABLE_COMPOSITION_IN_LEGACY]: "Not available Compostion API in Legacy API mode. Please make sure that the legacy API mode is working properly"
+}, yt = /* @__PURE__ */ he("__transrateVNode"), Et = /* @__PURE__ */ he("__datetimeParts"), wt = /* @__PURE__ */ he("__numberParts"), Ke = /* @__PURE__ */ he("__enableEmitter"), bt = /* @__PURE__ */ he("__disableEmitter"), cr = he("__setPluralRules");
 he("__intlifyMeta");
-const ar = /* @__PURE__ */ he("__injectWithOption");
+const ur = /* @__PURE__ */ he("__injectWithOption");
 function Lt(e) {
-  if (!F(e))
+  if (!x(e))
     return e;
   for (const t in e)
-    if (!!At(e, t))
+    if (!!Dt(e, t))
       if (!t.includes("."))
-        F(e[t]) && Lt(e[t]);
+        x(e[t]) && Lt(e[t]);
       else {
         const n = t.split("."), o = n.length - 1;
         let s = e;
         for (let a = 0; a < o; a++)
           n[a] in s || (s[n[a]] = {}), s = s[n[a]];
-        s[n[o]] = e[t], delete e[t], F(s[n[o]]) && Lt(s[n[o]]);
+        s[n[o]] = e[t], delete e[t], x(s[n[o]]) && Lt(s[n[o]]);
       }
   return e;
 }
-function ao(e, t) {
-  const { messages: n, __i18n: o, messageResolver: s, flatJson: a } = t, r = k(n) ? n : H(o) ? {} : { [e]: {} };
-  if (H(o) && o.forEach((l) => {
+function io(e, t) {
+  const { messages: n, __i18n: o, messageResolver: s, flatJson: a } = t, r = M(n) ? n : z(o) ? {} : { [e]: {} };
+  if (z(o) && o.forEach((l) => {
     if ("locale" in l && "resource" in l) {
       const { locale: i, resource: c } = l;
       i ? (r[i] = r[i] || {}, je(c, r[i])) : je(c, r);
@@ -1024,22 +1024,22 @@ function ao(e, t) {
       L(l) && je(JSON.parse(l), r);
   }), s == null && a)
     for (const l in r)
-      At(r, l) && Lt(r[l]);
+      Dt(r, l) && Lt(r[l]);
   return r;
 }
-const Xe = (e) => !F(e) || H(e);
+const Je = (e) => !x(e) || z(e);
 function je(e, t) {
-  if (Xe(e) || Xe(t))
-    throw ce(x.INVALID_VALUE);
+  if (Je(e) || Je(t))
+    throw ce(F.INVALID_VALUE);
   for (const n in e)
-    At(e, n) && (Xe(e[n]) || Xe(t[n]) ? t[n] = e[n] : je(e[n], t[n]));
+    Dt(e, n) && (Je(e[n]) || Je(t[n]) ? t[n] = e[n] : je(e[n], t[n]));
 }
-function lo(e) {
+function co(e) {
   return e.type;
 }
-function lr(e, t, n) {
-  let o = F(t.messages) ? t.messages : {};
-  "__i18nGlobal" in n && (o = ao(e.locale.value, {
+function dr(e, t, n) {
+  let o = x(t.messages) ? t.messages : {};
+  "__i18nGlobal" in n && (o = io(e.locale.value, {
     messages: o,
     __i18n: n.__i18nGlobal
   }));
@@ -1048,13 +1048,13 @@ function lr(e, t, n) {
     e.mergeLocaleMessage(a, o[a]);
   });
   {
-    if (F(t.datetimeFormats)) {
+    if (x(t.datetimeFormats)) {
       const a = Object.keys(t.datetimeFormats);
       a.length && a.forEach((r) => {
         e.mergeDateTimeFormat(r, t.datetimeFormats[r]);
       });
     }
-    if (F(t.numberFormats)) {
+    if (x(t.numberFormats)) {
       const a = Object.keys(t.numberFormats);
       a.length && a.forEach((r) => {
         e.mergeNumberFormat(r, t.numberFormats[r]);
@@ -1062,54 +1062,54 @@ function lr(e, t, n) {
     }
   }
 }
-function rn(e) {
-  return K(Qo, null, e, 0);
+function an(e) {
+  return B(ts, null, e, 0);
 }
-const an = "__INTLIFY_META__";
-let ln = 0;
-function cn(e) {
+const ln = "__INTLIFY_META__";
+let cn = 0;
+function un(e) {
   return (t, n, o, s) => e(n, o, Nt() || void 0, s);
 }
-const ir = () => {
+const fr = () => {
   const e = Nt();
   let t = null;
-  return e && (t = lo(e)[an]) ? { [an]: t } : null;
+  return e && (t = co(e)[ln]) ? { [ln]: t } : null;
 };
-function io(e = {}, t) {
+function uo(e = {}, t) {
   const { __root: n } = e, o = n === void 0;
   let s = G(e.inheritLocale) ? e.inheritLocale : !0;
-  const a = M(
-    n && s ? n.locale.value : L(e.locale) ? e.locale : Pt
-  ), r = M(
-    n && s ? n.fallbackLocale.value : L(e.fallbackLocale) || H(e.fallbackLocale) || k(e.fallbackLocale) || e.fallbackLocale === !1 ? e.fallbackLocale : a.value
-  ), l = M(ao(a.value, e)), i = M(k(e.datetimeFormats) ? e.datetimeFormats : { [a.value]: {} }), c = M(k(e.numberFormats) ? e.numberFormats : { [a.value]: {} });
-  let _ = n ? n.missingWarn : G(e.missingWarn) || et(e.missingWarn) ? e.missingWarn : !0, f = n ? n.fallbackWarn : G(e.fallbackWarn) || et(e.fallbackWarn) ? e.fallbackWarn : !0, u = n ? n.fallbackRoot : G(e.fallbackRoot) ? e.fallbackRoot : !0, d = !!e.fallbackFormat, g = W(e.missing) ? e.missing : null, v = W(e.missing) ? cn(e.missing) : null, y = W(e.postTranslation) ? e.postTranslation : null, p = n ? n.warnHtmlMessage : G(e.warnHtmlMessage) ? e.warnHtmlMessage : !0, E = !!e.escapeParameter;
-  const N = n ? n.modifiers : k(e.modifiers) ? e.modifiers : {};
-  let I = e.pluralRules || n && n.pluralRules, b;
-  b = (() => {
-    o && Jt(null);
-    const m = {
-      version: tr,
+  const a = k(
+    n && s ? n.locale.value : L(e.locale) ? e.locale : $t
+  ), r = k(
+    n && s ? n.fallbackLocale.value : L(e.fallbackLocale) || z(e.fallbackLocale) || M(e.fallbackLocale) || e.fallbackLocale === !1 ? e.fallbackLocale : a.value
+  ), l = k(io(a.value, e)), i = k(M(e.datetimeFormats) ? e.datetimeFormats : { [a.value]: {} }), c = k(M(e.numberFormats) ? e.numberFormats : { [a.value]: {} });
+  let m = n ? n.missingWarn : G(e.missingWarn) || et(e.missingWarn) ? e.missingWarn : !0, f = n ? n.fallbackWarn : G(e.fallbackWarn) || et(e.fallbackWarn) ? e.fallbackWarn : !0, u = n ? n.fallbackRoot : G(e.fallbackRoot) ? e.fallbackRoot : !0, d = !!e.fallbackFormat, p = W(e.missing) ? e.missing : null, v = W(e.missing) ? un(e.missing) : null, y = W(e.postTranslation) ? e.postTranslation : null, g = n ? n.warnHtmlMessage : G(e.warnHtmlMessage) ? e.warnHtmlMessage : !0, w = !!e.escapeParameter;
+  const S = n ? n.modifiers : M(e.modifiers) ? e.modifiers : {};
+  let T = e.pluralRules || n && n.pluralRules, E;
+  E = (() => {
+    o && Qt(null);
+    const _ = {
+      version: rr,
       locale: a.value,
       fallbackLocale: r.value,
       messages: l.value,
-      modifiers: N,
-      pluralRules: I,
+      modifiers: S,
+      pluralRules: T,
       missing: v === null ? void 0 : v,
-      missingWarn: _,
+      missingWarn: m,
       fallbackWarn: f,
       fallbackFormat: d,
       unresolving: !0,
       postTranslation: y === null ? void 0 : y,
-      warnHtmlMessage: p,
-      escapeParameter: E,
+      warnHtmlMessage: g,
+      escapeParameter: w,
       messageResolver: e.messageResolver,
       __meta: { framework: "vue" }
     };
-    m.datetimeFormats = i.value, m.numberFormats = c.value, m.__datetimeFormatters = k(b) ? b.__datetimeFormatters : void 0, m.__numberFormatters = k(b) ? b.__numberFormatters : void 0, process.env.NODE_ENV !== "production" && (m.__v_emitter = k(b) ? b.__v_emitter : void 0);
-    const h = Vs(m);
-    return o && Jt(h), h;
-  })(), Ue(b, a.value, r.value);
+    _.datetimeFormats = i.value, _.numberFormats = c.value, _.__datetimeFormatters = M(E) ? E.__datetimeFormatters : void 0, _.__numberFormatters = M(E) ? E.__numberFormatters : void 0, process.env.NODE_ENV !== "production" && (_.__v_emitter = M(E) ? E.__v_emitter : void 0);
+    const h = Hs(_);
+    return o && Qt(h), h;
+  })(), Ge(E, a.value, r.value);
   function $() {
     return [
       a.value,
@@ -1121,49 +1121,49 @@ function io(e = {}, t) {
   }
   const D = U({
     get: () => a.value,
-    set: (m) => {
-      a.value = m, b.locale = a.value;
+    set: (_) => {
+      a.value = _, E.locale = a.value;
     }
   }), X = U({
     get: () => r.value,
-    set: (m) => {
-      r.value = m, b.fallbackLocale = r.value, Ue(b, a.value, m);
+    set: (_) => {
+      r.value = _, E.fallbackLocale = r.value, Ge(E, a.value, _);
     }
   }), q = U(() => l.value), Z = /* @__PURE__ */ U(() => i.value), O = /* @__PURE__ */ U(() => c.value);
   function C() {
     return W(y) ? y : null;
   }
-  function R(m) {
-    y = m, b.postTranslation = m;
+  function R(_) {
+    y = _, E.postTranslation = _;
   }
   function V() {
-    return g;
+    return p;
   }
-  function we(m) {
-    m !== null && (v = cn(m)), g = m, b.missing = v;
+  function be(_) {
+    _ !== null && (v = un(_)), p = _, E.missing = v;
   }
-  function Ae(m, h) {
-    return m !== "translate" || !h.resolvedMessage;
+  function Ce(_, h) {
+    return _ !== "translate" || !h.resolvedMessage;
   }
-  const ve = (m, h, se, ee, dt, Ke) => {
+  const ve = (_, h, se, ee, dt, Xe) => {
     $();
-    let De;
+    let Ae;
     if (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__)
       try {
-        Xt(ir()), o || (b.fallbackContext = n ? xs() : void 0), De = m(b);
+        Jt(fr()), o || (E.fallbackContext = n ? zs() : void 0), Ae = _(E);
       } finally {
-        Xt(null), o || (b.fallbackContext = void 0);
+        Jt(null), o || (E.fallbackContext = void 0);
       }
     else
-      De = m(b);
-    if (B(De) && De === rt) {
-      const [Le, Ko] = h();
-      if (process.env.NODE_ENV !== "production" && n && L(Le) && Ae(se, Ko) && (u && (at(f, Le) || Jn(_, Le)) && xe(lt(de.FALLBACK_TO_ROOT, {
+      Ae = _(E);
+    if (K(Ae) && Ae === rt) {
+      const [Le, qo] = h();
+      if (process.env.NODE_ENV !== "production" && n && L(Le) && Ce(se, qo) && (u && (at(f, Le) || qn(m, Le)) && Ve(lt(de.FALLBACK_TO_ROOT, {
         key: Le,
         type: se
       })), process.env.NODE_ENV !== "production")) {
-        const { __v_emitter: Gt } = b;
-        Gt && u && Gt.emit("fallback", {
+        const { __v_emitter: zt } = E;
+        zt && u && zt.emit("fallback", {
           type: se,
           key: Le,
           to: "global",
@@ -1172,202 +1172,202 @@ function io(e = {}, t) {
       }
       return n && u ? ee(n) : dt(Le);
     } else {
-      if (Ke(De))
-        return De;
-      throw ce(x.UNEXPECTED_RETURN_TYPE);
+      if (Xe(Ae))
+        return Ae;
+      throw ce(F.UNEXPECTED_RETURN_TYPE);
     }
   };
-  function Ve(...m) {
-    return ve((h) => Reflect.apply(Zt, null, [h, ...m]), () => pt(...m), "translate", (h) => Reflect.apply(h.t, h, [...m]), (h) => h, (h) => L(h));
+  function Ue(..._) {
+    return ve((h) => Reflect.apply(en, null, [h, ..._]), () => pt(..._), "translate", (h) => Reflect.apply(h.t, h, [..._]), (h) => h, (h) => L(h));
   }
-  function ct(...m) {
-    const [h, se, ee] = m;
-    if (ee && !F(ee))
-      throw ce(x.INVALID_ARGUMENT);
-    return Ve(h, se, ne({ resolvedMessage: !0 }, ee || {}));
+  function ct(..._) {
+    const [h, se, ee] = _;
+    if (ee && !x(ee))
+      throw ce(F.INVALID_ARGUMENT);
+    return Ue(h, se, ne({ resolvedMessage: !0 }, ee || {}));
   }
-  function Vt(...m) {
-    return ve((h) => Reflect.apply(tn, null, [h, ...m]), () => gt(...m), "datetime format", (h) => Reflect.apply(h.d, h, [...m]), () => tt, (h) => L(h));
+  function Ut(..._) {
+    return ve((h) => Reflect.apply(nn, null, [h, ..._]), () => gt(..._), "datetime format", (h) => Reflect.apply(h.d, h, [..._]), () => tt, (h) => L(h));
   }
-  function Ye(...m) {
-    return ve((h) => Reflect.apply(on, null, [h, ...m]), () => ht(...m), "number format", (h) => Reflect.apply(h.n, h, [...m]), () => tt, (h) => L(h));
+  function Ye(..._) {
+    return ve((h) => Reflect.apply(sn, null, [h, ..._]), () => ht(..._), "number format", (h) => Reflect.apply(h.n, h, [..._]), () => tt, (h) => L(h));
   }
-  function ut(m) {
-    return m.map((h) => L(h) || B(h) || G(h) ? rn(String(h)) : h);
+  function ut(_) {
+    return _.map((h) => L(h) || K(h) || G(h) ? an(String(h)) : h);
   }
-  const Po = {
+  const Ro = {
     normalize: ut,
-    interpolate: (m) => m,
+    interpolate: (_) => _,
     type: "vnode"
   };
-  function $o(...m) {
+  function xo(..._) {
     return ve(
       (h) => {
         let se;
         const ee = h;
         try {
-          ee.processor = Po, se = Reflect.apply(Zt, null, [ee, ...m]);
+          ee.processor = Ro, se = Reflect.apply(en, null, [ee, ..._]);
         } finally {
           ee.processor = null;
         }
         return se;
       },
-      () => pt(...m),
+      () => pt(..._),
       "translate",
-      (h) => h[yt](...m),
-      (h) => [rn(h)],
-      (h) => H(h)
+      (h) => h[yt](..._),
+      (h) => [an(h)],
+      (h) => z(h)
     );
   }
-  function ko(...m) {
+  function Fo(..._) {
     return ve(
-      (h) => Reflect.apply(on, null, [h, ...m]),
-      () => ht(...m),
+      (h) => Reflect.apply(sn, null, [h, ..._]),
+      () => ht(..._),
       "number format",
-      (h) => h[bt](...m),
+      (h) => h[wt](..._),
       () => [],
-      (h) => L(h) || H(h)
+      (h) => L(h) || z(h)
     );
   }
-  function Mo(...m) {
+  function Vo(..._) {
     return ve(
-      (h) => Reflect.apply(tn, null, [h, ...m]),
-      () => gt(...m),
+      (h) => Reflect.apply(nn, null, [h, ..._]),
+      () => gt(..._),
       "datetime format",
-      (h) => h[Et](...m),
+      (h) => h[Et](..._),
       () => [],
-      (h) => L(h) || H(h)
+      (h) => L(h) || z(h)
     );
   }
-  function Ro(m) {
-    I = m, b.pluralRules = I;
+  function Uo(_) {
+    T = _, E.pluralRules = T;
   }
-  function Fo(m, h) {
-    const se = L(h) ? h : a.value, ee = Ut(se);
-    return b.messageResolver(ee, m) !== null;
+  function Go(_, h) {
+    const se = L(h) ? h : a.value, ee = Gt(se);
+    return E.messageResolver(ee, _) !== null;
   }
-  function xo(m) {
+  function zo(_) {
     let h = null;
-    const se = Wn(b, r.value, a.value);
+    const se = Kn(E, r.value, a.value);
     for (let ee = 0; ee < se.length; ee++) {
-      const dt = l.value[se[ee]] || {}, Ke = b.messageResolver(dt, m);
-      if (Ke != null) {
-        h = Ke;
+      const dt = l.value[se[ee]] || {}, Xe = E.messageResolver(dt, _);
+      if (Xe != null) {
+        h = Xe;
         break;
       }
     }
     return h;
   }
-  function Vo(m) {
-    const h = xo(m);
-    return h != null ? h : n ? n.tm(m) || {} : {};
+  function Ho(_) {
+    const h = zo(_);
+    return h != null ? h : n ? n.tm(_) || {} : {};
   }
-  function Ut(m) {
-    return l.value[m] || {};
+  function Gt(_) {
+    return l.value[_] || {};
   }
-  function Uo(m, h) {
-    l.value[m] = h, b.messages = l.value;
+  function jo(_, h) {
+    l.value[_] = h, E.messages = l.value;
   }
-  function Go(m, h) {
-    l.value[m] = l.value[m] || {}, je(h, l.value[m]), b.messages = l.value;
+  function Wo(_, h) {
+    l.value[_] = l.value[_] || {}, je(h, l.value[_]), E.messages = l.value;
   }
-  function Ho(m) {
-    return i.value[m] || {};
+  function Bo(_) {
+    return i.value[_] || {};
   }
-  function jo(m, h) {
-    i.value[m] = h, b.datetimeFormats = i.value, nn(b, m, h);
+  function Ko(_, h) {
+    i.value[_] = h, E.datetimeFormats = i.value, on(E, _, h);
   }
-  function zo(m, h) {
-    i.value[m] = ne(i.value[m] || {}, h), b.datetimeFormats = i.value, nn(b, m, h);
+  function Yo(_, h) {
+    i.value[_] = ne(i.value[_] || {}, h), E.datetimeFormats = i.value, on(E, _, h);
   }
-  function Wo(m) {
-    return c.value[m] || {};
+  function Xo(_) {
+    return c.value[_] || {};
   }
-  function Bo(m, h) {
-    c.value[m] = h, b.numberFormats = c.value, sn(b, m, h);
+  function Jo(_, h) {
+    c.value[_] = h, E.numberFormats = c.value, rn(E, _, h);
   }
-  function Yo(m, h) {
-    c.value[m] = ne(c.value[m] || {}, h), b.numberFormats = c.value, sn(b, m, h);
+  function Qo(_, h) {
+    c.value[_] = ne(c.value[_] || {}, h), E.numberFormats = c.value, rn(E, _, h);
   }
-  ln++, n && ge && (Me(n.locale, (m) => {
-    s && (a.value = m, b.locale = m, Ue(b, a.value, r.value));
-  }), Me(n.fallbackLocale, (m) => {
-    s && (r.value = m, b.fallbackLocale = m, Ue(b, a.value, r.value));
+  cn++, n && ge && (Me(n.locale, (_) => {
+    s && (a.value = _, E.locale = _, Ge(E, a.value, r.value));
+  }), Me(n.fallbackLocale, (_) => {
+    s && (r.value = _, E.fallbackLocale = _, Ge(E, a.value, r.value));
   }));
-  const j = {
-    id: ln,
+  const H = {
+    id: cn,
     locale: D,
     fallbackLocale: X,
     get inheritLocale() {
       return s;
     },
-    set inheritLocale(m) {
-      s = m, m && n && (a.value = n.locale.value, r.value = n.fallbackLocale.value, Ue(b, a.value, r.value));
+    set inheritLocale(_) {
+      s = _, _ && n && (a.value = n.locale.value, r.value = n.fallbackLocale.value, Ge(E, a.value, r.value));
     },
     get availableLocales() {
       return Object.keys(l.value).sort();
     },
     messages: q,
     get modifiers() {
-      return N;
+      return S;
     },
     get pluralRules() {
-      return I || {};
+      return T || {};
     },
     get isGlobal() {
       return o;
     },
     get missingWarn() {
-      return _;
+      return m;
     },
-    set missingWarn(m) {
-      _ = m, b.missingWarn = _;
+    set missingWarn(_) {
+      m = _, E.missingWarn = m;
     },
     get fallbackWarn() {
       return f;
     },
-    set fallbackWarn(m) {
-      f = m, b.fallbackWarn = f;
+    set fallbackWarn(_) {
+      f = _, E.fallbackWarn = f;
     },
     get fallbackRoot() {
       return u;
     },
-    set fallbackRoot(m) {
-      u = m;
+    set fallbackRoot(_) {
+      u = _;
     },
     get fallbackFormat() {
       return d;
     },
-    set fallbackFormat(m) {
-      d = m, b.fallbackFormat = d;
+    set fallbackFormat(_) {
+      d = _, E.fallbackFormat = d;
     },
     get warnHtmlMessage() {
-      return p;
+      return g;
     },
-    set warnHtmlMessage(m) {
-      p = m, b.warnHtmlMessage = m;
+    set warnHtmlMessage(_) {
+      g = _, E.warnHtmlMessage = _;
     },
     get escapeParameter() {
-      return E;
+      return w;
     },
-    set escapeParameter(m) {
-      E = m, b.escapeParameter = m;
+    set escapeParameter(_) {
+      w = _, E.escapeParameter = _;
     },
-    t: Ve,
-    getLocaleMessage: Ut,
-    setLocaleMessage: Uo,
-    mergeLocaleMessage: Go,
+    t: Ue,
+    getLocaleMessage: Gt,
+    setLocaleMessage: jo,
+    mergeLocaleMessage: Wo,
     getPostTranslationHandler: C,
     setPostTranslationHandler: R,
     getMissingHandler: V,
-    setMissingHandler: we,
-    [rr]: Ro
+    setMissingHandler: be,
+    [cr]: Uo
   };
-  return j.datetimeFormats = Z, j.numberFormats = O, j.rt = ct, j.te = Fo, j.tm = Vo, j.d = Vt, j.n = Ye, j.getDateTimeFormat = Ho, j.setDateTimeFormat = jo, j.mergeDateTimeFormat = zo, j.getNumberFormat = Wo, j.setNumberFormat = Bo, j.mergeNumberFormat = Yo, j[ar] = e.__injectWithOption, j[yt] = $o, j[Et] = Mo, j[bt] = ko, process.env.NODE_ENV !== "production" && (j[Be] = (m) => {
-    b.__v_emitter = m;
-  }, j[wt] = () => {
-    b.__v_emitter = void 0;
-  }), j;
+  return H.datetimeFormats = Z, H.numberFormats = O, H.rt = ct, H.te = Go, H.tm = Ho, H.d = Ut, H.n = Ye, H.getDateTimeFormat = Bo, H.setDateTimeFormat = Ko, H.mergeDateTimeFormat = Yo, H.getNumberFormat = Xo, H.setNumberFormat = Jo, H.mergeNumberFormat = Qo, H[ur] = e.__injectWithOption, H[yt] = xo, H[Et] = Vo, H[wt] = Fo, process.env.NODE_ENV !== "production" && (H[Ke] = (_) => {
+    E.__v_emitter = _;
+  }, H[bt] = () => {
+    E.__v_emitter = void 0;
+  }), H;
 }
 const kt = {
   tag: {
@@ -1385,16 +1385,16 @@ const kt = {
     type: Object
   }
 };
-function cr({ slots: e }, t) {
+function _r({ slots: e }, t) {
   return t.length === 1 && t[0] === "default" ? (e.default ? e.default() : []).reduce((o, s) => o = [
     ...o,
-    ...H(s.children) ? s.children : [s]
+    ...z(s.children) ? s.children : [s]
   ], []) : t.reduce((n, o) => {
     const s = e[o];
     return s && (n[o] = s()), n;
   }, {});
 }
-function co(e) {
+function fo(e) {
   return ue;
 }
 const mt = {
@@ -1406,42 +1406,42 @@ const mt = {
     },
     plural: {
       type: [Number, String],
-      validator: (e) => B(e) || !isNaN(e)
+      validator: (e) => K(e) || !isNaN(e)
     }
   }, kt),
   setup(e, t) {
-    const { slots: n, attrs: o } = t, s = e.i18n || Rt({
+    const { slots: n, attrs: o } = t, s = e.i18n || xt({
       useScope: e.scope,
       __useComponent: !0
     });
     return () => {
       const a = Object.keys(n).filter((f) => f !== "_"), r = {};
       e.locale && (r.locale = e.locale), e.plural !== void 0 && (r.plural = L(e.plural) ? +e.plural : e.plural);
-      const l = cr(t, a), i = s[yt](e.keypath, l, r), c = ne({}, o), _ = L(e.tag) || F(e.tag) ? e.tag : co();
-      return qe(_, c, i);
+      const l = _r(t, a), i = s[yt](e.keypath, l, r), c = ne({}, o), m = L(e.tag) || x(e.tag) ? e.tag : fo();
+      return Ze(m, c, i);
     };
   }
 };
-function ur(e) {
-  return H(e) && !L(e[0]);
+function mr(e) {
+  return z(e) && !L(e[0]);
 }
-function uo(e, t, n, o) {
+function _o(e, t, n, o) {
   const { slots: s, attrs: a } = t;
   return () => {
     const r = { part: !0 };
     let l = {};
-    e.locale && (r.locale = e.locale), L(e.format) ? r.key = e.format : F(e.format) && (L(e.format.key) && (r.key = e.format.key), l = Object.keys(e.format).reduce((u, d) => n.includes(d) ? ne({}, u, { [d]: e.format[d] }) : u, {}));
+    e.locale && (r.locale = e.locale), L(e.format) ? r.key = e.format : x(e.format) && (L(e.format.key) && (r.key = e.format.key), l = Object.keys(e.format).reduce((u, d) => n.includes(d) ? ne({}, u, { [d]: e.format[d] }) : u, {}));
     const i = o(e.value, r, l);
     let c = [r.key];
-    H(i) ? c = i.map((u, d) => {
-      const g = s[u.type], v = g ? g({ [u.type]: u.value, index: d, parts: i }) : [u.value];
-      return ur(v) && (v[0].key = `${u.type}-${d}`), v;
+    z(i) ? c = i.map((u, d) => {
+      const p = s[u.type], v = p ? p({ [u.type]: u.value, index: d, parts: i }) : [u.value];
+      return mr(v) && (v[0].key = `${u.type}-${d}`), v;
     }) : L(i) && (c = [i]);
-    const _ = ne({}, a), f = L(e.tag) || F(e.tag) ? e.tag : co();
-    return qe(f, _, c);
+    const m = ne({}, a), f = L(e.tag) || x(e.tag) ? e.tag : fo();
+    return Ze(f, m, c);
   };
 }
-const un = {
+const dn = {
   name: "i18n-n",
   props: ne({
     value: {
@@ -1453,10 +1453,10 @@ const un = {
     }
   }, kt),
   setup(e, t) {
-    const n = e.i18n || Rt({ useScope: "parent", __useComponent: !0 });
-    return uo(e, t, no, (...o) => n[bt](...o));
+    const n = e.i18n || xt({ useScope: "parent", __useComponent: !0 });
+    return _o(e, t, so, (...o) => n[wt](...o));
   }
-}, dn = {
+}, fn = {
   name: "i18n-d",
   props: ne({
     value: {
@@ -1468,11 +1468,11 @@ const un = {
     }
   }, kt),
   setup(e, t) {
-    const n = e.i18n || Rt({ useScope: "parent", __useComponent: !0 });
-    return uo(e, t, to, (...o) => n[Et](...o));
+    const n = e.i18n || xt({ useScope: "parent", __useComponent: !0 });
+    return _o(e, t, oo, (...o) => n[Et](...o));
   }
 };
-function dr(e, t) {
+function pr(e, t) {
   const n = e;
   if (e.mode === "composition")
     return n.__getInstance(t) || e.global;
@@ -1481,17 +1481,17 @@ function dr(e, t) {
     return o != null ? o.__composer : e.global.__composer;
   }
 }
-function fr(e) {
+function gr(e) {
   const t = (r) => {
     const { instance: l, modifiers: i, value: c } = r;
     if (!l || !l.$)
-      throw ce(x.UNEXPECTED_ERROR);
-    const _ = dr(e, l.$);
-    process.env.NODE_ENV !== "production" && i.preserve && xe(lt(de.NOT_SUPPORTED_PRESERVE));
-    const f = fn(c);
+      throw ce(F.UNEXPECTED_ERROR);
+    const m = pr(e, l.$);
+    process.env.NODE_ENV !== "production" && i.preserve && Ve(lt(de.NOT_SUPPORTED_PRESERVE));
+    const f = _n(c);
     return [
-      Reflect.apply(_.t, _, [..._n(f)]),
-      _
+      Reflect.apply(m.t, m, [...mn(f)]),
+      m
     ];
   };
   return {
@@ -1506,9 +1506,9 @@ function fr(e) {
     },
     beforeUpdate: (r, { value: l }) => {
       if (r.__composer) {
-        const i = r.__composer, c = fn(l);
+        const i = r.__composer, c = _n(l);
         r.textContent = Reflect.apply(i.t, i, [
-          ..._n(c)
+          ...mn(c)
         ]);
       }
     },
@@ -1518,71 +1518,71 @@ function fr(e) {
     }
   };
 }
-function fn(e) {
+function _n(e) {
   if (L(e))
     return { path: e };
-  if (k(e)) {
+  if (M(e)) {
     if (!("path" in e))
-      throw ce(x.REQUIRED_VALUE, "path");
+      throw ce(F.REQUIRED_VALUE, "path");
     return e;
   } else
-    throw ce(x.INVALID_VALUE);
+    throw ce(F.INVALID_VALUE);
 }
-function _n(e) {
+function mn(e) {
   const { path: t, locale: n, args: o, choice: s, plural: a } = e, r = {}, l = o || {};
-  return L(n) && (r.locale = n), B(s) && (r.plural = s), B(a) && (r.plural = a), [t, l, r];
+  return L(n) && (r.locale = n), K(s) && (r.plural = s), K(a) && (r.plural = a), [t, l, r];
 }
-function _r(e, t, ...n) {
-  const o = k(n[0]) ? n[0] : {}, s = !!o.useI18nComponentName, a = G(o.globalInstall) ? o.globalInstall : !0;
-  process.env.NODE_ENV !== "production" && a && s && xe(lt(de.COMPONENT_NAME_LEGACY_COMPATIBLE, {
+function hr(e, t, ...n) {
+  const o = M(n[0]) ? n[0] : {}, s = !!o.useI18nComponentName, a = G(o.globalInstall) ? o.globalInstall : !0;
+  process.env.NODE_ENV !== "production" && a && s && Ve(lt(de.COMPONENT_NAME_LEGACY_COMPATIBLE, {
     name: mt.name
-  })), a && (e.component(s ? "i18n" : mt.name, mt), e.component(un.name, un), e.component(dn.name, dn)), e.directive("t", fr(t));
+  })), a && (e.component(s ? "i18n" : mt.name, mt), e.component(dn.name, dn), e.component(fn.name, fn)), e.directive("t", gr(t));
 }
-const fo = "vue-i18n: composer properties";
+const mo = "vue-i18n: composer properties";
 let Ot;
-async function mr(e, t) {
+async function vr(e, t) {
   return new Promise((n, o) => {
     try {
-      qs({
+      nr({
         id: "vue-devtools-plugin-vue-i18n",
         label: _t["vue-devtools-plugin-vue-i18n"],
         packageName: "vue-i18n",
         homepage: "https://vue-i18n.intlify.dev",
         logo: "https://vue-i18n.intlify.dev/vue-i18n-devtools-logo.png",
-        componentStateTypes: [fo],
+        componentStateTypes: [mo],
         app: e
       }, (s) => {
         Ot = s, s.on.visitComponentTree(({ componentInstance: r, treeNode: l }) => {
-          pr(r, l, t);
+          yr(r, l, t);
         }), s.on.inspectComponent(({ componentInstance: r, instanceData: l }) => {
-          r.vnode.el && r.vnode.el.__VUE_I18N__ && l && (t.mode === "legacy" ? r.vnode.el.__VUE_I18N__ !== t.global.__composer && mn(l, r.vnode.el.__VUE_I18N__) : mn(l, r.vnode.el.__VUE_I18N__));
+          r.vnode.el && r.vnode.el.__VUE_I18N__ && l && (t.mode === "legacy" ? r.vnode.el.__VUE_I18N__ !== t.global.__composer && pn(l, r.vnode.el.__VUE_I18N__) : pn(l, r.vnode.el.__VUE_I18N__));
         }), s.addInspector({
           id: "vue-i18n-resource-inspector",
           label: _t["vue-i18n-resource-inspector"],
           icon: "language",
-          treeFilterPlaceholder: Zs["vue-i18n-resource-inspector"]
+          treeFilterPlaceholder: or["vue-i18n-resource-inspector"]
         }), s.on.getInspectorTree((r) => {
-          r.app === e && r.inspectorId === "vue-i18n-resource-inspector" && Er(r, t);
+          r.app === e && r.inspectorId === "vue-i18n-resource-inspector" && Or(r, t);
         });
         const a = /* @__PURE__ */ new Map();
         s.on.getInspectorState(async (r) => {
           if (r.app === e && r.inspectorId === "vue-i18n-resource-inspector")
-            if (s.unhighlightElement(), wr(r, t), r.nodeId === "global") {
+            if (s.unhighlightElement(), Tr(r, t), r.nodeId === "global") {
               if (!a.has(r.app)) {
                 const [l] = await s.getComponentInstances(r.app);
                 a.set(r.app, l);
               }
               s.highlightElement(a.get(r.app));
             } else {
-              const l = br(r.nodeId, t);
+              const l = Ir(r.nodeId, t);
               l && s.highlightElement(l);
             }
         }), s.on.editInspectorState((r) => {
-          r.app === e && r.inspectorId === "vue-i18n-resource-inspector" && Or(r, t);
+          r.app === e && r.inspectorId === "vue-i18n-resource-inspector" && Sr(r, t);
         }), s.addTimelineLayer({
           id: "vue-i18n-timeline",
           label: _t["vue-i18n-timeline"],
-          color: er["vue-i18n-timeline"]
+          color: sr["vue-i18n-timeline"]
         }), n(!0);
       });
     } catch (s) {
@@ -1590,22 +1590,22 @@ async function mr(e, t) {
     }
   });
 }
-function _o(e) {
+function po(e) {
   return e.type.name || e.type.displayName || e.type.__file || "Anonymous";
 }
-function pr(e, t, n) {
+function yr(e, t, n) {
   const o = n.mode === "composition" ? n.global : n.global.__composer;
   if (e && e.vnode.el && e.vnode.el.__VUE_I18N__ && e.vnode.el.__VUE_I18N__ !== o) {
     const s = {
-      label: `i18n (${_o(e)} Scope)`,
+      label: `i18n (${po(e)} Scope)`,
       textColor: 0,
       backgroundColor: 16764185
     };
     t.tags.push(s);
   }
 }
-function mn(e, t) {
-  const n = fo;
+function pn(e, t) {
+  const n = mo;
   e.state.push({
     type: n,
     key: "locale",
@@ -1630,7 +1630,7 @@ function mn(e, t) {
     type: n,
     key: "messages",
     editable: !1,
-    value: Mt(t.messages.value)
+    value: Rt(t.messages.value)
   }), e.state.push({
     type: n,
     key: "datetimeFormats",
@@ -1643,27 +1643,27 @@ function mn(e, t) {
     value: t.numberFormats.value
   });
 }
-function Mt(e) {
+function Rt(e) {
   const t = {};
   return Object.keys(e).forEach((n) => {
     const o = e[n];
-    W(o) && "source" in o ? t[n] = yr(o) : F(o) ? t[n] = Mt(o) : t[n] = o;
+    W(o) && "source" in o ? t[n] = Lr(o) : x(o) ? t[n] = Rt(o) : t[n] = o;
   }), t;
 }
-const gr = {
+const Er = {
   "<": "&lt;",
   ">": "&gt;",
   '"': "&quot;",
   "&": "&amp;"
 };
-function hr(e) {
-  return e.replace(/[<>"&]/g, vr);
+function wr(e) {
+  return e.replace(/[<>"&]/g, br);
 }
-function vr(e) {
-  return gr[e] || e;
+function br(e) {
+  return Er[e] || e;
 }
-function yr(e) {
-  const t = e.source ? `("${hr(e.source)}")` : "(?)";
+function Lr(e) {
+  const t = e.source ? `("${wr(e.source)}")` : "(?)";
   return {
     _custom: {
       type: "function",
@@ -1671,7 +1671,7 @@ function yr(e) {
     }
   };
 }
-function Er(e, t) {
+function Or(e, t) {
   e.rootNodes.push({
     id: "global",
     label: "Global Scope"
@@ -1681,11 +1681,11 @@ function Er(e, t) {
     const a = t.mode === "composition" ? s : s.__composer;
     n !== a && e.rootNodes.push({
       id: a.id.toString(),
-      label: `${_o(o)} Scope`
+      label: `${po(o)} Scope`
     });
   }
 }
-function br(e, t) {
+function Ir(e, t) {
   let n = null;
   if (e !== "global") {
     for (const [o, s] of t.__instances.entries())
@@ -1696,7 +1696,7 @@ function br(e, t) {
   }
   return n;
 }
-function mo(e, t) {
+function go(e, t) {
   if (e === "global")
     return t.mode === "composition" ? t.global : t.global.__composer;
   {
@@ -1704,11 +1704,11 @@ function mo(e, t) {
     return n ? t.mode === "composition" ? n : n.__composer : null;
   }
 }
-function wr(e, t) {
-  const n = mo(e.nodeId, t);
-  return n && (e.state = Lr(n)), null;
+function Tr(e, t) {
+  const n = go(e.nodeId, t);
+  return n && (e.state = Nr(n)), null;
 }
-function Lr(e) {
+function Nr(e) {
   const t = {}, n = "Locale related info", o = [
     {
       type: n,
@@ -1741,7 +1741,7 @@ function Lr(e) {
       type: s,
       key: "messages",
       editable: !1,
-      value: Mt(e.messages.value)
+      value: Rt(e.messages.value)
     }
   ];
   t[s] = a;
@@ -1767,7 +1767,7 @@ function Lr(e) {
   }
   return t;
 }
-function Tt(e, t) {
+function It(e, t) {
   if (Ot) {
     let n;
     t && "groupId" in t && (n = t.groupId, delete t.groupId), Ot.addTimelineEvent({
@@ -1783,23 +1783,23 @@ function Tt(e, t) {
     });
   }
 }
-function Or(e, t) {
-  const n = mo(e.nodeId, t);
+function Sr(e, t) {
+  const n = go(e.nodeId, t);
   if (n) {
     const [o] = e.path;
-    o === "locale" && L(e.state.value) ? n.locale.value = e.state.value : o === "fallbackLocale" && (L(e.state.value) || H(e.state.value) || F(e.state.value)) ? n.fallbackLocale.value = e.state.value : o === "inheritLocale" && G(e.state.value) && (n.inheritLocale = e.state.value);
+    o === "locale" && L(e.state.value) ? n.locale.value = e.state.value : o === "fallbackLocale" && (L(e.state.value) || z(e.state.value) || x(e.state.value)) ? n.fallbackLocale.value = e.state.value : o === "inheritLocale" && G(e.state.value) && (n.inheritLocale = e.state.value);
   }
 }
-const Tr = /* @__PURE__ */ he("global-vue-i18n");
-function Ir(e = {}, t) {
-  const n = G(e.globalInjection) ? e.globalInjection : !0, o = !0, s = /* @__PURE__ */ new Map(), [a, r] = Nr(e), l = he(process.env.NODE_ENV !== "production" ? "vue-i18n" : "");
+const Cr = /* @__PURE__ */ he("global-vue-i18n");
+function Ar(e = {}, t) {
+  const n = G(e.globalInjection) ? e.globalInjection : !0, o = !0, s = /* @__PURE__ */ new Map(), [a, r] = Dr(e), l = he(process.env.NODE_ENV !== "production" ? "vue-i18n" : "");
   function i(f) {
     return s.get(f) || null;
   }
   function c(f, u) {
     s.set(f, u);
   }
-  function _(f) {
+  function m(f) {
     s.delete(f);
   }
   {
@@ -1811,19 +1811,19 @@ function Ir(e = {}, t) {
         return o;
       },
       async install(u, ...d) {
-        process.env.NODE_ENV !== "production" && (u.__VUE_I18N__ = f), u.__VUE_I18N_SYMBOL__ = l, u.provide(u.__VUE_I18N_SYMBOL__, f), n && Mr(u, f.global), _r(u, f, ...d);
-        const g = u.unmount;
+        process.env.NODE_ENV !== "production" && (u.__VUE_I18N__ = f), u.__VUE_I18N_SYMBOL__ = l, u.provide(u.__VUE_I18N_SYMBOL__, f), n && Vr(u, f.global), hr(u, f, ...d);
+        const p = u.unmount;
         if (u.unmount = () => {
-          f.dispose(), g();
+          f.dispose(), p();
         }, process.env.NODE_ENV !== "production" || !1) {
-          if (!await mr(u, f))
-            throw ce(x.CANNOT_SETUP_VUE_DEVTOOLS_PLUGIN);
-          const y = Hn();
+          if (!await vr(u, f))
+            throw ce(F.CANNOT_SETUP_VUE_DEVTOOLS_PLUGIN);
+          const y = jn();
           {
-            const p = r;
-            p[Be] && p[Be](y);
+            const g = r;
+            g[Ke] && g[Ke](y);
           }
-          y.on("*", Tt);
+          y.on("*", It);
         }
       },
       get global() {
@@ -1835,56 +1835,56 @@ function Ir(e = {}, t) {
       __instances: s,
       __getInstance: i,
       __setInstance: c,
-      __deleteInstance: _
+      __deleteInstance: m
     };
     return f;
   }
 }
-function Rt(e = {}) {
+function xt(e = {}) {
   const t = Nt();
   if (t == null)
-    throw ce(x.MUST_BE_CALL_SETUP_TOP);
+    throw ce(F.MUST_BE_CALL_SETUP_TOP);
   if (!t.isCE && t.appContext.app != null && !t.appContext.app.__VUE_I18N_SYMBOL__)
-    throw ce(x.NOT_INSLALLED);
-  const n = Sr(t), o = Ar(n), s = lo(t), a = Cr(e, s);
+    throw ce(F.NOT_INSLALLED);
+  const n = Pr(t), o = Mr(n), s = co(t), a = $r(e, s);
   if (a === "global")
-    return lr(o, e, s), o;
+    return dr(o, e, s), o;
   if (a === "parent") {
-    let i = Dr(n, t, e.__useComponent);
-    return i == null && (process.env.NODE_ENV !== "production" && xe(lt(de.NOT_FOUND_PARENT_SCOPE)), i = o), i;
+    let i = kr(n, t, e.__useComponent);
+    return i == null && (process.env.NODE_ENV !== "production" && Ve(lt(de.NOT_FOUND_PARENT_SCOPE)), i = o), i;
   }
   const r = n;
   let l = r.__getInstance(t);
   if (l == null) {
     const i = ne({}, e);
-    "__i18n" in s && (i.__i18n = s.__i18n), o && (i.__root = o), l = io(i), Pr(r, t, l), r.__setInstance(t, l);
+    "__i18n" in s && (i.__i18n = s.__i18n), o && (i.__root = o), l = uo(i), Rr(r, t, l), r.__setInstance(t, l);
   }
   return l;
 }
-function Nr(e, t, n) {
-  const o = Xo();
+function Dr(e, t, n) {
+  const o = Zo();
   {
-    const s = o.run(() => io(e));
+    const s = o.run(() => uo(e));
     if (s == null)
-      throw ce(x.UNEXPECTED_ERROR);
+      throw ce(F.UNEXPECTED_ERROR);
     return [o, s];
   }
 }
-function Sr(e) {
+function Pr(e) {
   {
-    const t = Rn(e.isCE ? Tr : e.appContext.app.__VUE_I18N_SYMBOL__);
+    const t = St(e.isCE ? Cr : e.appContext.app.__VUE_I18N_SYMBOL__);
     if (!t)
-      throw ce(e.isCE ? x.NOT_INSLALLED_WITH_PROVIDE : x.UNEXPECTED_ERROR);
+      throw ce(e.isCE ? F.NOT_INSLALLED_WITH_PROVIDE : F.UNEXPECTED_ERROR);
     return t;
   }
 }
-function Cr(e, t) {
+function $r(e, t) {
   return st(e) ? "__i18n" in t ? "local" : "global" : e.useScope ? e.useScope : "local";
 }
-function Ar(e) {
+function Mr(e) {
   return e.mode === "composition" ? e.global : e.global.__composer;
 }
-function Dr(e, t, n = !1) {
+function kr(e, t, n = !1) {
   let o = null;
   const s = t.root;
   let a = t.parent;
@@ -1896,35 +1896,35 @@ function Dr(e, t, n = !1) {
   }
   return o;
 }
-function Pr(e, t, n) {
+function Rr(e, t, n) {
   let o = null;
-  Fe(() => {
+  xe(() => {
     if ((process.env.NODE_ENV !== "production" || !1) && !0 && t.vnode.el) {
-      t.vnode.el.__VUE_I18N__ = n, o = Hn();
+      t.vnode.el.__VUE_I18N__ = n, o = jn();
       const s = n;
-      s[Be] && s[Be](o), o.on("*", Tt);
+      s[Ke] && s[Ke](o), o.on("*", It);
     }
   }, t), ot(() => {
     if ((process.env.NODE_ENV !== "production" || !1) && !0 && t.vnode.el && t.vnode.el.__VUE_I18N__) {
-      o && o.off("*", Tt);
+      o && o.off("*", It);
       const s = n;
-      s[wt] && s[wt](), delete t.vnode.el.__VUE_I18N__;
+      s[bt] && s[bt](), delete t.vnode.el.__VUE_I18N__;
     }
     e.__deleteInstance(t);
   }, t);
 }
-const $r = [
+const xr = [
   "locale",
   "fallbackLocale",
   "availableLocales"
-], kr = ["t", "rt", "d", "n", "tm"];
-function Mr(e, t) {
+], Fr = ["t", "rt", "d", "n", "tm"];
+function Vr(e, t) {
   const n = /* @__PURE__ */ Object.create(null);
-  $r.forEach((o) => {
+  xr.forEach((o) => {
     const s = Object.getOwnPropertyDescriptor(t, o);
     if (!s)
-      throw ce(x.UNEXPECTED_ERROR);
-    const a = Jo(s.value) ? {
+      throw ce(F.UNEXPECTED_ERROR);
+    const a = es(s.value) ? {
       get() {
         return s.value.value;
       },
@@ -1937,22 +1937,22 @@ function Mr(e, t) {
       }
     };
     Object.defineProperty(n, o, a);
-  }), e.config.globalProperties.$i18n = n, kr.forEach((o) => {
+  }), e.config.globalProperties.$i18n = n, Fr.forEach((o) => {
     const s = Object.getOwnPropertyDescriptor(t, o);
     if (!s || !s.value)
-      throw ce(x.UNEXPECTED_ERROR);
+      throw ce(F.UNEXPECTED_ERROR);
     Object.defineProperty(e.config.globalProperties, `$${o}`, s);
   });
 }
-Ms(ps);
-Rs(Wn);
-nr();
+Vs(ys);
+Us(Kn);
+ar();
 if (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) {
-  const e = Ct();
-  e.__INTLIFY__ = !0, Os(e.__INTLIFY_DEVTOOLS_GLOBAL_HOOK__);
+  const e = At();
+  e.__INTLIFY__ = !0, Ss(e.__INTLIFY_DEVTOOLS_GLOBAL_HOOK__);
 }
 process.env.NODE_ENV;
-const Rr = {
+const Ur = {
   "zhi-xian-shi-zai-xian-she-bei": (e) => {
     const { normalize: t } = e;
     return t(["\u53EA\u663E\u793A\u5728\u7EBF\u8BBE\u5907"]);
@@ -1985,10 +1985,10 @@ const Rr = {
     const { normalize: t } = e;
     return t(["\u5217\u6570"]);
   }
-}, Fr = {
+}, Gr = {
   "zhi-xian-shi-zai-xian-she-bei": (e) => {
     const { normalize: t } = e;
-    return t(["online only"]);
+    return t(["Online Only"]);
   },
   "qing-xuan-ze-bu-ju-yang-shi": (e) => {
     const { normalize: t } = e;
@@ -2019,44 +2019,53 @@ const Rr = {
     return t(["Number of columns"]);
   }
 };
-var po = /* @__PURE__ */ ((e) => (e.zh = "zh", e.en = "en", e))(po || {});
-let ze;
-function xr(e) {
-  ze && ze.dispose(), ze = Ir({
+var ho = /* @__PURE__ */ ((e) => (e.zh = "zh", e.en = "en", e))(ho || {});
+let We;
+function zr(e) {
+  We && We.dispose(), We = Ar({
     locale: e,
     messages: {
-      zh: Rr,
-      en: Fr
+      zh: Ur,
+      en: Gr
     },
     fallbackLocale: "en",
     silentTranslationWarn: !0,
     silentFallbackWarn: !0
   });
 }
-function Vr(e) {
-  xr(e), ze.global.locale = e;
+function Hr(e) {
+  zr(e), We.global.locale = e;
+}
+function Te(e) {
+  return We.global.t(e);
 }
-function Ie(e) {
-  return ze.global.t(e);
+var vo = /* @__PURE__ */ ((e) => (e.UserFirst = "UserFirst", e.PUFirst = "PUFirst", e))(vo || {}), yo = /* @__PURE__ */ ((e) => (e.BACKGROUND_WHITE = "white", e.BACKGROUND_DRAK = "drak", e))(yo || {});
+const Eo = k(
+  "white"
+);
+function Ki(e) {
+  Eo.value = e;
+}
+function jr() {
+  return Eo;
 }
-var go = /* @__PURE__ */ ((e) => (e.UserFirst = "UserFirst", e.PUFirst = "PUFirst", e))(go || {});
-const ho = M(
+const wo = k(
   "UserFirst"
 );
-function Ur(e) {
-  ho.value = e;
+function Wr(e) {
+  wo.value = e;
 }
-function Gr() {
-  return ho;
+function Br() {
+  return wo;
 }
-const vo = M(!1);
-function $i(e) {
-  vo.value = e;
+const bo = k(!1);
+function Yi(e) {
+  bo.value = e;
 }
-function Hr() {
-  return vo;
+function Kr() {
+  return bo;
 }
-var pn;
+var gn;
 ((e) => {
   ((n) => {
     function o(r, l) {
@@ -2136,27 +2145,33 @@ var pn;
     }
     n.AccessSession = o;
   })(e.Utils || (e.Utils = {}));
-})(pn || (pn = {}));
-var T;
+})(gn || (gn = {}));
+var I;
 ((e) => {
+  e.zeroLayout = {
+    name: "0",
+    row: 0,
+    col: 0,
+    count: 0
+  };
   function t(n, o, s) {
     if (s) {
       let r = n * o;
-      return s.forEach(([l, i, c, _]) => {
-        r -= (_ - i) * (c - l) - 1;
+      return s.forEach(([l, i, c, m]) => {
+        r -= (m - i) * (c - l) - 1;
       }), {
         count: r,
         row: n,
         col: o,
         name: `${r < 10 ? `0${r}` : r}`,
-        areas: s.map(([l, i, c, _]) => ({
+        areas: s.map(([l, i, c, m]) => ({
           leftTop: {
             col: l,
             row: i
           },
           rightBottom: {
             col: c,
-            row: _
+            row: m
           }
         }))
       };
@@ -2209,58 +2224,63 @@ var T;
     }
     n.getTestLayout = s;
   })(e.Test || (e.Test = {}));
-})(T || (T = {}));
-const yo = String.prototype.includes, Eo = function(e, t) {
+})(I || (I = {}));
+const Lo = String.prototype.includes, Oo = function(e, t) {
   const n = this.toLocaleLowerCase(), o = e.toLocaleLowerCase();
-  String.prototype.includes = yo;
+  String.prototype.includes = Lo;
   const s = n.includes(o, t);
-  return String.prototype.includes = Eo, s;
+  return String.prototype.includes = Oo, s;
 };
 function nt(e) {
-  String.prototype.includes = Eo;
+  String.prototype.includes = Oo;
   const t = e();
-  return String.prototype.includes = yo, t;
+  return String.prototype.includes = Lo, t;
 }
-const jr = Q({
+const Yr = Q({
   props: {
     countInfo: Object,
     controlParams: Object
   },
   setup(e) {
-    function t(s, a) {
-      if (a) {
-        let r = 0;
-        return a.items.forEach((l) => {
-          r += t(s, l);
-        }), s(a) + r;
+    function t(a, r) {
+      if (r) {
+        let l = 0;
+        return r.items.forEach((i) => {
+          l += t(a, i);
+        }), a(r) + l;
       }
       return 0;
     }
-    const n = U(() => t((s) => {
-      var a, r;
-      if (s.devices) {
-        let l = (a = s.devices) == null ? void 0 : a.filter((c) => c.online);
-        const i = (r = e.controlParams) == null ? void 0 : r.searchStr;
-        return i && (l = l.filter((c) => nt(() => {
-          var _;
-          return c.name.includes(i) || ((_ = c.user) == null ? void 0 : _.includes(i)) || c.id.includes(i);
-        }))), l.length;
+    const n = U(() => t((a) => {
+      var r, l;
+      if (a.devices) {
+        let i = (r = a.devices) == null ? void 0 : r.filter((m) => m.online);
+        const c = (l = e.controlParams) == null ? void 0 : l.searchStr;
+        return c && (i = i.filter((m) => nt(
+          () => {
+            var f;
+            return m.name.includes(c) || ((f = m.user) == null ? void 0 : f.includes(c)) || m.id.includes(c);
+          }
+        ))), i.length;
       }
       return 0;
+    }, e.countInfo)), o = U(() => t((a) => {
+      var r;
+      if (a.devices) {
+        let l = a.devices;
+        const i = (r = e.controlParams) == null ? void 0 : r.searchStr;
+        return i && (l = l.filter((c) => nt(
+          () => {
+            var m;
+            return c.name.includes(i) || ((m = c.user) == null ? void 0 : m.includes(i)) || c.id.includes(i);
+          }
+        ))), l.length;
+      }
+      return a.totalCount;
     }, e.countInfo));
     return {
-      totalCount: U(() => t((s) => {
-        var a;
-        if (s.devices) {
-          let r = s.devices;
-          const l = (a = e.controlParams) == null ? void 0 : a.searchStr;
-          return l && (r = r.filter((i) => nt(() => {
-            var c;
-            return i.name.includes(l) || ((c = i.user) == null ? void 0 : c.includes(l)) || i.id.includes(l);
-          }))), r.length;
-        }
-        return s.totalCount;
-      }, e.countInfo)),
+      theme: St("theme"),
+      totalCount: o,
       onlineCount: n
     };
   }
@@ -2270,34 +2290,36 @@ const oe = (e, t) => {
   for (const [o, s] of t)
     n[o] = s;
   return n;
-}, zr = { class: "root" }, Wr = { class: "count-show" }, Br = { class: "count-show-online" }, Yr = { key: 0 };
-function Kr(e, t, n, o, s, a) {
+}, Xr = { class: "count-show" }, Jr = { class: "count-show-online" }, Qr = { key: 0 };
+function qr(e, t, n, o, s, a) {
   var r;
-  return S(), A("div", zr, [
+  return N(), A("div", {
+    class: ke(`root ${e.theme}`)
+  }, [
     Y(e.$slots, "default", {
       total: e.totalCount,
       online: e.onlineCount
     }, void 0, !0),
-    w("span", Wr, [
-      w("span", Br, z(e.onlineCount), 1),
-      (r = e.controlParams) != null && r.onlyShowOnline ? pe("", !0) : (S(), A("span", Yr, "/" + z(e.totalCount), 1))
+    b("span", Xr, [
+      b("span", Jr, j(e.onlineCount), 1),
+      (r = e.controlParams) != null && r.onlyShowOnline ? pe("", !0) : (N(), A("span", Qr, "/" + j(e.totalCount), 1))
     ])
-  ]);
+  ], 2);
 }
-const bo = /* @__PURE__ */ oe(jr, [["render", Kr], ["__scopeId", "data-v-f6bf9449"]]), wo = Object.freeze(
+const Io = /* @__PURE__ */ oe(Yr, [["render", qr], ["__scopeId", "data-v-378b853b"]]), To = Object.freeze(
   {
     left: 0,
     top: 0,
     width: 16,
     height: 16
   }
-), Lo = Object.freeze({
+), No = Object.freeze({
   rotate: 0,
   vFlip: !1,
   hFlip: !1
 }), Ft = Object.freeze({
-  ...wo,
-  ...Lo
+  ...To,
+  ...No
 });
 Object.freeze({
   ...Ft,
@@ -2305,28 +2327,28 @@ Object.freeze({
   hidden: !1
 });
 ({
-  ...wo
+  ...To
 });
-const Oo = Object.freeze({
+const So = Object.freeze({
   width: null,
   height: null
-}), To = Object.freeze({
-  ...Oo,
-  ...Lo
+}), Co = Object.freeze({
+  ...So,
+  ...No
 });
-function Xr(e, t) {
+function Zr(e, t) {
   const n = {
     ...e
   };
   for (const o in t) {
     const s = t[o], a = typeof s;
-    o in Oo ? (s === null || s && (a === "string" || a === "number")) && (n[o] = s) : a === typeof n[o] && (n[o] = o === "rotate" ? s % 4 : s);
+    o in So ? (s === null || s && (a === "string" || a === "number")) && (n[o] = s) : a === typeof n[o] && (n[o] = o === "rotate" ? s % 4 : s);
   }
   return n;
 }
-const Jr = /[\s,]+/;
-function Qr(e, t) {
-  t.split(Jr).forEach((n) => {
+const ea = /[\s,]+/;
+function ta(e, t) {
+  t.split(ea).forEach((n) => {
     switch (n.trim()) {
       case "horizontal":
         e.hFlip = !0;
@@ -2337,7 +2359,7 @@ function Qr(e, t) {
     }
   });
 }
-function qr(e, t = 0) {
+function na(e, t = 0) {
   const n = e.replace(/^-?[0-9.]*/, "");
   function o(s) {
     for (; s < 0; )
@@ -2363,19 +2385,19 @@ function qr(e, t = 0) {
   }
   return t;
 }
-const Zr = /(-?[0-9.]*[0-9]+[0-9.]*)/g, ea = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
-function gn(e, t, n) {
+const oa = /(-?[0-9.]*[0-9]+[0-9.]*)/g, sa = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+function hn(e, t, n) {
   if (t === 1)
     return e;
   if (n = n || 100, typeof e == "number")
     return Math.ceil(e * t * n) / n;
   if (typeof e != "string")
     return e;
-  const o = e.split(Zr);
+  const o = e.split(oa);
   if (o === null || !o.length)
     return e;
   const s = [];
-  let a = o.shift(), r = ea.test(a);
+  let a = o.shift(), r = sa.test(a);
   for (; ; ) {
     if (r) {
       const l = parseFloat(a);
@@ -2387,12 +2409,12 @@ function gn(e, t, n) {
     r = !r;
   }
 }
-function ta(e, t) {
+function ra(e, t) {
   const n = {
     ...Ft,
     ...e
   }, o = {
-    ...To,
+    ...Co,
     ...t
   }, s = {
     left: n.left,
@@ -2402,109 +2424,109 @@ function ta(e, t) {
   };
   let a = n.body;
   [n, o].forEach((d) => {
-    const g = [], v = d.hFlip, y = d.vFlip;
-    let p = d.rotate;
-    v ? y ? p += 2 : (g.push(
+    const p = [], v = d.hFlip, y = d.vFlip;
+    let g = d.rotate;
+    v ? y ? g += 2 : (p.push(
       "translate(" + (s.width + s.left).toString() + " " + (0 - s.top).toString() + ")"
-    ), g.push("scale(-1 1)"), s.top = s.left = 0) : y && (g.push(
+    ), p.push("scale(-1 1)"), s.top = s.left = 0) : y && (p.push(
       "translate(" + (0 - s.left).toString() + " " + (s.height + s.top).toString() + ")"
-    ), g.push("scale(1 -1)"), s.top = s.left = 0);
-    let E;
-    switch (p < 0 && (p -= Math.floor(p / 4) * 4), p = p % 4, p) {
+    ), p.push("scale(1 -1)"), s.top = s.left = 0);
+    let w;
+    switch (g < 0 && (g -= Math.floor(g / 4) * 4), g = g % 4, g) {
       case 1:
-        E = s.height / 2 + s.top, g.unshift(
-          "rotate(90 " + E.toString() + " " + E.toString() + ")"
+        w = s.height / 2 + s.top, p.unshift(
+          "rotate(90 " + w.toString() + " " + w.toString() + ")"
         );
         break;
       case 2:
-        g.unshift(
+        p.unshift(
           "rotate(180 " + (s.width / 2 + s.left).toString() + " " + (s.height / 2 + s.top).toString() + ")"
         );
         break;
       case 3:
-        E = s.width / 2 + s.left, g.unshift(
-          "rotate(-90 " + E.toString() + " " + E.toString() + ")"
+        w = s.width / 2 + s.left, p.unshift(
+          "rotate(-90 " + w.toString() + " " + w.toString() + ")"
         );
         break;
     }
-    p % 2 === 1 && (s.left !== s.top && (E = s.left, s.left = s.top, s.top = E), s.width !== s.height && (E = s.width, s.width = s.height, s.height = E)), g.length && (a = '<g transform="' + g.join(" ") + '">' + a + "</g>");
+    g % 2 === 1 && (s.left !== s.top && (w = s.left, s.left = s.top, s.top = w), s.width !== s.height && (w = s.width, s.width = s.height, s.height = w)), p.length && (a = '<g transform="' + p.join(" ") + '">' + a + "</g>");
   });
   const r = o.width, l = o.height, i = s.width, c = s.height;
-  let _, f;
-  return r === null ? (f = l === null ? "1em" : l === "auto" ? c : l, _ = gn(f, i / c)) : (_ = r === "auto" ? i : r, f = l === null ? gn(_, c / i) : l === "auto" ? c : l), {
+  let m, f;
+  return r === null ? (f = l === null ? "1em" : l === "auto" ? c : l, m = hn(f, i / c)) : (m = r === "auto" ? i : r, f = l === null ? hn(m, c / i) : l === "auto" ? c : l), {
     attributes: {
-      width: _.toString(),
+      width: m.toString(),
       height: f.toString(),
       viewBox: s.left.toString() + " " + s.top.toString() + " " + i.toString() + " " + c.toString()
     },
     body: a
   };
 }
-const na = /\sid="(\S+)"/g, oa = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
-let sa = 0;
-function ra(e, t = oa) {
+const aa = /\sid="(\S+)"/g, la = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
+let ia = 0;
+function ca(e, t = la) {
   const n = [];
   let o;
-  for (; o = na.exec(e); )
+  for (; o = aa.exec(e); )
     n.push(o[1]);
   return n.length && n.forEach((s) => {
-    const a = typeof t == "function" ? t(s) : t + (sa++).toString(), r = s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const a = typeof t == "function" ? t(s) : t + (ia++).toString(), r = s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
     e = e.replace(
       new RegExp('([#;"])(' + r + ')([")]|\\.[a-z])', "g"),
       "$1" + a + "$3"
     );
   }), e;
 }
-function aa(e, t) {
+function ua(e, t) {
   let n = e.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
   for (const o in t)
     n += " " + o + '="' + t[o] + '"';
   return '<svg xmlns="http://www.w3.org/2000/svg"' + n + ">" + e + "</svg>";
 }
-function la(e) {
+function da(e) {
   return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
 }
-function ia(e) {
-  return 'url("data:image/svg+xml,' + la(e) + '")';
+function fa(e) {
+  return 'url("data:image/svg+xml,' + da(e) + '")';
 }
-const hn = {
-  ...To,
+const vn = {
+  ...Co,
   inline: !1
-}, ca = {
+}, _a = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": !0,
   role: "img"
-}, ua = {
+}, ma = {
   display: "inline-block"
-}, It = {
+}, Tt = {
   backgroundColor: "currentColor"
-}, Io = {
+}, Ao = {
   backgroundColor: "transparent"
-}, vn = {
+}, yn = {
   Image: "var(--svg)",
   Repeat: "no-repeat",
   Size: "100% 100%"
-}, yn = {
-  webkitMask: It,
-  mask: It,
-  background: Io
+}, En = {
+  webkitMask: Tt,
+  mask: Tt,
+  background: Ao
 };
-for (const e in yn) {
-  const t = yn[e];
-  for (const n in vn)
-    t[e + n] = vn[n];
+for (const e in En) {
+  const t = En[e];
+  for (const n in yn)
+    t[e + n] = yn[n];
 }
-const Qe = {};
+const qe = {};
 ["horizontal", "vertical"].forEach((e) => {
   const t = e.slice(0, 1) + "Flip";
-  Qe[e + "-flip"] = t, Qe[e.slice(0, 1) + "-flip"] = t, Qe[e + "Flip"] = t;
+  qe[e + "-flip"] = t, qe[e.slice(0, 1) + "-flip"] = t, qe[e + "Flip"] = t;
 });
-function En(e) {
+function wn(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
-const da = (e, t) => {
-  const n = Xr(hn, t), o = { ...ca }, s = t.mode || "svg", a = {}, r = t.style, l = typeof r == "object" && !(r instanceof Array) ? r : {};
+const pa = (e, t) => {
+  const n = Zr(vn, t), o = { ..._a }, s = t.mode || "svg", a = {}, r = t.style, l = typeof r == "object" && !(r instanceof Array) ? r : {};
   for (let v in t) {
     const y = t[v];
     if (y !== void 0)
@@ -2520,69 +2542,69 @@ const da = (e, t) => {
           n[v] = y === !0 || y === "true" || y === 1;
           break;
         case "flip":
-          typeof y == "string" && Qr(n, y);
+          typeof y == "string" && ta(n, y);
           break;
         case "color":
           a.color = y;
           break;
         case "rotate":
-          typeof y == "string" ? n[v] = qr(y) : typeof y == "number" && (n[v] = y);
+          typeof y == "string" ? n[v] = na(y) : typeof y == "number" && (n[v] = y);
           break;
         case "ariaHidden":
         case "aria-hidden":
           y !== !0 && y !== "true" && delete o["aria-hidden"];
           break;
         default: {
-          const p = Qe[v];
-          p ? (y === !0 || y === "true" || y === 1) && (n[p] = !0) : hn[v] === void 0 && (o[v] = y);
+          const g = qe[v];
+          g ? (y === !0 || y === "true" || y === 1) && (n[g] = !0) : vn[v] === void 0 && (o[v] = y);
         }
       }
   }
-  const i = ta(e, n), c = i.attributes;
+  const i = ra(e, n), c = i.attributes;
   if (n.inline && (a.verticalAlign = "-0.125em"), s === "svg") {
     o.style = {
       ...a,
       ...l
     }, Object.assign(o, c);
     let v = 0, y = t.id;
-    return typeof y == "string" && (y = y.replace(/-/g, "_")), o.innerHTML = ra(i.body, y ? () => y + "ID" + v++ : "iconifyVue"), qe("svg", o);
+    return typeof y == "string" && (y = y.replace(/-/g, "_")), o.innerHTML = ca(i.body, y ? () => y + "ID" + v++ : "iconifyVue"), Ze("svg", o);
   }
-  const { body: _, width: f, height: u } = e, d = s === "mask" || (s === "bg" ? !1 : _.indexOf("currentColor") !== -1), g = aa(_, {
+  const { body: m, width: f, height: u } = e, d = s === "mask" || (s === "bg" ? !1 : m.indexOf("currentColor") !== -1), p = ua(m, {
     ...c,
     width: f + "",
     height: u + ""
   });
   return o.style = {
     ...a,
-    "--svg": ia(g),
-    width: En(c.width),
-    height: En(c.height),
-    ...ua,
-    ...d ? It : Io,
+    "--svg": fa(p),
+    width: wn(c.width),
+    height: wn(c.height),
+    ...ma,
+    ...d ? Tt : Ao,
     ...l
-  }, qe("span", o);
-}, No = /* @__PURE__ */ Object.create(null);
-function Ce(e, t) {
-  No[e] = t;
+  }, Ze("span", o);
+}, Do = /* @__PURE__ */ Object.create(null);
+function Se(e, t) {
+  Do[e] = t;
 }
 const it = Q({
   inheritAttrs: !1,
   render() {
-    const e = this.$attrs, t = e.icon, n = typeof t == "string" ? No[t] : typeof t == "object" ? t : null;
-    return n === null || typeof n != "object" || typeof n.body != "string" ? this.$slots.default ? this.$slots.default() : null : da({
+    const e = this.$attrs, t = e.icon, n = typeof t == "string" ? Do[t] : typeof t == "object" ? t : null;
+    return n === null || typeof n != "object" || typeof n.body != "string" ? this.$slots.default ? this.$slots.default() : null : pa({
       ...Ft,
       ...n
     }, e);
   }
 });
-var fa = Object.defineProperty, _a = Object.defineProperties, ma = Object.getOwnPropertyDescriptors, bn = Object.getOwnPropertySymbols, pa = Object.prototype.hasOwnProperty, ga = Object.prototype.propertyIsEnumerable, wn = (e, t, n) => t in e ? fa(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Ln = (e, t) => {
+var ga = Object.defineProperty, ha = Object.defineProperties, va = Object.getOwnPropertyDescriptors, bn = Object.getOwnPropertySymbols, ya = Object.prototype.hasOwnProperty, Ea = Object.prototype.propertyIsEnumerable, Ln = (e, t, n) => t in e ? ga(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, On = (e, t) => {
   for (var n in t || (t = {}))
-    pa.call(t, n) && wn(e, n, t[n]);
+    ya.call(t, n) && Ln(e, n, t[n]);
   if (bn)
     for (var n of bn(t))
-      ga.call(t, n) && wn(e, n, t[n]);
+      Ea.call(t, n) && Ln(e, n, t[n]);
   return e;
-}, ha = (e, t) => _a(e, ma(t)), va = (e, t, n) => new Promise((o, s) => {
+}, wa = (e, t) => ha(e, va(t)), ba = (e, t, n) => new Promise((o, s) => {
   var a = (i) => {
     try {
       l(n.next(i));
@@ -2598,7 +2620,7 @@ var fa = Object.defineProperty, _a = Object.defineProperties, ma = Object.getOwn
   }, l = (i) => i.done ? o(i.value) : Promise.resolve(i.value).then(a, r);
   l((n = n.apply(e, t)).next());
 });
-const ya = {
+const La = {
   name: "VirtualList",
   props: {
     listData: {
@@ -2612,22 +2634,22 @@ const ya = {
   },
   setup(e) {
     const t = {
-      screenHeight: M(0),
-      startOffset: M(0),
-      start: M(0),
-      end: M(0)
-    }, n = M(), o = {
+      screenHeight: k(0),
+      startOffset: k(0),
+      start: k(0),
+      end: k(0)
+    }, n = k(), o = {
       listHeight: U(() => e.listData.length * e.itemSize),
       visibleCount: U(() => Math.ceil(t.screenHeight.value / e.itemSize)),
       getTransform: U(() => `translate3d(0,${t.startOffset.value}px,0)`),
       visibleData: U(() => e.listData.slice(t.start.value, Math.min(t.end.value, e.listData.length)))
     };
-    return Ln(ha(Ln({}, o), {
+    return On(wa(On({}, o), {
       virList: n
     }), t);
   },
   mounted() {
-    this.init(), Me(() => this.listData.length, () => va(this, null, function* () {
+    this.init(), Me(() => this.listData.length, () => ba(this, null, function* () {
       yield this.$nextTick(), this.init();
     }));
   },
@@ -2643,21 +2665,21 @@ const ya = {
     }
   }
 };
-function Ea(e, t, n, o, s, a) {
-  return S(), A("div", {
+function Oa(e, t, n, o, s, a) {
+  return N(), A("div", {
     ref: "virList",
     class: "infinite-list-container",
     onScroll: t[0] || (t[0] = (r) => a.scrollEvent())
   }, [
-    w("div", {
+    b("div", {
       class: "infinite-list-phantom",
       style: _e({ height: e.listHeight + "px" })
     }, null, 4),
-    w("div", {
+    b("div", {
       class: "infinite-list",
       style: _e({ transform: e.getTransform })
     }, [
-      (S(!0), A(ue, null, Ee(e.visibleData, (r) => (S(), A("div", {
+      (N(!0), A(ue, null, Ee(e.visibleData, (r) => (N(), A("div", {
         ref_for: !0,
         ref: "items",
         class: "infinite-list-item",
@@ -2669,19 +2691,19 @@ function Ea(e, t, n, o, s, a) {
     ], 4)
   ], 544);
 }
-const ba = /* @__PURE__ */ oe(ya, [["render", Ea], ["__scopeId", "data-v-12d2a294"]]);
-var wa = Object.defineProperty, La = Object.defineProperties, Oa = Object.getOwnPropertyDescriptors, On = Object.getOwnPropertySymbols, Ta = Object.prototype.hasOwnProperty, Ia = Object.prototype.propertyIsEnumerable, Tn = (e, t, n) => t in e ? wa(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Na = (e, t) => {
+const Ia = /* @__PURE__ */ oe(La, [["render", Oa], ["__scopeId", "data-v-12d2a294"]]);
+var Ta = Object.defineProperty, Na = Object.defineProperties, Sa = Object.getOwnPropertyDescriptors, In = Object.getOwnPropertySymbols, Ca = Object.prototype.hasOwnProperty, Aa = Object.prototype.propertyIsEnumerable, Tn = (e, t, n) => t in e ? Ta(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Da = (e, t) => {
   for (var n in t || (t = {}))
-    Ta.call(t, n) && Tn(e, n, t[n]);
-  if (On)
-    for (var n of On(t))
-      Ia.call(t, n) && Tn(e, n, t[n]);
+    Ca.call(t, n) && Tn(e, n, t[n]);
+  if (In)
+    for (var n of In(t))
+      Aa.call(t, n) && Tn(e, n, t[n]);
   return e;
-}, Sa = (e, t) => La(e, Oa(t));
-const Ca = Q({
+}, Pa = (e, t) => Na(e, Sa(t));
+const $a = Q({
   components: {
-    VirtualList: ba,
-    CountShow: bo,
+    VirtualList: Ia,
+    CountShow: Io,
     Icon: it
   },
   name: "group-show",
@@ -2691,20 +2713,20 @@ const Ca = Q({
     uiParams: Object
   },
   setup(e, t) {
-    const n = Gr(), o = Hr(), s = M(), a = Rn("theme"), r = {
+    const n = Br(), o = Kr(), s = k(), a = St("theme"), r = {
       filterDevice(d) {
-        var g;
+        var p;
         let v = !0;
         v = nt(() => {
-          var p, E, N, I;
-          return (p = e.controlParams) != null && p.searchStr ? d.name.includes((E = e.controlParams) == null ? void 0 : E.searchStr) || d.id.includes((N = e.controlParams) == null ? void 0 : N.searchStr) || typeof d.user == "string" && d.user.includes((I = e.controlParams) == null ? void 0 : I.searchStr) : v;
+          var g, w, S, T;
+          return (g = e.controlParams) != null && g.searchStr ? d.name.includes((w = e.controlParams) == null ? void 0 : w.searchStr) || d.id.includes((S = e.controlParams) == null ? void 0 : S.searchStr) || typeof d.user == "string" && d.user.includes((T = e.controlParams) == null ? void 0 : T.searchStr) : v;
         });
         let y = !0;
-        return (g = e.controlParams) != null && g.onlyShowOnline && (y = d.online), v && y;
+        return (p = e.controlParams) != null && p.onlyShowOnline && (y = d.online), v && y;
       },
       deviceText(d) {
-        const g = `${o.value ? "" : `[${d.id}] `}`;
-        return d.user ? n.value == go.PUFirst ? d.name.length > 0 ? `${d.name} ${g}[${d.user}]` : ` ${g}[${d.user}]` : d.name.length > 0 ? `${d.user} ${g}[${d.name}]` : `${d.user} ${g}[]` : d.name.length > 0 ? `${d.name} ${g}` : ` ${g}`;
+        const p = `${o.value ? "" : `[${d.id}] `}`;
+        return d.user ? n.value == vo.PUFirst ? d.name.length > 0 ? `${d.name} ${p}[${d.user}]` : ` ${p}[${d.user}]` : d.name.length > 0 ? `${d.user} ${p}[${d.name}]` : `${d.user} ${p}[]` : d.name.length > 0 ? `${d.name} ${p}` : ` ${p}`;
       },
       groupText(d) {
         if (d)
@@ -2713,109 +2735,111 @@ const Ca = Q({
     }, l = {
       filteredDevices: U(() => {
         var d;
-        const g = (d = e.deviceGroup) == null ? void 0 : d.devices, v = g && g.filter((p) => r.filterDevice(p)) || [];
-        return v.filter((p) => p.online).concat(v.filter((p) => !p.online));
+        const p = (d = e.deviceGroup) == null ? void 0 : d.devices, v = p && p.filter((g) => r.filterDevice(g)) || [];
+        return v.filter((g) => g.online).concat(v.filter((g) => !g.online));
       })
     }, i = U(() => l.filteredDevices.value.length > 10 ? "400px" : `${l.filteredDevices.value.length * 40}px`);
-    function c(d, g) {
+    function c(d, p) {
       return nt(() => {
-        if (g.length == 0)
+        if (p.length == 0)
           return !0;
         let v = !1;
-        if ((d == null ? void 0 : d.name.indexOf(g)) > 0 && (v = !0), v || (v = (d == null ? void 0 : d.devices.find((y) => y.name.includes(g) || y.id.includes(g) || y.user && y.user.includes(g))) != null), !v) {
+        if ((d == null ? void 0 : d.name.indexOf(p)) > 0 && (v = !0), v || (v = (d == null ? void 0 : d.devices.find(
+          (y) => y.name.includes(p) || y.id.includes(p) || y.user && y.user.includes(p)
+        )) != null), !v) {
           for (let y = 0; y < d.items.length; y++)
-            if (c(d.items[y], g))
+            if (c(d.items[y], p))
               return !0;
         }
         return v;
       });
     }
-    const _ = U(() => {
+    const m = U(() => {
       if (e.controlParams) {
         const d = e.controlParams.searchStr;
         if (e.deviceGroup)
           return e.deviceGroup.id === "PGRoot" && e.deviceGroup.devices.length <= 0 ? !1 : c(e.deviceGroup, d);
       }
       return !1;
-    }), f = M(!1);
+    }), f = k(!1);
     function u() {
       var d;
       (d = e.uiParams) != null && d.dbclickExpandsDisable || (f.value = !f.value);
     }
-    return Sa(Na({
+    return Pa(Da({
       OnHeadDbClick: u,
       innerUtils: r
     }, l), {
       devicePanelHeight: i,
-      showGroup: _,
+      showGroup: m,
       bShow: f,
       theme: a,
       countRef: s
     });
   }
 });
-const Aa = {
+const Ma = {
   key: 0,
   class: "head-op"
-}, Da = {
+}, ka = {
   key: 1,
   style: { display: "inline-block", width: "25px" }
-}, Pa = {
+}, Ra = {
   key: 0,
   class: "group-head-count"
-}, $a = ["title"], ka = { class: "group-slot" }, Ma = {
+}, xa = ["title"], Fa = { class: "group-slot" }, Va = {
   key: 0,
   style: { "margin-left": "26px" }
-}, Ra = ["title"], Fa = { class: "device-slot" };
-function xa(e, t, n, o, s, a) {
+}, Ua = ["title"], Ga = { class: "device-slot" };
+function za(e, t, n, o, s, a) {
   var r, l, i;
-  const c = fe("Icon"), _ = fe("CountShow"), f = fe("group-show"), u = fe("VirtualList");
-  return e.showGroup ? Fn((S(), A("div", {
+  const c = fe("Icon"), m = fe("CountShow"), f = fe("group-show"), u = fe("VirtualList");
+  return e.showGroup ? Vn((N(), A("div", {
     key: 0,
-    class: Ze("group " + e.theme)
+    class: ke("group " + e.theme)
   }, [
-    K(_, {
+    B(m, {
       countInfo: e.deviceGroup,
       controlParams: e.controlParams,
       ref: "countRef"
     }, {
-      default: te(({ online: d, total: g }) => {
+      default: te(({ online: d, total: p }) => {
         var v, y;
         return [
-          e.deviceGroup && e.deviceGroup.devices.length + e.deviceGroup.items.length > 0 ? (S(), A("span", Aa, [
-            K(c, {
+          e.deviceGroup && e.deviceGroup.devices.length + e.deviceGroup.items.length > 0 ? (N(), A("span", Ma, [
+            B(c, {
               icon: e.bShow ? "minus" : "plus",
               width: "20",
-              onClick: t[0] || (t[0] = (p) => e.bShow = !e.bShow),
+              onClick: t[0] || (t[0] = (g) => e.bShow = !e.bShow),
               class: "handle-ls-svg"
             }, null, 8, ["icon"])
-          ])) : (S(), A("span", Da)),
-          w("span", {
+          ])) : (N(), A("span", ka)),
+          b("span", {
             class: "group-head-db-click",
-            onDblclick: t[1] || (t[1] = (...p) => e.OnHeadDbClick && e.OnHeadDbClick(...p))
+            onDblclick: t[1] || (t[1] = (...g) => e.OnHeadDbClick && e.OnHeadDbClick(...g))
           }, [
-            K(c, {
+            B(c, {
               icon: e.bShow ? "group" : "group-closed",
               width: "24",
               class: "group-avatar"
             }, null, 8, ["icon"]),
-            e.bShow ? pe("", !0) : (S(), A("span", Pa, z((v = e.deviceGroup) == null ? void 0 : v.items.length), 1)),
+            e.bShow ? pe("", !0) : (N(), A("span", Ra, j((v = e.deviceGroup) == null ? void 0 : v.items.length), 1)),
             Y(e.$slots, "groupHead", { group: e.deviceGroup }, void 0, !0),
-            w("span", {
+            b("span", {
               class: "group-name",
               title: (y = e.deviceGroup) == null ? void 0 : y.name
-            }, z(e.innerUtils.groupText(e.deviceGroup)), 9, $a)
+            }, j(e.innerUtils.groupText(e.deviceGroup)), 9, xa)
           ], 32),
-          w("div", ka, [
+          b("div", Fa, [
             Y(e.$slots, "group", { group: e.deviceGroup }, void 0, !0)
           ])
         ];
       }),
       _: 3
     }, 8, ["countInfo", "controlParams"]),
-    e.bShow ? (S(), A("div", Ma, [
-      (S(!0), A(ue, null, Ee((r = e.deviceGroup) == null ? void 0 : r.items, (d, g) => (S(), Se(f, {
-        key: g,
+    e.bShow ? (N(), A("div", Va, [
+      (N(!0), A(ue, null, Ee((r = e.deviceGroup) == null ? void 0 : r.items, (d, p) => (N(), Fe(f, {
+        key: p,
         deviceGroup: d,
         "ui-params": e.uiParams,
         controlParams: e.controlParams
@@ -2840,19 +2864,19 @@ function xa(e, t, n, o, s, a) {
         ]),
         _: 2
       }, 1032, ["deviceGroup", "ui-params", "controlParams"]))), 128)),
-      w("div", {
+      b("div", {
         class: "device-show-div",
         style: _e(`height: ${e.filteredDevices.length > 10 ? "400px" : `${e.filteredDevices.length * 40}px`}`)
       }, [
-        K(u, {
+        B(u, {
           "list-data": e.filteredDevices,
           "item-size": 40
         }, {
           default: te(({ data: d }) => [
-            w("div", {
-              class: Ze(d.online && "online-device")
+            b("div", {
+              class: ke(d.online && "online-device")
             }, [
-              K(c, {
+              B(c, {
                 icon: "user",
                 width: "16",
                 class: "device-avatar"
@@ -2861,11 +2885,11 @@ function xa(e, t, n, o, s, a) {
                 device: d,
                 group: e.deviceGroup
               }, void 0, !0),
-              w("span", {
+              b("span", {
                 title: e.innerUtils.deviceText(d),
                 class: "device-name"
-              }, z(e.innerUtils.deviceText(d)), 9, Ra),
-              w("div", Fa, [
+              }, j(e.innerUtils.deviceText(d)), 9, Ua),
+              b("div", Ga, [
                 Y(e.$slots, "device", {
                   device: d,
                   group: e.deviceGroup
@@ -2878,44 +2902,44 @@ function xa(e, t, n, o, s, a) {
       ], 4)
     ])) : pe("", !0)
   ], 2)), [
-    [xn, !((l = e.controlParams) != null && l.onlyShowOnline) || ((i = e.countRef) == null ? void 0 : i.onlineCount)]
+    [Un, !((l = e.controlParams) != null && l.onlyShowOnline) || ((i = e.countRef) == null ? void 0 : i.onlineCount)]
   ]) : pe("", !0);
 }
-const Va = /* @__PURE__ */ oe(Ca, [["render", xa], ["__scopeId", "data-v-6caa5080"]]), Ua = {
+const Ha = /* @__PURE__ */ oe($a, [["render", za], ["__scopeId", "data-v-fe6756c5"]]), ja = {
   width: 1024,
   height: 1024,
   body: '<path fill="currentColor" d="M384 192v640l384-320.064z"/>'
-}, Ga = {
+}, Wa = {
   width: 1024,
   height: 1024,
   body: '<path fill="currentColor" d="M878.08 448H241.92l-96 384h636.16l96-384zM832 384v-64H485.76L357.504 192H128v448l57.92-231.744A32 32 0 0 1 216.96 384H832zm-24.96 512H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h287.872l128.384 128H864a32 32 0 0 1 32 32v96h23.04a32 32 0 0 1 31.04 39.744l-112 448A32 32 0 0 1 807.04 896z"/>'
-}, Ha = {
+}, Ba = {
   width: 1024,
   height: 1024,
   body: '<path fill="currentColor" d="M128 192v640h768V320H485.76L357.504 192H128zm-32-64h287.872l128.384 128H928a32 32 0 0 1 32 32v576a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32z"/>'
-}, ja = {
+}, Ka = {
   width: 1024,
   height: 1024,
   body: '<path fill="currentColor" d="M628.736 528.896A416 416 0 0 1 928 928H96a415.872 415.872 0 0 1 299.264-399.104L512 704l116.736-175.104zM720 304a208 208 0 1 1-416 0a208 208 0 0 1 416 0z"/>'
-}, za = {
+}, Ya = {
   width: 1024,
   height: 1024,
   body: '<path fill="currentColor" d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"/>'
-}, Wa = {
+}, Xa = {
   width: 1024,
   height: 1024,
   body: '<path fill="currentColor" d="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"/>'
 };
-Ce("right", Ua);
-Ce("group", Ga);
-Ce("group-closed", Ha);
-Ce("user", ja);
-Ce("plus", za);
-Ce("minus", Wa);
-const Ba = Q({
+Se("right", ja);
+Se("group", Wa);
+Se("group-closed", Ba);
+Se("user", Ka);
+Se("plus", Ya);
+Se("minus", Xa);
+const Ja = Q({
   components: {
-    CountShow: bo,
-    GroupShow: Va
+    CountShow: Io,
+    GroupShow: Ha
   },
   props: {
     deviceGroup: Object,
@@ -2940,46 +2964,50 @@ const Ba = Q({
     }
   },
   setup(e) {
-    qo("theme", e.theme);
-    const t = M({
+    const t = jr(), n = U(() => t.value == yo.BACKGROUND_WHITE ? "" : "dark");
+    ns("theme", n);
+    const o = k({
       onlyShowOnline: !1,
       searchStr: ""
-    }), n = M(), o = M();
+    }), s = k(), a = k();
     return {
-      i18nT: Ie,
-      inputShowOnlineOnly: n,
-      inputSearchRef: o,
-      controlParams: t
+      theme: n,
+      i18nT: Te,
+      inputShowOnlineOnly: s,
+      inputSearchRef: a,
+      controlParams: o
     };
   }
 });
-const Ya = { class: "device-group-list" }, Ka = { class: "search-panel" }, Xa = { for: "onlineShow" }, Ja = { class: "device-panel" };
-function Qa(e, t, n, o, s, a) {
+const Qa = { class: "search-panel" }, qa = { for: "onlineShow" }, Za = { class: "device-panel" };
+function el(e, t, n, o, s, a) {
   var r;
   const l = fe("CountShow"), i = fe("group-show");
-  return S(), A("div", Ya, [
-    w("div", Ka, [
-      K(l, {
+  return N(), A("div", {
+    class: ke(`device-group-list ${e.theme}`)
+  }, [
+    b("div", Qa, [
+      B(l, {
         countInfo: e.deviceGroup,
         "control-params": e.controlParams
       }, {
         default: te(() => [
-          w("input", {
+          b("input", {
             type: "checkbox",
             id: "onlineShow",
             value: "onlineShow",
             onChange: t[0] || (t[0] = () => e.onCheckBoxChange()),
             ref: "inputShowOnlineOnly"
           }, null, 544),
-          w("label", Xa, z(e.i18nT("zhi-xian-shi-zai-xian-she-bei")), 1)
+          b("label", qa, j(e.i18nT("zhi-xian-shi-zai-xian-she-bei")), 1)
         ]),
         _: 1
       }, 8, ["countInfo", "control-params"])
     ]),
-    w("div", Ja, [
-      (S(!0), A(ue, null, Ee((r = e.deviceGroup) == null ? void 0 : r.items, (c, _) => (S(), Se(i, {
+    b("div", Za, [
+      (N(!0), A(ue, null, Ee((r = e.deviceGroup) == null ? void 0 : r.items, (c, m) => (N(), Fe(i, {
         controlParams: e.controlParams,
-        key: _,
+        key: m,
         "ui-params": e.uiControl,
         deviceGroup: c
       }, {
@@ -3004,19 +3032,19 @@ function Qa(e, t, n, o, s, a) {
         _: 2
       }, 1032, ["controlParams", "ui-params", "deviceGroup"]))), 128))
     ])
-  ]);
+  ], 2);
 }
-const qa = /* @__PURE__ */ oe(Ba, [["render", Qa], ["__scopeId", "data-v-beb643d9"]]);
-var Za = Object.defineProperty, el = Object.defineProperties, tl = Object.getOwnPropertyDescriptors, In = Object.getOwnPropertySymbols, nl = Object.prototype.hasOwnProperty, ol = Object.prototype.propertyIsEnumerable, Nn = (e, t, n) => t in e ? Za(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, So = (e, t) => {
+const tl = /* @__PURE__ */ oe(Ja, [["render", el], ["__scopeId", "data-v-d00c2061"]]);
+var nl = Object.defineProperty, ol = Object.defineProperties, sl = Object.getOwnPropertyDescriptors, Nn = Object.getOwnPropertySymbols, rl = Object.prototype.hasOwnProperty, al = Object.prototype.propertyIsEnumerable, Sn = (e, t, n) => t in e ? nl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Po = (e, t) => {
   for (var n in t || (t = {}))
-    nl.call(t, n) && Nn(e, n, t[n]);
-  if (In)
-    for (var n of In(t))
-      ol.call(t, n) && Nn(e, n, t[n]);
+    rl.call(t, n) && Sn(e, n, t[n]);
+  if (Nn)
+    for (var n of Nn(t))
+      al.call(t, n) && Sn(e, n, t[n]);
   return e;
-}, sl = (e, t) => el(e, tl(t));
-const He = 6, Sn = He * 2;
-function rl(e, t) {
+}, ll = (e, t) => ol(e, sl(t));
+const He = 6, Cn = He * 2;
+function il(e, t) {
   return e.map(
     ({
       leftTop: { col: n, row: o },
@@ -3024,13 +3052,13 @@ function rl(e, t) {
     }) => `<line x1="${n * t.col + He}" y1="${o * t.row + He}" x2="${s * t.col + He}" y2="${a * t.row + He}" stroke="black" stroke-width="5"/>`
   ).join(" ");
 }
-function al(e, t, n) {
+function cl(e, t, n) {
   return n.findIndex((o) => e >= o.leftTop.row && e < o.rightBottom.row && t >= o.leftTop.col && t < o.rightBottom.col) >= 0;
 }
-function ll(e, t, n) {
+function ul(e, t, n) {
   n.forEach((o) => {
-    const s = sl(So({}, o.leftTop), {
-      id: Co(o.leftTop),
+    const s = ll(Po({}, o.leftTop), {
+      id: $o(o.leftTop),
       layout: {
         left: 100 / t.col * o.leftTop.col,
         top: 100 / t.row * o.leftTop.row,
@@ -3043,11 +3071,11 @@ function ll(e, t, n) {
     e.push(s);
   });
 }
-function Co(e) {
+function $o(e) {
   return `${e.row}-${e.col}`;
 }
-const Cn = "ComponentsDefaultLayoutKeyAF84566", An = "ComponentsCustomLayoutsKeyAF84566";
-function il(e) {
+const An = "ComponentsDefaultLayoutKeyAF84566", Dn = "ComponentsCustomLayoutsKeyAF84566";
+function dl(e) {
   const t = [], n = [];
   for (let o = 0; o < e.points.length / 2; o++)
     n.push(e.points.slice(o * 2, o * 2 + 2));
@@ -3078,20 +3106,20 @@ const Ne = {
     const n = [];
     for (let o = 0; o < e.row; o++)
       for (let s = 0; s < e.col; s++) {
-        if (al(o, s, t))
+        if (cl(o, s, t))
           continue;
-        const a = So({
+        const a = Po({
           layout: {
             left: 100 / e.col * s,
             top: 100 / e.row * o,
             width: 100 / e.col,
             height: 100 / e.row
           },
-          id: Co({ row: o, col: s })
+          id: $o({ row: o, col: s })
         }, { row: o, col: s, w: 1, h: 1 });
         n.push(a);
       }
-    return ll(n, e, t), n;
+    return ul(n, e, t), n;
   },
   TransLayoutToSVG(e, t) {
     const n = [];
@@ -3109,28 +3137,28 @@ const Ne = {
       });
     n.forEach(
       ({
-        leftTop: { row: c, col: _ },
+        leftTop: { row: c, col: m },
         rightBottom: { row: f, col: u }
       }) => {
         for (let d = c + 1; d < f; d++)
-          o[d].points.push(_, u);
-        for (let d = _ + 1; d < u; d++)
+          o[d].points.push(m, u);
+        for (let d = m + 1; d < u; d++)
           s[d].points.push(c, f);
       }
     );
     const a = o.concat(...s), r = [];
     a.forEach((c) => {
-      c.points = c.points.sort(), r.push(...il(c));
+      c.points = c.points.sort(), r.push(...dl(c));
     });
     const l = {
       row: t.height / e.row,
       col: t.width / e.col
-    }, i = rl(r, l);
-    return `<svg viewBox='0 0 ${t.width + Sn} ${t.height + Sn} ' width="100%" height="100%"> ${i} </svg>`;
+    }, i = il(r, l);
+    return `<svg viewBox='0 0 ${t.width + Cn} ${t.height + Cn} ' width="100%" height="100%"> ${i} </svg>`;
   },
   StorageDefaultLayout: {
     get() {
-      const e = localStorage.getItem(Cn);
+      const e = localStorage.getItem(An);
       if (e == null)
         return null;
       try {
@@ -3140,12 +3168,12 @@ const Ne = {
       }
     },
     set(e) {
-      localStorage.setItem(Cn, JSON.stringify(e));
+      localStorage.setItem(An, JSON.stringify(e));
     }
   },
   CustomLayouts: {
     get() {
-      const e = localStorage.getItem(An);
+      const e = localStorage.getItem(Dn);
       if (e == null)
         return [];
       try {
@@ -3155,10 +3183,10 @@ const Ne = {
       }
     },
     set(e) {
-      localStorage.setItem(An, JSON.stringify(e));
+      localStorage.setItem(Dn, JSON.stringify(e));
     }
   }
-}, cl = Q({
+}, fl = Q({
   emits: {
     onselect(e, t) {
       return !0;
@@ -3213,24 +3241,24 @@ const Ne = {
     }
   }
 });
-const ul = ["onClick"], dl = { style: { position: "relative", display: "inline-block", margin: "10px" } }, fl = ["innerHTML"], _l = { style: { "vertical-align": "middle" } };
-function ml(e, t, n, o, s, a) {
-  return S(), A("div", null, [
-    (S(!0), A(ue, null, Ee(e.layoutInfos, (r) => (S(), A("div", {
-      class: Ze(r.select ? "layout-item layout-item-select" : "layout-item"),
+const _l = ["onClick"], ml = { style: { position: "relative", display: "inline-block", margin: "10px" } }, pl = ["innerHTML"], gl = { style: { "vertical-align": "middle" } };
+function hl(e, t, n, o, s, a) {
+  return N(), A("div", null, [
+    (N(!0), A(ue, null, Ee(e.layoutInfos, (r) => (N(), A("div", {
+      class: ke(r.select ? "layout-item layout-item-select" : "layout-item"),
       onClick: (l) => e.selectClick(r)
     }, [
-      w("div", dl, [
-        w("div", {
+      b("div", ml, [
+        b("div", {
           innerHTML: r.svg,
           class: "svg-style"
-        }, null, 8, fl),
-        w("span", _l, z(r.layout.name), 1)
+        }, null, 8, pl),
+        b("span", gl, j(r.layout.name), 1)
       ])
-    ], 10, ul))), 256))
+    ], 10, _l))), 256))
   ]);
 }
-const Ao = /* @__PURE__ */ oe(cl, [["render", ml], ["__scopeId", "data-v-2a8e4593"]]), pl = Q({
+const Mo = /* @__PURE__ */ oe(fl, [["render", hl], ["__scopeId", "data-v-2a8e4593"]]), vl = Q({
   props: {
     layout: {
       type: Object
@@ -3250,10 +3278,10 @@ const Ao = /* @__PURE__ */ oe(cl, [["render", ml], ["__scopeId", "data-v-2a8e459
     };
   }
 });
-const gl = { style: { position: "relative", height: "100%", width: "100%" } };
-function hl(e, t, n, o, s, a) {
-  return S(), A("div", gl, [
-    (S(!0), A(ue, null, Ee(e.frameRef, ({ layout: r, id: l, row: i, col: c, w: _, h: f }, u) => (S(), A("div", {
+const yl = { style: { position: "relative", height: "100%", width: "100%" } };
+function El(e, t, n, o, s, a) {
+  return N(), A("div", yl, [
+    (N(!0), A(ue, null, Ee(e.frameRef, ({ layout: r, id: l, row: i, col: c, w: m, h: f }, u) => (N(), A("div", {
       class: "play-area",
       key: u,
       style: _e(`position: absolute; top: calc(${r.top}%); left: calc(${r.left}%); width: calc(${r.width}%); height: calc(${r.height}%);`)
@@ -3262,7 +3290,7 @@ function hl(e, t, n, o, s, a) {
         id: l,
         row: i,
         col: c,
-        w: _,
+        w: m,
         h: f,
         index: u,
         areas: e.areas
@@ -3270,21 +3298,21 @@ function hl(e, t, n, o, s, a) {
     ], 4))), 128))
   ]);
 }
-const xt = /* @__PURE__ */ oe(pl, [["render", hl], ["__scopeId", "data-v-e6baa31a"]]), vl = {
+const Vt = /* @__PURE__ */ oe(vl, [["render", El], ["__scopeId", "data-v-e6baa31a"]]), wl = {
   width: 1024,
   height: 1024,
   body: '<path fill="currentColor" d="M195.2 195.2a64 64 0 0 1 90.496 0L512 421.504L738.304 195.2a64 64 0 0 1 90.496 90.496L602.496 512L828.8 738.304a64 64 0 0 1-90.496 90.496L512 602.496L285.696 828.8a64 64 0 0 1-90.496-90.496L421.504 512L195.2 285.696a64 64 0 0 1 0-90.496z"/>'
 };
-Ce("close", vl);
-const yl = Q({
+Se("close", wl);
+const bl = Q({
   components: {
-    VideoAreaLayoutShow: xt,
+    VideoAreaLayoutShow: Vt,
     Icon: it
   },
   setup() {
-    const e = M(3), t = M(3), n = M(
+    const e = k(3), t = k(3), n = k(
       []
-    ), o = U(() => T.genLayout(e.value, t.value, n.value)), s = M({}), a = M([]);
+    ), o = U(() => I.genLayout(e.value, t.value, n.value)), s = k({}), a = k([]);
     return {
       areas: n,
       row: e,
@@ -3392,83 +3420,83 @@ const yl = Q({
     }
   }
 });
-const El = { style: { height: "calc(100% - 80px)", width: "calc(100%)", position: "relative" } }, bl = ["onMouseenter", "onMousedown"], wl = { style: { "font-size": "32px" } }, Ll = { style: { display: "inline-block", width: "40px", "text-align": "center" } }, Ol = { style: { display: "inline-block", width: "calc(100% - 40px)", "text-align": "right", "vertical-align": "middle" } }, Tl = ["onClick"];
-function Il(e, t, n, o, s, a) {
+const Ll = { style: { height: "calc(100% - 80px)", width: "calc(100%)", position: "relative" } }, Ol = ["onMouseenter", "onMousedown"], Il = { style: { "font-size": "32px" } }, Tl = { style: { display: "inline-block", width: "40px", "text-align": "center" } }, Nl = { style: { display: "inline-block", width: "calc(100% - 40px)", "text-align": "right", "vertical-align": "middle" } }, Sl = ["onClick"];
+function Cl(e, t, n, o, s, a) {
   const r = fe("Icon"), l = fe("VideoAreaLayoutShow");
-  return S(), A("div", El, [
-    K(l, { layout: e.layout }, {
+  return N(), A("div", Ll, [
+    B(l, { layout: e.layout }, {
       default: te((i) => [
-        w("div", {
-          class: Ze(e.genClass(i)),
+        b("div", {
+          class: ke(e.genClass(i)),
           onMouseenter: (c) => e.onMouseOver(c, i),
           onMousedown: (c) => e.onMouseDown(i),
           style: { "user-select": "none" }
         }, [
-          w("div", wl, [
-            w("div", Ll, z(i.index + 1), 1),
-            w("div", Ol, [
-              w("span", {
+          b("div", Il, [
+            b("div", Tl, j(i.index + 1), 1),
+            b("div", Nl, [
+              b("span", {
                 onClick: (c) => e.onDelLayout(i)
               }, [
-                i.w > 1 || i.h > 1 ? (S(), Se(r, {
+                i.w > 1 || i.h > 1 ? (N(), Fe(r, {
                   key: 0,
                   icon: "close",
                   class: "close-btn"
                 })) : pe("", !0)
-              ], 8, Tl)
+              ], 8, Sl)
             ])
           ])
-        ], 42, bl)
+        ], 42, Ol)
       ]),
       _: 1
     }, 8, ["layout"])
   ]);
 }
-const Nl = /* @__PURE__ */ oe(yl, [["render", Il], ["__scopeId", "data-v-c3d9b21a"]]), Sl = Q({
+const Al = /* @__PURE__ */ oe(bl, [["render", Cl], ["__scopeId", "data-v-c3d9b21a"]]), Dl = Q({
   components: {
     Icon: it,
-    LayoutShow: Ao,
-    CustomLayoutGen: Nl
+    LayoutShow: Mo,
+    CustomLayoutGen: Al
   },
   setup() {
     return {
-      layout: M(
+      layout: k(
         Ne.CustomLayouts.get()
       ),
-      i18nT: Ie
+      i18nT: Te
     };
   }
 });
-const Cl = { style: { "margin-left": "10px", "margin-top": "10px" } }, Al = { class: "plus-custom-layout" }, Dl = /* @__PURE__ */ Vn("\u6DFB\u52A0\u5E03\u5C40 "), Pl = { style: { "margin-top": "10px" } }, $l = { style: { height: "300px" } };
-function kl(e, t, n, o, s, a) {
+const Pl = { style: { "margin-left": "10px", "margin-top": "10px" } }, $l = { class: "plus-custom-layout" }, Ml = /* @__PURE__ */ Gn("\u6DFB\u52A0\u5E03\u5C40 "), kl = { style: { "margin-top": "10px" } }, Rl = { style: { height: "300px" } };
+function xl(e, t, n, o, s, a) {
   const r = fe("Icon"), l = fe("CustomLayoutGen");
-  return S(), A("div", Cl, [
-    w("span", null, [
-      Vn(z(e.i18nT("zi-ding-yi-bu-ju")) + "\uFF1A ", 1),
-      w("span", Al, [
-        K(r, {
+  return N(), A("div", Pl, [
+    b("span", null, [
+      Gn(j(e.i18nT("zi-ding-yi-bu-ju")) + "\uFF1A ", 1),
+      b("span", $l, [
+        B(r, {
           icon: "plus",
           style: { "vertical-align": "text-top" }
         }),
-        Dl
+        Ml
       ])
     ]),
-    w("div", Pl, [
-      w("div", $l, [
-        K(l)
+    b("div", kl, [
+      b("div", Rl, [
+        B(l)
       ])
     ])
   ]);
 }
-const Ml = /* @__PURE__ */ oe(Sl, [["render", kl], ["__scopeId", "data-v-f8b51862"]]), Rl = Q({
+const Fl = /* @__PURE__ */ oe(Dl, [["render", xl], ["__scopeId", "data-v-f8b51862"]]), Vl = Q({
   emits: {
     LayoutChange(e, t, n) {
       return !0;
     }
   },
   components: {
-    UseCustomLayoutSelector: Ml,
-    LayoutShow: Ao,
+    UseCustomLayoutSelector: Fl,
+    LayoutShow: Mo,
     Icon: it
   },
   props: {
@@ -3477,28 +3505,27 @@ const Ml = /* @__PURE__ */ oe(Sl, [["render", kl], ["__scopeId", "data-v-f8b5186
     }
   },
   setup(e, t) {
-    var n;
-    const o = (n = e.layouts) == null ? void 0 : n.map((p) => T.genLayout(p.rows, p.cols, p.areas)), s = Oe(
-      o && o.length > 0 ? o : [
-        T.Test.genLayout(1, 1),
-        T.Test.genLayout(1, 2),
-        T.Test.genLayout(2, 2),
-        T.Test.genLayout(2, 3),
-        T.genLayout(3, 3, [
+    const n = e.layouts, o = Oe(
+      n && n.length > 0 ? n : [
+        I.Test.genLayout(1, 1),
+        I.Test.genLayout(1, 2),
+        I.Test.genLayout(2, 2),
+        I.Test.genLayout(2, 3),
+        I.genLayout(3, 3, [
           [0, 0, 2, 2],
           [2, 0, 3, 2]
         ]),
-        T.Test.genLayout(3, 3, [0, 0, 2, 2]),
-        T.Test.genLayout(3, 3, [1, 0, 2, 3]),
-        T.Test.genLayout(4, 4, [0, 0, 3, 3]),
-        T.Test.genLayout(3, 3),
-        T.Test.genLayout(5, 5, [0, 0, 4, 4]),
-        T.Test.genLayout(6, 6, [0, 0, 5, 5]),
-        T.Test.genLayout(4, 4, [1, 1, 3, 3]),
-        T.Test.genLayout(4, 4),
-        T.Test.genLayout(5, 5),
-        T.Test.genLayout(6, 6),
-        T.genLayout(8, 8, [
+        I.Test.genLayout(3, 3, [0, 0, 2, 2]),
+        I.Test.genLayout(3, 3, [1, 0, 2, 3]),
+        I.Test.genLayout(4, 4, [0, 0, 3, 3]),
+        I.Test.genLayout(3, 3),
+        I.Test.genLayout(5, 5, [0, 0, 4, 4]),
+        I.Test.genLayout(6, 6, [0, 0, 5, 5]),
+        I.Test.genLayout(4, 4, [1, 1, 3, 3]),
+        I.Test.genLayout(4, 4),
+        I.Test.genLayout(5, 5),
+        I.Test.genLayout(6, 6),
+        I.genLayout(8, 8, [
           [0, 0, 3, 3],
           [3, 0, 5, 2],
           [5, 0, 7, 2]
@@ -3508,81 +3535,85 @@ const Ml = /* @__PURE__ */ oe(Sl, [["render", kl], ["__scopeId", "data-v-f8b5186
     Me(
       () => e.layouts,
       () => {
-        var p;
         if (e.layouts && e.layouts.length > 0) {
-          const E = (p = e.layouts) == null ? void 0 : p.map((N) => T.genLayout(N.rows, N.cols, N.areas));
-          s.splice(0, s.length, ...E);
+          const g = e.layouts;
+          o.splice(0, o.length, ...g);
         }
       },
       {
         deep: !0
       }
     );
-    const a = M();
-    let r = Ne.StorageDefaultLayout.get();
-    const l = r || s[2];
-    function i(p, E) {
+    const s = k();
+    let a = Ne.StorageDefaultLayout.get();
+    function r() {
+      return a ? o.findIndex(
+        (g) => JSON.stringify(g) == JSON.stringify(a)
+      ) >= 0 : !1;
+    }
+    const l = r() ? a : o[2];
+    function i(g, w) {
       return t.emit(
         "LayoutChange",
-        JSON.stringify(p.layout),
-        p,
+        JSON.stringify(g.layout),
+        g,
         () => {
           u.value && d();
         }
-      ), p.cancel || (f.value = E), !p.cancel;
+      ), g.cancel || (f.value = w), !g.cancel;
     }
     let c = !0;
-    const _ = function(p, E) {
-      JSON.stringify(r) != JSON.stringify(p) && i(p, E) && c && (r = p.layout, Ne.StorageDefaultLayout.set(p.layout)), f.value.length == 0 && i(p, E);
-    }, f = M(""), u = M(!1), d = () => {
-      u.value = !u.value, u.value ? window.addEventListener("click", g) : window.removeEventListener("click", g);
-    }, g = (p) => {
-      u.value && p.composedPath().findIndex(({ className: N }) => N == "layout-switcher") < 0 && (u.value = !1, window.removeEventListener("click", g));
+    const m = function(g, w) {
+      JSON.stringify(a) != JSON.stringify(g) && i(g, w) && c && (a = g.layout, Ne.StorageDefaultLayout.set(g.layout)), f.value.length == 0 && i(g, w);
+    }, f = k(""), u = k(!1), d = () => {
+      u.value = !u.value, u.value ? window.addEventListener("click", p) : window.removeEventListener("click", p);
+    }, p = (g) => {
+      u.value && g.composedPath().findIndex(({ className: S }) => S == "layout-switcher") < 0 && (u.value = !1, window.removeEventListener("click", p));
     };
     return {
-      i18nT: Ie,
-      selectClassicalLayout: (p, E, N) => {
-        var I;
-        N || (c = !1);
-        const b = s.find((P) => P.row == p && P.col == E && typeof P.area > "u" && typeof P.areas > "u");
-        b && ((I = a.value) == null || I.SelectLayoutById(JSON.stringify(b))), N = !0;
+      i18nT: Te,
+      selectClassicalLayout: (g, w, S) => {
+        var T;
+        S || (c = !1);
+        const E = o.find((P) => P.row == g && P.col == w && typeof P.area > "u" && typeof P.areas > "u");
+        E && ((T = s.value) == null || T.SelectLayoutById(JSON.stringify(E))), S = !0;
       },
-      selectLoyoutById: (p, E) => {
-        var N;
-        E || (c = !1), (N = a.value) == null || N.SelectLayoutById(p), E = !0;
+      selectLoyoutById: (g, w) => {
+        var S;
+        w || (c = !1), (S = s.value) == null || S.SelectLayoutById(g), w = !0;
       },
-      refLayoutShow: a,
+      refLayoutShow: s,
       clickShowSelectPanel: d,
       showSelectPanel: u,
-      onselect: _,
+      onselect: m,
       svgSelect: f,
-      layout: s,
+      layout: o,
       defaultLayout: l
     };
   },
   expose: ["selectLoyoutById", "selectClassicalLayout"]
 });
-const Fl = { class: "layout-switcher" }, xl = ["innerHTML"], Vl = { class: "switch-panel" }, Ul = { style: { "margin-left": "10px" } }, Gl = { style: { "margin-left": "10px", padding: "10px" } }, Hl = { style: { "margin-left": "10px" } };
-function jl(e, t, n, o, s, a) {
+const Ul = { class: "layout-switcher" }, Gl = ["innerHTML"], zl = { class: "switch-panel" }, Hl = { style: { "margin-left": "10px" } }, jl = { style: { "margin-left": "10px", padding: "10px" } }, Wl = { style: { "margin-left": "10px" } };
+function Bl(e, t, n, o, s, a) {
   const r = fe("LayoutShow");
-  return S(), A("div", Fl, [
-    w("div", {
+  return N(), A("div", Ul, [
+    b("div", {
       onClick: t[0] || (t[0] = (...l) => e.clickShowSelectPanel && e.clickShowSelectPanel(...l)),
       class: "switch-switcher"
     }, [
-      w("div", {
+      b("div", {
         innerHTML: e.svgSelect,
         style: { height: "32px", display: "inline-block", "vertical-align": "middle", width: "32px" }
-      }, null, 8, xl)
+      }, null, 8, Gl)
     ]),
-    Fn(w("div", Vl, [
-      w("div", Ul, [
-        w("span", null, z(e.i18nT("qing-xuan-ze-bu-ju-yang-shi")), 1)
+    Vn(b("div", zl, [
+      b("div", Hl, [
+        b("span", null, j(e.i18nT("qing-xuan-ze-bu-ju-yang-shi")), 1)
       ]),
-      w("div", Gl, [
-        w("div", Hl, [
-          w("span", null, z(e.i18nT("biao-zhun-bu-ju")) + "\uFF1A", 1),
-          K(r, {
+      b("div", jl, [
+        b("div", Wl, [
+          b("span", null, j(e.i18nT("biao-zhun-bu-ju")) + "\uFF1A", 1),
+          B(r, {
             ref: "refLayoutShow",
             layouts: e.layout,
             defaultLayout: e.defaultLayout,
@@ -3591,14 +3622,14 @@ function jl(e, t, n, o, s, a) {
         ])
       ])
     ], 512), [
-      [xn, e.showSelectPanel]
+      [Un, e.showSelectPanel]
     ])
   ]);
 }
-const zl = /* @__PURE__ */ oe(Rl, [["render", jl], ["__scopeId", "data-v-6348e5ec"]]), Wl = {
+const Kl = /* @__PURE__ */ oe(Vl, [["render", Bl], ["__scopeId", "data-v-1b358304"]]), Yl = {
   key: 0,
   class: "layout-display"
-}, Bl = ["innerHTML"], Yl = { style: { display: "inline-block", height: "32px", width: "20px", "line-height": "32px", "vertical-align": "top" } }, Kl = /* @__PURE__ */ Q({
+}, Xl = ["innerHTML"], Jl = { style: { display: "inline-block", height: "32px", width: "20px", "line-height": "32px", "vertical-align": "top" } }, Ql = /* @__PURE__ */ Q({
   __name: "layoutDisplay",
   props: {
     layout: {
@@ -3625,118 +3656,132 @@ const zl = /* @__PURE__ */ oe(Rl, [["render", jl], ["__scopeId", "data-v-6348e5e
     });
     return (s, a) => {
       var r;
-      return le(o) ? (S(), A("div", Wl, [
-        w("span", {
+      return le(o) ? (N(), A("div", Yl, [
+        b("span", {
           innerHTML: (r = le(o)) == null ? void 0 : r.svg,
           style: { display: "inline-block", height: "32px", width: "32px", "line-height": "32px", "background-color": "rgb(201, 201, 201)" }
-        }, null, 8, Bl),
-        w("span", Yl, z(n(le(o).frams.length)), 1)
+        }, null, 8, Xl),
+        b("span", Jl, j(n(le(o).frams.length)), 1)
       ])) : pe("", !0);
     };
   }
 });
-const Do = /* @__PURE__ */ oe(Kl, [["__scopeId", "data-v-4e937302"]]), Je = [
-  T.Test.genLayout(1, 1),
-  T.Test.genLayout(1, 2),
-  T.Test.genLayout(2, 2),
-  T.Test.genLayout(2, 3),
-  T.genLayout(3, 3, [
+const ko = /* @__PURE__ */ oe(Ql, [["__scopeId", "data-v-4e937302"]]);
+var ql = Object.defineProperty, Zl = Object.defineProperties, ei = Object.getOwnPropertyDescriptors, Pn = Object.getOwnPropertySymbols, ti = Object.prototype.hasOwnProperty, ni = Object.prototype.propertyIsEnumerable, $n = (e, t, n) => t in e ? ql(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, oi = (e, t) => {
+  for (var n in t || (t = {}))
+    ti.call(t, n) && $n(e, n, t[n]);
+  if (Pn)
+    for (var n of Pn(t))
+      ni.call(t, n) && $n(e, n, t[n]);
+  return e;
+}, si = (e, t) => Zl(e, ei(t));
+const Qe = [
+  I.Test.genLayout(1, 1),
+  I.Test.genLayout(1, 2),
+  I.Test.genLayout(2, 2),
+  I.Test.genLayout(2, 3),
+  I.genLayout(3, 3, [
     [0, 0, 2, 2],
     [2, 0, 3, 2]
   ]),
-  T.Test.genLayout(3, 3, [0, 0, 2, 2]),
-  T.Test.genLayout(3, 3, [1, 0, 2, 3]),
-  T.Test.genLayout(4, 4, [0, 0, 3, 3]),
-  T.Test.genLayout(3, 3),
-  T.Test.genLayout(5, 5, [0, 0, 4, 4]),
-  T.Test.genLayout(6, 6, [0, 0, 5, 5]),
-  T.Test.genLayout(4, 4, [1, 1, 3, 3]),
-  T.Test.genLayout(4, 4),
-  T.Test.genLayout(5, 5),
-  T.Test.genLayout(6, 6),
-  T.genLayout(8, 8, [
+  I.Test.genLayout(3, 3, [0, 0, 2, 2]),
+  I.Test.genLayout(3, 3, [1, 0, 2, 3]),
+  I.Test.genLayout(4, 4, [0, 0, 3, 3]),
+  I.Test.genLayout(3, 3),
+  I.Test.genLayout(5, 5, [0, 0, 4, 4]),
+  I.Test.genLayout(6, 6, [0, 0, 5, 5]),
+  I.Test.genLayout(4, 4, [1, 1, 3, 3]),
+  I.Test.genLayout(4, 4),
+  I.Test.genLayout(5, 5),
+  I.Test.genLayout(6, 6),
+  I.genLayout(8, 8, [
     [0, 0, 3, 3],
     [3, 0, 5, 2],
     [5, 0, 7, 2]
   ])
-], Xl = /* @__PURE__ */ Q({
+], ri = /* @__PURE__ */ Q({
   __name: "preLayout",
+  props: {
+    zIndexModal: {
+      type: Number
+    }
+  },
   setup(e) {
-    const t = M(!1), n = Oe({
+    const t = e, n = k(!1), o = Oe({
       top: "",
       left: ""
     });
-    Fe(() => {
+    xe(() => {
     });
-    let o;
-    function s(_) {
-      o == null || o(_);
+    let s;
+    function a(f) {
+      s == null || s(f);
     }
-    function a() {
-      t.value = !1, window.document.removeEventListener("click", a);
+    function r() {
+      n.value = !1, window.document.removeEventListener("click", r);
     }
-    function r(_, f) {
-      window.document.removeEventListener("click", a), o = f, t.value = !0, n.left = `${_.x}px`, n.top = `${_.y}px`, setTimeout(() => {
-        window.document.addEventListener("click", a);
+    function l(f, u) {
+      window.document.removeEventListener("click", r), s = u, n.value = !0, o.left = `${f.x}px`, o.top = `${f.y}px`, setTimeout(() => {
+        window.document.addEventListener("click", r);
       }, 50);
     }
-    const l = Oe([
-      T.Test.genLayout(1, 1),
-      T.Test.genLayout(1, 2),
-      T.Test.genLayout(2, 2),
-      T.Test.genLayout(2, 3),
-      T.genLayout(3, 3, [
+    const i = Oe([
+      I.Test.genLayout(1, 1),
+      I.Test.genLayout(1, 2),
+      I.Test.genLayout(2, 2),
+      I.Test.genLayout(2, 3),
+      I.genLayout(3, 3, [
         [0, 0, 2, 2],
         [2, 0, 3, 2]
       ]),
-      T.Test.genLayout(3, 3, [0, 0, 2, 2]),
-      T.Test.genLayout(3, 3, [1, 0, 2, 3]),
-      T.Test.genLayout(4, 4, [0, 0, 3, 3]),
-      T.Test.genLayout(3, 3),
-      T.Test.genLayout(5, 5, [0, 0, 4, 4]),
-      T.Test.genLayout(6, 6, [0, 0, 5, 5]),
-      T.Test.genLayout(4, 4, [1, 1, 3, 3]),
-      T.Test.genLayout(4, 4),
-      T.Test.genLayout(5, 5),
-      T.Test.genLayout(6, 6),
-      T.genLayout(8, 8, [
+      I.Test.genLayout(3, 3, [0, 0, 2, 2]),
+      I.Test.genLayout(3, 3, [1, 0, 2, 3]),
+      I.Test.genLayout(4, 4, [0, 0, 3, 3]),
+      I.Test.genLayout(3, 3),
+      I.Test.genLayout(5, 5, [0, 0, 4, 4]),
+      I.Test.genLayout(6, 6, [0, 0, 5, 5]),
+      I.Test.genLayout(4, 4, [1, 1, 3, 3]),
+      I.Test.genLayout(4, 4),
+      I.Test.genLayout(5, 5),
+      I.Test.genLayout(6, 6),
+      I.genLayout(8, 8, [
         [0, 0, 3, 3],
         [3, 0, 5, 2],
         [5, 0, 7, 2]
       ])
-    ]), i = U(() => l.map((_) => ({
-      layout: _
-    }))), c = document.body;
+    ]), c = U(() => i.map((f) => ({
+      layout: f
+    }))), m = document.body;
     return ot(() => {
-      window.document.removeEventListener("click", a);
-    }), (_, f) => (S(), A(ue, null, [
-      (S(), Se(Un, { to: le(c) }, [
-        t.value ? (S(), A("div", {
+      window.document.removeEventListener("click", r);
+    }), (f, u) => (N(), A(ue, null, [
+      (N(), Fe(zn, { to: le(m) }, [
+        n.value ? (N(), A("div", {
           key: 0,
-          style: _e([{ width: "330px", position: "absolute", "background-color": "white", "padding-left": "25px", border: "1px solid", "padding-top": "20px", "padding-bottom": "20px", "border-radius": "5px" }, n]),
-          onClick: f[0] || (f[0] = (u) => u.stopPropagation())
+          style: _e([{ width: "330px", position: "absolute", "background-color": "white", "padding-left": "25px", border: "1px solid", "padding-top": "20px", "padding-bottom": "20px", "border-radius": "5px" }, si(oi({}, o), { zIndex: t.zIndexModal })]),
+          onClick: u[0] || (u[0] = (d) => d.stopPropagation())
         }, [
-          (S(!0), A(ue, null, Ee(le(i), (u, d) => (S(), A("span", {
-            key: d,
+          (N(!0), A(ue, null, Ee(le(c), (d, p) => (N(), A("span", {
+            key: p,
             class: "layout-panel-item-container",
             style: { border: "1px solid" }
           }, [
-            K(Do, {
-              layout: u.layout,
-              onClick: (g) => s(u.layout)
+            B(ko, {
+              layout: d.layout,
+              onClick: (v) => a(d.layout)
             }, null, 8, ["layout", "onClick"])
           ]))), 128))
         ], 4)) : pe("", !0)
       ], 8, ["to"])),
-      Y(_.$slots, "default", { addPreSetLayout: r }, void 0, !0)
+      Y(f.$slots, "default", { addPreSetLayout: l }, void 0, !0)
     ], 64));
   }
 });
-const Jl = /* @__PURE__ */ oe(Xl, [["__scopeId", "data-v-2366cec9"]]), Ql = {
+const ai = /* @__PURE__ */ oe(ri, [["__scopeId", "data-v-954fc7ec"]]), li = {
   key: 0,
   style: { position: "relative" },
   class: "layout-container"
-}, ql = { key: 1 }, Zl = /* @__PURE__ */ Q({
+}, ii = { key: 1 }, ci = /* @__PURE__ */ Q({
   __name: "layoutSelector",
   props: {
     row: {
@@ -3768,61 +3813,62 @@ const Jl = /* @__PURE__ */ oe(Xl, [["__scopeId", "data-v-2366cec9"]]), Ql = {
     function r(f) {
       n("addCustom", f, a);
     }
-    const l = M();
+    const l = k();
     function i(f) {
       l.value = f;
     }
     function c() {
       l.value = void 0;
     }
-    function _(f) {
+    function m(f) {
       n("addPreset", f, i, { row: o.row, col: o.col });
     }
-    return Fe(() => {
-      o.layout ? l.value = o.layout : typeof o.index == "number" && o.index < Je.length && (l.value = Je[o.index]);
+    return xe(() => {
+      o.layout ? o.layout == I.zeroLayout ? l.value = void 0 : l.value = o.layout : typeof o.index == "number" && o.index < Qe.length && (l.value = Qe[o.index]);
     }), Me(
       () => o.index,
       () => {
-        typeof o.index == "number" && (o.index < Je.length ? l.value = Je[o.index] : l.value = void 0);
+        typeof o.index == "number" && (o.index < Qe.length ? l.value = Qe[o.index] : l.value = void 0);
       }
     ), t({
       getLayout() {
-        if (Ge(l.value))
+        if (ze(l.value))
           return {
-            layout: Ge(l.value),
+            layout: ze(l.value),
             locatoin: {
-              col: Ge(o.col),
-              row: Ge(o.row)
+              col: ze(o.col),
+              row: ze(o.row)
             }
           };
       }
-    }), (f, u) => l.value ? (S(), A("div", Ql, [
-      K(Do, { layout: l.value }, null, 8, ["layout"]),
-      w("div", {
+    }), (f, u) => l.value ? (N(), A("div", li, [
+      B(ko, { layout: l.value }, null, 8, ["layout"]),
+      b("div", {
         class: "close-btn",
         onClick: u[0] || (u[0] = (d) => c())
       }, [
-        w("span", {
+        b("span", {
           innerHTML: s,
           class: "close-svg"
         })
       ])
-    ])) : (S(), A("div", ql, [
-      w("div", null, [
-        w("div", {
+    ])) : (N(), A("div", ii, [
+      b("div", null, [
+        b("div", {
           class: "options",
-          style: { "margin-bottom": "1px" },
-          onClick: u[1] || (u[1] = (d) => _(d))
-        }, z(le(Ie)("yu-she")), 1),
-        w("div", {
+          style: { "margin-bottom": "1px", "line-height": "18px", height: "18px" },
+          onClick: u[1] || (u[1] = (d) => m(d))
+        }, j(le(Te)("yu-she")), 1),
+        b("div", {
           class: "options",
-          onClick: u[2] || (u[2] = (d) => r(d))
-        }, z(le(Ie)("zi-ding-yi")), 1)
+          onClick: u[2] || (u[2] = (d) => r(d)),
+          style: { "line-height": "19px", height: "19px" }
+        }, j(le(Te)("zi-ding-yi")), 1)
       ])
     ]));
   }
 });
-const ei = /* @__PURE__ */ oe(Zl, [["__scopeId", "data-v-e67bc3bb"]]), ti = { style: { height: "100%", width: "100%", position: "relative", padding: "5px", border: "1px solid", "border-radius": "5px" } }, ni = { style: { height: "40px" } }, oi = { style: { display: "inline-block", width: "150px", "margin-left": "30px" } }, si = { style: { display: "inline-block", width: "40px" } }, ri = { style: { display: "inline-block", width: "20px" } }, ai = { style: { display: "inline-block", width: "150px" } }, li = { style: { display: "inline-block", width: "40px" } }, ii = { style: { display: "inline-block", width: "20px" } }, ci = { style: { height: "calc(100% - 60px)", width: "calc(100% - 60px)", "margin-left": "30px", position: "relative" } }, ui = ["onMousemove", "onMousedown"], di = { style: { "text-align": "center", color: "white", "font-size": "48px", "margin-left": "20px", "margin-top": "20px" } }, fi = ["onClick"], _i = /* @__PURE__ */ Q({
+const ui = /* @__PURE__ */ oe(ci, [["__scopeId", "data-v-74c8042d"]]), di = { style: { height: "100%", width: "100%", position: "relative", padding: "5px", border: "1px solid", "border-radius": "5px", "background-color": "white" } }, fi = { style: { height: "40px" } }, _i = { style: { display: "inline-block", width: "150px", "margin-left": "30px" } }, mi = { style: { display: "inline-block", width: "40px" } }, pi = { style: { display: "inline-block", width: "20px" } }, gi = { style: { display: "inline-block", width: "150px" } }, hi = { style: { display: "inline-block", width: "40px" } }, vi = { style: { display: "inline-block", width: "20px" } }, yi = { style: { height: "calc(100% - 60px)", width: "calc(100% - 60px)", "margin-left": "30px", position: "relative" } }, Ei = ["onMousemove", "onMousedown"], wi = { style: { "text-align": "center", color: "white", "font-size": "48px", "margin-left": "20px", "margin-top": "20px" } }, bi = ["onClick"], Li = /* @__PURE__ */ Q({
   __name: "index",
   props: {
     row: {
@@ -3845,7 +3891,7 @@ const ei = /* @__PURE__ */ oe(Zl, [["__scopeId", "data-v-e67bc3bb"]]), ti = { st
   setup(e, { expose: t, emit: n }) {
     const o = e, s = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="black" d="M24 2.4L21.6 0L12 9.6L2.4 0L0 2.4L9.6 12L0 21.6L2.4 24l9.6-9.6l9.6 9.6l2.4-2.4l-9.6-9.6z"/></svg>', a = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 1200 1200"><path fill="#539d65" d="m1004.237 99.152l-611.44 611.441l-198.305-198.305L0 706.779l198.305 198.306l195.762 195.763L588.56 906.355L1200 294.916z"/></svg>';
     function r(O) {
-      g.splice(O, 1), $();
+      p.splice(O, 1), $();
     }
     function l() {
       n("ApplyLayoutCustom", Z());
@@ -3858,7 +3904,7 @@ const ei = /* @__PURE__ */ oe(Zl, [["__scopeId", "data-v-e67bc3bb"]]), ti = { st
       var O;
       o.row > 2 && d.value.row < o.row && ((O = o.updataLayoutInfo) == null || O.call(o, o.row - 1, o.col));
     }
-    function _() {
+    function m() {
       var O;
       o.col < 10 && ((O = o.updataLayoutInfo) == null || O.call(o, o.row, o.col + 1));
     }
@@ -3866,14 +3912,14 @@ const ei = /* @__PURE__ */ oe(Zl, [["__scopeId", "data-v-e67bc3bb"]]), ti = { st
       var O;
       o.col > 2 && d.value.col < o.col && ((O = o.updataLayoutInfo) == null || O.call(o, o.row, o.col - 1));
     }
-    const u = U(() => T.genLayout(o.row, o.col)), d = U(() => ({
-      col: Math.max(...g.map((O) => O.area.colsMax)),
-      row: Math.max(...g.map((O) => O.area.rowsMax))
-    })), g = Oe(new Array()), v = ["green", "red", "blue"];
+    const u = U(() => I.genLayout(o.row, o.col)), d = U(() => ({
+      col: Math.max(...p.map((O) => O.area.colsMax)),
+      row: Math.max(...p.map((O) => O.area.rowsMax))
+    })), p = Oe(new Array()), v = ["green", "red", "blue"];
     function y() {
-      return v[g.length % v.length];
+      return v[p.length % v.length];
     }
-    const p = 0.125, E = U(() => {
+    const g = 0.125, w = U(() => {
       if (D.first && D.last) {
         const O = {
           colsMin: Math.min(D.first.colsMin, D.last.colsMin),
@@ -3883,43 +3929,43 @@ const ei = /* @__PURE__ */ oe(Zl, [["__scopeId", "data-v-e67bc3bb"]]), ti = { st
         }, C = y();
         return {
           infoGetter() {
-            const V = (O.colsMax - O.colsMin) / u.value.col * 100, we = (O.rowsMax - O.rowsMin) / u.value.row * 100, Ae = V / 100 * u.value.col, ve = we / 100 * u.value.row;
+            const V = (O.colsMax - O.colsMin) / u.value.col * 100, be = (O.rowsMax - O.rowsMin) / u.value.row * 100, Ce = V / 100 * u.value.col, ve = be / 100 * u.value.row;
             return {
               style: {
-                left: `calc(${(O.colsMin + p) / u.value.col * 100}%)`,
-                top: `calc(${(O.rowsMin + p) / u.value.row * 100}% `,
-                width: `calc(${V - p * 2 / u.value.col * 100}% )`,
-                height: `calc(${we - p * 2 / u.value.row * 100}%)`,
+                left: `calc(${(O.colsMin + g) / u.value.col * 100}%)`,
+                top: `calc(${(O.rowsMin + g) / u.value.row * 100}% `,
+                width: `calc(${V - g * 2 / u.value.col * 100}% )`,
+                height: `calc(${be - g * 2 / u.value.row * 100}%)`,
                 backgroundColor: C
               },
-              areaCount: Ae * ve
+              areaCount: Ce * ve
             };
           },
           area: O
         };
       }
     });
-    function N(O) {
-      const [C, R] = [O.colsMin, O.colsMax], [V, we] = [O.rowsMin, O.rowsMax], Ae = [];
-      return Array.from({ length: R - C }).map((ve, Ve) => {
-        const ct = `${Ve + C}-${Ve + C + 1}`;
-        Array.from({ length: we - V }).map((Vt, Ye) => {
+    function S(O) {
+      const [C, R] = [O.colsMin, O.colsMax], [V, be] = [O.rowsMin, O.rowsMax], Ce = [];
+      return Array.from({ length: R - C }).map((ve, Ue) => {
+        const ct = `${Ue + C}-${Ue + C + 1}`;
+        Array.from({ length: be - V }).map((Ut, Ye) => {
           const ut = `${Ye + V}-${Ye + V + 1}`;
-          Ae.push(`${ct}|${ut}`);
+          Ce.push(`${ct}|${ut}`);
         });
-      }), Ae;
+      }), Ce;
     }
-    function I(O, C) {
-      return N(O).findIndex((R) => N(C).findIndex((V) => R == V) >= 0) >= 0;
+    function T(O, C) {
+      return S(O).findIndex((R) => S(C).findIndex((V) => R == V) >= 0) >= 0;
     }
-    function b(O, C) {
+    function E(O, C) {
       const R = {
         colsMin: Math.min(O.colsMin, C.colsMin),
         colsMax: Math.max(O.colsMax, C.colsMax),
         rowsMin: Math.min(O.rowsMin, C.rowsMin),
         rowsMax: Math.max(O.rowsMax, C.rowsMax)
       };
-      return g.findIndex((V) => I(R, V.area)) >= 0;
+      return p.findIndex((V) => T(R, V.area)) >= 0;
     }
     function P(O) {
       const C = {
@@ -3928,7 +3974,7 @@ const ei = /* @__PURE__ */ oe(Zl, [["__scopeId", "data-v-e67bc3bb"]]), ti = { st
         rowsMin: O.row,
         rowsMax: O.row + O.h
       };
-      !D.first && b(C, C) || (D.first || (D.first = C), !b(D.first, C) && (D.last && Object.keys(C).findIndex(
+      !D.first && E(C, C) || (D.first || (D.first = C), !E(D.first, C) && (D.last && Object.keys(C).findIndex(
         (R) => {
           var V;
           return ((V = D.last) == null ? void 0 : V[R]) != C[R];
@@ -3943,29 +3989,29 @@ const ei = /* @__PURE__ */ oe(Zl, [["__scopeId", "data-v-e67bc3bb"]]), ti = { st
       O.buttons && P(C);
     }
     function q() {
-      if (E.value) {
-        const O = E.value;
+      if (w.value) {
+        const O = w.value;
         if (O && O.infoGetter().areaCount > 1) {
-          g.push(O);
-          const C = g.sort((R, V) => (R.area.rowsMin - V.area.rowsMin) * 1e3 + R.area.colsMin - V.area.colsMin);
-          g.splice(0, g.length, ...C);
+          p.push(O);
+          const C = p.sort((R, V) => (R.area.rowsMin - V.area.rowsMin) * 1e3 + R.area.colsMin - V.area.colsMin);
+          p.splice(0, p.length, ...C);
         }
         $();
       }
     }
-    Fe(() => {
+    xe(() => {
       window.document.addEventListener("mouseup", q);
     }), ot(() => {
       window.document.removeEventListener("mouseup", q);
     });
     function Z() {
-      const O = g.map((R) => [
+      const O = p.map((R) => [
         R.area.colsMin,
         R.area.rowsMin,
         R.area.colsMax,
         R.area.rowsMax
       ]);
-      return T.genLayout(
+      return I.genLayout(
         u.value.row,
         u.value.col,
         O
@@ -3973,158 +4019,166 @@ const ei = /* @__PURE__ */ oe(Zl, [["__scopeId", "data-v-e67bc3bb"]]), ti = { st
     }
     return t({
       getLayout: Z
-    }), (O, C) => (S(), A("div", ti, [
-      w("div", ni, [
-        w("div", oi, [
-          w("span", si, z(le(Ie)("hang-shu")), 1),
-          w("span", ri, z(o.row), 1),
-          w("button", {
+    }), (O, C) => (N(), A("div", di, [
+      b("div", fi, [
+        b("div", _i, [
+          b("span", mi, j(le(Te)("hang-shu")), 1),
+          b("span", pi, j(o.row), 1),
+          b("button", {
             onClick: C[0] || (C[0] = (R) => i()),
             style: { cursor: "pointer" }
           }, "+"),
-          w("button", {
+          b("button", {
             style: { "margin-left": "2px", cursor: "pointer" },
             onClick: C[1] || (C[1] = (R) => c())
           }, " - ")
         ]),
-        w("div", ai, [
-          w("span", li, z(le(Ie)("lie-shu")), 1),
-          w("span", ii, z(o.col), 1),
-          w("button", {
-            onClick: C[2] || (C[2] = (R) => _()),
+        b("div", gi, [
+          b("span", hi, j(le(Te)("lie-shu")), 1),
+          b("span", vi, j(o.col), 1),
+          b("button", {
+            onClick: C[2] || (C[2] = (R) => m()),
             style: { cursor: "pointer" }
           }, "+"),
-          w("button", {
+          b("button", {
             onClick: C[3] || (C[3] = (R) => f()),
             style: { "margin-left": "2px", cursor: "pointer" }
           }, " - ")
         ]),
-        w("button", {
+        b("button", {
           style: { cursor: "pointer", position: "absolute", right: "10px" },
           onClick: C[4] || (C[4] = (R) => l())
         }, [
-          w("span", { innerHTML: a })
+          b("span", { innerHTML: a })
         ])
       ]),
-      w("div", ci, [
-        K(xt, {
+      b("div", yi, [
+        B(Vt, {
           layout: le(u),
           class: "area-layout"
         }, {
           default: te((R) => [
-            w("div", {
+            b("div", {
               class: "area-item",
               onMousemove: (V) => X(V, R),
               onMousedown: (V) => X(V, R)
-            }, z(R.id), 41, ui)
+            }, j(R.id), 41, Ei)
           ]),
           _: 1
         }, 8, ["layout"]),
-        le(E) ? (S(), A("div", {
+        le(w) ? (N(), A("div", {
           key: 0,
-          style: _e(le(E).infoGetter().style),
+          style: _e(le(w).infoGetter().style),
           class: "current-area"
         }, null, 4)) : pe("", !0),
-        (S(!0), A(ue, null, Ee(g, (R, V) => (S(), A("div", {
+        (N(!0), A(ue, null, Ee(p, (R, V) => (N(), A("div", {
           style: _e([R.infoGetter().style, {}]),
           class: "current-area"
         }, [
-          w("span", di, z(V + 1), 1),
-          w("span", {
+          b("span", wi, j(V + 1), 1),
+          b("span", {
             class: "close-svg",
             innerHTML: s,
-            onClick: (we) => r(V)
-          }, null, 8, fi)
+            onClick: (be) => r(V)
+          }, null, 8, bi)
         ], 4))), 256))
       ])
     ]));
   }
 });
-const mi = /* @__PURE__ */ oe(_i, [["__scopeId", "data-v-72eb3410"]]);
-var pi = Object.defineProperty, Dn = Object.getOwnPropertySymbols, gi = Object.prototype.hasOwnProperty, hi = Object.prototype.propertyIsEnumerable, Pn = (e, t, n) => t in e ? pi(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, vi = (e, t) => {
+const Oi = /* @__PURE__ */ oe(Li, [["__scopeId", "data-v-dc80afb8"]]);
+var Ii = Object.defineProperty, Ti = Object.defineProperties, Ni = Object.getOwnPropertyDescriptors, Mn = Object.getOwnPropertySymbols, Si = Object.prototype.hasOwnProperty, Ci = Object.prototype.propertyIsEnumerable, kn = (e, t, n) => t in e ? Ii(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Ai = (e, t) => {
   for (var n in t || (t = {}))
-    gi.call(t, n) && Pn(e, n, t[n]);
-  if (Dn)
-    for (var n of Dn(t))
-      hi.call(t, n) && Pn(e, n, t[n]);
+    Si.call(t, n) && kn(e, n, t[n]);
+  if (Mn)
+    for (var n of Mn(t))
+      Ci.call(t, n) && kn(e, n, t[n]);
   return e;
-};
-const yi = /* @__PURE__ */ Q({
+}, Di = (e, t) => Ti(e, Ni(t));
+const Pi = /* @__PURE__ */ Q({
   __name: "layout-custom-editor",
+  props: {
+    zIndexModal: {
+      type: Number
+    }
+  },
   setup(e) {
-    const t = M();
-    function n(f, u) {
-      s.row = f, s.col = u;
+    const t = e, n = k();
+    function o(u, d) {
+      a.row = u, a.col = d;
     }
-    function o(f) {
-      a == null || a(f);
+    function s(u) {
+      r == null || r(u);
     }
-    const s = Oe({
+    const a = Oe({
       row: 5,
       col: 4
     });
-    let a;
-    function r() {
-      _.value = !1, window.document.removeEventListener("click", r);
+    let r;
+    function l() {
+      f.value = !1, window.document.removeEventListener("click", l);
     }
-    const l = U(() => i.value ? {
+    const i = U(() => c.value ? {
       position: "absolute",
-      top: `${i.value.y}px`,
-      left: `${i.value.x}px`,
-      height: `${s.row * 50 + 60}px`,
-      width: `${s.col * 80 + 60}px`
-    } : {}), i = M();
-    function c(f, u) {
-      window.document.removeEventListener("click", r), a = u, i.value = f, _.value = !0, setTimeout(() => {
-        window.document.addEventListener("click", r);
+      top: `${c.value.y}px`,
+      left: `${c.value.x}px`,
+      height: `${a.row * 50 + 60}px`,
+      width: `${a.col * 80 + 60}px`
+    } : {}), c = k();
+    function m(u, d) {
+      window.document.removeEventListener("click", l), r = d, c.value = u, f.value = !0, setTimeout(() => {
+        window.document.addEventListener("click", l);
       }, 50);
     }
-    const _ = M(!1);
-    return Fe(() => {
-      t.value = document.body;
+    const f = k(!1);
+    return xe(() => {
+      n.value = document.body;
     }), ot(() => {
-      window.document.removeEventListener("click", r);
-    }), (f, u) => (S(), A(ue, null, [
-      t.value ? (S(), Se(Un, {
+      window.document.removeEventListener("click", l);
+    }), (u, d) => (N(), A(ue, null, [
+      n.value ? (N(), Fe(zn, {
         key: 0,
-        to: t.value
+        to: n.value
       }, [
-        _.value ? (S(), A("div", {
+        f.value ? (N(), A("div", {
           key: 0,
-          style: _e([{ "background-color": "white" }, vi({}, le(l))]),
-          onClick: u[0] || (u[0] = (d) => d.stopPropagation())
+          style: _e([{ "background-color": "white" }, Di(Ai({}, le(i)), { zIndex: t.zIndexModal })]),
+          onClick: d[0] || (d[0] = (p) => p.stopPropagation())
         }, [
-          K(mi, {
-            row: s.row,
-            col: s.col,
-            updataLayoutInfo: n,
-            onApplyLayoutCustom: o
+          B(Oi, {
+            row: a.row,
+            col: a.col,
+            updataLayoutInfo: o,
+            onApplyLayoutCustom: s
           }, null, 8, ["row", "col"])
         ], 4)) : pe("", !0)
       ], 8, ["to"])) : pe("", !0),
-      Y(f.$slots, "default", { addCustomLayoutGen: c })
+      Y(u.$slots, "default", { addCustomLayoutGen: m })
     ], 64));
   }
 });
-var Ei = Object.defineProperty, $n = Object.getOwnPropertySymbols, bi = Object.prototype.hasOwnProperty, wi = Object.prototype.propertyIsEnumerable, kn = (e, t, n) => t in e ? Ei(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Li = (e, t) => {
+var $i = Object.defineProperty, Rn = Object.getOwnPropertySymbols, Mi = Object.prototype.hasOwnProperty, ki = Object.prototype.propertyIsEnumerable, xn = (e, t, n) => t in e ? $i(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Ri = (e, t) => {
   for (var n in t || (t = {}))
-    bi.call(t, n) && kn(e, n, t[n]);
-  if ($n)
-    for (var n of $n(t))
-      wi.call(t, n) && kn(e, n, t[n]);
+    Mi.call(t, n) && xn(e, n, t[n]);
+  if (Rn)
+    for (var n of Rn(t))
+      ki.call(t, n) && xn(e, n, t[n]);
   return e;
 };
-const Oi = {
+const xi = {
   class: "dash-border",
   style: {
     width: "78px",
     height: "48px"
   }
-}, Ti = { style: { width: "100%", height: "40px" } }, Ii = { class: "add-row-panel" }, Ni = /* @__PURE__ */ Q({
+}, Fi = { style: { width: "100%", height: "40px" } }, Vi = { class: "add-row-panel" }, Ui = /* @__PURE__ */ Q({
   __name: "layoutGen",
   props: {
-    layoutSaved: {
+    savedLayout: {
       type: Object
+    },
+    zIndexModal: {
+      type: Number
     }
   },
   setup(e, { expose: t }) {
@@ -4138,37 +4192,45 @@ const Oi = {
     function a() {
       o.row > 2 && o.row--;
     }
-    const r = M([]);
+    const r = k([]);
     t({
       getLayouts() {
         return {
-          layouts: r.value.map((_) => _.getLayout()).filter((_) => !!_),
-          meta: Li({}, Ge(o))
+          layouts: r.value.map((m) => m.getLayout()).filter((m) => !!m),
+          meta: Ri({}, ze(o))
         };
       }
     });
     function l(i, c) {
-      var _;
-      return (_ = n.layoutSaved) == null ? void 0 : _.layouts.find(
-        (f) => f.locatoin.col == c && f.locatoin.row == i
+      var m;
+      const f = (m = n.savedLayout) == null ? void 0 : m.layouts.find(
+        (u) => u.locatoin.col == c && u.locatoin.row == i
       );
+      if (f != null && f.layout)
+        return f == null ? void 0 : f.layout;
+      if (n.savedLayout)
+        return I.zeroLayout;
     }
-    return Fe(() => {
-      n.layoutSaved && (o.row = n.layoutSaved.meta.row, o.col = n.layoutSaved.meta.col);
-    }), (i, c) => (S(), Se(yi, null, {
-      default: te(({ addCustomLayoutGen: _ }) => [
-        K(Jl, null, {
+    return xe(() => {
+      n.savedLayout && (o.row = n.savedLayout.meta.row, o.col = n.savedLayout.meta.col);
+    }), (i, c) => (N(), Fe(Pi, {
+      zIndexModal: n.zIndexModal
+    }, {
+      default: te(({ addCustomLayoutGen: m }) => [
+        B(ai, {
+          zIndexModal: n.zIndexModal
+        }, {
           default: te(({ addPreSetLayout: f }) => [
-            w("div", null, [
-              w("div", {
+            b("div", null, [
+              b("div", {
                 style: _e([{ display: "inline-block", "vertical-align": "top" }, { width: `${80 * o.col}px` }])
               }, [
-                (S(!0), A(ue, null, Ee(Array.from({ length: o.row }), (u, d) => (S(), A("div", {
+                (N(!0), A(ue, null, Ee(Array.from({ length: o.row }), (u, d) => (N(), A("div", {
                   style: _e({ width: `${80 * o.col}px` })
                 }, [
-                  (S(!0), A(ue, null, Ee(Array.from({ length: o.col }), (g, v) => (S(), A("div", Oi, [
-                    w("div", Ti, [
-                      K(ei, {
+                  (N(!0), A(ue, null, Ee(Array.from({ length: o.col }), (p, v) => (N(), A("div", xi, [
+                    b("div", Fi, [
+                      B(ui, {
                         ref_for: !0,
                         ref_key: "layoutSelectorRefs",
                         ref: r,
@@ -4176,19 +4238,19 @@ const Oi = {
                         col: v,
                         index: o.col * d + v,
                         onAddPreset: f,
-                        onAddCustom: _,
+                        onAddCustom: m,
                         layout: l(d, v)
                       }, null, 8, ["row", "col", "index", "onAddPreset", "onAddCustom", "layout"])
                     ])
                   ]))), 256))
                 ], 4))), 256)),
-                w("div", Ii, [
-                  w("div", {
+                b("div", Vi, [
+                  b("div", {
                     onClick: c[0] || (c[0] = (u) => a()),
                     style: { display: "inline-block", width: "calc(50% - 5px)" },
                     class: "add-row-panel-remove"
                   }, " - "),
-                  w("div", {
+                  b("div", {
                     onClick: c[1] || (c[1] = (u) => s()),
                     style: { display: "inline-block", width: "calc(50% - 5px)" },
                     class: "add-row-panel-add"
@@ -4198,56 +4260,65 @@ const Oi = {
             ])
           ]),
           _: 2
-        }, 1024)
+        }, 1032, ["zIndexModal"])
       ]),
       _: 1
-    }));
+    }, 8, ["zIndexModal"]));
   }
 });
-const Si = /* @__PURE__ */ oe(Ni, [["__scopeId", "data-v-f8acefb3"]]), Ci = /* @__PURE__ */ Q({
+const Gi = /* @__PURE__ */ oe(Ui, [["__scopeId", "data-v-a44695f9"]]), zi = { style: { "background-color": "white" } }, Hi = /* @__PURE__ */ Q({
   __name: "index",
   props: {
     savedLayout: {
       type: Object
+    },
+    zIndexModal: {
+      type: Number
     }
   },
   setup(e, { expose: t }) {
-    const n = e, o = M();
+    const n = e, o = k();
     return t({
       getLayout() {
         var s;
         return (s = o.value) == null ? void 0 : s.getLayouts();
       }
-    }), (s, a) => (S(), Se(Si, {
-      ref_key: "refLayoutGen",
-      ref: o,
-      savedLayout: n.savedLayout
-    }, null, 8, ["savedLayout"]));
+    }), (s, a) => (N(), A("div", zi, [
+      B(Gi, {
+        ref_key: "refLayoutGen",
+        ref: o,
+        savedLayout: n.savedLayout,
+        zIndexModal: n.zIndexModal
+      }, null, 8, ["savedLayout", "zIndexModal"])
+    ]));
   }
 });
-const Ai = /* @__PURE__ */ oe(Ci, [["__scopeId", "data-v-4e8abd6b"]]), Mn = {
-  RecursionDeviceGroup: qa,
-  VideoAreasLayoutShow: xt,
-  MultiVideoAreaLayoutSwitch: zl,
-  VideoAreasLayoutCustom: Ai
-}, ki = {
+const ji = /* @__PURE__ */ oe(Hi, [["__scopeId", "data-v-ab800ae2"]]), Fn = {
+  RecursionDeviceGroup: tl,
+  VideoAreasLayoutShow: Vt,
+  MultiVideoAreaLayoutSwitch: Kl,
+  VideoAreasLayoutCustom: ji
+}, Xi = {
   install(e, t) {
-    Vr(
-      t && typeof t.locale < "u" ? t.locale : po.en
-    ), t.deviceListDisplayStyle && Ur(t.deviceListDisplayStyle);
-    for (const n in Mn) {
-      const o = Mn[n];
+    Hr(
+      t && typeof t.locale < "u" ? t.locale : ho.en
+    ), t.deviceListDisplayStyle && Wr(t.deviceListDisplayStyle);
+    for (const n in Fn) {
+      const o = Fn[n];
       e.component(n, o);
     }
   }
 };
 export {
-  go as DeviceListNameDisplayStyle,
-  Hr as GetIsHideDeviceIdInDeviceDisplay,
-  pn as RecursionDeviceGroup,
-  Ur as SetDeviceListNameDisplayStyle,
-  $i as SetIsHideDeviceIdInDeviceDisplay,
-  T as VideoAreaLayout,
-  ki as default
+  vo as DeviceListNameDisplayStyle,
+  yo as DeviceListTheme,
+  jr as GetGlobalDeviceListTheme,
+  Kr as GetIsHideDeviceIdInDeviceDisplay,
+  gn as RecursionDeviceGroup,
+  Wr as SetDeviceListNameDisplayStyle,
+  Ki as SetGlobalDeviceListTheme,
+  Yi as SetIsHideDeviceIdInDeviceDisplay,
+  I as VideoAreaLayout,
+  Xi as default
 };
 //# sourceMappingURL=smarteye-e-components.mjs.map