smarteye-e-components 0.0.58 → 0.0.60

package/dist/smarteye-e-components.mjs

@@ -1,78 +1,78 @@
-import { h as $e, getCurrentInstance as ct, effectScope as yo, inject as _n, onMounted as Lo, onUnmounted as Io, ref as M, computed as W, watch as Me, Fragment as Oe, isRef as So, createVNode as ae, Text as wo, defineComponent as _e, openBlock as A, createElementBlock as F, renderSlot as oe, createElementVNode as C, toDisplayString as se, normalizeStyle as Le, renderList as Ce, resolveComponent as ce, normalizeClass as Je, withCtx as ue, createCommentVNode as ze, createBlock as dn, provide as Do, withDirectives as Co, vShow as Po } from "vue";
+import { h as Ve, getCurrentInstance as ut, effectScope as $o, inject as pn, onMounted as ko, onUnmounted as Fo, ref as P, computed as G, watch as Ue, Fragment as be, isRef as Ro, createVNode as ee, Text as Mo, defineComponent as ie, openBlock as C, createElementBlock as $, renderSlot as le, createElementVNode as T, toDisplayString as ne, createCommentVNode as Ie, normalizeStyle as Le, renderList as Pe, resolveComponent as te, withDirectives as hn, normalizeClass as xe, withCtx as ue, createBlock as ft, vShow as vn, provide as Vo, createTextVNode as En } from "vue";
 /*!
   * shared v9.2.2
   * (c) 2022 kazuya kawaguchi
   * Released under the MIT License.
   */
-const te = typeof window < "u";
-let X, fe;
+const se = typeof window < "u";
+let X, _e;
 if (process.env.NODE_ENV !== "production") {
-  const e = te && window.performance;
-  e && e.mark && e.measure && e.clearMarks && e.clearMeasures && (X = (t) => e.mark(t), fe = (t, n, r) => {
-    e.measure(t, n, r), e.clearMarks(n), e.clearMarks(r);
+  const e = se && window.performance;
+  e && e.mark && e.measure && e.clearMarks && e.clearMeasures && (X = (t) => e.mark(t), _e = (t, n, o) => {
+    e.measure(t, n, o), e.clearMarks(n), e.clearMarks(o);
   });
 }
-const Ao = /\{([0-9a-zA-Z]+)\}/g;
-function ut(e, ...t) {
-  return t.length === 1 && S(t[0]) && (t = t[0]), (!t || !t.hasOwnProperty) && (t = {}), e.replace(Ao, (n, r) => t.hasOwnProperty(r) ? t[r] : "");
+const Uo = /\{([0-9a-zA-Z]+)\}/g;
+function dt(e, ...t) {
+  return t.length === 1 && S(t[0]) && (t = t[0]), (!t || !t.hasOwnProperty) && (t = {}), e.replace(Uo, (n, o) => t.hasOwnProperty(o) ? t[o] : "");
 }
-const ko = typeof Symbol == "function" && typeof Symbol.toStringTag == "symbol", ne = (e) => ko ? Symbol(e) : e, Ro = (e, t, n) => Fo({ l: e, k: t, s: n }), Fo = (e) => JSON.stringify(e).replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029").replace(/\u0027/g, "\\u0027"), V = (e) => typeof e == "number" && isFinite(e), $o = (e) => dt(e) === "[object Date]", Ve = (e) => dt(e) === "[object RegExp]", Ge = (e) => y(e) && Object.keys(e).length === 0;
-function be(e, t) {
+const xo = typeof Symbol == "function" && typeof Symbol.toStringTag == "symbol", re = (e) => xo ? Symbol(e) : e, Go = (e, t, n) => Wo({ l: e, k: t, s: n }), Wo = (e) => JSON.stringify(e).replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029").replace(/\u0027/g, "\\u0027"), U = (e) => typeof e == "number" && isFinite(e), jo = (e) => gt(e) === "[object Date]", Ge = (e) => gt(e) === "[object RegExp]", je = (e) => I(e) && Object.keys(e).length === 0;
+function Oe(e, t) {
   typeof console < "u" && (console.warn("[intlify] " + e), t && console.warn(t.stack));
 }
-const H = Object.assign;
-let Tt;
-const ft = () => Tt || (Tt = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {});
-function yt(e) {
+const B = Object.assign;
+let Lt;
+const _t = () => Lt || (Lt = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {});
+function wt(e) {
   return e.replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
 }
-const Mo = Object.prototype.hasOwnProperty;
-function _t(e, t) {
-  return Mo.call(e, t);
-}
-const k = Array.isArray, $ = (e) => typeof e == "function", E = (e) => typeof e == "string", P = (e) => typeof e == "boolean", S = (e) => e !== null && typeof e == "object", mn = Object.prototype.toString, dt = (e) => mn.call(e), y = (e) => dt(e) === "[object Object]", Vo = (e) => e == null ? "" : k(e) || y(e) && e.toString === mn ? JSON.stringify(e, null, 2) : String(e), Lt = 2;
-function Uo(e, t = 0, n = e.length) {
-  const r = e.split(/\r?\n/);
-  let o = 0;
-  const a = [];
-  for (let s = 0; s < r.length; s++)
-    if (o += r[s].length + 1, o >= t) {
-      for (let l = s - Lt; l <= s + Lt || n > o; l++) {
-        if (l < 0 || l >= r.length)
+const Bo = Object.prototype.hasOwnProperty;
+function mt(e, t) {
+  return Bo.call(e, t);
+}
+const F = Array.isArray, V = (e) => typeof e == "function", E = (e) => typeof e == "string", k = (e) => typeof e == "boolean", S = (e) => e !== null && typeof e == "object", yn = Object.prototype.toString, gt = (e) => yn.call(e), I = (e) => gt(e) === "[object Object]", Ho = (e) => e == null ? "" : F(e) || I(e) && e.toString === yn ? JSON.stringify(e, null, 2) : String(e), St = 2;
+function zo(e, t = 0, n = e.length) {
+  const o = e.split(/\r?\n/);
+  let s = 0;
+  const l = [];
+  for (let r = 0; r < o.length; r++)
+    if (s += o[r].length + 1, s >= t) {
+      for (let a = r - St; a <= r + St || n > s; a++) {
+        if (a < 0 || a >= o.length)
           continue;
-        const i = l + 1;
-        a.push(`${i}${" ".repeat(3 - String(i).length)}|  ${r[l]}`);
-        const c = r[l].length;
-        if (l === s) {
-          const u = t - (o - c) + 1, d = Math.max(1, n > o ? c - u : n - t);
-          a.push("   |  " + " ".repeat(u) + "^".repeat(d));
-        } else if (l > s) {
-          if (n > o) {
-            const u = Math.max(Math.min(n - o, c), 1);
-            a.push("   |  " + "^".repeat(u));
+        const i = a + 1;
+        l.push(`${i}${" ".repeat(3 - String(i).length)}|  ${o[a]}`);
+        const c = o[a].length;
+        if (a === r) {
+          const _ = t - (s - c) + 1, u = Math.max(1, n > s ? c - _ : n - t);
+          l.push("   |  " + " ".repeat(_) + "^".repeat(u));
+        } else if (a > r) {
+          if (n > s) {
+            const _ = Math.max(Math.min(n - s, c), 1);
+            l.push("   |  " + "^".repeat(_));
           }
-          o += c + 1;
+          s += c + 1;
         }
       }
       break;
     }
-  return a.join(`
+  return l.join(`
 `);
 }
-function gn() {
+function bn() {
   const e = /* @__PURE__ */ new Map();
   return {
     events: e,
-    on(n, r) {
-      const o = e.get(n);
-      o && o.push(r) || e.set(n, [r]);
+    on(n, o) {
+      const s = e.get(n);
+      s && s.push(o) || e.set(n, [o]);
     },
-    off(n, r) {
-      const o = e.get(n);
-      o && o.splice(o.indexOf(r) >>> 0, 1);
+    off(n, o) {
+      const s = e.get(n);
+      s && s.splice(s.indexOf(o) >>> 0, 1);
     },
-    emit(n, r) {
-      (e.get(n) || []).slice().map((o) => o(r)), (e.get("*") || []).slice().map((o) => o(n, r));
+    emit(n, o) {
+      (e.get(n) || []).slice().map((s) => s(o)), (e.get("*") || []).slice().map((s) => s(n, o));
     }
   };
 }
@@ -81,7 +81,7 @@ function gn() {
   * (c) 2022 kazuya kawaguchi
   * Released under the MIT License.
   */
-const G = {
+const W = {
   EXPECTED_TOKEN: 1,
   INVALID_TOKEN_IN_PLACEHOLDER: 2,
   UNTERMINATED_SINGLE_QUOTE_IN_PLACEHOLDER: 3,
@@ -97,32 +97,32 @@ const G = {
   UNEXPECTED_EMPTY_LINKED_KEY: 13,
   UNEXPECTED_LEXICAL_ANALYSIS: 14,
   __EXTEND_POINT__: 15
-}, xo = {
-  [G.EXPECTED_TOKEN]: "Expected token: '{0}'",
-  [G.INVALID_TOKEN_IN_PLACEHOLDER]: "Invalid token in placeholder: '{0}'",
-  [G.UNTERMINATED_SINGLE_QUOTE_IN_PLACEHOLDER]: "Unterminated single quote in placeholder",
-  [G.UNKNOWN_ESCAPE_SEQUENCE]: "Unknown escape sequence: \\{0}",
-  [G.INVALID_UNICODE_ESCAPE_SEQUENCE]: "Invalid unicode escape sequence: {0}",
-  [G.UNBALANCED_CLOSING_BRACE]: "Unbalanced closing brace",
-  [G.UNTERMINATED_CLOSING_BRACE]: "Unterminated closing brace",
-  [G.EMPTY_PLACEHOLDER]: "Empty placeholder",
-  [G.NOT_ALLOW_NEST_PLACEHOLDER]: "Not allowed nest placeholder",
-  [G.INVALID_LINKED_FORMAT]: "Invalid linked format",
-  [G.MUST_HAVE_MESSAGES_IN_PLURAL]: "Plural must have messages",
-  [G.UNEXPECTED_EMPTY_LINKED_MODIFIER]: "Unexpected empty linked modifier",
-  [G.UNEXPECTED_EMPTY_LINKED_KEY]: "Unexpected empty linked key",
-  [G.UNEXPECTED_LEXICAL_ANALYSIS]: "Unexpected lexical analysis in token: '{0}'"
+}, Yo = {
+  [W.EXPECTED_TOKEN]: "Expected token: '{0}'",
+  [W.INVALID_TOKEN_IN_PLACEHOLDER]: "Invalid token in placeholder: '{0}'",
+  [W.UNTERMINATED_SINGLE_QUOTE_IN_PLACEHOLDER]: "Unterminated single quote in placeholder",
+  [W.UNKNOWN_ESCAPE_SEQUENCE]: "Unknown escape sequence: \\{0}",
+  [W.INVALID_UNICODE_ESCAPE_SEQUENCE]: "Invalid unicode escape sequence: {0}",
+  [W.UNBALANCED_CLOSING_BRACE]: "Unbalanced closing brace",
+  [W.UNTERMINATED_CLOSING_BRACE]: "Unterminated closing brace",
+  [W.EMPTY_PLACEHOLDER]: "Empty placeholder",
+  [W.NOT_ALLOW_NEST_PLACEHOLDER]: "Not allowed nest placeholder",
+  [W.INVALID_LINKED_FORMAT]: "Invalid linked format",
+  [W.MUST_HAVE_MESSAGES_IN_PLURAL]: "Plural must have messages",
+  [W.UNEXPECTED_EMPTY_LINKED_MODIFIER]: "Unexpected empty linked modifier",
+  [W.UNEXPECTED_EMPTY_LINKED_KEY]: "Unexpected empty linked key",
+  [W.UNEXPECTED_LEXICAL_ANALYSIS]: "Unexpected lexical analysis in token: '{0}'"
 };
-function pn(e, t, n = {}) {
-  const { domain: r, messages: o, args: a } = n, s = process.env.NODE_ENV !== "production" ? ut((o || xo)[e] || "", ...a || []) : e, l = new SyntaxError(String(s));
-  return l.code = e, t && (l.location = t), l.domain = r, l;
+function On(e, t, n = {}) {
+  const { domain: o, messages: s, args: l } = n, r = process.env.NODE_ENV !== "production" ? dt((s || Yo)[e] || "", ...l || []) : e, a = new SyntaxError(String(r));
+  return a.code = e, t && (a.location = t), a.domain = o, a;
 }
 /*!
   * devtools-if v9.2.2
   * (c) 2022 kazuya kawaguchi
   * Released under the MIT License.
   */
-const hn = {
+const Nn = {
   I18nInit: "i18n:init",
   FunctionTranslate: "function:translate"
 };
@@ -131,25 +131,25 @@ const hn = {
   * (c) 2022 kazuya kawaguchi
   * Released under the MIT License.
   */
-const le = [];
-le[0] = {
+const fe = [];
+fe[0] = {
   w: [0],
   i: [3, 0],
   ["["]: [4],
   o: [7]
 };
-le[1] = {
+fe[1] = {
   w: [1],
   ["."]: [2],
   ["["]: [4],
   o: [7]
 };
-le[2] = {
+fe[2] = {
   w: [2],
   i: [3, 0],
   [0]: [3, 0]
 };
-le[3] = {
+fe[3] = {
   i: [3, 0],
   [0]: [3, 0],
   w: [1, 1],
@@ -157,7 +157,7 @@ le[3] = {
   ["["]: [4, 1],
   o: [7, 1]
 };
-le[4] = {
+fe[4] = {
   ["'"]: [5, 0],
   ['"']: [6, 0],
   ["["]: [
@@ -168,25 +168,25 @@ le[4] = {
   o: 8,
   l: [4, 0]
 };
-le[5] = {
+fe[5] = {
   ["'"]: [4, 0],
   o: 8,
   l: [5, 0]
 };
-le[6] = {
+fe[6] = {
   ['"']: [4, 0],
   o: 8,
   l: [6, 0]
 };
-const Go = /^\s?(?:true|false|-?[\d.]+|'[^']*'|"[^"]*")\s?$/;
-function Wo(e) {
-  return Go.test(e);
+const Ko = /^\s?(?:true|false|-?[\d.]+|'[^']*'|"[^"]*")\s?$/;
+function Xo(e) {
+  return Ko.test(e);
 }
-function jo(e) {
+function Jo(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 Ho(e) {
+function Qo(e) {
   if (e == null)
     return "o";
   switch (e.charCodeAt(0)) {
@@ -211,114 +211,114 @@ function Ho(e) {
   }
   return "i";
 }
-function Bo(e) {
+function qo(e) {
   const t = e.trim();
-  return e.charAt(0) === "0" && isNaN(parseInt(e)) ? !1 : Wo(t) ? jo(t) : "*" + t;
+  return e.charAt(0) === "0" && isNaN(parseInt(e)) ? !1 : Xo(t) ? Jo(t) : "*" + t;
 }
-function zo(e) {
+function Zo(e) {
   const t = [];
-  let n = -1, r = 0, o = 0, a, s, l, i, c, u, d;
-  const _ = [];
-  _[0] = () => {
-    s === void 0 ? s = l : s += l;
-  }, _[1] = () => {
-    s !== void 0 && (t.push(s), s = void 0);
-  }, _[2] = () => {
-    _[0](), o++;
-  }, _[3] = () => {
-    if (o > 0)
-      o--, r = 4, _[0]();
+  let n = -1, o = 0, s = 0, l, r, a, i, c, _, u;
+  const d = [];
+  d[0] = () => {
+    r === void 0 ? r = a : r += a;
+  }, d[1] = () => {
+    r !== void 0 && (t.push(r), r = void 0);
+  }, d[2] = () => {
+    d[0](), s++;
+  }, d[3] = () => {
+    if (s > 0)
+      s--, o = 4, d[0]();
     else {
-      if (o = 0, s === void 0 || (s = Bo(s), s === !1))
+      if (s = 0, r === void 0 || (r = qo(r), r === !1))
         return !1;
-      _[1]();
+      d[1]();
     }
   };
-  function g() {
-    const O = e[n + 1];
-    if (r === 5 && O === "'" || r === 6 && O === '"')
-      return n++, l = "\\" + O, _[0](), !0;
-  }
-  for (; r !== null; )
-    if (n++, a = e[n], !(a === "\\" && g())) {
-      if (i = Ho(a), d = le[r], c = d[i] || d.l || 8, c === 8 || (r = c[0], c[1] !== void 0 && (u = _[c[1]], u && (l = a, u() === !1))))
+  function p() {
+    const b = e[n + 1];
+    if (o === 5 && b === "'" || o === 6 && b === '"')
+      return n++, a = "\\" + b, d[0](), !0;
+  }
+  for (; o !== null; )
+    if (n++, l = e[n], !(l === "\\" && p())) {
+      if (i = Qo(l), u = fe[o], c = u[i] || u.l || 8, c === 8 || (o = c[0], c[1] !== void 0 && (_ = d[c[1]], _ && (a = l, _() === !1))))
         return;
-      if (r === 7)
+      if (o === 7)
         return t;
     }
 }
-const It = /* @__PURE__ */ new Map();
-function Yo(e, t) {
+const At = /* @__PURE__ */ new Map();
+function es(e, t) {
   return S(e) ? e[t] : null;
 }
-function Ko(e, t) {
+function ts(e, t) {
   if (!S(e))
     return null;
-  let n = It.get(t);
-  if (n || (n = zo(t), n && It.set(t, n)), !n)
+  let n = At.get(t);
+  if (n || (n = Zo(t), n && At.set(t, n)), !n)
     return null;
-  const r = n.length;
-  let o = e, a = 0;
-  for (; a < r; ) {
-    const s = o[n[a]];
-    if (s === void 0)
+  const o = n.length;
+  let s = e, l = 0;
+  for (; l < o; ) {
+    const r = s[n[l]];
+    if (r === void 0)
       return null;
-    o = s, a++;
+    s = r, l++;
   }
-  return o;
+  return s;
 }
-const Xo = (e) => e, Jo = (e) => "", Qo = "text", qo = (e) => e.length === 0 ? "" : e.join(""), Zo = Vo;
-function St(e, t) {
+const ns = (e) => e, os = (e) => "", ss = "text", rs = (e) => e.length === 0 ? "" : e.join(""), ls = Ho;
+function Dt(e, t) {
   return e = Math.abs(e), t === 2 ? e ? e > 1 ? 1 : 0 : 1 : e ? Math.min(e, 2) : 0;
 }
-function er(e) {
-  const t = V(e.pluralIndex) ? e.pluralIndex : -1;
-  return e.named && (V(e.named.count) || V(e.named.n)) ? V(e.named.count) ? e.named.count : V(e.named.n) ? e.named.n : t : t;
+function as(e) {
+  const t = U(e.pluralIndex) ? e.pluralIndex : -1;
+  return e.named && (U(e.named.count) || U(e.named.n)) ? U(e.named.count) ? e.named.count : U(e.named.n) ? e.named.n : t : t;
 }
-function tr(e, t) {
+function is(e, t) {
   t.count || (t.count = e), t.n || (t.n = e);
 }
-function nr(e = {}) {
-  const t = e.locale, n = er(e), r = S(e.pluralRules) && E(t) && $(e.pluralRules[t]) ? e.pluralRules[t] : St, o = S(e.pluralRules) && E(t) && $(e.pluralRules[t]) ? St : void 0, a = (b) => b[r(n, b.length, o)], s = e.list || [], l = (b) => s[b], i = e.named || {};
-  V(e.pluralIndex) && tr(n, i);
-  const c = (b) => i[b];
-  function u(b) {
-    const N = $(e.messages) ? e.messages(b) : S(e.messages) ? e.messages[b] : !1;
-    return N || (e.parent ? e.parent.message(b) : Jo);
+function cs(e = {}) {
+  const t = e.locale, n = as(e), o = S(e.pluralRules) && E(t) && V(e.pluralRules[t]) ? e.pluralRules[t] : Dt, s = S(e.pluralRules) && E(t) && V(e.pluralRules[t]) ? Dt : void 0, l = (y) => y[o(n, y.length, s)], r = e.list || [], a = (y) => r[y], i = e.named || {};
+  U(e.pluralIndex) && is(n, i);
+  const c = (y) => i[y];
+  function _(y) {
+    const O = V(e.messages) ? e.messages(y) : S(e.messages) ? e.messages[y] : !1;
+    return O || (e.parent ? e.parent.message(y) : os);
   }
-  const d = (b) => e.modifiers ? e.modifiers[b] : Xo, _ = y(e.processor) && $(e.processor.normalize) ? e.processor.normalize : qo, g = y(e.processor) && $(e.processor.interpolate) ? e.processor.interpolate : Zo, O = y(e.processor) && E(e.processor.type) ? e.processor.type : Qo, h = {
-    list: l,
+  const u = (y) => e.modifiers ? e.modifiers[y] : ns, d = I(e.processor) && V(e.processor.normalize) ? e.processor.normalize : rs, p = I(e.processor) && V(e.processor.interpolate) ? e.processor.interpolate : ls, b = I(e.processor) && E(e.processor.type) ? e.processor.type : ss, h = {
+    list: a,
     named: c,
-    plural: a,
-    linked: (b, ...N) => {
-      const [L, T] = N;
-      let v = "text", w = "";
-      N.length === 1 ? S(L) ? (w = L.modifier || w, v = L.type || v) : E(L) && (w = L || w) : N.length === 2 && (E(L) && (w = L || w), E(T) && (v = T || v));
-      let I = u(b)(h);
-      return v === "vnode" && k(I) && w && (I = I[0]), w ? d(w)(I, v) : I;
+    plural: l,
+    linked: (y, ...O) => {
+      const [L, N] = O;
+      let v = "text", A = "";
+      O.length === 1 ? S(L) ? (A = L.modifier || A, v = L.type || v) : E(L) && (A = L || A) : O.length === 2 && (E(L) && (A = L || A), E(N) && (v = N || v));
+      let w = _(y)(h);
+      return v === "vnode" && F(w) && A && (w = w[0]), A ? u(A)(w, v) : w;
     },
-    message: u,
-    type: O,
-    interpolate: g,
-    normalize: _
+    message: _,
+    type: b,
+    interpolate: p,
+    normalize: d
   };
   return h;
 }
-let we = null;
-function or(e) {
-  we = e;
+let Ae = null;
+function us(e) {
+  Ae = e;
 }
-function rr(e, t, n) {
-  we && we.emit(hn.I18nInit, {
+function fs(e, t, n) {
+  Ae && Ae.emit(Nn.I18nInit, {
     timestamp: Date.now(),
     i18n: e,
     version: t,
     meta: n
   });
 }
-const sr = /* @__PURE__ */ ar(hn.FunctionTranslate);
-function ar(e) {
-  return (t) => we && we.emit(e, t);
+const ds = /* @__PURE__ */ _s(Nn.FunctionTranslate);
+function _s(e) {
+  return (t) => Ae && Ae.emit(e, t);
 }
 const K = {
   NOT_FOUND_KEY: 1,
@@ -328,7 +328,7 @@ const K = {
   CANNOT_FORMAT_DATE: 5,
   FALLBACK_TO_DATE_FORMAT: 6,
   __EXTEND_POINT__: 7
-}, lr = {
+}, ms = {
   [K.NOT_FOUND_KEY]: "Not found '{key}' key in '{locale}' locale messages.",
   [K.FALLBACK_TO_TRANSLATE]: "Fall back to translate '{key}' key with '{target}' locale.",
   [K.CANNOT_FORMAT_NUMBER]: "Cannot format a number value due to not supported Intl.NumberFormat.",
@@ -336,362 +336,362 @@ const K = {
   [K.CANNOT_FORMAT_DATE]: "Cannot format a date value due to not supported Intl.DateTimeFormat.",
   [K.FALLBACK_TO_DATE_FORMAT]: "Fall back to datetime format '{key}' key with '{target}' locale."
 };
-function Ee(e, ...t) {
-  return ut(lr[e], ...t);
+function ye(e, ...t) {
+  return dt(ms[e], ...t);
 }
-function ir(e, t, n) {
+function gs(e, t, n) {
   return [.../* @__PURE__ */ new Set([
     n,
-    ...k(t) ? t : S(t) ? Object.keys(t) : E(t) ? [t] : [n]
+    ...F(t) ? t : S(t) ? Object.keys(t) : E(t) ? [t] : [n]
   ])];
 }
-function vn(e, t, n) {
-  const r = E(n) ? n : mt, o = e;
-  o.__localeChainCache || (o.__localeChainCache = /* @__PURE__ */ new Map());
-  let a = o.__localeChainCache.get(r);
-  if (!a) {
-    a = [];
-    let s = [n];
-    for (; k(s); )
-      s = wt(a, s, t);
-    const l = k(t) || !y(t) ? t : t.default ? t.default : null;
-    s = E(l) ? [l] : l, k(s) && wt(a, s, !1), o.__localeChainCache.set(r, a);
+function Tn(e, t, n) {
+  const o = E(n) ? n : pt, s = e;
+  s.__localeChainCache || (s.__localeChainCache = /* @__PURE__ */ new Map());
+  let l = s.__localeChainCache.get(o);
+  if (!l) {
+    l = [];
+    let r = [n];
+    for (; F(r); )
+      r = Ct(l, r, t);
+    const a = F(t) || !I(t) ? t : t.default ? t.default : null;
+    r = E(a) ? [a] : a, F(r) && Ct(l, r, !1), s.__localeChainCache.set(o, l);
   }
-  return a;
+  return l;
 }
-function wt(e, t, n) {
-  let r = !0;
-  for (let o = 0; o < t.length && P(r); o++) {
-    const a = t[o];
-    E(a) && (r = cr(e, t[o], n));
+function Ct(e, t, n) {
+  let o = !0;
+  for (let s = 0; s < t.length && k(o); s++) {
+    const l = t[s];
+    E(l) && (o = ps(e, t[s], n));
   }
-  return r;
+  return o;
 }
-function cr(e, t, n) {
-  let r;
-  const o = t.split("-");
+function ps(e, t, n) {
+  let o;
+  const s = t.split("-");
   do {
-    const a = o.join("-");
-    r = ur(e, a, n), o.splice(-1, 1);
-  } while (o.length && r === !0);
-  return r;
+    const l = s.join("-");
+    o = hs(e, l, n), s.splice(-1, 1);
+  } while (s.length && o === !0);
+  return o;
 }
-function ur(e, t, n) {
-  let r = !1;
-  if (!e.includes(t) && (r = !0, t)) {
-    r = t[t.length - 1] !== "!";
-    const o = t.replace(/!/g, "");
-    e.push(o), (k(n) || y(n)) && n[o] && (r = n[o]);
+function hs(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), (F(n) || I(n)) && n[s] && (o = n[s]);
   }
-  return r;
+  return o;
 }
-const fr = "9.2.2", We = -1, mt = "en-US", Ue = "", Dt = (e) => `${e.charAt(0).toLocaleUpperCase()}${e.substr(1)}`;
-function _r() {
+const vs = "9.2.2", Be = -1, pt = "en-US", We = "", Pt = (e) => `${e.charAt(0).toLocaleUpperCase()}${e.substr(1)}`;
+function Es() {
   return {
     upper: (e, t) => t === "text" && E(e) ? e.toUpperCase() : t === "vnode" && S(e) && "__v_isVNode" in e ? e.children.toUpperCase() : e,
     lower: (e, t) => t === "text" && E(e) ? e.toLowerCase() : t === "vnode" && S(e) && "__v_isVNode" in e ? e.children.toLowerCase() : e,
-    capitalize: (e, t) => t === "text" && E(e) ? Dt(e) : t === "vnode" && S(e) && "__v_isVNode" in e ? Dt(e.children) : e
+    capitalize: (e, t) => t === "text" && E(e) ? Pt(e) : t === "vnode" && S(e) && "__v_isVNode" in e ? Pt(e.children) : e
   };
 }
-let dr, En;
-function mr(e) {
-  En = e;
-}
-let On;
-function gr(e) {
-  On = e;
-}
-let bn = null;
-const Ct = (e) => {
-  bn = e;
-}, pr = () => bn;
-let Nn = null;
-const Pt = (e) => {
-  Nn = e;
-}, hr = () => Nn;
-let At = 0;
-function vr(e = {}) {
-  const t = E(e.version) ? e.version : fr, n = E(e.locale) ? e.locale : mt, r = k(e.fallbackLocale) || y(e.fallbackLocale) || E(e.fallbackLocale) || e.fallbackLocale === !1 ? e.fallbackLocale : n, o = y(e.messages) ? e.messages : { [n]: {} }, a = y(e.datetimeFormats) ? e.datetimeFormats : { [n]: {} }, s = y(e.numberFormats) ? e.numberFormats : { [n]: {} }, l = H({}, e.modifiers || {}, _r()), i = e.pluralRules || {}, c = $(e.missing) ? e.missing : null, u = P(e.missingWarn) || Ve(e.missingWarn) ? e.missingWarn : !0, d = P(e.fallbackWarn) || Ve(e.fallbackWarn) ? e.fallbackWarn : !0, _ = !!e.fallbackFormat, g = !!e.unresolving, O = $(e.postTranslation) ? e.postTranslation : null, p = y(e.processor) ? e.processor : null, h = P(e.warnHtmlMessage) ? e.warnHtmlMessage : !0, b = !!e.escapeParameter, N = $(e.messageCompiler) ? e.messageCompiler : dr, L = $(e.messageResolver) ? e.messageResolver : En || Yo, T = $(e.localeFallbacker) ? e.localeFallbacker : On || ir, v = S(e.fallbackContext) ? e.fallbackContext : void 0, w = $(e.onWarn) ? e.onWarn : be, I = e, U = S(I.__datetimeFormatters) ? I.__datetimeFormatters : /* @__PURE__ */ new Map(), Y = S(I.__numberFormatters) ? I.__numberFormatters : /* @__PURE__ */ new Map(), Q = S(I.__meta) ? I.__meta : {};
-  At++;
+let ys, In;
+function bs(e) {
+  In = e;
+}
+let Ln;
+function Os(e) {
+  Ln = e;
+}
+let wn = null;
+const $t = (e) => {
+  wn = e;
+}, Ns = () => wn;
+let Sn = null;
+const kt = (e) => {
+  Sn = e;
+}, Ts = () => Sn;
+let Ft = 0;
+function Is(e = {}) {
+  const t = E(e.version) ? e.version : vs, n = E(e.locale) ? e.locale : pt, o = F(e.fallbackLocale) || I(e.fallbackLocale) || E(e.fallbackLocale) || e.fallbackLocale === !1 ? e.fallbackLocale : n, s = I(e.messages) ? e.messages : { [n]: {} }, l = I(e.datetimeFormats) ? e.datetimeFormats : { [n]: {} }, r = I(e.numberFormats) ? e.numberFormats : { [n]: {} }, a = B({}, e.modifiers || {}, Es()), i = e.pluralRules || {}, c = V(e.missing) ? e.missing : null, _ = k(e.missingWarn) || Ge(e.missingWarn) ? e.missingWarn : !0, u = k(e.fallbackWarn) || Ge(e.fallbackWarn) ? e.fallbackWarn : !0, d = !!e.fallbackFormat, p = !!e.unresolving, b = V(e.postTranslation) ? e.postTranslation : null, g = I(e.processor) ? e.processor : null, h = k(e.warnHtmlMessage) ? e.warnHtmlMessage : !0, y = !!e.escapeParameter, O = V(e.messageCompiler) ? e.messageCompiler : ys, L = V(e.messageResolver) ? e.messageResolver : In || es, N = V(e.localeFallbacker) ? e.localeFallbacker : Ln || gs, v = S(e.fallbackContext) ? e.fallbackContext : void 0, A = V(e.onWarn) ? e.onWarn : Oe, w = e, x = S(w.__datetimeFormatters) ? w.__datetimeFormatters : /* @__PURE__ */ new Map(), Y = S(w.__numberFormatters) ? w.__numberFormatters : /* @__PURE__ */ new Map(), Q = S(w.__meta) ? w.__meta : {};
+  Ft++;
   const q = {
     version: t,
-    cid: At,
+    cid: Ft,
     locale: n,
-    fallbackLocale: r,
-    messages: o,
-    modifiers: l,
+    fallbackLocale: o,
+    messages: s,
+    modifiers: a,
     pluralRules: i,
     missing: c,
-    missingWarn: u,
-    fallbackWarn: d,
-    fallbackFormat: _,
-    unresolving: g,
-    postTranslation: O,
-    processor: p,
+    missingWarn: _,
+    fallbackWarn: u,
+    fallbackFormat: d,
+    unresolving: p,
+    postTranslation: b,
+    processor: g,
     warnHtmlMessage: h,
-    escapeParameter: b,
-    messageCompiler: N,
+    escapeParameter: y,
+    messageCompiler: O,
     messageResolver: L,
-    localeFallbacker: T,
+    localeFallbacker: N,
     fallbackContext: v,
-    onWarn: w,
+    onWarn: A,
     __meta: Q
   };
-  return q.datetimeFormats = a, q.numberFormats = s, q.__datetimeFormatters = U, q.__numberFormatters = Y, process.env.NODE_ENV !== "production" && (q.__v_emitter = I.__v_emitter != null ? I.__v_emitter : void 0), (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) && rr(q, t, Q), q;
+  return q.datetimeFormats = l, q.numberFormats = r, q.__datetimeFormatters = x, q.__numberFormatters = Y, process.env.NODE_ENV !== "production" && (q.__v_emitter = w.__v_emitter != null ? w.__v_emitter : void 0), (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) && fs(q, t, Q), q;
 }
-function je(e, t) {
+function He(e, t) {
   return e instanceof RegExp ? e.test(t) : e;
 }
-function Tn(e, t) {
+function An(e, t) {
   return e instanceof RegExp ? e.test(t) : e;
 }
-function gt(e, t, n, r, o) {
-  const { missing: a, onWarn: s } = e;
+function ht(e, t, n, o, s) {
+  const { missing: l, onWarn: r } = e;
   if (process.env.NODE_ENV !== "production") {
-    const l = e.__v_emitter;
-    l && l.emit("missing", {
+    const a = e.__v_emitter;
+    a && a.emit("missing", {
       locale: n,
       key: t,
-      type: o,
-      groupId: `${o}:${t}`
+      type: s,
+      groupId: `${s}:${t}`
     });
   }
-  if (a !== null) {
-    const l = a(e, n, t, o);
-    return E(l) ? l : t;
+  if (l !== null) {
+    const a = l(e, n, t, s);
+    return E(a) ? a : t;
   } else
-    return process.env.NODE_ENV !== "production" && Tn(r, t) && s(Ee(K.NOT_FOUND_KEY, { key: t, locale: n })), t;
-}
-function Te(e, t, n) {
-  const r = e;
-  r.__localeChainCache = /* @__PURE__ */ new Map(), e.localeFallbacker(e, n, t);
-}
-let yn = G.__EXTEND_POINT__;
-const Ye = () => ++yn, re = {
-  INVALID_ARGUMENT: yn,
-  INVALID_DATE_ARGUMENT: Ye(),
-  INVALID_ISO_DATE_ARGUMENT: Ye(),
-  __EXTEND_POINT__: Ye()
+    return process.env.NODE_ENV !== "production" && An(o, t) && r(ye(K.NOT_FOUND_KEY, { key: t, locale: n })), t;
+}
+function Ne(e, t, n) {
+  const o = e;
+  o.__localeChainCache = /* @__PURE__ */ new Map(), e.localeFallbacker(e, n, t);
+}
+let Dn = W.__EXTEND_POINT__;
+const Xe = () => ++Dn, ae = {
+  INVALID_ARGUMENT: Dn,
+  INVALID_DATE_ARGUMENT: Xe(),
+  INVALID_ISO_DATE_ARGUMENT: Xe(),
+  __EXTEND_POINT__: Xe()
 };
-function ve(e) {
-  return pn(e, null, process.env.NODE_ENV !== "production" ? { messages: Er } : void 0);
-}
-const Er = {
-  [re.INVALID_ARGUMENT]: "Invalid arguments",
-  [re.INVALID_DATE_ARGUMENT]: "The date provided is an invalid Date object.Make sure your Date represents a valid date.",
-  [re.INVALID_ISO_DATE_ARGUMENT]: "The argument provided is not a valid ISO date string"
-}, kt = () => "", ee = (e) => $(e);
-function Rt(e, ...t) {
-  const { fallbackFormat: n, postTranslation: r, unresolving: o, messageCompiler: a, fallbackLocale: s, messages: l } = e, [i, c] = Qe(...t), u = P(c.missingWarn) ? c.missingWarn : e.missingWarn, d = P(c.fallbackWarn) ? c.fallbackWarn : e.fallbackWarn, _ = P(c.escapeParameter) ? c.escapeParameter : e.escapeParameter, g = !!c.resolvedMessage, O = E(c.default) || P(c.default) ? P(c.default) ? a ? i : () => i : c.default : n ? a ? i : () => i : "", p = n || O !== "", h = E(c.locale) ? c.locale : e.locale;
-  _ && Or(c);
-  let [b, N, L] = g ? [
+function Ee(e) {
+  return On(e, null, process.env.NODE_ENV !== "production" ? { messages: Ls } : void 0);
+}
+const Ls = {
+  [ae.INVALID_ARGUMENT]: "Invalid arguments",
+  [ae.INVALID_DATE_ARGUMENT]: "The date provided is an invalid Date object.Make sure your Date represents a valid date.",
+  [ae.INVALID_ISO_DATE_ARGUMENT]: "The argument provided is not a valid ISO date string"
+}, Rt = () => "", oe = (e) => V(e);
+function Mt(e, ...t) {
+  const { fallbackFormat: n, postTranslation: o, unresolving: s, messageCompiler: l, fallbackLocale: r, messages: a } = e, [i, c] = qe(...t), _ = k(c.missingWarn) ? c.missingWarn : e.missingWarn, u = k(c.fallbackWarn) ? c.fallbackWarn : e.fallbackWarn, d = k(c.escapeParameter) ? c.escapeParameter : e.escapeParameter, p = !!c.resolvedMessage, b = E(c.default) || k(c.default) ? k(c.default) ? l ? i : () => i : c.default : n ? l ? i : () => i : "", g = n || b !== "", h = E(c.locale) ? c.locale : e.locale;
+  d && ws(c);
+  let [y, O, L] = p ? [
     i,
     h,
-    l[h] || {}
-  ] : Ln(e, i, h, s, d, u), T = b, v = i;
-  if (!g && !(E(T) || ee(T)) && p && (T = O, v = T), !g && (!(E(T) || ee(T)) || !E(N)))
-    return o ? We : i;
-  if (process.env.NODE_ENV !== "production" && E(T) && e.messageCompiler == null)
-    return be(`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 w = !1;
-  const I = () => {
-    w = !0;
-  }, U = ee(T) ? T : In(e, i, N, T, v, I);
-  if (w)
-    return T;
-  const Y = Tr(e, N, L, c), Q = nr(Y), q = br(e, U, Q), Pe = r ? r(q, i) : q;
+    a[h] || {}
+  ] : Cn(e, i, h, r, u, _), N = y, v = i;
+  if (!p && !(E(N) || oe(N)) && g && (N = b, v = N), !p && (!(E(N) || oe(N)) || !E(O)))
+    return s ? Be : i;
+  if (process.env.NODE_ENV !== "production" && E(N) && e.messageCompiler == null)
+    return Oe(`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 A = !1;
+  const w = () => {
+    A = !0;
+  }, x = oe(N) ? N : Pn(e, i, O, N, v, w);
+  if (A)
+    return N;
+  const Y = Ds(e, O, L, c), Q = cs(Y), q = Ss(e, x, Q), $e = o ? o(q, i) : q;
   if (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) {
-    const Ae = {
+    const ke = {
       timestamp: Date.now(),
-      key: E(i) ? i : ee(T) ? T.key : "",
-      locale: N || (ee(T) ? T.locale : ""),
-      format: E(T) ? T : ee(T) ? T.source : "",
-      message: Pe
+      key: E(i) ? i : oe(N) ? N.key : "",
+      locale: O || (oe(N) ? N.locale : ""),
+      format: E(N) ? N : oe(N) ? N.source : "",
+      message: $e
     };
-    Ae.meta = H({}, e.__meta, pr() || {}), sr(Ae);
+    ke.meta = B({}, e.__meta, Ns() || {}), ds(ke);
   }
-  return Pe;
+  return $e;
 }
-function Or(e) {
-  k(e.list) ? e.list = e.list.map((t) => E(t) ? yt(t) : t) : S(e.named) && Object.keys(e.named).forEach((t) => {
-    E(e.named[t]) && (e.named[t] = yt(e.named[t]));
+function ws(e) {
+  F(e.list) ? e.list = e.list.map((t) => E(t) ? wt(t) : t) : S(e.named) && Object.keys(e.named).forEach((t) => {
+    E(e.named[t]) && (e.named[t] = wt(e.named[t]));
   });
 }
-function Ln(e, t, n, r, o, a) {
-  const { messages: s, onWarn: l, messageResolver: i, localeFallbacker: c } = e, u = c(e, r, n);
-  let d = {}, _, g = null, O = n, p = null;
+function Cn(e, t, n, o, s, l) {
+  const { messages: r, onWarn: a, messageResolver: i, localeFallbacker: c } = e, _ = c(e, o, n);
+  let u = {}, d, p = null, b = n, g = null;
   const h = "translate";
-  for (let b = 0; b < u.length; b++) {
-    if (_ = p = u[b], process.env.NODE_ENV !== "production" && n !== _ && je(o, t) && l(Ee(K.FALLBACK_TO_TRANSLATE, {
+  for (let y = 0; y < _.length; y++) {
+    if (d = g = _[y], process.env.NODE_ENV !== "production" && n !== d && He(s, t) && a(ye(K.FALLBACK_TO_TRANSLATE, {
       key: t,
-      target: _
-    })), process.env.NODE_ENV !== "production" && n !== _) {
-      const w = e.__v_emitter;
-      w && w.emit("fallback", {
+      target: d
+    })), process.env.NODE_ENV !== "production" && n !== d) {
+      const A = e.__v_emitter;
+      A && A.emit("fallback", {
         type: h,
         key: t,
-        from: O,
-        to: p,
+        from: b,
+        to: g,
         groupId: `${h}:${t}`
       });
     }
-    d = s[_] || {};
-    let N = null, L, T;
-    if (process.env.NODE_ENV !== "production" && te && (N = window.performance.now(), L = "intlify-message-resolve-start", T = "intlify-message-resolve-end", X && X(L)), (g = i(d, t)) === null && (g = d[t]), process.env.NODE_ENV !== "production" && te) {
-      const w = window.performance.now(), I = e.__v_emitter;
-      I && N && g && I.emit("message-resolve", {
+    u = r[d] || {};
+    let O = null, L, N;
+    if (process.env.NODE_ENV !== "production" && se && (O = window.performance.now(), L = "intlify-message-resolve-start", N = "intlify-message-resolve-end", X && X(L)), (p = i(u, t)) === null && (p = u[t]), process.env.NODE_ENV !== "production" && se) {
+      const A = window.performance.now(), w = e.__v_emitter;
+      w && O && p && w.emit("message-resolve", {
         type: "message-resolve",
         key: t,
-        message: g,
-        time: w - N,
+        message: p,
+        time: A - O,
         groupId: `${h}:${t}`
-      }), L && T && X && fe && (X(T), fe("intlify message resolve", L, T));
+      }), L && N && X && _e && (X(N), _e("intlify message resolve", L, N));
     }
-    if (E(g) || $(g))
+    if (E(p) || V(p))
       break;
-    const v = gt(
+    const v = ht(
       e,
       t,
-      _,
-      a,
+      d,
+      l,
       h
     );
-    v !== t && (g = v), O = p;
-  }
-  return [g, _, d];
-}
-function In(e, t, n, r, o, a) {
-  const { messageCompiler: s, warnHtmlMessage: l } = e;
-  if (ee(r)) {
-    const _ = r;
-    return _.locale = _.locale || n, _.key = _.key || t, _;
-  }
-  if (s == null) {
-    const _ = () => r;
-    return _.locale = n, _.key = t, _;
-  }
-  let i = null, c, u;
-  process.env.NODE_ENV !== "production" && te && (i = window.performance.now(), c = "intlify-message-compilation-start", u = "intlify-message-compilation-end", X && X(c));
-  const d = s(r, Nr(e, n, o, r, l, a));
-  if (process.env.NODE_ENV !== "production" && te) {
-    const _ = window.performance.now(), g = e.__v_emitter;
-    g && i && g.emit("message-compilation", {
+    v !== t && (p = v), b = g;
+  }
+  return [p, d, u];
+}
+function Pn(e, t, n, o, s, l) {
+  const { messageCompiler: r, warnHtmlMessage: a } = e;
+  if (oe(o)) {
+    const d = o;
+    return d.locale = d.locale || n, d.key = d.key || t, d;
+  }
+  if (r == null) {
+    const d = () => o;
+    return d.locale = n, d.key = t, d;
+  }
+  let i = null, c, _;
+  process.env.NODE_ENV !== "production" && se && (i = window.performance.now(), c = "intlify-message-compilation-start", _ = "intlify-message-compilation-end", X && X(c));
+  const u = r(o, As(e, n, s, o, a, l));
+  if (process.env.NODE_ENV !== "production" && se) {
+    const d = window.performance.now(), p = e.__v_emitter;
+    p && i && p.emit("message-compilation", {
       type: "message-compilation",
-      message: r,
-      time: _ - i,
+      message: o,
+      time: d - i,
       groupId: `translate:${t}`
-    }), c && u && X && fe && (X(u), fe("intlify message compilation", c, u));
+    }), c && _ && X && _e && (X(_), _e("intlify message compilation", c, _));
   }
-  return d.locale = n, d.key = t, d.source = r, d;
+  return u.locale = n, u.key = t, u.source = o, u;
 }
-function br(e, t, n) {
-  let r = null, o, a;
-  process.env.NODE_ENV !== "production" && te && (r = window.performance.now(), o = "intlify-message-evaluation-start", a = "intlify-message-evaluation-end", X && X(o));
-  const s = t(n);
-  if (process.env.NODE_ENV !== "production" && te) {
-    const l = window.performance.now(), i = e.__v_emitter;
-    i && r && i.emit("message-evaluation", {
+function Ss(e, t, n) {
+  let o = null, s, l;
+  process.env.NODE_ENV !== "production" && se && (o = window.performance.now(), s = "intlify-message-evaluation-start", l = "intlify-message-evaluation-end", X && X(s));
+  const r = t(n);
+  if (process.env.NODE_ENV !== "production" && se) {
+    const a = window.performance.now(), i = e.__v_emitter;
+    i && o && i.emit("message-evaluation", {
       type: "message-evaluation",
-      value: s,
-      time: l - r,
+      value: r,
+      time: a - o,
       groupId: `translate:${t.key}`
-    }), o && a && X && fe && (X(a), fe("intlify message evaluation", o, a));
+    }), s && l && X && _e && (X(l), _e("intlify message evaluation", s, l));
   }
-  return s;
+  return r;
 }
-function Qe(...e) {
-  const [t, n, r] = e, o = {};
-  if (!E(t) && !V(t) && !ee(t))
-    throw ve(re.INVALID_ARGUMENT);
-  const a = V(t) ? String(t) : (ee(t), t);
-  return V(n) ? o.plural = n : E(n) ? o.default = n : y(n) && !Ge(n) ? o.named = n : k(n) && (o.list = n), V(r) ? o.plural = r : E(r) ? o.default = r : y(r) && H(o, r), [a, o];
+function qe(...e) {
+  const [t, n, o] = e, s = {};
+  if (!E(t) && !U(t) && !oe(t))
+    throw Ee(ae.INVALID_ARGUMENT);
+  const l = U(t) ? String(t) : (oe(t), t);
+  return U(n) ? s.plural = n : E(n) ? s.default = n : I(n) && !je(n) ? s.named = n : F(n) && (s.list = n), U(o) ? s.plural = o : E(o) ? s.default = o : I(o) && B(s, o), [l, s];
 }
-function Nr(e, t, n, r, o, a) {
+function As(e, t, n, o, s, l) {
   return {
-    warnHtmlMessage: o,
-    onError: (s) => {
-      if (a && a(s), process.env.NODE_ENV !== "production") {
-        const l = `Message compilation error: ${s.message}`, i = s.location && Uo(r, s.location.start.offset, s.location.end.offset), c = e.__v_emitter;
+    warnHtmlMessage: s,
+    onError: (r) => {
+      if (l && l(r), process.env.NODE_ENV !== "production") {
+        const a = `Message compilation error: ${r.message}`, i = r.location && zo(o, r.location.start.offset, r.location.end.offset), c = e.__v_emitter;
         c && c.emit("compile-error", {
-          message: r,
-          error: s.message,
-          start: s.location && s.location.start.offset,
-          end: s.location && s.location.end.offset,
+          message: o,
+          error: r.message,
+          start: r.location && r.location.start.offset,
+          end: r.location && r.location.end.offset,
           groupId: `translate:${n}`
-        }), console.error(i ? `${l}
-${i}` : l);
+        }), console.error(i ? `${a}
+${i}` : a);
       } else
-        throw s;
+        throw r;
     },
-    onCacheKey: (s) => Ro(t, n, s)
+    onCacheKey: (r) => Go(t, n, r)
   };
 }
-function Tr(e, t, n, r) {
-  const { modifiers: o, pluralRules: a, messageResolver: s, fallbackLocale: l, fallbackWarn: i, missingWarn: c, fallbackContext: u } = e, _ = {
+function Ds(e, t, n, o) {
+  const { modifiers: s, pluralRules: l, messageResolver: r, fallbackLocale: a, fallbackWarn: i, missingWarn: c, fallbackContext: _ } = e, d = {
     locale: t,
-    modifiers: o,
-    pluralRules: a,
-    messages: (g) => {
-      let O = s(n, g);
-      if (O == null && u) {
-        const [, , p] = Ln(u, g, t, l, i, c);
-        O = s(p, g);
+    modifiers: s,
+    pluralRules: l,
+    messages: (p) => {
+      let b = r(n, p);
+      if (b == null && _) {
+        const [, , g] = Cn(_, p, t, a, i, c);
+        b = r(g, p);
       }
-      if (E(O)) {
-        let p = !1;
-        const b = In(e, g, t, O, g, () => {
-          p = !0;
+      if (E(b)) {
+        let g = !1;
+        const y = Pn(e, p, t, b, p, () => {
+          g = !0;
         });
-        return p ? kt : b;
+        return g ? Rt : y;
       } else
-        return ee(O) ? O : kt;
+        return oe(b) ? b : Rt;
     }
   };
-  return e.processor && (_.processor = e.processor), r.list && (_.list = r.list), r.named && (_.named = r.named), V(r.plural) && (_.pluralIndex = r.plural), _;
+  return e.processor && (d.processor = e.processor), o.list && (d.list = o.list), o.named && (d.named = o.named), U(o.plural) && (d.pluralIndex = o.plural), d;
 }
-const Ft = typeof Intl < "u", Sn = {
-  dateTimeFormat: Ft && typeof Intl.DateTimeFormat < "u",
-  numberFormat: Ft && typeof Intl.NumberFormat < "u"
+const Vt = typeof Intl < "u", $n = {
+  dateTimeFormat: Vt && typeof Intl.DateTimeFormat < "u",
+  numberFormat: Vt && typeof Intl.NumberFormat < "u"
 };
-function $t(e, ...t) {
-  const { datetimeFormats: n, unresolving: r, fallbackLocale: o, onWarn: a, localeFallbacker: s } = e, { __datetimeFormatters: l } = e;
-  if (process.env.NODE_ENV !== "production" && !Sn.dateTimeFormat)
-    return a(Ee(K.CANNOT_FORMAT_DATE)), Ue;
-  const [i, c, u, d] = qe(...t), _ = P(u.missingWarn) ? u.missingWarn : e.missingWarn, g = P(u.fallbackWarn) ? u.fallbackWarn : e.fallbackWarn, O = !!u.part, p = E(u.locale) ? u.locale : e.locale, h = s(
+function Ut(e, ...t) {
+  const { datetimeFormats: n, unresolving: o, fallbackLocale: s, onWarn: l, localeFallbacker: r } = e, { __datetimeFormatters: a } = e;
+  if (process.env.NODE_ENV !== "production" && !$n.dateTimeFormat)
+    return l(ye(K.CANNOT_FORMAT_DATE)), We;
+  const [i, c, _, u] = Ze(...t), d = k(_.missingWarn) ? _.missingWarn : e.missingWarn, p = k(_.fallbackWarn) ? _.fallbackWarn : e.fallbackWarn, b = !!_.part, g = E(_.locale) ? _.locale : e.locale, h = r(
     e,
-    o,
-    p
+    s,
+    g
   );
   if (!E(i) || i === "")
-    return new Intl.DateTimeFormat(p, d).format(c);
-  let b = {}, N, L = null, T = p, v = null;
-  const w = "datetime format";
+    return new Intl.DateTimeFormat(g, u).format(c);
+  let y = {}, O, L = null, N = g, v = null;
+  const A = "datetime format";
   for (let Y = 0; Y < h.length; Y++) {
-    if (N = v = h[Y], process.env.NODE_ENV !== "production" && p !== N && je(g, i) && a(Ee(K.FALLBACK_TO_DATE_FORMAT, {
+    if (O = v = h[Y], process.env.NODE_ENV !== "production" && g !== O && He(p, i) && l(ye(K.FALLBACK_TO_DATE_FORMAT, {
       key: i,
-      target: N
-    })), process.env.NODE_ENV !== "production" && p !== N) {
+      target: O
+    })), process.env.NODE_ENV !== "production" && g !== O) {
       const Q = e.__v_emitter;
       Q && Q.emit("fallback", {
-        type: w,
+        type: A,
         key: i,
-        from: T,
+        from: N,
         to: v,
-        groupId: `${w}:${i}`
+        groupId: `${A}:${i}`
       });
     }
-    if (b = n[N] || {}, L = b[i], y(L))
+    if (y = n[O] || {}, L = y[i], I(L))
       break;
-    gt(e, i, N, _, w), T = v;
+    ht(e, i, O, d, A), N = v;
   }
-  if (!y(L) || !E(N))
-    return r ? We : i;
-  let I = `${N}__${i}`;
-  Ge(d) || (I = `${I}__${JSON.stringify(d)}`);
-  let U = l.get(I);
-  return U || (U = new Intl.DateTimeFormat(N, H({}, L, d)), l.set(I, U)), O ? U.formatToParts(c) : U.format(c);
+  if (!I(L) || !E(O))
+    return o ? Be : i;
+  let w = `${O}__${i}`;
+  je(u) || (w = `${w}__${JSON.stringify(u)}`);
+  let x = a.get(w);
+  return x || (x = new Intl.DateTimeFormat(O, B({}, L, u)), a.set(w, x)), b ? x.formatToParts(c) : x.format(c);
 }
-const wn = [
+const kn = [
   "localeMatcher",
   "weekday",
   "era",
@@ -713,78 +713,78 @@ const wn = [
   "hourCycle",
   "fractionalSecondDigits"
 ];
-function qe(...e) {
-  const [t, n, r, o] = e, a = {};
-  let s = {}, l;
+function Ze(...e) {
+  const [t, n, o, s] = e, l = {};
+  let r = {}, a;
   if (E(t)) {
     const i = t.match(/(\d{4}-\d{2}-\d{2})(T|\s)?(.*)/);
     if (!i)
-      throw ve(re.INVALID_ISO_DATE_ARGUMENT);
+      throw Ee(ae.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);
+    a = new Date(c);
     try {
-      l.toISOString();
+      a.toISOString();
     } catch {
-      throw ve(re.INVALID_ISO_DATE_ARGUMENT);
+      throw Ee(ae.INVALID_ISO_DATE_ARGUMENT);
     }
-  } else if ($o(t)) {
+  } else if (jo(t)) {
     if (isNaN(t.getTime()))
-      throw ve(re.INVALID_DATE_ARGUMENT);
-    l = t;
-  } else if (V(t))
-    l = t;
+      throw Ee(ae.INVALID_DATE_ARGUMENT);
+    a = t;
+  } else if (U(t))
+    a = t;
   else
-    throw ve(re.INVALID_ARGUMENT);
-  return E(n) ? a.key = n : y(n) && Object.keys(n).forEach((i) => {
-    wn.includes(i) ? s[i] = n[i] : a[i] = n[i];
-  }), E(r) ? a.locale = r : y(r) && (s = r), y(o) && (s = o), [a.key || "", l, a, s];
-}
-function Mt(e, t, n) {
-  const r = e;
-  for (const o in n) {
-    const a = `${t}__${o}`;
-    !r.__datetimeFormatters.has(a) || r.__datetimeFormatters.delete(a);
-  }
-}
-function Vt(e, ...t) {
-  const { numberFormats: n, unresolving: r, fallbackLocale: o, onWarn: a, localeFallbacker: s } = e, { __numberFormatters: l } = e;
-  if (process.env.NODE_ENV !== "production" && !Sn.numberFormat)
-    return a(Ee(K.CANNOT_FORMAT_NUMBER)), Ue;
-  const [i, c, u, d] = Ze(...t), _ = P(u.missingWarn) ? u.missingWarn : e.missingWarn, g = P(u.fallbackWarn) ? u.fallbackWarn : e.fallbackWarn, O = !!u.part, p = E(u.locale) ? u.locale : e.locale, h = s(
+    throw Ee(ae.INVALID_ARGUMENT);
+  return E(n) ? l.key = n : I(n) && Object.keys(n).forEach((i) => {
+    kn.includes(i) ? r[i] = n[i] : l[i] = n[i];
+  }), E(o) ? l.locale = o : I(o) && (r = o), I(s) && (r = s), [l.key || "", a, l, r];
+}
+function xt(e, t, n) {
+  const o = e;
+  for (const s in n) {
+    const l = `${t}__${s}`;
+    !o.__datetimeFormatters.has(l) || o.__datetimeFormatters.delete(l);
+  }
+}
+function Gt(e, ...t) {
+  const { numberFormats: n, unresolving: o, fallbackLocale: s, onWarn: l, localeFallbacker: r } = e, { __numberFormatters: a } = e;
+  if (process.env.NODE_ENV !== "production" && !$n.numberFormat)
+    return l(ye(K.CANNOT_FORMAT_NUMBER)), We;
+  const [i, c, _, u] = et(...t), d = k(_.missingWarn) ? _.missingWarn : e.missingWarn, p = k(_.fallbackWarn) ? _.fallbackWarn : e.fallbackWarn, b = !!_.part, g = E(_.locale) ? _.locale : e.locale, h = r(
     e,
-    o,
-    p
+    s,
+    g
   );
   if (!E(i) || i === "")
-    return new Intl.NumberFormat(p, d).format(c);
-  let b = {}, N, L = null, T = p, v = null;
-  const w = "number format";
+    return new Intl.NumberFormat(g, u).format(c);
+  let y = {}, O, L = null, N = g, v = null;
+  const A = "number format";
   for (let Y = 0; Y < h.length; Y++) {
-    if (N = v = h[Y], process.env.NODE_ENV !== "production" && p !== N && je(g, i) && a(Ee(K.FALLBACK_TO_NUMBER_FORMAT, {
+    if (O = v = h[Y], process.env.NODE_ENV !== "production" && g !== O && He(p, i) && l(ye(K.FALLBACK_TO_NUMBER_FORMAT, {
       key: i,
-      target: N
-    })), process.env.NODE_ENV !== "production" && p !== N) {
+      target: O
+    })), process.env.NODE_ENV !== "production" && g !== O) {
       const Q = e.__v_emitter;
       Q && Q.emit("fallback", {
-        type: w,
+        type: A,
         key: i,
-        from: T,
+        from: N,
         to: v,
-        groupId: `${w}:${i}`
+        groupId: `${A}:${i}`
       });
     }
-    if (b = n[N] || {}, L = b[i], y(L))
+    if (y = n[O] || {}, L = y[i], I(L))
       break;
-    gt(e, i, N, _, w), T = v;
+    ht(e, i, O, d, A), N = v;
   }
-  if (!y(L) || !E(N))
-    return r ? We : i;
-  let I = `${N}__${i}`;
-  Ge(d) || (I = `${I}__${JSON.stringify(d)}`);
-  let U = l.get(I);
-  return U || (U = new Intl.NumberFormat(N, H({}, L, d)), l.set(I, U)), O ? U.formatToParts(c) : U.format(c);
+  if (!I(L) || !E(O))
+    return o ? Be : i;
+  let w = `${O}__${i}`;
+  je(u) || (w = `${w}__${JSON.stringify(u)}`);
+  let x = a.get(w);
+  return x || (x = new Intl.NumberFormat(O, B({}, L, u)), a.set(w, x)), b ? x.formatToParts(c) : x.format(c);
 }
-const Dn = [
+const Fn = [
   "localeMatcher",
   "style",
   "currency",
@@ -806,87 +806,87 @@ const Dn = [
   "roundingIncrement",
   "trailingZeroDisplay"
 ];
-function Ze(...e) {
-  const [t, n, r, o] = e, a = {};
-  let s = {};
-  if (!V(t))
-    throw ve(re.INVALID_ARGUMENT);
-  const l = t;
-  return E(n) ? a.key = n : y(n) && Object.keys(n).forEach((i) => {
-    Dn.includes(i) ? s[i] = n[i] : a[i] = n[i];
-  }), E(r) ? a.locale = r : y(r) && (s = r), y(o) && (s = o), [a.key || "", l, a, s];
-}
-function Ut(e, t, n) {
-  const r = e;
-  for (const o in n) {
-    const a = `${t}__${o}`;
-    !r.__numberFormatters.has(a) || r.__numberFormatters.delete(a);
-  }
-}
-typeof __INTLIFY_PROD_DEVTOOLS__ != "boolean" && (ft().__INTLIFY_PROD_DEVTOOLS__ = !1);
-function yr() {
-  return Cn().__VUE_DEVTOOLS_GLOBAL_HOOK__;
-}
-function Cn() {
+function et(...e) {
+  const [t, n, o, s] = e, l = {};
+  let r = {};
+  if (!U(t))
+    throw Ee(ae.INVALID_ARGUMENT);
+  const a = t;
+  return E(n) ? l.key = n : I(n) && Object.keys(n).forEach((i) => {
+    Fn.includes(i) ? r[i] = n[i] : l[i] = n[i];
+  }), E(o) ? l.locale = o : I(o) && (r = o), I(s) && (r = s), [l.key || "", a, l, r];
+}
+function Wt(e, t, n) {
+  const o = e;
+  for (const s in n) {
+    const l = `${t}__${s}`;
+    !o.__numberFormatters.has(l) || o.__numberFormatters.delete(l);
+  }
+}
+typeof __INTLIFY_PROD_DEVTOOLS__ != "boolean" && (_t().__INTLIFY_PROD_DEVTOOLS__ = !1);
+function Cs() {
+  return Rn().__VUE_DEVTOOLS_GLOBAL_HOOK__;
+}
+function Rn() {
   return typeof navigator < "u" && typeof window < "u" ? window : typeof global < "u" ? global : {};
 }
-const Lr = typeof Proxy == "function", Ir = "devtools-plugin:setup", Sr = "plugin:settings:set";
-let pe, et;
-function wr() {
+const Ps = typeof Proxy == "function", $s = "devtools-plugin:setup", ks = "plugin:settings:set";
+let he, tt;
+function Fs() {
   var e;
-  return pe !== void 0 || (typeof window < "u" && window.performance ? (pe = !0, et = window.performance) : typeof global < "u" && ((e = global.perf_hooks) === null || e === void 0 ? void 0 : e.performance) ? (pe = !0, et = global.perf_hooks.performance) : pe = !1), pe;
+  return he !== void 0 || (typeof window < "u" && window.performance ? (he = !0, tt = window.performance) : typeof global < "u" && ((e = global.perf_hooks) === null || e === void 0 ? void 0 : e.performance) ? (he = !0, tt = global.perf_hooks.performance) : he = !1), he;
 }
-function Dr() {
-  return wr() ? et.now() : Date.now();
+function Rs() {
+  return Fs() ? tt.now() : Date.now();
 }
-class Cr {
+class Ms {
   constructor(t, n) {
     this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = t, this.hook = n;
-    const r = {};
+    const o = {};
     if (t.settings)
-      for (const s in t.settings) {
-        const l = t.settings[s];
-        r[s] = l.defaultValue;
+      for (const r in t.settings) {
+        const a = t.settings[r];
+        o[r] = a.defaultValue;
       }
-    const o = `__vue-devtools-plugin-settings__${t.id}`;
-    let a = Object.assign({}, r);
+    const s = `__vue-devtools-plugin-settings__${t.id}`;
+    let l = Object.assign({}, o);
     try {
-      const s = localStorage.getItem(o), l = JSON.parse(s);
-      Object.assign(a, l);
+      const r = localStorage.getItem(s), a = JSON.parse(r);
+      Object.assign(l, a);
     } catch {
     }
     this.fallbacks = {
       getSettings() {
-        return a;
+        return l;
       },
-      setSettings(s) {
+      setSettings(r) {
         try {
-          localStorage.setItem(o, JSON.stringify(s));
+          localStorage.setItem(s, JSON.stringify(r));
         } catch {
         }
-        a = s;
+        l = r;
       },
       now() {
-        return Dr();
+        return Rs();
       }
-    }, n && n.on(Sr, (s, l) => {
-      s === this.plugin.id && this.fallbacks.setSettings(l);
+    }, n && n.on(ks, (r, a) => {
+      r === this.plugin.id && this.fallbacks.setSettings(a);
     }), this.proxiedOn = new Proxy({}, {
-      get: (s, l) => this.target ? this.target.on[l] : (...i) => {
+      get: (r, a) => this.target ? this.target.on[a] : (...i) => {
         this.onQueue.push({
-          method: l,
+          method: a,
           args: i
         });
       }
     }), this.proxiedTarget = new Proxy({}, {
-      get: (s, l) => this.target ? this.target[l] : l === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(l) ? (...i) => (this.targetQueue.push({
-        method: l,
+      get: (r, a) => this.target ? this.target[a] : a === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(a) ? (...i) => (this.targetQueue.push({
+        method: a,
         args: i,
         resolve: () => {
         }
-      }), this.fallbacks[l](...i)) : (...i) => new Promise((c) => {
+      }), this.fallbacks[a](...i)) : (...i) => new Promise((c) => {
         this.targetQueue.push({
-          method: l,
+          method: a,
           args: i,
           resolve: c
         });
@@ -901,17 +901,17 @@ class Cr {
       n.resolve(await this.target[n.method](...n.args));
   }
 }
-function Pr(e, t) {
-  const n = e, r = Cn(), o = yr(), a = Lr && n.enableEarlyProxy;
-  if (o && (r.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !a))
-    o.emit(Ir, e, t);
+function Vs(e, t) {
+  const n = e, o = Rn(), s = Cs(), l = Ps && n.enableEarlyProxy;
+  if (s && (o.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !l))
+    s.emit($s, e, t);
   else {
-    const s = a ? new Cr(n, o) : null;
-    (r.__VUE_DEVTOOLS_PLUGINS__ = r.__VUE_DEVTOOLS_PLUGINS__ || []).push({
+    const r = l ? new Ms(n, s) : null;
+    (o.__VUE_DEVTOOLS_PLUGINS__ = o.__VUE_DEVTOOLS_PLUGINS__ || []).push({
       pluginDescriptor: n,
       setupFn: t,
-      proxy: s
-    }), s && t(s.proxiedTarget);
+      proxy: r
+    }), r && t(r.proxiedTarget);
   }
 }
 /*!
@@ -919,13 +919,13 @@ function Pr(e, t) {
   * (c) 2022 kazuya kawaguchi
   * Released under the MIT License.
   */
-const Ke = {
+const Je = {
   ["vue-devtools-plugin-vue-i18n"]: "Vue I18n devtools",
   ["vue-i18n-resource-inspector"]: "I18n Resources",
   ["vue-i18n-timeline"]: "Vue I18n"
-}, Ar = {
+}, Us = {
   ["vue-i18n-resource-inspector"]: "Search for scopes ..."
-}, kr = {
+}, xs = {
   ["vue-i18n-timeline"]: 16764185
 };
 /*!
@@ -933,21 +933,21 @@ const Ke = {
   * (c) 2022 kazuya kawaguchi
   * Released under the MIT License.
   */
-const Rr = "9.2.2";
-function Fr() {
+const Gs = "9.2.2";
+function Ws() {
   let e = !1;
-  typeof __INTLIFY_PROD_DEVTOOLS__ != "boolean" && (ft().__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 Pn = K.__EXTEND_POINT__;
-const he = () => ++Pn, Z = {
-  FALLBACK_TO_ROOT: Pn,
-  NOT_SUPPORTED_PRESERVE: he(),
-  NOT_SUPPORTED_FORMATTER: he(),
-  NOT_SUPPORTED_PRESERVE_DIRECTIVE: he(),
-  NOT_SUPPORTED_GET_CHOICE_INDEX: he(),
-  COMPONENT_NAME_LEGACY_COMPATIBLE: he(),
-  NOT_FOUND_PARENT_SCOPE: he()
-}, $r = {
+  typeof __INTLIFY_PROD_DEVTOOLS__ != "boolean" && (_t().__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 Mn = K.__EXTEND_POINT__;
+const ve = () => ++Mn, Z = {
+  FALLBACK_TO_ROOT: Mn,
+  NOT_SUPPORTED_PRESERVE: ve(),
+  NOT_SUPPORTED_FORMATTER: ve(),
+  NOT_SUPPORTED_PRESERVE_DIRECTIVE: ve(),
+  NOT_SUPPORTED_GET_CHOICE_INDEX: ve(),
+  COMPONENT_NAME_LEGACY_COMPATIBLE: ve(),
+  NOT_FOUND_PARENT_SCOPE: ve()
+}, js = {
   [Z.FALLBACK_TO_ROOT]: "Fall back to {type} '{key}' with root locale.",
   [Z.NOT_SUPPORTED_PRESERVE]: "Not supported 'preserve'.",
   [Z.NOT_SUPPORTED_FORMATTER]: "Not supported 'formatter'.",
@@ -956,12 +956,12 @@ const he = () => ++Pn, Z = {
   [Z.COMPONENT_NAME_LEGACY_COMPATIBLE]: "Component name legacy compatible: '{name}' -> 'i18n'",
   [Z.NOT_FOUND_PARENT_SCOPE]: "Not found parent scope. use the global scope."
 };
-function He(e, ...t) {
-  return ut($r[e], ...t);
+function ze(e, ...t) {
+  return dt(js[e], ...t);
 }
-let An = G.__EXTEND_POINT__;
-const z = () => ++An, D = {
-  UNEXPECTED_RETURN_TYPE: An,
+let Vn = W.__EXTEND_POINT__;
+const z = () => ++Vn, D = {
+  UNEXPECTED_RETURN_TYPE: Vn,
   INVALID_ARGUMENT: z(),
   MUST_BE_CALL_SETUP_TOP: z(),
   NOT_INSLALLED: z(),
@@ -978,9 +978,9 @@ const z = () => ++An, D = {
   __EXTEND_POINT__: z()
 };
 function J(e, ...t) {
-  return pn(e, null, process.env.NODE_ENV !== "production" ? { messages: Mr, args: t } : void 0);
+  return On(e, null, process.env.NODE_ENV !== "production" ? { messages: Bs, args: t } : void 0);
 }
-const Mr = {
+const Bs = {
   [D.UNEXPECTED_RETURN_TYPE]: "Unexpected return type in composer",
   [D.INVALID_ARGUMENT]: "Invalid argument",
   [D.MUST_BE_CALL_SETUP_TOP]: "Must be called at the top of a `setup` function",
@@ -995,381 +995,381 @@ const Mr = {
   [D.BRIDGE_SUPPORT_VUE_2_ONLY]: "vue-i18n-bridge support Vue 2.x only",
   [D.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",
   [D.NOT_AVAILABLE_COMPOSITION_IN_LEGACY]: "Not available Compostion API in Legacy API mode. Please make sure that the legacy API mode is working properly"
-}, tt = /* @__PURE__ */ ne("__transrateVNode"), nt = /* @__PURE__ */ ne("__datetimeParts"), ot = /* @__PURE__ */ ne("__numberParts"), De = /* @__PURE__ */ ne("__enableEmitter"), rt = /* @__PURE__ */ ne("__disableEmitter"), Vr = ne("__setPluralRules");
-ne("__intlifyMeta");
-const Ur = /* @__PURE__ */ ne("__injectWithOption");
-function st(e) {
+}, nt = /* @__PURE__ */ re("__transrateVNode"), ot = /* @__PURE__ */ re("__datetimeParts"), st = /* @__PURE__ */ re("__numberParts"), De = /* @__PURE__ */ re("__enableEmitter"), rt = /* @__PURE__ */ re("__disableEmitter"), Hs = re("__setPluralRules");
+re("__intlifyMeta");
+const zs = /* @__PURE__ */ re("__injectWithOption");
+function lt(e) {
   if (!S(e))
     return e;
   for (const t in e)
-    if (!!_t(e, t))
+    if (!!mt(e, t))
       if (!t.includes("."))
-        S(e[t]) && st(e[t]);
+        S(e[t]) && lt(e[t]);
       else {
-        const n = t.split("."), r = n.length - 1;
-        let o = e;
-        for (let a = 0; a < r; a++)
-          n[a] in o || (o[n[a]] = {}), o = o[n[a]];
-        o[n[r]] = e[t], delete e[t], S(o[n[r]]) && st(o[n[r]]);
+        const n = t.split("."), o = n.length - 1;
+        let s = e;
+        for (let l = 0; l < o; l++)
+          n[l] in s || (s[n[l]] = {}), s = s[n[l]];
+        s[n[o]] = e[t], delete e[t], S(s[n[o]]) && lt(s[n[o]]);
       }
   return e;
 }
-function kn(e, t) {
-  const { messages: n, __i18n: r, messageResolver: o, flatJson: a } = t, s = y(n) ? n : k(r) ? {} : { [e]: {} };
-  if (k(r) && r.forEach((l) => {
-    if ("locale" in l && "resource" in l) {
-      const { locale: i, resource: c } = l;
-      i ? (s[i] = s[i] || {}, Ie(c, s[i])) : Ie(c, s);
+function Un(e, t) {
+  const { messages: n, __i18n: o, messageResolver: s, flatJson: l } = t, r = I(n) ? n : F(o) ? {} : { [e]: {} };
+  if (F(o) && o.forEach((a) => {
+    if ("locale" in a && "resource" in a) {
+      const { locale: i, resource: c } = a;
+      i ? (r[i] = r[i] || {}, we(c, r[i])) : we(c, r);
     } else
-      E(l) && Ie(JSON.parse(l), s);
-  }), o == null && a)
-    for (const l in s)
-      _t(s, l) && st(s[l]);
-  return s;
+      E(a) && we(JSON.parse(a), r);
+  }), s == null && l)
+    for (const a in r)
+      mt(r, a) && lt(r[a]);
+  return r;
 }
-const Re = (e) => !S(e) || k(e);
-function Ie(e, t) {
+const Re = (e) => !S(e) || F(e);
+function we(e, t) {
   if (Re(e) || Re(t))
     throw J(D.INVALID_VALUE);
   for (const n in e)
-    _t(e, n) && (Re(e[n]) || Re(t[n]) ? t[n] = e[n] : Ie(e[n], t[n]));
+    mt(e, n) && (Re(e[n]) || Re(t[n]) ? t[n] = e[n] : we(e[n], t[n]));
 }
-function Rn(e) {
+function xn(e) {
   return e.type;
 }
-function xr(e, t, n) {
-  let r = S(t.messages) ? t.messages : {};
-  "__i18nGlobal" in n && (r = kn(e.locale.value, {
-    messages: r,
+function Ys(e, t, n) {
+  let o = S(t.messages) ? t.messages : {};
+  "__i18nGlobal" in n && (o = Un(e.locale.value, {
+    messages: o,
     __i18n: n.__i18nGlobal
   }));
-  const o = Object.keys(r);
-  o.length && o.forEach((a) => {
-    e.mergeLocaleMessage(a, r[a]);
+  const s = Object.keys(o);
+  s.length && s.forEach((l) => {
+    e.mergeLocaleMessage(l, o[l]);
   });
   {
     if (S(t.datetimeFormats)) {
-      const a = Object.keys(t.datetimeFormats);
-      a.length && a.forEach((s) => {
-        e.mergeDateTimeFormat(s, t.datetimeFormats[s]);
+      const l = Object.keys(t.datetimeFormats);
+      l.length && l.forEach((r) => {
+        e.mergeDateTimeFormat(r, t.datetimeFormats[r]);
       });
     }
     if (S(t.numberFormats)) {
-      const a = Object.keys(t.numberFormats);
-      a.length && a.forEach((s) => {
-        e.mergeNumberFormat(s, t.numberFormats[s]);
+      const l = Object.keys(t.numberFormats);
+      l.length && l.forEach((r) => {
+        e.mergeNumberFormat(r, t.numberFormats[r]);
       });
     }
   }
 }
-function xt(e) {
-  return ae(wo, null, e, 0);
-}
-const Gt = "__INTLIFY_META__";
-let Wt = 0;
 function jt(e) {
-  return (t, n, r, o) => e(n, r, ct() || void 0, o);
+  return ee(Mo, null, e, 0);
+}
+const Bt = "__INTLIFY_META__";
+let Ht = 0;
+function zt(e) {
+  return (t, n, o, s) => e(n, o, ut() || void 0, s);
 }
-const Gr = () => {
-  const e = ct();
+const Ks = () => {
+  const e = ut();
   let t = null;
-  return e && (t = Rn(e)[Gt]) ? { [Gt]: t } : null;
+  return e && (t = xn(e)[Bt]) ? { [Bt]: t } : null;
 };
-function Fn(e = {}, t) {
-  const { __root: n } = e, r = n === void 0;
-  let o = P(e.inheritLocale) ? e.inheritLocale : !0;
-  const a = M(
-    n && o ? n.locale.value : E(e.locale) ? e.locale : mt
-  ), s = M(
-    n && o ? n.fallbackLocale.value : E(e.fallbackLocale) || k(e.fallbackLocale) || y(e.fallbackLocale) || e.fallbackLocale === !1 ? e.fallbackLocale : a.value
-  ), l = M(kn(a.value, e)), i = M(y(e.datetimeFormats) ? e.datetimeFormats : { [a.value]: {} }), c = M(y(e.numberFormats) ? e.numberFormats : { [a.value]: {} });
-  let u = n ? n.missingWarn : P(e.missingWarn) || Ve(e.missingWarn) ? e.missingWarn : !0, d = n ? n.fallbackWarn : P(e.fallbackWarn) || Ve(e.fallbackWarn) ? e.fallbackWarn : !0, _ = n ? n.fallbackRoot : P(e.fallbackRoot) ? e.fallbackRoot : !0, g = !!e.fallbackFormat, O = $(e.missing) ? e.missing : null, p = $(e.missing) ? jt(e.missing) : null, h = $(e.postTranslation) ? e.postTranslation : null, b = n ? n.warnHtmlMessage : P(e.warnHtmlMessage) ? e.warnHtmlMessage : !0, N = !!e.escapeParameter;
-  const L = n ? n.modifiers : y(e.modifiers) ? e.modifiers : {};
-  let T = e.pluralRules || n && n.pluralRules, v;
+function Gn(e = {}, t) {
+  const { __root: n } = e, o = n === void 0;
+  let s = k(e.inheritLocale) ? e.inheritLocale : !0;
+  const l = P(
+    n && s ? n.locale.value : E(e.locale) ? e.locale : pt
+  ), r = P(
+    n && s ? n.fallbackLocale.value : E(e.fallbackLocale) || F(e.fallbackLocale) || I(e.fallbackLocale) || e.fallbackLocale === !1 ? e.fallbackLocale : l.value
+  ), a = P(Un(l.value, e)), i = P(I(e.datetimeFormats) ? e.datetimeFormats : { [l.value]: {} }), c = P(I(e.numberFormats) ? e.numberFormats : { [l.value]: {} });
+  let _ = n ? n.missingWarn : k(e.missingWarn) || Ge(e.missingWarn) ? e.missingWarn : !0, u = n ? n.fallbackWarn : k(e.fallbackWarn) || Ge(e.fallbackWarn) ? e.fallbackWarn : !0, d = n ? n.fallbackRoot : k(e.fallbackRoot) ? e.fallbackRoot : !0, p = !!e.fallbackFormat, b = V(e.missing) ? e.missing : null, g = V(e.missing) ? zt(e.missing) : null, h = V(e.postTranslation) ? e.postTranslation : null, y = n ? n.warnHtmlMessage : k(e.warnHtmlMessage) ? e.warnHtmlMessage : !0, O = !!e.escapeParameter;
+  const L = n ? n.modifiers : I(e.modifiers) ? e.modifiers : {};
+  let N = e.pluralRules || n && n.pluralRules, v;
   v = (() => {
-    r && Pt(null);
+    o && kt(null);
     const f = {
-      version: Rr,
-      locale: a.value,
-      fallbackLocale: s.value,
-      messages: l.value,
+      version: Gs,
+      locale: l.value,
+      fallbackLocale: r.value,
+      messages: a.value,
       modifiers: L,
-      pluralRules: T,
-      missing: p === null ? void 0 : p,
-      missingWarn: u,
-      fallbackWarn: d,
-      fallbackFormat: g,
+      pluralRules: N,
+      missing: g === null ? void 0 : g,
+      missingWarn: _,
+      fallbackWarn: u,
+      fallbackFormat: p,
       unresolving: !0,
       postTranslation: h === null ? void 0 : h,
-      warnHtmlMessage: b,
-      escapeParameter: N,
+      warnHtmlMessage: y,
+      escapeParameter: O,
       messageResolver: e.messageResolver,
       __meta: { framework: "vue" }
     };
-    f.datetimeFormats = i.value, f.numberFormats = c.value, f.__datetimeFormatters = y(v) ? v.__datetimeFormatters : void 0, f.__numberFormatters = y(v) ? v.__numberFormatters : void 0, process.env.NODE_ENV !== "production" && (f.__v_emitter = y(v) ? v.__v_emitter : void 0);
-    const m = vr(f);
-    return r && Pt(m), m;
-  })(), Te(v, a.value, s.value);
-  function I() {
+    f.datetimeFormats = i.value, f.numberFormats = c.value, f.__datetimeFormatters = I(v) ? v.__datetimeFormatters : void 0, f.__numberFormatters = I(v) ? v.__numberFormatters : void 0, process.env.NODE_ENV !== "production" && (f.__v_emitter = I(v) ? v.__v_emitter : void 0);
+    const m = Is(f);
+    return o && kt(m), m;
+  })(), Ne(v, l.value, r.value);
+  function w() {
     return [
-      a.value,
-      s.value,
       l.value,
+      r.value,
+      a.value,
       i.value,
       c.value
     ];
   }
-  const U = W({
-    get: () => a.value,
+  const x = G({
+    get: () => l.value,
     set: (f) => {
-      a.value = f, v.locale = a.value;
+      l.value = f, v.locale = l.value;
     }
-  }), Y = W({
-    get: () => s.value,
+  }), Y = G({
+    get: () => r.value,
     set: (f) => {
-      s.value = f, v.fallbackLocale = s.value, Te(v, a.value, f);
+      r.value = f, v.fallbackLocale = r.value, Ne(v, l.value, f);
     }
-  }), Q = W(() => l.value), q = /* @__PURE__ */ W(() => i.value), Pe = /* @__PURE__ */ W(() => c.value);
-  function Ae() {
-    return $(h) ? h : null;
+  }), Q = G(() => a.value), q = /* @__PURE__ */ G(() => i.value), $e = /* @__PURE__ */ G(() => c.value);
+  function ke() {
+    return V(h) ? h : null;
   }
-  function qn(f) {
+  function ao(f) {
     h = f, v.postTranslation = f;
   }
-  function Zn() {
-    return O;
+  function io() {
+    return b;
   }
-  function eo(f) {
-    f !== null && (p = jt(f)), O = f, v.missing = p;
+  function co(f) {
+    f !== null && (g = zt(f)), b = f, v.missing = g;
   }
-  function to(f, m) {
+  function uo(f, m) {
     return f !== "translate" || !m.resolvedMessage;
   }
-  const me = (f, m, B, j, Be, ke) => {
-    I();
-    let ge;
+  const ge = (f, m, H, j, Ke, Fe) => {
+    w();
+    let pe;
     if (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__)
       try {
-        Ct(Gr()), r || (v.fallbackContext = n ? hr() : void 0), ge = f(v);
+        $t(Ks()), o || (v.fallbackContext = n ? Ts() : void 0), pe = f(v);
       } finally {
-        Ct(null), r || (v.fallbackContext = void 0);
+        $t(null), o || (v.fallbackContext = void 0);
       }
     else
-      ge = f(v);
-    if (V(ge) && ge === We) {
-      const [ie, To] = m();
-      if (process.env.NODE_ENV !== "production" && n && E(ie) && to(B, To) && (_ && (je(d, ie) || Tn(u, ie)) && be(He(Z.FALLBACK_TO_ROOT, {
-        key: ie,
-        type: B
+      pe = f(v);
+    if (U(pe) && pe === Be) {
+      const [de, Po] = m();
+      if (process.env.NODE_ENV !== "production" && n && E(de) && uo(H, Po) && (d && (He(u, de) || An(_, de)) && Oe(ze(Z.FALLBACK_TO_ROOT, {
+        key: de,
+        type: H
       })), process.env.NODE_ENV !== "production")) {
-        const { __v_emitter: Nt } = v;
-        Nt && _ && Nt.emit("fallback", {
-          type: B,
-          key: ie,
+        const { __v_emitter: It } = v;
+        It && d && It.emit("fallback", {
+          type: H,
+          key: de,
           to: "global",
-          groupId: `${B}:${ie}`
+          groupId: `${H}:${de}`
         });
       }
-      return n && _ ? j(n) : Be(ie);
+      return n && d ? j(n) : Ke(de);
     } else {
-      if (ke(ge))
-        return ge;
+      if (Fe(pe))
+        return pe;
       throw J(D.UNEXPECTED_RETURN_TYPE);
     }
   };
-  function Ot(...f) {
-    return me((m) => Reflect.apply(Rt, null, [m, ...f]), () => Qe(...f), "translate", (m) => Reflect.apply(m.t, m, [...f]), (m) => m, (m) => E(m));
+  function Nt(...f) {
+    return ge((m) => Reflect.apply(Mt, null, [m, ...f]), () => qe(...f), "translate", (m) => Reflect.apply(m.t, m, [...f]), (m) => m, (m) => E(m));
   }
-  function no(...f) {
-    const [m, B, j] = f;
+  function fo(...f) {
+    const [m, H, j] = f;
     if (j && !S(j))
       throw J(D.INVALID_ARGUMENT);
-    return Ot(m, B, H({ resolvedMessage: !0 }, j || {}));
+    return Nt(m, H, B({ resolvedMessage: !0 }, j || {}));
   }
-  function oo(...f) {
-    return me((m) => Reflect.apply($t, null, [m, ...f]), () => qe(...f), "datetime format", (m) => Reflect.apply(m.d, m, [...f]), () => Ue, (m) => E(m));
+  function _o(...f) {
+    return ge((m) => Reflect.apply(Ut, null, [m, ...f]), () => Ze(...f), "datetime format", (m) => Reflect.apply(m.d, m, [...f]), () => We, (m) => E(m));
   }
-  function ro(...f) {
-    return me((m) => Reflect.apply(Vt, null, [m, ...f]), () => Ze(...f), "number format", (m) => Reflect.apply(m.n, m, [...f]), () => Ue, (m) => E(m));
+  function mo(...f) {
+    return ge((m) => Reflect.apply(Gt, null, [m, ...f]), () => et(...f), "number format", (m) => Reflect.apply(m.n, m, [...f]), () => We, (m) => E(m));
   }
-  function so(f) {
-    return f.map((m) => E(m) || V(m) || P(m) ? xt(String(m)) : m);
+  function go(f) {
+    return f.map((m) => E(m) || U(m) || k(m) ? jt(String(m)) : m);
   }
-  const ao = {
-    normalize: so,
+  const po = {
+    normalize: go,
     interpolate: (f) => f,
     type: "vnode"
   };
-  function lo(...f) {
-    return me(
+  function ho(...f) {
+    return ge(
       (m) => {
-        let B;
+        let H;
         const j = m;
         try {
-          j.processor = ao, B = Reflect.apply(Rt, null, [j, ...f]);
+          j.processor = po, H = Reflect.apply(Mt, null, [j, ...f]);
         } finally {
           j.processor = null;
         }
-        return B;
+        return H;
       },
-      () => Qe(...f),
+      () => qe(...f),
       "translate",
-      (m) => m[tt](...f),
-      (m) => [xt(m)],
-      (m) => k(m)
+      (m) => m[nt](...f),
+      (m) => [jt(m)],
+      (m) => F(m)
     );
   }
-  function io(...f) {
-    return me(
-      (m) => Reflect.apply(Vt, null, [m, ...f]),
-      () => Ze(...f),
+  function vo(...f) {
+    return ge(
+      (m) => Reflect.apply(Gt, null, [m, ...f]),
+      () => et(...f),
       "number format",
-      (m) => m[ot](...f),
+      (m) => m[st](...f),
       () => [],
-      (m) => E(m) || k(m)
+      (m) => E(m) || F(m)
     );
   }
-  function co(...f) {
-    return me(
-      (m) => Reflect.apply($t, null, [m, ...f]),
-      () => qe(...f),
+  function Eo(...f) {
+    return ge(
+      (m) => Reflect.apply(Ut, null, [m, ...f]),
+      () => Ze(...f),
       "datetime format",
-      (m) => m[nt](...f),
+      (m) => m[ot](...f),
       () => [],
-      (m) => E(m) || k(m)
+      (m) => E(m) || F(m)
     );
   }
-  function uo(f) {
-    T = f, v.pluralRules = T;
+  function yo(f) {
+    N = f, v.pluralRules = N;
   }
-  function fo(f, m) {
-    const B = E(m) ? m : a.value, j = bt(B);
+  function bo(f, m) {
+    const H = E(m) ? m : l.value, j = Tt(H);
     return v.messageResolver(j, f) !== null;
   }
-  function _o(f) {
+  function Oo(f) {
     let m = null;
-    const B = vn(v, s.value, a.value);
-    for (let j = 0; j < B.length; j++) {
-      const Be = l.value[B[j]] || {}, ke = v.messageResolver(Be, f);
-      if (ke != null) {
-        m = ke;
+    const H = Tn(v, r.value, l.value);
+    for (let j = 0; j < H.length; j++) {
+      const Ke = a.value[H[j]] || {}, Fe = v.messageResolver(Ke, f);
+      if (Fe != null) {
+        m = Fe;
         break;
       }
     }
     return m;
   }
-  function mo(f) {
-    const m = _o(f);
+  function No(f) {
+    const m = Oo(f);
     return m != null ? m : n ? n.tm(f) || {} : {};
   }
-  function bt(f) {
-    return l.value[f] || {};
+  function Tt(f) {
+    return a.value[f] || {};
   }
-  function go(f, m) {
-    l.value[f] = m, v.messages = l.value;
+  function To(f, m) {
+    a.value[f] = m, v.messages = a.value;
   }
-  function po(f, m) {
-    l.value[f] = l.value[f] || {}, Ie(m, l.value[f]), v.messages = l.value;
+  function Io(f, m) {
+    a.value[f] = a.value[f] || {}, we(m, a.value[f]), v.messages = a.value;
   }
-  function ho(f) {
+  function Lo(f) {
     return i.value[f] || {};
   }
-  function vo(f, m) {
-    i.value[f] = m, v.datetimeFormats = i.value, Mt(v, f, m);
+  function wo(f, m) {
+    i.value[f] = m, v.datetimeFormats = i.value, xt(v, f, m);
   }
-  function Eo(f, m) {
-    i.value[f] = H(i.value[f] || {}, m), v.datetimeFormats = i.value, Mt(v, f, m);
+  function So(f, m) {
+    i.value[f] = B(i.value[f] || {}, m), v.datetimeFormats = i.value, xt(v, f, m);
   }
-  function Oo(f) {
+  function Ao(f) {
     return c.value[f] || {};
   }
-  function bo(f, m) {
-    c.value[f] = m, v.numberFormats = c.value, Ut(v, f, m);
+  function Do(f, m) {
+    c.value[f] = m, v.numberFormats = c.value, Wt(v, f, m);
   }
-  function No(f, m) {
-    c.value[f] = H(c.value[f] || {}, m), v.numberFormats = c.value, Ut(v, f, m);
+  function Co(f, m) {
+    c.value[f] = B(c.value[f] || {}, m), v.numberFormats = c.value, Wt(v, f, m);
   }
-  Wt++, n && te && (Me(n.locale, (f) => {
-    o && (a.value = f, v.locale = f, Te(v, a.value, s.value));
-  }), Me(n.fallbackLocale, (f) => {
-    o && (s.value = f, v.fallbackLocale = f, Te(v, a.value, s.value));
+  Ht++, n && se && (Ue(n.locale, (f) => {
+    s && (l.value = f, v.locale = f, Ne(v, l.value, r.value));
+  }), Ue(n.fallbackLocale, (f) => {
+    s && (r.value = f, v.fallbackLocale = f, Ne(v, l.value, r.value));
   }));
   const R = {
-    id: Wt,
-    locale: U,
+    id: Ht,
+    locale: x,
     fallbackLocale: Y,
     get inheritLocale() {
-      return o;
+      return s;
     },
     set inheritLocale(f) {
-      o = f, f && n && (a.value = n.locale.value, s.value = n.fallbackLocale.value, Te(v, a.value, s.value));
+      s = f, f && n && (l.value = n.locale.value, r.value = n.fallbackLocale.value, Ne(v, l.value, r.value));
     },
     get availableLocales() {
-      return Object.keys(l.value).sort();
+      return Object.keys(a.value).sort();
     },
     messages: Q,
     get modifiers() {
       return L;
     },
     get pluralRules() {
-      return T || {};
+      return N || {};
     },
     get isGlobal() {
-      return r;
+      return o;
     },
     get missingWarn() {
-      return u;
+      return _;
     },
     set missingWarn(f) {
-      u = f, v.missingWarn = u;
+      _ = f, v.missingWarn = _;
     },
     get fallbackWarn() {
-      return d;
+      return u;
     },
     set fallbackWarn(f) {
-      d = f, v.fallbackWarn = d;
+      u = f, v.fallbackWarn = u;
     },
     get fallbackRoot() {
-      return _;
+      return d;
     },
     set fallbackRoot(f) {
-      _ = f;
+      d = f;
     },
     get fallbackFormat() {
-      return g;
+      return p;
     },
     set fallbackFormat(f) {
-      g = f, v.fallbackFormat = g;
+      p = f, v.fallbackFormat = p;
     },
     get warnHtmlMessage() {
-      return b;
+      return y;
     },
     set warnHtmlMessage(f) {
-      b = f, v.warnHtmlMessage = f;
+      y = f, v.warnHtmlMessage = f;
     },
     get escapeParameter() {
-      return N;
+      return O;
     },
     set escapeParameter(f) {
-      N = f, v.escapeParameter = f;
+      O = f, v.escapeParameter = f;
     },
-    t: Ot,
-    getLocaleMessage: bt,
-    setLocaleMessage: go,
-    mergeLocaleMessage: po,
-    getPostTranslationHandler: Ae,
-    setPostTranslationHandler: qn,
-    getMissingHandler: Zn,
-    setMissingHandler: eo,
-    [Vr]: uo
+    t: Nt,
+    getLocaleMessage: Tt,
+    setLocaleMessage: To,
+    mergeLocaleMessage: Io,
+    getPostTranslationHandler: ke,
+    setPostTranslationHandler: ao,
+    getMissingHandler: io,
+    setMissingHandler: co,
+    [Hs]: yo
   };
-  return R.datetimeFormats = q, R.numberFormats = Pe, R.rt = no, R.te = fo, R.tm = mo, R.d = oo, R.n = ro, R.getDateTimeFormat = ho, R.setDateTimeFormat = vo, R.mergeDateTimeFormat = Eo, R.getNumberFormat = Oo, R.setNumberFormat = bo, R.mergeNumberFormat = No, R[Ur] = e.__injectWithOption, R[tt] = lo, R[nt] = co, R[ot] = io, process.env.NODE_ENV !== "production" && (R[De] = (f) => {
+  return R.datetimeFormats = q, R.numberFormats = $e, R.rt = fo, R.te = bo, R.tm = No, R.d = _o, R.n = mo, R.getDateTimeFormat = Lo, R.setDateTimeFormat = wo, R.mergeDateTimeFormat = So, R.getNumberFormat = Ao, R.setNumberFormat = Do, R.mergeNumberFormat = Co, R[zs] = e.__injectWithOption, R[nt] = ho, R[ot] = Eo, R[st] = vo, process.env.NODE_ENV !== "production" && (R[De] = (f) => {
     v.__v_emitter = f;
   }, R[rt] = () => {
     v.__v_emitter = void 0;
   }), R;
 }
-const pt = {
+const vt = {
   tag: {
     type: [String, Object]
   },
@@ -1385,65 +1385,65 @@ const pt = {
     type: Object
   }
 };
-function Wr({ slots: e }, t) {
-  return t.length === 1 && t[0] === "default" ? (e.default ? e.default() : []).reduce((r, o) => r = [
-    ...r,
-    ...k(o.children) ? o.children : [o]
-  ], []) : t.reduce((n, r) => {
-    const o = e[r];
-    return o && (n[r] = o()), n;
+function Xs({ slots: e }, t) {
+  return t.length === 1 && t[0] === "default" ? (e.default ? e.default() : []).reduce((o, s) => o = [
+    ...o,
+    ...F(s.children) ? s.children : [s]
+  ], []) : t.reduce((n, o) => {
+    const s = e[o];
+    return s && (n[o] = s()), n;
   }, {});
 }
-function $n(e) {
-  return Oe;
+function Wn(e) {
+  return be;
 }
-const Xe = {
+const Qe = {
   name: "i18n-t",
-  props: H({
+  props: B({
     keypath: {
       type: String,
       required: !0
     },
     plural: {
       type: [Number, String],
-      validator: (e) => V(e) || !isNaN(e)
+      validator: (e) => U(e) || !isNaN(e)
     }
-  }, pt),
+  }, vt),
   setup(e, t) {
-    const { slots: n, attrs: r } = t, o = e.i18n || vt({
+    const { slots: n, attrs: o } = t, s = e.i18n || yt({
       useScope: e.scope,
       __useComponent: !0
     });
     return () => {
-      const a = Object.keys(n).filter((d) => d !== "_"), s = {};
-      e.locale && (s.locale = e.locale), e.plural !== void 0 && (s.plural = E(e.plural) ? +e.plural : e.plural);
-      const l = Wr(t, a), i = o[tt](e.keypath, l, s), c = H({}, r), u = E(e.tag) || S(e.tag) ? e.tag : $n();
-      return $e(u, c, i);
+      const l = Object.keys(n).filter((u) => u !== "_"), r = {};
+      e.locale && (r.locale = e.locale), e.plural !== void 0 && (r.plural = E(e.plural) ? +e.plural : e.plural);
+      const a = Xs(t, l), i = s[nt](e.keypath, a, r), c = B({}, o), _ = E(e.tag) || S(e.tag) ? e.tag : Wn();
+      return Ve(_, c, i);
     };
   }
 };
-function jr(e) {
-  return k(e) && !E(e[0]);
+function Js(e) {
+  return F(e) && !E(e[0]);
 }
-function Mn(e, t, n, r) {
-  const { slots: o, attrs: a } = t;
+function jn(e, t, n, o) {
+  const { slots: s, attrs: l } = t;
   return () => {
-    const s = { part: !0 };
-    let l = {};
-    e.locale && (s.locale = e.locale), E(e.format) ? s.key = e.format : S(e.format) && (E(e.format.key) && (s.key = e.format.key), l = Object.keys(e.format).reduce((_, g) => n.includes(g) ? H({}, _, { [g]: e.format[g] }) : _, {}));
-    const i = r(e.value, s, l);
-    let c = [s.key];
-    k(i) ? c = i.map((_, g) => {
-      const O = o[_.type], p = O ? O({ [_.type]: _.value, index: g, parts: i }) : [_.value];
-      return jr(p) && (p[0].key = `${_.type}-${g}`), p;
+    const r = { part: !0 };
+    let a = {};
+    e.locale && (r.locale = e.locale), E(e.format) ? r.key = e.format : S(e.format) && (E(e.format.key) && (r.key = e.format.key), a = Object.keys(e.format).reduce((d, p) => n.includes(p) ? B({}, d, { [p]: e.format[p] }) : d, {}));
+    const i = o(e.value, r, a);
+    let c = [r.key];
+    F(i) ? c = i.map((d, p) => {
+      const b = s[d.type], g = b ? b({ [d.type]: d.value, index: p, parts: i }) : [d.value];
+      return Js(g) && (g[0].key = `${d.type}-${p}`), g;
     }) : E(i) && (c = [i]);
-    const u = H({}, a), d = E(e.tag) || S(e.tag) ? e.tag : $n();
-    return $e(d, u, c);
+    const _ = B({}, l), u = E(e.tag) || S(e.tag) ? e.tag : Wn();
+    return Ve(u, _, c);
   };
 }
-const Ht = {
+const Yt = {
   name: "i18n-n",
-  props: H({
+  props: B({
     value: {
       type: Number,
       required: !0
@@ -1451,14 +1451,14 @@ const Ht = {
     format: {
       type: [String, Object]
     }
-  }, pt),
+  }, vt),
   setup(e, t) {
-    const n = e.i18n || vt({ useScope: "parent", __useComponent: !0 });
-    return Mn(e, t, Dn, (...r) => n[ot](...r));
+    const n = e.i18n || yt({ useScope: "parent", __useComponent: !0 });
+    return jn(e, t, Fn, (...o) => n[st](...o));
   }
-}, Bt = {
+}, Kt = {
   name: "i18n-d",
-  props: H({
+  props: B({
     value: {
       type: [Number, Date],
       required: !0
@@ -1466,146 +1466,146 @@ const Ht = {
     format: {
       type: [String, Object]
     }
-  }, pt),
+  }, vt),
   setup(e, t) {
-    const n = e.i18n || vt({ useScope: "parent", __useComponent: !0 });
-    return Mn(e, t, wn, (...r) => n[nt](...r));
+    const n = e.i18n || yt({ useScope: "parent", __useComponent: !0 });
+    return jn(e, t, kn, (...o) => n[ot](...o));
   }
 };
-function Hr(e, t) {
+function Qs(e, t) {
   const n = e;
   if (e.mode === "composition")
     return n.__getInstance(t) || e.global;
   {
-    const r = n.__getInstance(t);
-    return r != null ? r.__composer : e.global.__composer;
+    const o = n.__getInstance(t);
+    return o != null ? o.__composer : e.global.__composer;
   }
 }
-function Br(e) {
-  const t = (s) => {
-    const { instance: l, modifiers: i, value: c } = s;
-    if (!l || !l.$)
+function qs(e) {
+  const t = (r) => {
+    const { instance: a, modifiers: i, value: c } = r;
+    if (!a || !a.$)
       throw J(D.UNEXPECTED_ERROR);
-    const u = Hr(e, l.$);
-    process.env.NODE_ENV !== "production" && i.preserve && be(He(Z.NOT_SUPPORTED_PRESERVE));
-    const d = zt(c);
+    const _ = Qs(e, a.$);
+    process.env.NODE_ENV !== "production" && i.preserve && Oe(ze(Z.NOT_SUPPORTED_PRESERVE));
+    const u = Xt(c);
     return [
-      Reflect.apply(u.t, u, [...Yt(d)]),
-      u
+      Reflect.apply(_.t, _, [...Jt(u)]),
+      _
     ];
   };
   return {
-    created: (s, l) => {
-      const [i, c] = t(l);
-      te && e.global === c && (s.__i18nWatcher = Me(c.locale, () => {
-        l.instance && l.instance.$forceUpdate();
-      })), s.__composer = c, s.textContent = i;
+    created: (r, a) => {
+      const [i, c] = t(a);
+      se && e.global === c && (r.__i18nWatcher = Ue(c.locale, () => {
+        a.instance && a.instance.$forceUpdate();
+      })), r.__composer = c, r.textContent = i;
     },
-    unmounted: (s) => {
-      te && s.__i18nWatcher && (s.__i18nWatcher(), s.__i18nWatcher = void 0, delete s.__i18nWatcher), s.__composer && (s.__composer = void 0, delete s.__composer);
+    unmounted: (r) => {
+      se && r.__i18nWatcher && (r.__i18nWatcher(), r.__i18nWatcher = void 0, delete r.__i18nWatcher), r.__composer && (r.__composer = void 0, delete r.__composer);
     },
-    beforeUpdate: (s, { value: l }) => {
-      if (s.__composer) {
-        const i = s.__composer, c = zt(l);
-        s.textContent = Reflect.apply(i.t, i, [
-          ...Yt(c)
+    beforeUpdate: (r, { value: a }) => {
+      if (r.__composer) {
+        const i = r.__composer, c = Xt(a);
+        r.textContent = Reflect.apply(i.t, i, [
+          ...Jt(c)
         ]);
       }
     },
-    getSSRProps: (s) => {
-      const [l] = t(s);
-      return { textContent: l };
+    getSSRProps: (r) => {
+      const [a] = t(r);
+      return { textContent: a };
     }
   };
 }
-function zt(e) {
+function Xt(e) {
   if (E(e))
     return { path: e };
-  if (y(e)) {
+  if (I(e)) {
     if (!("path" in e))
       throw J(D.REQUIRED_VALUE, "path");
     return e;
   } else
     throw J(D.INVALID_VALUE);
 }
-function Yt(e) {
-  const { path: t, locale: n, args: r, choice: o, plural: a } = e, s = {}, l = r || {};
-  return E(n) && (s.locale = n), V(o) && (s.plural = o), V(a) && (s.plural = a), [t, l, s];
+function Jt(e) {
+  const { path: t, locale: n, args: o, choice: s, plural: l } = e, r = {}, a = o || {};
+  return E(n) && (r.locale = n), U(s) && (r.plural = s), U(l) && (r.plural = l), [t, a, r];
 }
-function zr(e, t, ...n) {
-  const r = y(n[0]) ? n[0] : {}, o = !!r.useI18nComponentName, a = P(r.globalInstall) ? r.globalInstall : !0;
-  process.env.NODE_ENV !== "production" && a && o && be(He(Z.COMPONENT_NAME_LEGACY_COMPATIBLE, {
-    name: Xe.name
-  })), a && (e.component(o ? "i18n" : Xe.name, Xe), e.component(Ht.name, Ht), e.component(Bt.name, Bt)), e.directive("t", Br(t));
+function Zs(e, t, ...n) {
+  const o = I(n[0]) ? n[0] : {}, s = !!o.useI18nComponentName, l = k(o.globalInstall) ? o.globalInstall : !0;
+  process.env.NODE_ENV !== "production" && l && s && Oe(ze(Z.COMPONENT_NAME_LEGACY_COMPATIBLE, {
+    name: Qe.name
+  })), l && (e.component(s ? "i18n" : Qe.name, Qe), e.component(Yt.name, Yt), e.component(Kt.name, Kt)), e.directive("t", qs(t));
 }
-const Vn = "vue-i18n: composer properties";
+const Bn = "vue-i18n: composer properties";
 let at;
-async function Yr(e, t) {
-  return new Promise((n, r) => {
+async function er(e, t) {
+  return new Promise((n, o) => {
     try {
-      Pr({
+      Vs({
         id: "vue-devtools-plugin-vue-i18n",
-        label: Ke["vue-devtools-plugin-vue-i18n"],
+        label: Je["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: [Vn],
+        componentStateTypes: [Bn],
         app: e
-      }, (o) => {
-        at = o, o.on.visitComponentTree(({ componentInstance: s, treeNode: l }) => {
-          Kr(s, l, t);
-        }), o.on.inspectComponent(({ componentInstance: s, instanceData: l }) => {
-          s.vnode.el && s.vnode.el.__VUE_I18N__ && l && (t.mode === "legacy" ? s.vnode.el.__VUE_I18N__ !== t.global.__composer && Kt(l, s.vnode.el.__VUE_I18N__) : Kt(l, s.vnode.el.__VUE_I18N__));
-        }), o.addInspector({
+      }, (s) => {
+        at = s, s.on.visitComponentTree(({ componentInstance: r, treeNode: a }) => {
+          tr(r, a, t);
+        }), s.on.inspectComponent(({ componentInstance: r, instanceData: a }) => {
+          r.vnode.el && r.vnode.el.__VUE_I18N__ && a && (t.mode === "legacy" ? r.vnode.el.__VUE_I18N__ !== t.global.__composer && Qt(a, r.vnode.el.__VUE_I18N__) : Qt(a, r.vnode.el.__VUE_I18N__));
+        }), s.addInspector({
           id: "vue-i18n-resource-inspector",
-          label: Ke["vue-i18n-resource-inspector"],
+          label: Je["vue-i18n-resource-inspector"],
           icon: "language",
-          treeFilterPlaceholder: Ar["vue-i18n-resource-inspector"]
-        }), o.on.getInspectorTree((s) => {
-          s.app === e && s.inspectorId === "vue-i18n-resource-inspector" && Zr(s, t);
+          treeFilterPlaceholder: Us["vue-i18n-resource-inspector"]
+        }), s.on.getInspectorTree((r) => {
+          r.app === e && r.inspectorId === "vue-i18n-resource-inspector" && lr(r, t);
         });
-        const a = /* @__PURE__ */ new Map();
-        o.on.getInspectorState(async (s) => {
-          if (s.app === e && s.inspectorId === "vue-i18n-resource-inspector")
-            if (o.unhighlightElement(), ts(s, t), s.nodeId === "global") {
-              if (!a.has(s.app)) {
-                const [l] = await o.getComponentInstances(s.app);
-                a.set(s.app, l);
+        const l = /* @__PURE__ */ new Map();
+        s.on.getInspectorState(async (r) => {
+          if (r.app === e && r.inspectorId === "vue-i18n-resource-inspector")
+            if (s.unhighlightElement(), ir(r, t), r.nodeId === "global") {
+              if (!l.has(r.app)) {
+                const [a] = await s.getComponentInstances(r.app);
+                l.set(r.app, a);
               }
-              o.highlightElement(a.get(s.app));
+              s.highlightElement(l.get(r.app));
             } else {
-              const l = es(s.nodeId, t);
-              l && o.highlightElement(l);
+              const a = ar(r.nodeId, t);
+              a && s.highlightElement(a);
             }
-        }), o.on.editInspectorState((s) => {
-          s.app === e && s.inspectorId === "vue-i18n-resource-inspector" && os(s, t);
-        }), o.addTimelineLayer({
+        }), s.on.editInspectorState((r) => {
+          r.app === e && r.inspectorId === "vue-i18n-resource-inspector" && ur(r, t);
+        }), s.addTimelineLayer({
           id: "vue-i18n-timeline",
-          label: Ke["vue-i18n-timeline"],
-          color: kr["vue-i18n-timeline"]
+          label: Je["vue-i18n-timeline"],
+          color: xs["vue-i18n-timeline"]
         }), n(!0);
       });
-    } catch (o) {
-      console.error(o), r(!1);
+    } catch (s) {
+      console.error(s), o(!1);
     }
   });
 }
-function Un(e) {
+function Hn(e) {
   return e.type.name || e.type.displayName || e.type.__file || "Anonymous";
 }
-function Kr(e, t, n) {
-  const r = n.mode === "composition" ? n.global : n.global.__composer;
-  if (e && e.vnode.el && e.vnode.el.__VUE_I18N__ && e.vnode.el.__VUE_I18N__ !== r) {
-    const o = {
-      label: `i18n (${Un(e)} Scope)`,
+function tr(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 (${Hn(e)} Scope)`,
       textColor: 0,
       backgroundColor: 16764185
     };
-    t.tags.push(o);
+    t.tags.push(s);
   }
 }
-function Kt(e, t) {
-  const n = Vn;
+function Qt(e, t) {
+  const n = Bn;
   e.state.push({
     type: n,
     key: "locale",
@@ -1630,7 +1630,7 @@ function Kt(e, t) {
     type: n,
     key: "messages",
     editable: !1,
-    value: ht(t.messages.value)
+    value: Et(t.messages.value)
   }), e.state.push({
     type: n,
     key: "datetimeFormats",
@@ -1643,27 +1643,27 @@ function Kt(e, t) {
     value: t.numberFormats.value
   });
 }
-function ht(e) {
+function Et(e) {
   const t = {};
   return Object.keys(e).forEach((n) => {
-    const r = e[n];
-    $(r) && "source" in r ? t[n] = qr(r) : S(r) ? t[n] = ht(r) : t[n] = r;
+    const o = e[n];
+    V(o) && "source" in o ? t[n] = rr(o) : S(o) ? t[n] = Et(o) : t[n] = o;
   }), t;
 }
-const Xr = {
+const nr = {
   "<": "&lt;",
   ">": "&gt;",
   '"': "&quot;",
   "&": "&amp;"
 };
-function Jr(e) {
-  return e.replace(/[<>"&]/g, Qr);
+function or(e) {
+  return e.replace(/[<>"&]/g, sr);
 }
-function Qr(e) {
-  return Xr[e] || e;
+function sr(e) {
+  return nr[e] || e;
 }
-function qr(e) {
-  const t = e.source ? `("${Jr(e.source)}")` : "(?)";
+function rr(e) {
+  const t = e.source ? `("${or(e.source)}")` : "(?)";
   return {
     _custom: {
       type: "function",
@@ -1671,45 +1671,45 @@ function qr(e) {
     }
   };
 }
-function Zr(e, t) {
+function lr(e, t) {
   e.rootNodes.push({
     id: "global",
     label: "Global Scope"
   });
   const n = t.mode === "composition" ? t.global : t.global.__composer;
-  for (const [r, o] of t.__instances) {
-    const a = t.mode === "composition" ? o : o.__composer;
-    n !== a && e.rootNodes.push({
-      id: a.id.toString(),
-      label: `${Un(r)} Scope`
+  for (const [o, s] of t.__instances) {
+    const l = t.mode === "composition" ? s : s.__composer;
+    n !== l && e.rootNodes.push({
+      id: l.id.toString(),
+      label: `${Hn(o)} Scope`
     });
   }
 }
-function es(e, t) {
+function ar(e, t) {
   let n = null;
   if (e !== "global") {
-    for (const [r, o] of t.__instances.entries())
-      if (o.id.toString() === e) {
-        n = r;
+    for (const [o, s] of t.__instances.entries())
+      if (s.id.toString() === e) {
+        n = o;
         break;
       }
   }
   return n;
 }
-function xn(e, t) {
+function zn(e, t) {
   if (e === "global")
     return t.mode === "composition" ? t.global : t.global.__composer;
   {
-    const n = Array.from(t.__instances.values()).find((r) => r.id.toString() === e);
+    const n = Array.from(t.__instances.values()).find((o) => o.id.toString() === e);
     return n ? t.mode === "composition" ? n : n.__composer : null;
   }
 }
-function ts(e, t) {
-  const n = xn(e.nodeId, t);
-  return n && (e.state = ns(n)), null;
+function ir(e, t) {
+  const n = zn(e.nodeId, t);
+  return n && (e.state = cr(n)), null;
 }
-function ns(e) {
-  const t = {}, n = "Locale related info", r = [
+function cr(e) {
+  const t = {}, n = "Locale related info", o = [
     {
       type: n,
       key: "locale",
@@ -1735,26 +1735,26 @@ function ns(e) {
       value: e.inheritLocale
     }
   ];
-  t[n] = r;
-  const o = "Locale messages info", a = [
+  t[n] = o;
+  const s = "Locale messages info", l = [
     {
-      type: o,
+      type: s,
       key: "messages",
       editable: !1,
-      value: ht(e.messages.value)
+      value: Et(e.messages.value)
     }
   ];
-  t[o] = a;
+  t[s] = l;
   {
-    const s = "Datetime formats info", l = [
+    const r = "Datetime formats info", a = [
       {
-        type: s,
+        type: r,
         key: "datetimeFormats",
         editable: !1,
         value: e.datetimeFormats.value
       }
     ];
-    t[s] = l;
+    t[r] = a;
     const i = "Datetime formats info", c = [
       {
         type: i,
@@ -1767,7 +1767,7 @@ function ns(e) {
   }
   return t;
 }
-function lt(e, t) {
+function it(e, t) {
   if (at) {
     let n;
     t && "groupId" in t && (n = t.groupId, delete t.groupId), at.addTimelineEvent({
@@ -1783,176 +1783,176 @@ function lt(e, t) {
     });
   }
 }
-function os(e, t) {
-  const n = xn(e.nodeId, t);
+function ur(e, t) {
+  const n = zn(e.nodeId, t);
   if (n) {
-    const [r] = e.path;
-    r === "locale" && E(e.state.value) ? n.locale.value = e.state.value : r === "fallbackLocale" && (E(e.state.value) || k(e.state.value) || S(e.state.value)) ? n.fallbackLocale.value = e.state.value : r === "inheritLocale" && P(e.state.value) && (n.inheritLocale = e.state.value);
+    const [o] = e.path;
+    o === "locale" && E(e.state.value) ? n.locale.value = e.state.value : o === "fallbackLocale" && (E(e.state.value) || F(e.state.value) || S(e.state.value)) ? n.fallbackLocale.value = e.state.value : o === "inheritLocale" && k(e.state.value) && (n.inheritLocale = e.state.value);
   }
 }
-const rs = /* @__PURE__ */ ne("global-vue-i18n");
-function ss(e = {}, t) {
-  const n = P(e.globalInjection) ? e.globalInjection : !0, r = !0, o = /* @__PURE__ */ new Map(), [a, s] = as(e), l = ne(process.env.NODE_ENV !== "production" ? "vue-i18n" : "");
-  function i(d) {
-    return o.get(d) || null;
+const fr = /* @__PURE__ */ re("global-vue-i18n");
+function dr(e = {}, t) {
+  const n = k(e.globalInjection) ? e.globalInjection : !0, o = !0, s = /* @__PURE__ */ new Map(), [l, r] = _r(e), a = re(process.env.NODE_ENV !== "production" ? "vue-i18n" : "");
+  function i(u) {
+    return s.get(u) || null;
   }
-  function c(d, _) {
-    o.set(d, _);
+  function c(u, d) {
+    s.set(u, d);
   }
-  function u(d) {
-    o.delete(d);
+  function _(u) {
+    s.delete(u);
   }
   {
-    const d = {
+    const u = {
       get mode() {
         return "composition";
       },
       get allowComposition() {
-        return r;
+        return o;
       },
-      async install(_, ...g) {
-        process.env.NODE_ENV !== "production" && (_.__VUE_I18N__ = d), _.__VUE_I18N_SYMBOL__ = l, _.provide(_.__VUE_I18N_SYMBOL__, d), n && ms(_, d.global), zr(_, d, ...g);
-        const O = _.unmount;
-        if (_.unmount = () => {
-          d.dispose(), O();
+      async install(d, ...p) {
+        process.env.NODE_ENV !== "production" && (d.__VUE_I18N__ = u), d.__VUE_I18N_SYMBOL__ = a, d.provide(d.__VUE_I18N_SYMBOL__, u), n && br(d, u.global), Zs(d, u, ...p);
+        const b = d.unmount;
+        if (d.unmount = () => {
+          u.dispose(), b();
         }, process.env.NODE_ENV !== "production" || !1) {
-          if (!await Yr(_, d))
+          if (!await er(d, u))
             throw J(D.CANNOT_SETUP_VUE_DEVTOOLS_PLUGIN);
-          const h = gn();
+          const h = bn();
           {
-            const b = s;
-            b[De] && b[De](h);
+            const y = r;
+            y[De] && y[De](h);
           }
-          h.on("*", lt);
+          h.on("*", it);
         }
       },
       get global() {
-        return s;
+        return r;
       },
       dispose() {
-        a.stop();
+        l.stop();
       },
-      __instances: o,
+      __instances: s,
       __getInstance: i,
       __setInstance: c,
-      __deleteInstance: u
+      __deleteInstance: _
     };
-    return d;
+    return u;
   }
 }
-function vt(e = {}) {
-  const t = ct();
+function yt(e = {}) {
+  const t = ut();
   if (t == null)
     throw J(D.MUST_BE_CALL_SETUP_TOP);
   if (!t.isCE && t.appContext.app != null && !t.appContext.app.__VUE_I18N_SYMBOL__)
     throw J(D.NOT_INSLALLED);
-  const n = ls(t), r = cs(n), o = Rn(t), a = is(e, o);
-  if (a === "global")
-    return xr(r, e, o), r;
-  if (a === "parent") {
-    let i = us(n, t, e.__useComponent);
-    return i == null && (process.env.NODE_ENV !== "production" && be(He(Z.NOT_FOUND_PARENT_SCOPE)), i = r), i;
-  }
-  const s = n;
-  let l = s.__getInstance(t);
-  if (l == null) {
-    const i = H({}, e);
-    "__i18n" in o && (i.__i18n = o.__i18n), r && (i.__root = r), l = Fn(i), fs(s, t, l), s.__setInstance(t, l);
+  const n = mr(t), o = pr(n), s = xn(t), l = gr(e, s);
+  if (l === "global")
+    return Ys(o, e, s), o;
+  if (l === "parent") {
+    let i = hr(n, t, e.__useComponent);
+    return i == null && (process.env.NODE_ENV !== "production" && Oe(ze(Z.NOT_FOUND_PARENT_SCOPE)), i = o), i;
+  }
+  const r = n;
+  let a = r.__getInstance(t);
+  if (a == null) {
+    const i = B({}, e);
+    "__i18n" in s && (i.__i18n = s.__i18n), o && (i.__root = o), a = Gn(i), vr(r, t, a), r.__setInstance(t, a);
   }
-  return l;
+  return a;
 }
-function as(e, t, n) {
-  const r = yo();
+function _r(e, t, n) {
+  const o = $o();
   {
-    const o = r.run(() => Fn(e));
-    if (o == null)
+    const s = o.run(() => Gn(e));
+    if (s == null)
       throw J(D.UNEXPECTED_ERROR);
-    return [r, o];
+    return [o, s];
   }
 }
-function ls(e) {
+function mr(e) {
   {
-    const t = _n(e.isCE ? rs : e.appContext.app.__VUE_I18N_SYMBOL__);
+    const t = pn(e.isCE ? fr : e.appContext.app.__VUE_I18N_SYMBOL__);
     if (!t)
       throw J(e.isCE ? D.NOT_INSLALLED_WITH_PROVIDE : D.UNEXPECTED_ERROR);
     return t;
   }
 }
-function is(e, t) {
-  return Ge(e) ? "__i18n" in t ? "local" : "global" : e.useScope ? e.useScope : "local";
+function gr(e, t) {
+  return je(e) ? "__i18n" in t ? "local" : "global" : e.useScope ? e.useScope : "local";
 }
-function cs(e) {
+function pr(e) {
   return e.mode === "composition" ? e.global : e.global.__composer;
 }
-function us(e, t, n = !1) {
-  let r = null;
-  const o = t.root;
-  let a = t.parent;
-  for (; a != null; ) {
-    const s = e;
-    if (e.mode === "composition" && (r = s.__getInstance(a)), r != null || o === a)
+function hr(e, t, n = !1) {
+  let o = null;
+  const s = t.root;
+  let l = t.parent;
+  for (; l != null; ) {
+    const r = e;
+    if (e.mode === "composition" && (o = r.__getInstance(l)), o != null || s === l)
       break;
-    a = a.parent;
+    l = l.parent;
   }
-  return r;
+  return o;
 }
-function fs(e, t, n) {
-  let r = null;
-  Lo(() => {
+function vr(e, t, n) {
+  let o = null;
+  ko(() => {
     if ((process.env.NODE_ENV !== "production" || !1) && !0 && t.vnode.el) {
-      t.vnode.el.__VUE_I18N__ = n, r = gn();
-      const o = n;
-      o[De] && o[De](r), r.on("*", lt);
+      t.vnode.el.__VUE_I18N__ = n, o = bn();
+      const s = n;
+      s[De] && s[De](o), o.on("*", it);
     }
-  }, t), Io(() => {
+  }, t), Fo(() => {
     if ((process.env.NODE_ENV !== "production" || !1) && !0 && t.vnode.el && t.vnode.el.__VUE_I18N__) {
-      r && r.off("*", lt);
-      const o = n;
-      o[rt] && o[rt](), delete t.vnode.el.__VUE_I18N__;
+      o && o.off("*", it);
+      const s = n;
+      s[rt] && s[rt](), delete t.vnode.el.__VUE_I18N__;
     }
     e.__deleteInstance(t);
   }, t);
 }
-const _s = [
+const Er = [
   "locale",
   "fallbackLocale",
   "availableLocales"
-], ds = ["t", "rt", "d", "n", "tm"];
-function ms(e, t) {
+], yr = ["t", "rt", "d", "n", "tm"];
+function br(e, t) {
   const n = /* @__PURE__ */ Object.create(null);
-  _s.forEach((r) => {
-    const o = Object.getOwnPropertyDescriptor(t, r);
-    if (!o)
+  Er.forEach((o) => {
+    const s = Object.getOwnPropertyDescriptor(t, o);
+    if (!s)
       throw J(D.UNEXPECTED_ERROR);
-    const a = So(o.value) ? {
+    const l = Ro(s.value) ? {
       get() {
-        return o.value.value;
+        return s.value.value;
       },
-      set(s) {
-        o.value.value = s;
+      set(r) {
+        s.value.value = r;
       }
     } : {
       get() {
-        return o.get && o.get();
+        return s.get && s.get();
       }
     };
-    Object.defineProperty(n, r, a);
-  }), e.config.globalProperties.$i18n = n, ds.forEach((r) => {
-    const o = Object.getOwnPropertyDescriptor(t, r);
-    if (!o || !o.value)
+    Object.defineProperty(n, o, l);
+  }), e.config.globalProperties.$i18n = n, yr.forEach((o) => {
+    const s = Object.getOwnPropertyDescriptor(t, o);
+    if (!s || !s.value)
       throw J(D.UNEXPECTED_ERROR);
-    Object.defineProperty(e.config.globalProperties, `$${r}`, o);
+    Object.defineProperty(e.config.globalProperties, `$${o}`, s);
   });
 }
-mr(Ko);
-gr(vn);
-Fr();
+bs(ts);
+Os(Tn);
+Ws();
 if (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) {
-  const e = ft();
-  e.__INTLIFY__ = !0, or(e.__INTLIFY_DEVTOOLS_GLOBAL_HOOK__);
+  const e = _t();
+  e.__INTLIFY__ = !0, us(e.__INTLIFY_DEVTOOLS_GLOBAL_HOOK__);
 }
 process.env.NODE_ENV;
-const gs = {
+const Or = {
   "zhi-xian-shi-zai-xian-she-bei": (e) => {
     const { normalize: t } = e;
     return t(["\u53EA\u663E\u793A\u5728\u7EBF\u8BBE\u5907"]);
@@ -1964,8 +1964,12 @@ const gs = {
   "biao-zhun-bu-ju": (e) => {
     const { normalize: t } = e;
     return t(["\u6807\u51C6\u5E03\u5C40"]);
+  },
+  "zi-ding-yi-bu-ju": (e) => {
+    const { normalize: t } = e;
+    return t(["\u81EA\u5B9A\u4E49\u5E03\u5C40"]);
   }
-}, ps = {
+}, Nr = {
   "zhi-xian-shi-zai-xian-she-bei": (e) => {
     const { normalize: t } = e;
     return t(["online only"]);
@@ -1977,60 +1981,72 @@ const gs = {
   "biao-zhun-bu-ju": (e) => {
     const { normalize: t } = e;
     return t(["Classical"]);
+  },
+  "zi-ding-yi-bu-ju": (e) => {
+    const { normalize: t } = e;
+    return t(["Custom"]);
   }
 };
-var Gn = /* @__PURE__ */ ((e) => (e.zh = "zh", e.en = "en", e))(Gn || {});
+var Yn = /* @__PURE__ */ ((e) => (e.zh = "zh", e.en = "en", e))(Yn || {});
 let Se;
-function hs(e) {
-  Se && Se.dispose(), Se = ss({
+function Tr(e) {
+  Se && Se.dispose(), Se = dr({
     locale: e,
     messages: {
-      zh: gs,
-      en: ps
+      zh: Or,
+      en: Nr
     },
     fallbackLocale: "en",
     silentTranslationWarn: !0,
     silentFallbackWarn: !0
   });
 }
-function vs(e) {
-  hs(e), Se.global.locale = e;
+function Ir(e) {
+  Tr(e), Se.global.locale = e;
 }
-function Wn(e) {
+function bt(e) {
   return Se.global.t(e);
 }
-var Xt;
+var Kn = /* @__PURE__ */ ((e) => (e.UserFirst = "UserFirst", e.PUFirst = "PUFirst", e))(Kn || {});
+let Xn = "UserFirst";
+function Lr(e) {
+  Xn = e;
+}
+function wr() {
+  return Xn;
+}
+var qt;
 ((e) => {
   ((n) => {
-    function r(s) {
-      const l = [];
-      for (let i = 0; i < s; i++)
-        l.push({
+    function o(r, a) {
+      const i = [];
+      for (let c = 0; c < r; c++)
+        i.push({
           id: "testId",
           pid: "",
-          name: `device-${i}`,
-          online: i % 2 == 0,
+          name: `device-${c}`,
+          online: c % 2 == 0 && a,
           channels: []
         });
-      return l;
+      return i;
     }
-    function o(s) {
-      const l = [];
-      for (let i = 0; i < s; i++)
-        l.push({
+    function s(r) {
+      const a = [];
+      for (let i = 0; i < r; i++)
+        a.push({
           id: `groupid-${i}`,
           name: `group-${i}`,
           pid: "",
           onlineCount: 0,
           totalCount: 0,
-          devices: r(14),
-          items: o(s - i - 1)
+          devices: o(14, r % 2 == 0),
+          items: s(r - i - 1)
         });
-      return l;
+      return a;
     }
-    function a(s) {
-      const l = o(s);
-      return l[s - 1].items.push({
+    function l(r) {
+      const a = s(r);
+      return a[r - 1].items.push({
         id: "groupid-ttttttt",
         name: "group-ttttt",
         pid: "",
@@ -2044,105 +2060,105 @@ var Xt;
           channels: []
         }],
         items: []
-      }), console.log(l), {
+      }), console.log(a), {
         name: "hah",
         onlineCount: 0,
         totalCount: 0,
-        items: l
+        items: a
       };
     }
-    n.RandomDeviceGroup = a;
+    n.RandomDeviceGroup = l;
   })(e.Test || (e.Test = {}));
-  function t(n, r) {
-    for (let o = 0; o < n.length; o++)
-      r(n[o]), t(n[o].items, r);
+  function t(n, o) {
+    for (let s = 0; s < n.length; s++)
+      o(n[s]), t(n[s].items, o);
   }
   ((n) => {
-    function r(o) {
-      const a = {}, s = {};
-      return t(o.items, (l) => {
-        a[l.id] = l;
-        for (let i = 0; i < l.devices.length; i++)
-          s[l.devices[i].id] = l.devices[i];
+    function o(s) {
+      const l = {}, r = {};
+      return t(s.items, (a) => {
+        l[a.id] = a;
+        for (let i = 0; i < a.devices.length; i++)
+          r[a.devices[i].id] = a.devices[i];
       }), {
-        getGroup(l) {
-          return a[l];
+        getGroup(a) {
+          return l[a];
         },
-        getDevice(l) {
-          return s[l];
+        getDevice(a) {
+          return r[a];
         },
-        foreachGroup(l) {
-          for (let i in a)
-            l(a[i]);
+        foreachGroup(a) {
+          for (let i in l)
+            a(l[i]);
         }
       };
     }
-    n.AccessSession = r;
+    n.AccessSession = o;
   })(e.Utils || (e.Utils = {}));
-})(Xt || (Xt = {}));
-var x;
+})(qt || (qt = {}));
+var M;
 ((e) => {
-  function t(n, r, o) {
-    if (o) {
-      let s = n * r;
-      return o.forEach(([l, i, c, u]) => {
-        s -= (u - i) * (c - l) - 1;
+  function t(n, o, s) {
+    if (s) {
+      let r = n * o;
+      return s.forEach(([a, i, c, _]) => {
+        r -= (_ - i) * (c - a) - 1;
       }), {
-        count: s,
+        count: r,
         row: n,
-        col: r,
-        name: `${s < 10 ? `0${s}` : s}`,
-        areas: o.map(([l, i, c, u]) => ({
+        col: o,
+        name: `${r < 10 ? `0${r}` : r}`,
+        areas: s.map(([a, i, c, _]) => ({
           leftTop: {
-            col: l,
+            col: a,
             row: i
           },
           rightBottom: {
             col: c,
-            row: u
+            row: _
           }
         }))
       };
     }
-    const a = n * r;
+    const l = n * o;
     return {
-      count: a,
+      count: l,
       row: n,
-      col: r,
-      name: `${a < 10 ? `0${a}` : a}`
+      col: o,
+      name: `${l < 10 ? `0${l}` : l}`
     };
   }
   e.genLayout = t, ((n) => {
-    function r(a, s, l) {
-      if (l) {
-        const c = a * s - (l[3] - l[1]) * (l[2] - l[0]) + 1;
+    function o(l, r, a) {
+      if (a) {
+        const c = l * r - (a[3] - a[1]) * (a[2] - a[0]) + 1;
         return {
           count: c,
-          row: a,
-          col: s,
+          row: l,
+          col: r,
           name: `${c < 10 ? `0${c}` : c}`,
           area: {
             leftTop: {
-              row: l[1],
-              col: l[0]
+              row: a[1],
+              col: a[0]
             },
             rightBottom: {
-              row: l[3],
-              col: l[2]
+              row: a[3],
+              col: a[2]
             }
           }
         };
       }
-      const i = a * s;
+      const i = l * r;
       return {
         count: i,
-        row: a,
-        col: s,
+        row: l,
+        col: r,
         name: `${i < 10 ? `0${i}` : i}`
       };
     }
-    n.genLayout = r;
-    function o() {
+    n.genLayout = o;
+    function s() {
       return {
         count: 25,
         row: 5,
@@ -2150,105 +2166,109 @@ var x;
         name: "12"
       };
     }
-    n.getTestLayout = o;
+    n.getTestLayout = s;
   })(e.Test || (e.Test = {}));
-})(x || (x = {}));
-const Es = _e({
+})(M || (M = {}));
+const Sr = ie({
   props: {
     countInfo: Object,
     controlParams: Object
   },
   setup(e) {
-    function t(o, a) {
-      if (a) {
-        let s = 0;
-        return a.items.forEach((l) => {
-          s += t(o, l);
-        }), o(a) + s;
+    function t(s, l) {
+      if (l) {
+        let r = 0;
+        return l.items.forEach((a) => {
+          r += t(s, a);
+        }), s(l) + r;
       }
       return 0;
     }
-    const n = W(() => t((o) => {
-      var a, s;
-      if (o.devices) {
-        let l = (a = o.devices) == null ? void 0 : a.filter((c) => c.online);
-        const i = (s = e.controlParams) == null ? void 0 : s.searchStr;
-        return i && (l = l.filter((c) => c.name.includes(i) || c.id.includes(i))), l.length;
+    const n = G(() => t((s) => {
+      var l, r;
+      if (s.devices) {
+        let a = (l = s.devices) == null ? void 0 : l.filter((c) => c.online);
+        const i = (r = e.controlParams) == null ? void 0 : r.searchStr;
+        return i && (a = a.filter((c) => c.name.includes(i) || c.id.includes(i))), a.length;
       }
       return 0;
     }, e.countInfo));
     return {
-      totalCount: W(() => t((o) => {
-        var a;
-        if (o.devices) {
-          let s = o.devices;
-          const l = (a = e.controlParams) == null ? void 0 : a.searchStr;
-          return l && (s = s.filter((i) => i.name.includes(l) || i.id.includes(l))), s.length;
+      totalCount: G(() => t((s) => {
+        var l;
+        if (s.devices) {
+          let r = s.devices;
+          const a = (l = e.controlParams) == null ? void 0 : l.searchStr;
+          return a && (r = r.filter((i) => i.name.includes(a) || i.id.includes(a))), r.length;
         }
-        return o.totalCount;
+        return s.totalCount;
       }, e.countInfo)),
       onlineCount: n
     };
   }
 });
-const de = (e, t) => {
+const ce = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [r, o] of t)
-    n[r] = o;
+  for (const [o, s] of t)
+    n[o] = s;
   return n;
-}, Os = { class: "root" }, bs = { class: "count-show" };
-function Ns(e, t, n, r, o, a) {
-  return A(), F("div", Os, [
-    oe(e.$slots, "default", {
+}, Ar = { class: "root" }, Dr = { class: "count-show" }, Cr = { class: "count-show-online" }, Pr = { key: 0 };
+function $r(e, t, n, o, s, l) {
+  var r;
+  return C(), $("div", Ar, [
+    le(e.$slots, "default", {
       total: e.totalCount,
       online: e.onlineCount
     }, void 0, !0),
-    C("span", bs, se(e.onlineCount) + "/" + se(e.totalCount), 1)
+    T("span", Dr, [
+      T("span", Cr, ne(e.onlineCount), 1),
+      (r = e.controlParams) != null && r.onlyShowOnline ? Ie("", !0) : (C(), $("span", Pr, "/" + ne(e.totalCount), 1))
+    ])
   ]);
 }
-const jn = /* @__PURE__ */ de(Es, [["render", Ns], ["__scopeId", "data-v-a063c331"]]), Hn = Object.freeze(
+const Jn = /* @__PURE__ */ ce(Sr, [["render", $r], ["__scopeId", "data-v-98e9f401"]]), Qn = Object.freeze(
   {
     left: 0,
     top: 0,
     width: 16,
     height: 16
   }
-), Bn = Object.freeze({
+), qn = Object.freeze({
   rotate: 0,
   vFlip: !1,
   hFlip: !1
-}), Et = Object.freeze({
-  ...Hn,
-  ...Bn
+}), Ot = Object.freeze({
+  ...Qn,
+  ...qn
 });
 Object.freeze({
-  ...Et,
+  ...Ot,
   body: "",
   hidden: !1
 });
 ({
-  ...Hn
+  ...Qn
 });
-const zn = Object.freeze({
+const Zn = Object.freeze({
   width: null,
   height: null
-}), Yn = Object.freeze({
-  ...zn,
-  ...Bn
+}), eo = Object.freeze({
+  ...Zn,
+  ...qn
 });
-function Ts(e, t) {
+function kr(e, t) {
   const n = {
     ...e
   };
-  for (const r in t) {
-    const o = t[r], a = typeof o;
-    r in zn ? (o === null || o && (a === "string" || a === "number")) && (n[r] = o) : a === typeof n[r] && (n[r] = r === "rotate" ? o % 4 : o);
+  for (const o in t) {
+    const s = t[o], l = typeof s;
+    o in Zn ? (s === null || s && (l === "string" || l === "number")) && (n[o] = s) : l === typeof n[o] && (n[o] = o === "rotate" ? s % 4 : s);
   }
   return n;
 }
-const ys = /[\s,]+/;
-function Ls(e, t) {
-  t.split(ys).forEach((n) => {
+const Fr = /[\s,]+/;
+function Rr(e, t) {
+  t.split(Fr).forEach((n) => {
     switch (n.trim()) {
       case "horizontal":
         e.hFlip = !0;
@@ -2259,178 +2279,178 @@ function Ls(e, t) {
     }
   });
 }
-function Is(e, t = 0) {
+function Mr(e, t = 0) {
   const n = e.replace(/^-?[0-9.]*/, "");
-  function r(o) {
-    for (; o < 0; )
-      o += 4;
-    return o % 4;
+  function o(s) {
+    for (; s < 0; )
+      s += 4;
+    return s % 4;
   }
   if (n === "") {
-    const o = parseInt(e);
-    return isNaN(o) ? 0 : r(o);
+    const s = parseInt(e);
+    return isNaN(s) ? 0 : o(s);
   } else if (n !== e) {
-    let o = 0;
+    let s = 0;
     switch (n) {
       case "%":
-        o = 25;
+        s = 25;
         break;
       case "deg":
-        o = 90;
+        s = 90;
     }
-    if (o) {
-      let a = parseFloat(e.slice(0, e.length - n.length));
-      return isNaN(a) ? 0 : (a = a / o, a % 1 === 0 ? r(a) : 0);
+    if (s) {
+      let l = parseFloat(e.slice(0, e.length - n.length));
+      return isNaN(l) ? 0 : (l = l / s, l % 1 === 0 ? o(l) : 0);
     }
   }
   return t;
 }
-const Ss = /(-?[0-9.]*[0-9]+[0-9.]*)/g, ws = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
-function Jt(e, t, n) {
+const Vr = /(-?[0-9.]*[0-9]+[0-9.]*)/g, Ur = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+function Zt(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 r = e.split(Ss);
-  if (r === null || !r.length)
+  const o = e.split(Vr);
+  if (o === null || !o.length)
     return e;
-  const o = [];
-  let a = r.shift(), s = ws.test(a);
+  const s = [];
+  let l = o.shift(), r = Ur.test(l);
   for (; ; ) {
-    if (s) {
-      const l = parseFloat(a);
-      isNaN(l) ? o.push(a) : o.push(Math.ceil(l * t * n) / n);
+    if (r) {
+      const a = parseFloat(l);
+      isNaN(a) ? s.push(l) : s.push(Math.ceil(a * t * n) / n);
     } else
-      o.push(a);
-    if (a = r.shift(), a === void 0)
-      return o.join("");
-    s = !s;
+      s.push(l);
+    if (l = o.shift(), l === void 0)
+      return s.join("");
+    r = !r;
   }
 }
-function Ds(e, t) {
+function xr(e, t) {
   const n = {
-    ...Et,
+    ...Ot,
     ...e
-  }, r = {
-    ...Yn,
-    ...t
   }, o = {
+    ...eo,
+    ...t
+  }, s = {
     left: n.left,
     top: n.top,
     width: n.width,
     height: n.height
   };
-  let a = n.body;
-  [n, r].forEach((g) => {
-    const O = [], p = g.hFlip, h = g.vFlip;
-    let b = g.rotate;
-    p ? h ? b += 2 : (O.push(
-      "translate(" + (o.width + o.left).toString() + " " + (0 - o.top).toString() + ")"
-    ), O.push("scale(-1 1)"), o.top = o.left = 0) : h && (O.push(
-      "translate(" + (0 - o.left).toString() + " " + (o.height + o.top).toString() + ")"
-    ), O.push("scale(1 -1)"), o.top = o.left = 0);
-    let N;
-    switch (b < 0 && (b -= Math.floor(b / 4) * 4), b = b % 4, b) {
+  let l = n.body;
+  [n, o].forEach((p) => {
+    const b = [], g = p.hFlip, h = p.vFlip;
+    let y = p.rotate;
+    g ? h ? y += 2 : (b.push(
+      "translate(" + (s.width + s.left).toString() + " " + (0 - s.top).toString() + ")"
+    ), b.push("scale(-1 1)"), s.top = s.left = 0) : h && (b.push(
+      "translate(" + (0 - s.left).toString() + " " + (s.height + s.top).toString() + ")"
+    ), b.push("scale(1 -1)"), s.top = s.left = 0);
+    let O;
+    switch (y < 0 && (y -= Math.floor(y / 4) * 4), y = y % 4, y) {
       case 1:
-        N = o.height / 2 + o.top, O.unshift(
-          "rotate(90 " + N.toString() + " " + N.toString() + ")"
+        O = s.height / 2 + s.top, b.unshift(
+          "rotate(90 " + O.toString() + " " + O.toString() + ")"
         );
         break;
       case 2:
-        O.unshift(
-          "rotate(180 " + (o.width / 2 + o.left).toString() + " " + (o.height / 2 + o.top).toString() + ")"
+        b.unshift(
+          "rotate(180 " + (s.width / 2 + s.left).toString() + " " + (s.height / 2 + s.top).toString() + ")"
         );
         break;
       case 3:
-        N = o.width / 2 + o.left, O.unshift(
-          "rotate(-90 " + N.toString() + " " + N.toString() + ")"
+        O = s.width / 2 + s.left, b.unshift(
+          "rotate(-90 " + O.toString() + " " + O.toString() + ")"
         );
         break;
     }
-    b % 2 === 1 && (o.left !== o.top && (N = o.left, o.left = o.top, o.top = N), o.width !== o.height && (N = o.width, o.width = o.height, o.height = N)), O.length && (a = '<g transform="' + O.join(" ") + '">' + a + "</g>");
+    y % 2 === 1 && (s.left !== s.top && (O = s.left, s.left = s.top, s.top = O), s.width !== s.height && (O = s.width, s.width = s.height, s.height = O)), b.length && (l = '<g transform="' + b.join(" ") + '">' + l + "</g>");
   });
-  const s = r.width, l = r.height, i = o.width, c = o.height;
-  let u, d;
-  return s === null ? (d = l === null ? "1em" : l === "auto" ? c : l, u = Jt(d, i / c)) : (u = s === "auto" ? i : s, d = l === null ? Jt(u, c / i) : l === "auto" ? c : l), {
+  const r = o.width, a = o.height, i = s.width, c = s.height;
+  let _, u;
+  return r === null ? (u = a === null ? "1em" : a === "auto" ? c : a, _ = Zt(u, i / c)) : (_ = r === "auto" ? i : r, u = a === null ? Zt(_, c / i) : a === "auto" ? c : a), {
     attributes: {
-      width: u.toString(),
-      height: d.toString(),
-      viewBox: o.left.toString() + " " + o.top.toString() + " " + i.toString() + " " + c.toString()
+      width: _.toString(),
+      height: u.toString(),
+      viewBox: s.left.toString() + " " + s.top.toString() + " " + i.toString() + " " + c.toString()
     },
-    body: a
+    body: l
   };
 }
-const Cs = /\sid="(\S+)"/g, Ps = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
-let As = 0;
-function ks(e, t = Ps) {
+const Gr = /\sid="(\S+)"/g, Wr = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
+let jr = 0;
+function Br(e, t = Wr) {
   const n = [];
-  let r;
-  for (; r = Cs.exec(e); )
-    n.push(r[1]);
-  return n.length && n.forEach((o) => {
-    const a = typeof t == "function" ? t(o) : t + (As++).toString(), s = o.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  let o;
+  for (; o = Gr.exec(e); )
+    n.push(o[1]);
+  return n.length && n.forEach((s) => {
+    const l = typeof t == "function" ? t(s) : t + (jr++).toString(), r = s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
     e = e.replace(
-      new RegExp('([#;"])(' + s + ')([")]|\\.[a-z])', "g"),
-      "$1" + a + "$3"
+      new RegExp('([#;"])(' + r + ')([")]|\\.[a-z])', "g"),
+      "$1" + l + "$3"
     );
   }), e;
 }
-function Rs(e, t) {
+function Hr(e, t) {
   let n = e.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
-  for (const r in t)
-    n += " " + r + '="' + t[r] + '"';
+  for (const o in t)
+    n += " " + o + '="' + t[o] + '"';
   return '<svg xmlns="http://www.w3.org/2000/svg"' + n + ">" + e + "</svg>";
 }
-function Fs(e) {
+function zr(e) {
   return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
 }
-function $s(e) {
-  return 'url("data:image/svg+xml,' + Fs(e) + '")';
+function Yr(e) {
+  return 'url("data:image/svg+xml,' + zr(e) + '")';
 }
-const Qt = {
-  ...Yn,
+const en = {
+  ...eo,
   inline: !1
-}, Ms = {
+}, Kr = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": !0,
   role: "img"
-}, Vs = {
+}, Xr = {
   display: "inline-block"
-}, it = {
+}, ct = {
   backgroundColor: "currentColor"
-}, Kn = {
+}, to = {
   backgroundColor: "transparent"
-}, qt = {
+}, tn = {
   Image: "var(--svg)",
   Repeat: "no-repeat",
   Size: "100% 100%"
-}, Zt = {
-  webkitMask: it,
-  mask: it,
-  background: Kn
+}, nn = {
+  webkitMask: ct,
+  mask: ct,
+  background: to
 };
-for (const e in Zt) {
-  const t = Zt[e];
-  for (const n in qt)
-    t[e + n] = qt[n];
+for (const e in nn) {
+  const t = nn[e];
+  for (const n in tn)
+    t[e + n] = tn[n];
 }
-const Fe = {};
+const Me = {};
 ["horizontal", "vertical"].forEach((e) => {
   const t = e.slice(0, 1) + "Flip";
-  Fe[e + "-flip"] = t, Fe[e.slice(0, 1) + "-flip"] = t, Fe[e + "Flip"] = t;
+  Me[e + "-flip"] = t, Me[e.slice(0, 1) + "-flip"] = t, Me[e + "Flip"] = t;
 });
-function en(e) {
+function on(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
-const Us = (e, t) => {
-  const n = Ts(Qt, t), r = { ...Ms }, o = t.mode || "svg", a = {}, s = t.style, l = typeof s == "object" && !(s instanceof Array) ? s : {};
-  for (let p in t) {
-    const h = t[p];
+const Jr = (e, t) => {
+  const n = kr(en, t), o = { ...Kr }, s = t.mode || "svg", l = {}, r = t.style, a = typeof r == "object" && !(r instanceof Array) ? r : {};
+  for (let g in t) {
+    const h = t[g];
     if (h !== void 0)
-      switch (p) {
+      switch (g) {
         case "icon":
         case "style":
         case "onLoad":
@@ -2439,88 +2459,88 @@ const Us = (e, t) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          n[p] = h === !0 || h === "true" || h === 1;
+          n[g] = h === !0 || h === "true" || h === 1;
           break;
         case "flip":
-          typeof h == "string" && Ls(n, h);
+          typeof h == "string" && Rr(n, h);
           break;
         case "color":
-          a.color = h;
+          l.color = h;
           break;
         case "rotate":
-          typeof h == "string" ? n[p] = Is(h) : typeof h == "number" && (n[p] = h);
+          typeof h == "string" ? n[g] = Mr(h) : typeof h == "number" && (n[g] = h);
           break;
         case "ariaHidden":
         case "aria-hidden":
-          h !== !0 && h !== "true" && delete r["aria-hidden"];
+          h !== !0 && h !== "true" && delete o["aria-hidden"];
           break;
         default: {
-          const b = Fe[p];
-          b ? (h === !0 || h === "true" || h === 1) && (n[b] = !0) : Qt[p] === void 0 && (r[p] = h);
+          const y = Me[g];
+          y ? (h === !0 || h === "true" || h === 1) && (n[y] = !0) : en[g] === void 0 && (o[g] = h);
         }
       }
   }
-  const i = Ds(e, n), c = i.attributes;
-  if (n.inline && (a.verticalAlign = "-0.125em"), o === "svg") {
-    r.style = {
-      ...a,
-      ...l
-    }, Object.assign(r, c);
-    let p = 0, h = t.id;
-    return typeof h == "string" && (h = h.replace(/-/g, "_")), r.innerHTML = ks(i.body, h ? () => h + "ID" + p++ : "iconifyVue"), $e("svg", r);
+  const i = xr(e, n), c = i.attributes;
+  if (n.inline && (l.verticalAlign = "-0.125em"), s === "svg") {
+    o.style = {
+      ...l,
+      ...a
+    }, Object.assign(o, c);
+    let g = 0, h = t.id;
+    return typeof h == "string" && (h = h.replace(/-/g, "_")), o.innerHTML = Br(i.body, h ? () => h + "ID" + g++ : "iconifyVue"), Ve("svg", o);
   }
-  const { body: u, width: d, height: _ } = e, g = o === "mask" || (o === "bg" ? !1 : u.indexOf("currentColor") !== -1), O = Rs(u, {
+  const { body: _, width: u, height: d } = e, p = s === "mask" || (s === "bg" ? !1 : _.indexOf("currentColor") !== -1), b = Hr(_, {
     ...c,
-    width: d + "",
-    height: _ + ""
+    width: u + "",
+    height: d + ""
   });
-  return r.style = {
-    ...a,
-    "--svg": $s(O),
-    width: en(c.width),
-    height: en(c.height),
-    ...Vs,
-    ...g ? it : Kn,
-    ...l
-  }, $e("span", r);
-}, Xn = /* @__PURE__ */ Object.create(null);
-function Ne(e, t) {
-  Xn[e] = t;
-}
-const xs = _e({
+  return o.style = {
+    ...l,
+    "--svg": Yr(b),
+    width: on(c.width),
+    height: on(c.height),
+    ...Xr,
+    ...p ? ct : to,
+    ...a
+  }, Ve("span", o);
+}, no = /* @__PURE__ */ Object.create(null);
+function me(e, t) {
+  no[e] = t;
+}
+const Ye = ie({
   inheritAttrs: !1,
   render() {
-    const e = this.$attrs, t = e.icon, n = typeof t == "string" ? Xn[t] : typeof t == "object" ? t : null;
-    return n === null || typeof n != "object" || typeof n.body != "string" ? this.$slots.default ? this.$slots.default() : null : Us({
-      ...Et,
+    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 : Jr({
+      ...Ot,
       ...n
     }, e);
   }
 });
-var Gs = Object.defineProperty, Ws = Object.defineProperties, js = Object.getOwnPropertyDescriptors, tn = Object.getOwnPropertySymbols, Hs = Object.prototype.hasOwnProperty, Bs = Object.prototype.propertyIsEnumerable, nn = (e, t, n) => t in e ? Gs(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, on = (e, t) => {
+var Qr = Object.defineProperty, qr = Object.defineProperties, Zr = Object.getOwnPropertyDescriptors, sn = Object.getOwnPropertySymbols, el = Object.prototype.hasOwnProperty, tl = Object.prototype.propertyIsEnumerable, rn = (e, t, n) => t in e ? Qr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, ln = (e, t) => {
   for (var n in t || (t = {}))
-    Hs.call(t, n) && nn(e, n, t[n]);
-  if (tn)
-    for (var n of tn(t))
-      Bs.call(t, n) && nn(e, n, t[n]);
+    el.call(t, n) && rn(e, n, t[n]);
+  if (sn)
+    for (var n of sn(t))
+      tl.call(t, n) && rn(e, n, t[n]);
   return e;
-}, zs = (e, t) => Ws(e, js(t)), Ys = (e, t, n) => new Promise((r, o) => {
-  var a = (i) => {
+}, nl = (e, t) => qr(e, Zr(t)), ol = (e, t, n) => new Promise((o, s) => {
+  var l = (i) => {
     try {
-      l(n.next(i));
+      a(n.next(i));
     } catch (c) {
-      o(c);
+      s(c);
     }
-  }, s = (i) => {
+  }, r = (i) => {
     try {
-      l(n.throw(i));
+      a(n.throw(i));
     } catch (c) {
-      o(c);
+      s(c);
     }
-  }, l = (i) => i.done ? r(i.value) : Promise.resolve(i.value).then(a, s);
-  l((n = n.apply(e, t)).next());
+  }, a = (i) => i.done ? o(i.value) : Promise.resolve(i.value).then(l, r);
+  a((n = n.apply(e, t)).next());
 });
-const Ks = {
+const sl = {
   name: "VirtualList",
   props: {
     listData: {
@@ -2534,22 +2554,22 @@ const Ks = {
   },
   setup(e) {
     const t = {
-      screenHeight: M(0),
-      startOffset: M(0),
-      start: M(0),
-      end: M(0)
-    }, n = M(), r = {
-      listHeight: W(() => e.listData.length * e.itemSize),
-      visibleCount: W(() => Math.ceil(t.screenHeight.value / e.itemSize)),
-      getTransform: W(() => `translate3d(0,${t.startOffset.value}px,0)`),
-      visibleData: W(() => e.listData.slice(t.start.value, Math.min(t.end.value, e.listData.length)))
+      screenHeight: P(0),
+      startOffset: P(0),
+      start: P(0),
+      end: P(0)
+    }, n = P(), o = {
+      listHeight: G(() => e.listData.length * e.itemSize),
+      visibleCount: G(() => Math.ceil(t.screenHeight.value / e.itemSize)),
+      getTransform: G(() => `translate3d(0,${t.startOffset.value}px,0)`),
+      visibleData: G(() => e.listData.slice(t.start.value, Math.min(t.end.value, e.listData.length)))
     };
-    return on(zs(on({}, r), {
+    return ln(nl(ln({}, o), {
       virList: n
     }), t);
   },
   mounted() {
-    this.init(), Me(() => this.listData.length, () => Ys(this, null, function* () {
+    this.init(), Ue(() => this.listData.length, () => ol(this, null, function* () {
       yield this.$nextTick(), this.init();
     }));
   },
@@ -2565,46 +2585,46 @@ const Ks = {
     }
   }
 };
-function Xs(e, t, n, r, o, a) {
-  return A(), F("div", {
+function rl(e, t, n, o, s, l) {
+  return C(), $("div", {
     ref: "virList",
     class: "infinite-list-container",
-    onScroll: t[0] || (t[0] = (s) => a.scrollEvent())
+    onScroll: t[0] || (t[0] = (r) => l.scrollEvent())
   }, [
-    C("div", {
+    T("div", {
       class: "infinite-list-phantom",
       style: Le({ height: e.listHeight + "px" })
     }, null, 4),
-    C("div", {
+    T("div", {
       class: "infinite-list",
       style: Le({ transform: e.getTransform })
     }, [
-      (A(!0), F(Oe, null, Ce(e.visibleData, (s) => (A(), F("div", {
+      (C(!0), $(be, null, Pe(e.visibleData, (r) => (C(), $("div", {
         ref_for: !0,
         ref: "items",
         class: "infinite-list-item",
-        key: s.id,
+        key: r.id,
         style: Le({ height: n.itemSize + "px", lineHeight: n.itemSize + "px" })
       }, [
-        oe(e.$slots, "default", { data: s }, void 0, !0)
+        le(e.$slots, "default", { data: r }, void 0, !0)
       ], 4))), 128))
     ], 4)
   ], 544);
 }
-const Js = /* @__PURE__ */ de(Ks, [["render", Xs], ["__scopeId", "data-v-12d2a294"]]);
-var Qs = Object.defineProperty, qs = Object.defineProperties, Zs = Object.getOwnPropertyDescriptors, rn = Object.getOwnPropertySymbols, ea = Object.prototype.hasOwnProperty, ta = Object.prototype.propertyIsEnumerable, sn = (e, t, n) => t in e ? Qs(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, na = (e, t) => {
+const ll = /* @__PURE__ */ ce(sl, [["render", rl], ["__scopeId", "data-v-12d2a294"]]);
+var al = Object.defineProperty, il = Object.defineProperties, cl = Object.getOwnPropertyDescriptors, an = Object.getOwnPropertySymbols, ul = Object.prototype.hasOwnProperty, fl = Object.prototype.propertyIsEnumerable, cn = (e, t, n) => t in e ? al(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, dl = (e, t) => {
   for (var n in t || (t = {}))
-    ea.call(t, n) && sn(e, n, t[n]);
-  if (rn)
-    for (var n of rn(t))
-      ta.call(t, n) && sn(e, n, t[n]);
+    ul.call(t, n) && cn(e, n, t[n]);
+  if (an)
+    for (var n of an(t))
+      fl.call(t, n) && cn(e, n, t[n]);
   return e;
-}, oa = (e, t) => qs(e, Zs(t));
-const ra = _e({
+}, _l = (e, t) => il(e, cl(t));
+const ml = ie({
   components: {
-    VirtualList: Js,
-    CountShow: jn,
-    Icon: xs
+    VirtualList: ll,
+    CountShow: Jn,
+    Icon: Ye
   },
   name: "group-show",
   props: {
@@ -2612,157 +2632,157 @@ const ra = _e({
     controlParams: Object
   },
   setup(e, t) {
-    const n = M(), r = _n("theme"), o = {
+    const n = wr(), o = P(), s = pn("theme"), l = {
       filterDevice(u) {
-        var d, _, g, O, p;
-        let h = !0;
-        (d = e.controlParams) != null && d.searchStr && (h = u.name.indexOf((_ = e.controlParams) == null ? void 0 : _.searchStr) >= 0 || u.id.indexOf((g = e.controlParams) == null ? void 0 : g.searchStr) >= 0 || typeof u.user == "string" && u.user.indexOf((O = e.controlParams) == null ? void 0 : O.searchStr) >= 0);
-        let b = !0;
-        return (p = e.controlParams) != null && p.onlyShowOnline && (b = u.online), h && b;
+        var d, p, b, g, h;
+        let y = !0;
+        (d = e.controlParams) != null && d.searchStr && (y = u.name.indexOf((p = e.controlParams) == null ? void 0 : p.searchStr) >= 0 || u.id.indexOf((b = e.controlParams) == null ? void 0 : b.searchStr) >= 0 || typeof u.user == "string" && u.user.indexOf((g = e.controlParams) == null ? void 0 : g.searchStr) >= 0);
+        let O = !0;
+        return (h = e.controlParams) != null && h.onlyShowOnline && (O = u.online), y && O;
       },
       deviceText(u) {
-        return u.user ? u.name.length > 0 ? `${u.user} [${u.id}] [${u.name}]` : `${u.user} [${u.id}] []` : u.name.length > 0 ? `${u.name} [${u.id}]` : ` [${u.id}]`;
+        return u.user ? n == Kn.PUFirst ? u.name.length > 0 ? `${u.name} [${u.id}] [${u.user}]` : ` [${u.id}] [${u.user}]` : u.name.length > 0 ? `${u.user} [${u.id}] [${u.name}]` : `${u.user} [${u.id}] []` : u.name.length > 0 ? `${u.name} [${u.id}]` : ` [${u.id}]`;
       },
       groupText(u) {
         if (u)
           return u.name.length > 0 ? u.name : u.id;
       }
-    }, a = {
-      filteredDevices: W(() => {
+    }, r = {
+      filteredDevices: G(() => {
         var u;
-        const d = (u = e.deviceGroup) == null ? void 0 : u.devices, _ = d && d.filter((O) => o.filterDevice(O)) || [];
-        return _.filter((O) => O.online).concat(_.filter((O) => !O.online));
+        const d = (u = e.deviceGroup) == null ? void 0 : u.devices, p = d && d.filter((g) => l.filterDevice(g)) || [];
+        return p.filter((g) => g.online).concat(p.filter((g) => !g.online));
       })
-    }, s = W(() => a.filteredDevices.value.length > 10 ? "400px" : `${a.filteredDevices.value.length * 40}px`);
-    function l(u, d) {
+    }, a = G(() => r.filteredDevices.value.length > 10 ? "400px" : `${r.filteredDevices.value.length * 40}px`);
+    function i(u, d) {
       if (d.length == 0)
         return !0;
-      let _ = !1;
-      if ((u == null ? void 0 : u.name.indexOf(d)) > 0 && (_ = !0), _ || (_ = (u == null ? void 0 : u.devices.find((g) => g.name.indexOf(d) >= 0 || g.id.indexOf(d) >= 0 || g.user && g.user.indexOf(d) >= 0)) != null), !_) {
-        for (let g = 0; g < u.items.length; g++)
-          if (l(u.items[g], d))
+      let p = !1;
+      if ((u == null ? void 0 : u.name.indexOf(d)) > 0 && (p = !0), p || (p = (u == null ? void 0 : u.devices.find((b) => b.name.indexOf(d) >= 0 || b.id.indexOf(d) >= 0 || b.user && b.user.indexOf(d) >= 0)) != null), !p) {
+        for (let b = 0; b < u.items.length; b++)
+          if (i(u.items[b], d))
             return !0;
       }
-      return _;
+      return p;
     }
-    const i = W(() => {
+    const c = G(() => {
       if (e.controlParams) {
         const u = e.controlParams.searchStr;
         if (e.deviceGroup)
-          return l(e.deviceGroup, u);
+          return i(e.deviceGroup, u);
       }
       return !1;
-    }), c = M(!1);
-    return oa(na({
-      innerUtils: o
-    }, a), {
-      devicePanelHeight: s,
-      showGroup: i,
-      bShow: c,
-      theme: r,
-      countRef: n
+    }), _ = P(!1);
+    return _l(dl({
+      innerUtils: l
+    }, r), {
+      devicePanelHeight: a,
+      showGroup: c,
+      bShow: _,
+      theme: s,
+      countRef: o
     });
   }
 });
-const sa = {
+const gl = {
   key: 0,
   class: "head-op"
-}, aa = {
+}, pl = {
   key: 1,
   style: { display: "inline-block", width: "25px" }
-}, la = {
+}, hl = {
   key: 0,
   class: "group-head-count"
-}, ia = ["title"], ca = { class: "group-slot" }, ua = {
+}, vl = ["title"], El = { class: "group-slot" }, yl = {
   key: 0,
   style: { "margin-left": "26px" }
-}, fa = ["title"], _a = { class: "device-slot" };
-function da(e, t, n, r, o, a) {
-  var s;
-  const l = ce("Icon"), i = ce("CountShow"), c = ce("group-show"), u = ce("VirtualList");
-  return e.showGroup ? (A(), F("div", {
+}, bl = ["title"], Ol = { class: "device-slot" };
+function Nl(e, t, n, o, s, l) {
+  var r, a, i;
+  const c = te("Icon"), _ = te("CountShow"), u = te("group-show"), d = te("VirtualList");
+  return e.showGroup ? hn((C(), $("div", {
     key: 0,
-    class: Je("group " + e.theme)
+    class: xe("group " + e.theme)
   }, [
-    ae(i, {
+    ee(_, {
       countInfo: e.deviceGroup,
       controlParams: e.controlParams,
       ref: "countRef"
     }, {
-      default: ue(({ online: d, total: _ }) => {
-        var g, O;
+      default: ue(({ online: p, total: b }) => {
+        var g, h;
         return [
-          e.deviceGroup && e.deviceGroup.devices.length + e.deviceGroup.items.length > 0 ? (A(), F("span", sa, [
-            ae(l, {
+          e.deviceGroup && e.deviceGroup.devices.length + e.deviceGroup.items.length > 0 ? (C(), $("span", gl, [
+            ee(c, {
               icon: e.bShow ? "minus" : "plus",
               width: "20",
-              onClick: t[0] || (t[0] = (p) => e.bShow = !e.bShow),
+              onClick: t[0] || (t[0] = (y) => e.bShow = !e.bShow),
               class: "handle-ls-svg"
             }, null, 8, ["icon"])
-          ])) : (A(), F("span", aa)),
-          C("span", {
+          ])) : (C(), $("span", pl)),
+          T("span", {
             class: "group-head-db-click",
-            onDblclick: t[1] || (t[1] = (p) => e.bShow = !e.bShow)
+            onDblclick: t[1] || (t[1] = (y) => e.bShow = !e.bShow)
           }, [
-            ae(l, {
+            ee(c, {
               icon: e.bShow ? "group" : "group-closed",
               width: "24",
               class: "group-avatar"
             }, null, 8, ["icon"]),
-            e.bShow ? ze("", !0) : (A(), F("span", la, se((g = e.deviceGroup) == null ? void 0 : g.items.length), 1)),
-            C("span", {
+            e.bShow ? Ie("", !0) : (C(), $("span", hl, ne((g = e.deviceGroup) == null ? void 0 : g.items.length), 1)),
+            T("span", {
               class: "group-name",
-              title: (O = e.deviceGroup) == null ? void 0 : O.name
-            }, se(e.innerUtils.groupText(e.deviceGroup)), 9, ia)
+              title: (h = e.deviceGroup) == null ? void 0 : h.name
+            }, ne(e.innerUtils.groupText(e.deviceGroup)), 9, vl)
           ], 32),
-          C("div", ca, [
-            oe(e.$slots, "group", { group: e.deviceGroup }, void 0, !0)
+          T("div", El, [
+            le(e.$slots, "group", { group: e.deviceGroup }, void 0, !0)
           ])
         ];
       }),
       _: 3
     }, 8, ["countInfo", "controlParams"]),
-    e.bShow ? (A(), F("div", ua, [
-      (A(!0), F(Oe, null, Ce((s = e.deviceGroup) == null ? void 0 : s.items, (d, _) => (A(), dn(c, {
-        key: _,
-        deviceGroup: d,
+    e.bShow ? (C(), $("div", yl, [
+      (C(!0), $(be, null, Pe((r = e.deviceGroup) == null ? void 0 : r.items, (p, b) => (C(), ft(u, {
+        key: b,
+        deviceGroup: p,
         controlParams: e.controlParams
       }, {
         group: ue(({ group: g }) => [
-          oe(e.$slots, "group", { group: g }, void 0, !0)
+          le(e.$slots, "group", { group: g }, void 0, !0)
         ]),
-        device: ue(({ device: g, group: O }) => [
-          oe(e.$slots, "device", {
+        device: ue(({ device: g, group: h }) => [
+          le(e.$slots, "device", {
             device: g,
-            group: O
+            group: h
           }, void 0, !0)
         ]),
         _: 2
       }, 1032, ["deviceGroup", "controlParams"]))), 128)),
-      C("div", {
+      T("div", {
         class: "device-show-div",
         style: Le(`height: ${e.filteredDevices.length > 10 ? "400px" : `${e.filteredDevices.length * 40}px`}`)
       }, [
-        ae(u, {
+        ee(d, {
           "list-data": e.filteredDevices,
           "item-size": 40
         }, {
-          default: ue(({ data: d }) => [
-            C("div", {
-              class: Je(d.online && "online-device")
+          default: ue(({ data: p }) => [
+            T("div", {
+              class: xe(p.online && "online-device")
             }, [
-              ae(l, {
+              ee(c, {
                 icon: "user",
                 width: "16",
                 class: "device-avatar"
               }),
-              C("span", {
-                title: e.innerUtils.deviceText(d),
+              T("span", {
+                title: e.innerUtils.deviceText(p),
                 class: "device-name"
-              }, se(e.innerUtils.deviceText(d)), 9, fa),
-              C("div", _a, [
-                oe(e.$slots, "device", {
-                  device: d,
+              }, ne(e.innerUtils.deviceText(p)), 9, bl),
+              T("div", Ol, [
+                le(e.$slots, "device", {
+                  device: p,
                   group: e.deviceGroup
                 }, void 0, !0)
               ])
@@ -2771,44 +2791,46 @@ function da(e, t, n, r, o, a) {
           _: 3
         }, 8, ["list-data"])
       ], 4)
-    ])) : ze("", !0)
-  ], 2)) : ze("", !0);
+    ])) : Ie("", !0)
+  ], 2)), [
+    [vn, !((a = e.controlParams) != null && a.onlyShowOnline) || ((i = e.countRef) == null ? void 0 : i.onlineCount)]
+  ]) : Ie("", !0);
 }
-const ma = /* @__PURE__ */ de(ra, [["render", da], ["__scopeId", "data-v-93cfc8dc"]]), ga = {
+const Tl = /* @__PURE__ */ ce(ml, [["render", Nl], ["__scopeId", "data-v-e49e8e79"]]), Il = {
   width: 1024,
   height: 1024,
   body: '<path fill="currentColor" d="M384 192v640l384-320.064z"/>'
-}, pa = {
+}, Ll = {
   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 = {
+}, wl = {
   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"/>'
-}, va = {
+}, Sl = {
   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"/>'
-}, Ea = {
+}, Al = {
   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"/>'
-}, Oa = {
+}, Dl = {
   width: 1024,
   height: 1024,
   body: '<path fill="currentColor" d="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"/>'
 };
-Ne("right", ga);
-Ne("group", pa);
-Ne("group-closed", ha);
-Ne("user", va);
-Ne("plus", Ea);
-Ne("minus", Oa);
-const ba = _e({
+me("right", Il);
+me("group", Ll);
+me("group-closed", wl);
+me("user", Sl);
+me("plus", Al);
+me("minus", Dl);
+const Cl = ie({
   components: {
-    CountShow: jn,
-    GroupShow: ma
+    CountShow: Jn,
+    GroupShow: Tl
   },
   props: {
     deviceGroup: Object,
@@ -2831,50 +2853,53 @@ const ba = _e({
     }
   },
   setup(e) {
-    Do("theme", e.theme);
-    const t = M({
+    Vo("theme", e.theme);
+    const t = P({
       onlyShowOnline: !1,
       searchStr: ""
-    }), n = M();
+    }), n = P();
     return {
-      i18nT: Wn,
+      i18nT: bt,
       inputSearchRef: n,
       controlParams: t
     };
   }
 });
-const Na = { class: "device-group-list" }, Ta = { class: "search-panel" }, ya = { for: "onlineShow" }, La = { class: "device-panel" };
-function Ia(e, t, n, r, o, a) {
-  var s;
-  const l = ce("CountShow"), i = ce("group-show");
-  return A(), F("div", Na, [
-    C("div", Ta, [
-      ae(l, { countInfo: e.deviceGroup }, {
+const Pl = { class: "device-group-list" }, $l = { class: "search-panel" }, kl = { for: "onlineShow" }, Fl = { class: "device-panel" };
+function Rl(e, t, n, o, s, l) {
+  var r;
+  const a = te("CountShow"), i = te("group-show");
+  return C(), $("div", Pl, [
+    T("div", $l, [
+      ee(a, {
+        countInfo: e.deviceGroup,
+        "control-params": e.controlParams
+      }, {
         default: ue(() => [
-          C("input", {
+          T("input", {
             type: "checkbox",
             id: "onlineShow",
             value: "onlineShow",
             onChange: t[0] || (t[0] = (...c) => e.onCheckBoxChange && e.onCheckBoxChange(...c))
           }, null, 32),
-          C("label", ya, se(e.i18nT("zhi-xian-shi-zai-xian-she-bei")), 1)
+          T("label", kl, ne(e.i18nT("zhi-xian-shi-zai-xian-she-bei")), 1)
         ]),
         _: 1
-      }, 8, ["countInfo"])
+      }, 8, ["countInfo", "control-params"])
     ]),
-    C("div", La, [
-      (A(!0), F(Oe, null, Ce((s = e.deviceGroup) == null ? void 0 : s.items, (c, u) => (A(), dn(i, {
+    T("div", Fl, [
+      (C(!0), $(be, null, Pe((r = e.deviceGroup) == null ? void 0 : r.items, (c, _) => (C(), ft(i, {
         controlParams: e.controlParams,
-        key: u,
+        key: _,
         deviceGroup: c
       }, {
-        group: ue(({ group: d }) => [
-          oe(e.$slots, "group", { group: d }, void 0, !0)
+        group: ue(({ group: u }) => [
+          le(e.$slots, "group", { group: u }, void 0, !0)
         ]),
-        device: ue(({ device: d, group: _ }) => [
-          oe(e.$slots, "device", {
-            device: d,
-            group: _
+        device: ue(({ device: u, group: d }) => [
+          le(e.$slots, "device", {
+            device: u,
+            group: d
           }, void 0, !0)
         ]),
         _: 2
@@ -2882,121 +2907,131 @@ function Ia(e, t, n, r, o, a) {
     ])
   ]);
 }
-const Sa = /* @__PURE__ */ de(ba, [["render", Ia], ["__scopeId", "data-v-309f0551"]]);
-var wa = Object.defineProperty, Da = Object.defineProperties, Ca = Object.getOwnPropertyDescriptors, an = Object.getOwnPropertySymbols, Pa = Object.prototype.hasOwnProperty, Aa = Object.prototype.propertyIsEnumerable, ln = (e, t, n) => t in e ? wa(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Jn = (e, t) => {
+const Ml = /* @__PURE__ */ ce(Cl, [["render", Rl], ["__scopeId", "data-v-9d9b2057"]]);
+var Vl = Object.defineProperty, Ul = Object.defineProperties, xl = Object.getOwnPropertyDescriptors, un = Object.getOwnPropertySymbols, Gl = Object.prototype.hasOwnProperty, Wl = Object.prototype.propertyIsEnumerable, fn = (e, t, n) => t in e ? Vl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, oo = (e, t) => {
   for (var n in t || (t = {}))
-    Pa.call(t, n) && ln(e, n, t[n]);
-  if (an)
-    for (var n of an(t))
-      Aa.call(t, n) && ln(e, n, t[n]);
+    Gl.call(t, n) && fn(e, n, t[n]);
+  if (un)
+    for (var n of un(t))
+      Wl.call(t, n) && fn(e, n, t[n]);
   return e;
-}, ka = (e, t) => Da(e, Ca(t));
-const ye = 6, cn = ye * 2;
-function Ra(e, t) {
+}, jl = (e, t) => Ul(e, xl(t));
+const Te = 6, dn = Te * 2;
+function Bl(e, t) {
   return e.map(
-    ({ leftTop: { col: n, row: r }, rightBottom: { col: o, row: a } }) => `<line x1="${n * t.col + ye}" y1="${r * t.row + ye}" x2="${o * t.col + ye}" y2="${a * t.row + ye}" stroke="black" stroke-width="5"/>`
+    ({
+      leftTop: { col: n, row: o },
+      rightBottom: { col: s, row: l }
+    }) => `<line x1="${n * t.col + Te}" y1="${o * t.row + Te}" x2="${s * t.col + Te}" y2="${l * t.row + Te}" stroke="black" stroke-width="5"/>`
   ).join(" ");
 }
-function Fa(e, t, n) {
-  return n.findIndex((r) => e >= r.leftTop.row && e < r.rightBottom.row && t >= r.leftTop.col && t < r.rightBottom.col) >= 0;
+function Hl(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 $a(e, t, n) {
-  n.forEach((r) => {
-    const o = ka(Jn({}, r.leftTop), {
-      id: Qn(r.leftTop),
+function zl(e, t, n) {
+  n.forEach((o) => {
+    const s = jl(oo({}, o.leftTop), {
+      id: so(o.leftTop),
       layout: {
-        left: 100 / t.col * r.leftTop.col,
-        top: 100 / t.row * r.leftTop.row,
-        width: 100 / t.col * (r.rightBottom.col - r.leftTop.col),
-        height: 100 / t.row * (r.rightBottom.row - r.leftTop.row)
-      }
+        left: 100 / t.col * o.leftTop.col,
+        top: 100 / t.row * o.leftTop.row,
+        width: 100 / t.col * (o.rightBottom.col - o.leftTop.col),
+        height: 100 / t.row * (o.rightBottom.row - o.leftTop.row)
+      },
+      h: o.rightBottom.col - o.leftTop.col,
+      w: o.rightBottom.row - o.leftTop.row
     });
-    e.push(o);
+    e.push(s);
   });
 }
-function Qn(e) {
+function so(e) {
   return `${e.row}-${e.col}`;
 }
-const un = "ComponentsDefaultLayoutKeyAF84566";
-function Ma(e) {
+const _n = "ComponentsDefaultLayoutKeyAF84566", mn = "ComponentsCustomLayoutsKeyAF84566";
+function Yl(e) {
   const t = [], n = [];
-  for (let r = 0; r < e.points.length / 2; r++)
-    n.push(e.points.slice(r * 2, r * 2 + 2));
+  for (let o = 0; o < e.points.length / 2; o++)
+    n.push(e.points.slice(o * 2, o * 2 + 2));
   if (typeof e.row == "number") {
-    const r = e.row;
-    n.forEach(([o, a]) => {
+    const o = e.row;
+    n.forEach(([s, l]) => {
       t.push({
-        leftTop: { row: r, col: o },
-        rightBottom: { row: r, col: a }
+        leftTop: { row: o, col: s },
+        rightBottom: { row: o, col: l }
       });
     });
   }
   if (typeof e.col == "number") {
-    const r = e.col;
-    n.forEach(([o, a]) => {
+    const o = e.col;
+    n.forEach(([s, l]) => {
       t.push({
-        leftTop: { col: r, row: o },
-        rightBottom: { col: r, row: a }
+        leftTop: { col: o, row: s },
+        rightBottom: { col: o, row: l }
       });
     });
   }
   return t;
 }
-const xe = {
+const Ce = {
   TransLayoutToFrams(e) {
     const t = [];
     e.area && t.push(e.area), e.areas && t.push(...e.areas);
     const n = [];
-    for (let r = 0; r < e.row; r++)
-      for (let o = 0; o < e.col; o++) {
-        if (Fa(r, o, t))
+    for (let o = 0; o < e.row; o++)
+      for (let s = 0; s < e.col; s++) {
+        if (Hl(o, s, t))
           continue;
-        const a = Jn({
+        const l = oo({
           layout: {
-            left: 100 / e.col * o,
-            top: 100 / e.row * r,
+            left: 100 / e.col * s,
+            top: 100 / e.row * o,
             width: 100 / e.col,
             height: 100 / e.row
           },
-          id: Qn({ row: r, col: o })
-        }, { row: r, col: o });
-        n.push(a);
+          id: so({ row: o, col: s })
+        }, { row: o, col: s, w: 1, h: 1 });
+        n.push(l);
       }
-    return $a(n, e, t), n;
+    return zl(n, e, t), n;
   },
   TransLayoutToSVG(e, t) {
     const n = [];
     e.area && n.push(e.area), e.areas && n.push(...e.areas);
-    const r = [], o = [];
+    const o = [], s = [];
     for (let c = 0; c <= e.row; c++)
-      r.push({
+      o.push({
         row: c,
         points: [0, e.col]
       });
     for (let c = 0; c <= e.col; c++)
-      o.push({
+      s.push({
         col: c,
         points: [0, e.row]
       });
-    n.forEach(({ leftTop: { row: c, col: u }, rightBottom: { row: d, col: _ } }) => {
-      for (let g = c + 1; g < d; g++)
-        r[g].points.push(u, _);
-      for (let g = u + 1; g < _; g++)
-        o[g].points.push(c, d);
-    });
-    const a = r.concat(...o), s = [];
-    a.forEach((c) => {
-      c.points = c.points.sort(), s.push(...Ma(c));
+    n.forEach(
+      ({
+        leftTop: { row: c, col: _ },
+        rightBottom: { row: u, col: d }
+      }) => {
+        for (let p = c + 1; p < u; p++)
+          o[p].points.push(_, d);
+        for (let p = _ + 1; p < d; p++)
+          s[p].points.push(c, u);
+      }
+    );
+    const l = o.concat(...s), r = [];
+    l.forEach((c) => {
+      c.points = c.points.sort(), r.push(...Yl(c));
     });
-    const l = {
+    const a = {
       row: t.height / e.row,
       col: t.width / e.col
-    }, i = Ra(s, l);
-    return `<svg viewBox='0 0 ${t.width + cn} ${t.height + cn} ' width="100%" height="100%"> ${i} </svg>`;
+    }, i = Bl(r, a);
+    return `<svg viewBox='0 0 ${t.width + dn} ${t.height + dn} ' width="100%" height="100%"> ${i} </svg>`;
   },
   StorageDefaultLayout: {
     get() {
-      const e = localStorage.getItem(un);
+      const e = localStorage.getItem(_n);
       if (e == null)
         return null;
       try {
@@ -3006,10 +3041,25 @@ const xe = {
       }
     },
     set(e) {
-      localStorage.setItem(un, JSON.stringify(e));
+      localStorage.setItem(_n, JSON.stringify(e));
+    }
+  },
+  CustomLayouts: {
+    get() {
+      const e = localStorage.getItem(mn);
+      if (e == null)
+        return [];
+      try {
+        return JSON.parse(e);
+      } catch {
+        return [];
+      }
+    },
+    set(e) {
+      localStorage.setItem(mn, JSON.stringify(e));
     }
   }
-}, Va = _e({
+}, Kl = ie({
   emits: {
     onselect(e, t) {
       return !0;
@@ -3024,10 +3074,10 @@ const xe = {
     }
   },
   setup(e) {
-    const t = M([]);
+    const t = P([]);
     return e.layouts && e.layouts.forEach((n) => {
       t.value.push({
-        svg: xe.TransLayoutToSVG(n, { width: 100, height: 100 }),
+        svg: Ce.TransLayoutToSVG(n, { width: 100, height: 100 }),
         layout: n,
         select: JSON.stringify(n) == JSON.stringify(e.defaultLayout)
       });
@@ -3064,117 +3114,349 @@ const xe = {
     }
   }
 });
-const Ua = ["onClick"], xa = { style: { position: "relative", display: "inline-block", margin: "10px" } }, Ga = ["innerHTML"], Wa = { style: { "vertical-align": "middle" } };
-function ja(e, t, n, r, o, a) {
-  return A(), F("div", null, [
-    (A(!0), F(Oe, null, Ce(e.layoutInfos, (s) => (A(), F("div", {
-      class: Je(s.select ? "layout-item layout-item-select" : "layout-item"),
-      onClick: (l) => e.selectClick(s)
+const Xl = ["onClick"], Jl = { style: { position: "relative", display: "inline-block", margin: "10px" } }, Ql = ["innerHTML"], ql = { style: { "vertical-align": "middle" } };
+function Zl(e, t, n, o, s, l) {
+  return C(), $("div", null, [
+    (C(!0), $(be, null, Pe(e.layoutInfos, (r) => (C(), $("div", {
+      class: xe(r.select ? "layout-item layout-item-select" : "layout-item"),
+      onClick: (a) => e.selectClick(r)
     }, [
-      C("div", xa, [
-        C("div", {
-          innerHTML: s.svg,
+      T("div", Jl, [
+        T("div", {
+          innerHTML: r.svg,
           class: "svg-style"
-        }, null, 8, Ga),
-        C("span", Wa, se(s.layout.name), 1)
+        }, null, 8, Ql),
+        T("span", ql, ne(r.layout.name), 1)
+      ])
+    ], 10, Xl))), 256))
+  ]);
+}
+const ro = /* @__PURE__ */ ce(Kl, [["render", Zl], ["__scopeId", "data-v-36f7a9fc"]]), ea = ie({
+  props: {
+    layout: {
+      type: Object
+    }
+  },
+  setup(e) {
+    const t = G(() => e.layout ? Ce.TransLayoutToFrams(e.layout).sort((o, s) => o.row == s.row ? o.col - s.col : o.row - s.row) : []);
+    return {
+      areas: G(() => t.value.map((o) => ({
+        id: o.id,
+        row: o.row,
+        col: o.col,
+        h: o.h,
+        w: o.w
+      }))),
+      frameRef: t
+    };
+  }
+});
+const ta = { style: { position: "relative", height: "100%", width: "100%" } };
+function na(e, t, n, o, s, l) {
+  return C(), $("div", ta, [
+    (C(!0), $(be, null, Pe(e.frameRef, ({ layout: r, id: a, row: i, col: c, w: _, h: u }, d) => (C(), $("div", {
+      class: "play-area",
+      key: d,
+      style: Le(`position: absolute; top: calc(${r.top}%); left: calc(${r.left}%); width: calc(${r.width}%); height: calc(${r.height}%);`)
+    }, [
+      le(e.$slots, "default", {
+        id: a,
+        row: i,
+        col: c,
+        w: _,
+        h: u,
+        index: d,
+        areas: e.areas
+      }, void 0, !0)
+    ], 4))), 128))
+  ]);
+}
+const lo = /* @__PURE__ */ ce(ea, [["render", na], ["__scopeId", "data-v-e6baa31a"]]), oa = {
+  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"/>'
+};
+me("close", oa);
+const sa = ie({
+  components: {
+    VideoAreaLayoutShow: lo,
+    Icon: Ye
+  },
+  setup() {
+    const e = P(3), t = P(3), n = P(
+      []
+    ), o = G(() => M.genLayout(e.value, t.value, n.value)), s = P({}), l = P([]);
+    return {
+      areas: n,
+      row: e,
+      col: t,
+      layout: o,
+      selectAreaInfo: s,
+      tempSelectAreaInfo: l
+    };
+  },
+  mounted() {
+    window.addEventListener("mouseup", this.onMouseUp);
+  },
+  unmounted() {
+    window.removeEventListener("mouseup", this.onMouseUp);
+  },
+  methods: {
+    onDelLayout(e) {
+      console.log(this.layout, e);
+      const t = this.areas.findIndex(
+        ([n, o]) => e.row == o && e.col == n
+      );
+      t >= 0 && this.areas.splice(t, 1);
+    },
+    onMouseUp() {
+      if (this.selectAreaInfo.error) {
+        this.selectAreaInfo.start = void 0, this.selectAreaInfo.end = void 0, this.selectAreaInfo.error = void 0;
+        return;
+      }
+      if (this.selectAreaInfo.start) {
+        const e = this.GetLayouts();
+        e && ((e[1].row - e[0].row > 0 || e[1].col - e[0].col > 0) && this.areas.push([
+          e[0].col,
+          e[0].row,
+          e[1].col + 1,
+          e[1].row + 1
+        ]), console.log(this.areas), this.selectAreaInfo.start = void 0, this.selectAreaInfo.end = void 0);
+      }
+    },
+    GetLayouts() {
+      var e, t, n, o, s, l, r, a;
+      if (this.selectAreaInfo.start && this.selectAreaInfo.end)
+        return [
+          {
+            id: "",
+            col: Math.min(
+              (e = this.selectAreaInfo.start) == null ? void 0 : e.col,
+              (t = this.selectAreaInfo.end) == null ? void 0 : t.col
+            ),
+            row: Math.min(
+              (n = this.selectAreaInfo.start) == null ? void 0 : n.row,
+              (o = this.selectAreaInfo.end) == null ? void 0 : o.row
+            ),
+            areas: []
+          },
+          {
+            id: "",
+            col: Math.max(
+              (s = this.selectAreaInfo.start) == null ? void 0 : s.col,
+              (l = this.selectAreaInfo.end) == null ? void 0 : l.col
+            ),
+            row: Math.max(
+              (r = this.selectAreaInfo.start) == null ? void 0 : r.row,
+              (a = this.selectAreaInfo.end) == null ? void 0 : a.row
+            ),
+            areas: []
+          }
+        ];
+    },
+    genClass(e) {
+      if (e.w && e.w > 1 || e.h && e.h > 1)
+        return "area-item area-compose";
+      if (this.selectAreaInfo.error && e.row == this.selectAreaInfo.error.row && e.col == this.selectAreaInfo.error.col)
+        return "area-item area-select-cant";
+      let t = "area-item";
+      const n = this.GetLayouts();
+      if (n) {
+        const [o, s] = n;
+        this.checkVaild([o.col, o.row, s.col, s.row]) ? e.col >= o.col && e.col <= s.col && e.row >= o.row && e.row <= s.row && (t += " area-select") : t += " area-select-cant";
+      }
+      return t;
+    },
+    onMouseDown(e) {
+      e.w && e.w > 1 || e.h && e.h > 1 || (this.selectAreaInfo.start = e, this.selectAreaInfo.end = e);
+    },
+    checkVaild(e) {
+      e[0] > e[2];
+      const [t, n] = e[0] > e[2] ? [e[2], e[0]] : [e[0], e[2]], [o, s] = e[1] > e[3] ? [e[3], e[1]] : [e[1], e[3]];
+      console.log(t, n, o, s);
+      for (let l = t; l <= n; l++)
+        for (let r = o; r <= s; r++)
+          if (this.areas.find((a) => this.checkPointInArea([l, r], a)))
+            return !1;
+      return !0;
+    },
+    checkPointInArea([e, t], [n, o, s, l]) {
+      return console.log(e, t, n, o, s, l), e >= n && e < s && t >= o && t < l;
+    },
+    onMouseOver(e, t) {
+      t.w && t.w > 1 || t.h && t.h > 1 || (e.buttons == 1 ? this.selectAreaInfo.start && (this.selectAreaInfo.error = void 0, this.checkVaild([
+        this.selectAreaInfo.start.col,
+        this.selectAreaInfo.start.row,
+        t.col,
+        t.row
+      ]) ? this.selectAreaInfo.end = t : this.selectAreaInfo.error = t) : this.selectAreaInfo.start && (this.selectAreaInfo.start = void 0, this.selectAreaInfo.end = void 0));
+    }
+  }
+});
+const ra = { style: { height: "calc(100% - 80px)", width: "calc(100%)", position: "relative" } }, la = ["onMouseenter", "onMousedown"], aa = { style: { "font-size": "32px" } }, ia = { style: { display: "inline-block", width: "40px", "text-align": "center" } }, ca = { style: { display: "inline-block", width: "calc(100% - 40px)", "text-align": "right", "vertical-align": "middle" } }, ua = ["onClick"];
+function fa(e, t, n, o, s, l) {
+  const r = te("Icon"), a = te("VideoAreaLayoutShow");
+  return C(), $("div", ra, [
+    ee(a, { layout: e.layout }, {
+      default: ue((i) => [
+        T("div", {
+          class: xe(e.genClass(i)),
+          onMouseenter: (c) => e.onMouseOver(c, i),
+          onMousedown: (c) => e.onMouseDown(i),
+          style: { "user-select": "none" }
+        }, [
+          T("div", aa, [
+            T("div", ia, ne(i.index + 1), 1),
+            T("div", ca, [
+              T("span", {
+                onClick: (c) => e.onDelLayout(i)
+              }, [
+                i.w > 1 || i.h > 1 ? (C(), ft(r, {
+                  key: 0,
+                  icon: "close",
+                  class: "close-btn"
+                })) : Ie("", !0)
+              ], 8, ua)
+            ])
+          ])
+        ], 42, la)
+      ]),
+      _: 1
+    }, 8, ["layout"])
+  ]);
+}
+const da = /* @__PURE__ */ ce(sa, [["render", fa], ["__scopeId", "data-v-c3d9b21a"]]), _a = ie({
+  components: {
+    Icon: Ye,
+    LayoutShow: ro,
+    CustomLayoutGen: da
+  },
+  setup() {
+    return {
+      layout: P(
+        Ce.CustomLayouts.get()
+      ),
+      i18nT: bt
+    };
+  }
+});
+const ma = { style: { "margin-left": "10px", "margin-top": "10px" } }, ga = { class: "plus-custom-layout" }, pa = /* @__PURE__ */ En("\u6DFB\u52A0\u5E03\u5C40 "), ha = { style: { "margin-top": "10px" } }, va = { style: { height: "300px" } };
+function Ea(e, t, n, o, s, l) {
+  const r = te("Icon"), a = te("CustomLayoutGen");
+  return C(), $("div", ma, [
+    T("span", null, [
+      En(ne(e.i18nT("zi-ding-yi-bu-ju")) + "\uFF1A ", 1),
+      T("span", ga, [
+        ee(r, {
+          icon: "plus",
+          style: { "vertical-align": "text-top" }
+        }),
+        pa
+      ])
+    ]),
+    T("div", ha, [
+      T("div", va, [
+        ee(a)
       ])
-    ], 10, Ua))), 256))
+    ])
   ]);
 }
-const Ha = /* @__PURE__ */ de(Va, [["render", ja], ["__scopeId", "data-v-36f7a9fc"]]), Ba = _e({
+const ya = /* @__PURE__ */ ce(_a, [["render", Ea], ["__scopeId", "data-v-f8b51862"]]), ba = ie({
   emits: {
     LayoutChange(e, t, n) {
       return !0;
     }
   },
   components: {
-    LayoutShow: Ha
+    UseCustomLayoutSelector: ya,
+    LayoutShow: ro,
+    Icon: Ye
   },
   setup(e, t) {
     const n = [
-      x.Test.genLayout(1, 1),
-      x.Test.genLayout(1, 2),
-      x.Test.genLayout(2, 2),
-      x.Test.genLayout(2, 3),
-      x.genLayout(3, 3, [
+      M.Test.genLayout(1, 1),
+      M.Test.genLayout(1, 2),
+      M.Test.genLayout(2, 2),
+      M.Test.genLayout(2, 3),
+      M.genLayout(3, 3, [
         [0, 0, 2, 2],
         [2, 0, 3, 2]
       ]),
-      x.Test.genLayout(3, 3, [0, 0, 2, 2]),
-      x.Test.genLayout(3, 3, [1, 0, 2, 3]),
-      x.Test.genLayout(4, 4, [0, 0, 3, 3]),
-      x.Test.genLayout(3, 3),
-      x.Test.genLayout(5, 5, [0, 0, 4, 4]),
-      x.Test.genLayout(6, 6, [0, 0, 5, 5]),
-      x.Test.genLayout(4, 4, [1, 1, 3, 3]),
-      x.Test.genLayout(4, 4),
-      x.Test.genLayout(5, 5),
-      x.Test.genLayout(6, 6)
-    ], r = M();
-    let o = xe.StorageDefaultLayout.get();
-    const a = o || n[0];
-    function s(p, h) {
+      M.Test.genLayout(3, 3, [0, 0, 2, 2]),
+      M.Test.genLayout(3, 3, [1, 0, 2, 3]),
+      M.Test.genLayout(4, 4, [0, 0, 3, 3]),
+      M.Test.genLayout(3, 3),
+      M.Test.genLayout(5, 5, [0, 0, 4, 4]),
+      M.Test.genLayout(6, 6, [0, 0, 5, 5]),
+      M.Test.genLayout(4, 4, [1, 1, 3, 3]),
+      M.Test.genLayout(4, 4),
+      M.Test.genLayout(5, 5),
+      M.Test.genLayout(6, 6)
+    ], o = P();
+    let s = Ce.StorageDefaultLayout.get();
+    const l = s || n[0];
+    function r(g, h) {
       return t.emit(
         "LayoutChange",
-        JSON.stringify(p.layout),
-        p,
+        JSON.stringify(g.layout),
+        g,
         () => {
-          u.value && d();
+          _.value && u();
         }
-      ), p.cancel || (c.value = h), !p.cancel;
+      ), g.cancel || (c.value = h), !g.cancel;
     }
-    let l = !0;
-    const i = function(p, h) {
-      JSON.stringify(o) != JSON.stringify(p) && s(p, h) && l && (o = p.layout, xe.StorageDefaultLayout.set(p.layout)), c.value.length == 0 && s(p, h);
-    }, c = M(""), u = M(!1), d = () => {
-      u.value = !u.value, u.value ? window.addEventListener("click", _) : window.removeEventListener("click", _);
-    }, _ = (p) => {
-      u.value && p.composedPath().findIndex(({ className: b }) => b == "layout-switcher") < 0 && (u.value = !1, window.removeEventListener("click", _));
+    let a = !0;
+    const i = function(g, h) {
+      JSON.stringify(s) != JSON.stringify(g) && r(g, h) && a && (s = g.layout, Ce.StorageDefaultLayout.set(g.layout)), c.value.length == 0 && r(g, h);
+    }, c = P(""), _ = P(!1), u = () => {
+      _.value = !_.value, _.value ? window.addEventListener("click", d) : window.removeEventListener("click", d);
+    }, d = (g) => {
+      _.value && g.composedPath().findIndex(({ className: y }) => y == "layout-switcher") < 0 && (_.value = !1, window.removeEventListener("click", d));
     };
     return {
-      i18nT: Wn,
-      selectClassicalLayout: (p, h, b) => {
-        var N;
-        b || (l = !1);
-        const L = n.find((T) => T.row == p && T.col == h && typeof T.area > "u" && typeof T.areas > "u");
-        L && ((N = r.value) == null || N.SelectLayoutById(JSON.stringify(L))), b = !0;
+      i18nT: bt,
+      selectClassicalLayout: (g, h, y) => {
+        var O;
+        y || (a = !1);
+        const L = n.find((N) => N.row == g && N.col == h && typeof N.area > "u" && typeof N.areas > "u");
+        L && ((O = o.value) == null || O.SelectLayoutById(JSON.stringify(L))), y = !0;
       },
-      selectLoyoutById: (p, h) => {
-        var b;
-        h || (l = !1), (b = r.value) == null || b.SelectLayoutById(p), h = !0;
+      selectLoyoutById: (g, h) => {
+        var y;
+        h || (a = !1), (y = o.value) == null || y.SelectLayoutById(g), h = !0;
       },
-      refLayoutShow: r,
-      clickShowSelectPanel: d,
-      showSelectPanel: u,
+      refLayoutShow: o,
+      clickShowSelectPanel: u,
+      showSelectPanel: _,
       onselect: i,
       svgSelect: c,
       layout: n,
-      defaultLayout: a
+      defaultLayout: l
     };
   },
   expose: ["selectLoyoutById", "selectClassicalLayout"]
 });
-const za = { class: "layout-switcher" }, Ya = ["innerHTML"], Ka = { class: "switch-panel" }, Xa = { style: { "margin-left": "10px" } }, Ja = { style: { "margin-left": "10px", padding: "10px" } }, Qa = { style: { "margin-left": "10px" } };
-function qa(e, t, n, r, o, a) {
-  const s = ce("LayoutShow");
-  return A(), F("div", za, [
-    C("div", {
-      onClick: t[0] || (t[0] = (...l) => e.clickShowSelectPanel && e.clickShowSelectPanel(...l)),
+const Oa = { class: "layout-switcher" }, Na = ["innerHTML"], Ta = { class: "switch-panel" }, Ia = { style: { "margin-left": "10px" } }, La = { style: { "margin-left": "10px", padding: "10px" } }, wa = { style: { "margin-left": "10px" } };
+function Sa(e, t, n, o, s, l) {
+  const r = te("LayoutShow");
+  return C(), $("div", Oa, [
+    T("div", {
+      onClick: t[0] || (t[0] = (...a) => e.clickShowSelectPanel && e.clickShowSelectPanel(...a)),
       class: "switch-switcher"
     }, [
-      C("div", {
+      T("div", {
         innerHTML: e.svgSelect,
         style: { height: "32px", display: "inline-block", "vertical-align": "middle" }
-      }, null, 8, Ya)
+      }, null, 8, Na)
     ]),
-    Co(C("div", Ka, [
-      C("div", Xa, [
-        C("span", null, se(e.i18nT("qing-xuan-ze-bu-ju-yang-shi")), 1)
+    hn(T("div", Ta, [
+      T("div", Ia, [
+        T("span", null, ne(e.i18nT("qing-xuan-ze-bu-ju-yang-shi")), 1)
       ]),
-      C("div", Ja, [
-        C("div", Qa, [
-          C("span", null, se(e.i18nT("biao-zhun-bu-ju")) + "\uFF1A", 1),
-          ae(s, {
+      T("div", La, [
+        T("div", wa, [
+          T("span", null, ne(e.i18nT("biao-zhun-bu-ju")) + "\uFF1A", 1),
+          ee(r, {
             ref: "refLayoutShow",
             layouts: e.layout,
             defaultLayout: e.defaultLayout,
@@ -3183,60 +3465,29 @@ function qa(e, t, n, r, o, a) {
         ])
       ])
     ], 512), [
-      [Po, e.showSelectPanel]
+      [vn, e.showSelectPanel]
     ])
   ]);
 }
-const Za = /* @__PURE__ */ de(Ba, [["render", qa], ["__scopeId", "data-v-d76cdc4b"]]), el = _e({
-  props: {
-    layout: {
-      type: Object
-    }
-  },
-  setup(e) {
-    const t = W(() => e.layout ? xe.TransLayoutToFrams(e.layout).sort((r, o) => r.row == o.row ? r.col - o.col : r.row - o.row) : []);
-    return {
-      areas: W(() => t.value.map((r) => ({
-        id: r.id,
-        row: r.row,
-        col: r.col
-      }))),
-      frameRef: t
-    };
-  }
-});
-const tl = { style: { position: "relative", height: "100%", width: "100%" } };
-function nl(e, t, n, r, o, a) {
-  return A(), F("div", tl, [
-    (A(!0), F(Oe, null, Ce(e.frameRef, ({ layout: s, id: l, row: i, col: c }) => (A(), F("div", {
-      class: "play-area",
-      style: Le(`position: absolute; top: calc(${s.top}%); left: calc(${s.left}%); width: calc(${s.width}%); height: calc(${s.height}%);`)
-    }, [
-      oe(e.$slots, "default", {
-        id: l,
-        row: i,
-        col: c,
-        areas: e.areas
-      }, void 0, !0)
-    ], 4))), 256))
-  ]);
-}
-const ol = /* @__PURE__ */ de(el, [["render", nl], ["__scopeId", "data-v-efd900be"]]), fn = {
-  RecursionDeviceGroup: Sa,
-  VideoAreasLayoutShow: ol,
-  MultiVideoAreaLayoutSwitch: Za
-}, al = {
+const Aa = /* @__PURE__ */ ce(ba, [["render", Sa], ["__scopeId", "data-v-9b560073"]]), gn = {
+  RecursionDeviceGroup: Ml,
+  VideoAreasLayoutShow: lo,
+  MultiVideoAreaLayoutSwitch: Aa
+}, Pa = {
   install(e, t) {
-    vs(t && typeof t.locale < "u" ? t.locale : Gn.en);
-    for (const n in fn) {
-      const r = fn[n];
-      e.component(n, r);
+    Ir(
+      t && typeof t.locale < "u" ? t.locale : Yn.en
+    ), t.deviceListDisplayStyle && Lr(t.deviceListDisplayStyle);
+    for (const n in gn) {
+      const o = gn[n];
+      e.component(n, o);
     }
   }
 };
 export {
-  Xt as RecursionDeviceGroup,
-  x as VideoAreaLayout,
-  al as default
+  Kn as DeviceListNameDisplayStyle,
+  qt as RecursionDeviceGroup,
+  M as VideoAreaLayout,
+  Pa as default
 };
 //# sourceMappingURL=smarteye-e-components.mjs.map