smarteye-e-components 0.0.7 → 0.0.9

package/dist/smarteye-e-components.mjs

@@ -1,1814 +1,322 @@
-function Hn(e, t) {
-  const n = /* @__PURE__ */ Object.create(null), r = e.split(",");
-  for (let o = 0; o < r.length; o++)
-    n[r[o]] = !0;
-  return t ? (o) => !!n[o.toLowerCase()] : (o) => !!n[o];
-}
-function Ze(e) {
-  if (w(e)) {
-    const t = {};
-    for (let n = 0; n < e.length; n++) {
-      const r = e[n], o = D(r) ? Kn(r) : Ze(r);
-      if (o)
-        for (const s in o)
-          t[s] = o[s];
+import { defineComponent as F, computed as O, openBlock as w, createElementBlock as b, renderSlot as y, createElementVNode as f, toDisplayString as P, h as E, ref as G, resolveComponent as k, createVNode as $, withCtx as C, Fragment as j, renderList as D, createBlock as W, withDirectives as et, normalizeClass as ot, vShow as nt, createCommentVNode as T, pushScopeId as st, popScopeId as rt } from "vue";
+var H;
+((t) => {
+  ((o) => {
+    function s(c) {
+      const i = [];
+      for (let l = 0; l < c; l++)
+        i.push({
+          id: "testId",
+          name: `device-${l}`,
+          online: l % 2 == 0,
+          channels: []
+        });
+      return i;
     }
-    return t;
-  } else {
-    if (D(e))
-      return e;
-    if (S(e))
-      return e;
-  }
-}
-const Gn = /;(?![^(]*\))/g, kn = /:(.+)/;
-function Kn(e) {
-  const t = {};
-  return e.split(Gn).forEach((n) => {
-    if (n) {
-      const r = n.split(kn);
-      r.length > 1 && (t[r[0].trim()] = r[1].trim());
+    function e(c) {
+      const i = [];
+      for (let l = 0; l < c; l++)
+        i.push({
+          id: `groupid-${l}`,
+          name: `group-${l}`,
+          onlineCount: 0,
+          totalCount: 0,
+          devices: s(10),
+          items: e(c - l - 1)
+        });
+      return i;
     }
-  }), t;
-}
-function Te(e) {
-  let t = "";
-  if (D(e))
-    t = e;
-  else if (w(e))
-    for (let n = 0; n < e.length; n++) {
-      const r = Te(e[n]);
-      r && (t += r + " ");
-    }
-  else if (S(e))
-    for (const n in e)
-      e[n] && (t += n + " ");
-  return t.trim();
-}
-const Ne = (e) => D(e) ? e : e == null ? "" : w(e) || S(e) && (e.toString === Ut || !y(e.toString)) ? JSON.stringify(e, Kt, 2) : String(e), Kt = (e, t) => t && t.__v_isRef ? Kt(e, t.value) : J(t) ? {
-  [`Map(${t.size})`]: [...t.entries()].reduce((n, [r, o]) => (n[`${r} =>`] = o, n), {})
-} : Wt(t) ? {
-  [`Set(${t.size})`]: [...t.values()]
-} : S(t) && !w(t) && !Bt(t) ? String(t) : t, C = process.env.NODE_ENV !== "production" ? Object.freeze({}) : {}, Wn = process.env.NODE_ENV !== "production" ? Object.freeze([]) : [], et = () => {
-}, Un = () => !1, Ln = /^on[^a-z]/, Bn = (e) => Ln.test(e), A = Object.assign, Jn = (e, t) => {
-  const n = e.indexOf(t);
-  n > -1 && e.splice(n, 1);
-}, qn = Object.prototype.hasOwnProperty, v = (e, t) => qn.call(e, t), w = Array.isArray, J = (e) => Me(e) === "[object Map]", Wt = (e) => Me(e) === "[object Set]", y = (e) => typeof e == "function", D = (e) => typeof e == "string", tt = (e) => typeof e == "symbol", S = (e) => e !== null && typeof e == "object", Yn = (e) => S(e) && y(e.then) && y(e.catch), Ut = Object.prototype.toString, Me = (e) => Ut.call(e), Lt = (e) => Me(e).slice(8, -1), Bt = (e) => Me(e) === "[object Object]", nt = (e) => D(e) && e !== "NaN" && e[0] !== "-" && "" + parseInt(e, 10) === e, Jt = (e) => {
-  const t = /* @__PURE__ */ Object.create(null);
-  return (n) => t[n] || (t[n] = e(n));
-}, Qn = /-(\w)/g, Se = Jt((e) => e.replace(Qn, (t, n) => n ? n.toUpperCase() : "")), ye = Jt((e) => e.charAt(0).toUpperCase() + e.slice(1)), le = (e, t) => !Object.is(e, t), Xn = (e, t, n) => {
-  Object.defineProperty(e, t, {
-    configurable: !0,
-    enumerable: !1,
-    value: n
-  });
-};
-let gt;
-const Zn = () => gt || (gt = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {});
-function mt(e, ...t) {
-  console.warn(`[Vue warn] ${e}`, ...t);
-}
-let eo;
-function to(e, t = eo) {
-  t && t.active && t.effects.push(e);
-}
-const ue = (e) => {
-  const t = new Set(e);
-  return t.w = 0, t.n = 0, t;
-}, qt = (e) => (e.w & W) > 0, Yt = (e) => (e.n & W) > 0, no = ({ deps: e }) => {
-  if (e.length)
-    for (let t = 0; t < e.length; t++)
-      e[t].w |= W;
-}, oo = (e) => {
-  const { deps: t } = e;
-  if (t.length) {
-    let n = 0;
-    for (let r = 0; r < t.length; r++) {
-      const o = t[r];
-      qt(o) && !Yt(o) ? o.delete(e) : t[n++] = o, o.w &= ~W, o.n &= ~W;
-    }
-    t.length = n;
-  }
-}, ke = /* @__PURE__ */ new WeakMap();
-let se = 0, W = 1;
-const Ke = 30;
-let I;
-const q = Symbol(process.env.NODE_ENV !== "production" ? "iterate" : ""), We = Symbol(process.env.NODE_ENV !== "production" ? "Map key iterate" : "");
-class Qt {
-  constructor(t, n = null, r) {
-    this.fn = t, this.scheduler = n, this.active = !0, this.deps = [], this.parent = void 0, to(this, r);
-  }
-  run() {
-    if (!this.active)
-      return this.fn();
-    let t = I, n = K;
-    for (; t; ) {
-      if (t === this)
-        return;
-      t = t.parent;
-    }
-    try {
-      return this.parent = I, I = this, K = !0, W = 1 << ++se, se <= Ke ? no(this) : wt(this), this.fn();
-    } finally {
-      se <= Ke && oo(this), W = 1 << --se, I = this.parent, K = n, this.parent = void 0, this.deferStop && this.stop();
-    }
-  }
-  stop() {
-    I === this ? this.deferStop = !0 : this.active && (wt(this), this.onStop && this.onStop(), this.active = !1);
-  }
-}
-function wt(e) {
-  const { deps: t } = e;
-  if (t.length) {
-    for (let n = 0; n < t.length; n++)
-      t[n].delete(e);
-    t.length = 0;
-  }
-}
-let K = !0;
-const Xt = [];
-function Zt() {
-  Xt.push(K), K = !1;
-}
-function en() {
-  const e = Xt.pop();
-  K = e === void 0 ? !0 : e;
-}
-function T(e, t, n) {
-  if (K && I) {
-    let r = ke.get(e);
-    r || ke.set(e, r = /* @__PURE__ */ new Map());
-    let o = r.get(n);
-    o || r.set(n, o = ue());
-    const s = process.env.NODE_ENV !== "production" ? { effect: I, target: e, type: t, key: n } : void 0;
-    Ue(o, s);
-  }
-}
-function Ue(e, t) {
-  let n = !1;
-  se <= Ke ? Yt(e) || (e.n |= W, n = !qt(e)) : n = !e.has(I), n && (e.add(I), I.deps.push(e), process.env.NODE_ENV !== "production" && I.onTrack && I.onTrack(Object.assign({ effect: I }, t)));
-}
-function U(e, t, n, r, o, s) {
-  const i = ke.get(e);
-  if (!i)
-    return;
-  let c = [];
-  if (t === "clear")
-    c = [...i.values()];
-  else if (n === "length" && w(e))
-    i.forEach((a, p) => {
-      (p === "length" || p >= r) && c.push(a);
-    });
-  else
-    switch (n !== void 0 && c.push(i.get(n)), t) {
-      case "add":
-        w(e) ? nt(n) && c.push(i.get("length")) : (c.push(i.get(q)), J(e) && c.push(i.get(We)));
-        break;
-      case "delete":
-        w(e) || (c.push(i.get(q)), J(e) && c.push(i.get(We)));
-        break;
-      case "set":
-        J(e) && c.push(i.get(q));
-        break;
-    }
-  const u = process.env.NODE_ENV !== "production" ? { target: e, type: t, key: n, newValue: r, oldValue: o, oldTarget: s } : void 0;
-  if (c.length === 1)
-    c[0] && (process.env.NODE_ENV !== "production" ? te(c[0], u) : te(c[0]));
-  else {
-    const a = [];
-    for (const p of c)
-      p && a.push(...p);
-    process.env.NODE_ENV !== "production" ? te(ue(a), u) : te(ue(a));
-  }
-}
-function te(e, t) {
-  const n = w(e) ? e : [...e];
-  for (const r of n)
-    r.computed && Et(r, t);
-  for (const r of n)
-    r.computed || Et(r, t);
-}
-function Et(e, t) {
-  (e !== I || e.allowRecurse) && (process.env.NODE_ENV !== "production" && e.onTrigger && e.onTrigger(A({ effect: e }, t)), e.scheduler ? e.scheduler() : e.run());
-}
-const ro = /* @__PURE__ */ Hn("__proto__,__v_isRef,__isVue"), tn = new Set(
-  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((e) => e !== "arguments" && e !== "caller").map((e) => Symbol[e]).filter(tt)
-), so = /* @__PURE__ */ ot(), io = /* @__PURE__ */ ot(!0), co = /* @__PURE__ */ ot(!0, !0), bt = /* @__PURE__ */ lo();
-function lo() {
-  const e = {};
-  return ["includes", "indexOf", "lastIndexOf"].forEach((t) => {
-    e[t] = function(...n) {
-      const r = d(this);
-      for (let s = 0, i = this.length; s < i; s++)
-        T(r, "get", s + "");
-      const o = r[t](...n);
-      return o === -1 || o === !1 ? r[t](...n.map(d)) : o;
-    };
-  }), ["push", "pop", "shift", "unshift", "splice"].forEach((t) => {
-    e[t] = function(...n) {
-      Zt();
-      const r = d(this)[t].apply(this, n);
-      return en(), r;
-    };
-  }), e;
-}
-function ot(e = !1, t = !1) {
-  return function(r, o, s) {
-    if (o === "__v_isReactive")
-      return !e;
-    if (o === "__v_isReadonly")
-      return e;
-    if (o === "__v_isShallow")
-      return t;
-    if (o === "__v_raw" && s === (e ? t ? cn : sn : t ? Oo : rn).get(r))
-      return r;
-    const i = w(r);
-    if (!e && i && v(bt, o))
-      return Reflect.get(bt, o, s);
-    const c = Reflect.get(r, o, s);
-    return (tt(o) ? tn.has(o) : ro(o)) || (e || T(r, "get", o), t) ? c : x(c) ? i && nt(o) ? c : c.value : S(c) ? e ? un(c) : ln(c) : c;
-  };
-}
-const uo = /* @__PURE__ */ ao();
-function ao(e = !1) {
-  return function(n, r, o, s) {
-    let i = n[r];
-    if (L(i) && x(i) && !x(o))
-      return !1;
-    if (!e && (!Oe(o) && !L(o) && (i = d(i), o = d(o)), !w(n) && x(i) && !x(o)))
-      return i.value = o, !0;
-    const c = w(n) && nt(r) ? Number(r) < n.length : v(n, r), u = Reflect.set(n, r, o, s);
-    return n === d(s) && (c ? le(o, i) && U(n, "set", r, o, i) : U(n, "add", r, o)), u;
-  };
-}
-function fo(e, t) {
-  const n = v(e, t), r = e[t], o = Reflect.deleteProperty(e, t);
-  return o && n && U(e, "delete", t, void 0, r), o;
-}
-function po(e, t) {
-  const n = Reflect.has(e, t);
-  return (!tt(t) || !tn.has(t)) && T(e, "has", t), n;
-}
-function ho(e) {
-  return T(e, "iterate", w(e) ? "length" : q), Reflect.ownKeys(e);
-}
-const _o = {
-  get: so,
-  set: uo,
-  deleteProperty: fo,
-  has: po,
-  ownKeys: ho
-}, nn = {
-  get: io,
-  set(e, t) {
-    return process.env.NODE_ENV !== "production" && mt(`Set operation on key "${String(t)}" failed: target is readonly.`, e), !0;
-  },
-  deleteProperty(e, t) {
-    return process.env.NODE_ENV !== "production" && mt(`Delete operation on key "${String(t)}" failed: target is readonly.`, e), !0;
-  }
-}, go = /* @__PURE__ */ A({}, nn, {
-  get: co
-}), rt = (e) => e, Pe = (e) => Reflect.getPrototypeOf(e);
-function de(e, t, n = !1, r = !1) {
-  e = e.__v_raw;
-  const o = d(e), s = d(t);
-  n || (t !== s && T(o, "get", t), T(o, "get", s));
-  const { has: i } = Pe(o), c = r ? rt : n ? ct : ae;
-  if (i.call(o, t))
-    return c(e.get(t));
-  if (i.call(o, s))
-    return c(e.get(s));
-  e !== o && e.get(t);
-}
-function he(e, t = !1) {
-  const n = this.__v_raw, r = d(n), o = d(e);
-  return t || (e !== o && T(r, "has", e), T(r, "has", o)), e === o ? n.has(e) : n.has(e) || n.has(o);
-}
-function _e(e, t = !1) {
-  return e = e.__v_raw, !t && T(d(e), "iterate", q), Reflect.get(e, "size", e);
-}
-function vt(e) {
-  e = d(e);
-  const t = d(this);
-  return Pe(t).has.call(t, e) || (t.add(e), U(t, "add", e, e)), this;
-}
-function Nt(e, t) {
-  t = d(t);
-  const n = d(this), { has: r, get: o } = Pe(n);
-  let s = r.call(n, e);
-  s ? process.env.NODE_ENV !== "production" && on(n, r, e) : (e = d(e), s = r.call(n, e));
-  const i = o.call(n, e);
-  return n.set(e, t), s ? le(t, i) && U(n, "set", e, t, i) : U(n, "add", e, t), this;
-}
-function St(e) {
-  const t = d(this), { has: n, get: r } = Pe(t);
-  let o = n.call(t, e);
-  o ? process.env.NODE_ENV !== "production" && on(t, n, e) : (e = d(e), o = n.call(t, e));
-  const s = r ? r.call(t, e) : void 0, i = t.delete(e);
-  return o && U(t, "delete", e, void 0, s), i;
-}
-function yt() {
-  const e = d(this), t = e.size !== 0, n = process.env.NODE_ENV !== "production" ? J(e) ? new Map(e) : new Set(e) : void 0, r = e.clear();
-  return t && U(e, "clear", void 0, void 0, n), r;
-}
-function ge(e, t) {
-  return function(r, o) {
-    const s = this, i = s.__v_raw, c = d(i), u = t ? rt : e ? ct : ae;
-    return !e && T(c, "iterate", q), i.forEach((a, p) => r.call(o, u(a), u(p), s));
-  };
-}
-function me(e, t, n) {
-  return function(...r) {
-    const o = this.__v_raw, s = d(o), i = J(s), c = e === "entries" || e === Symbol.iterator && i, u = e === "keys" && i, a = o[e](...r), p = n ? rt : t ? ct : ae;
-    return !t && T(s, "iterate", u ? We : q), {
-      next() {
-        const { value: l, done: f } = a.next();
-        return f ? { value: l, done: f } : {
-          value: c ? [p(l[0]), p(l[1])] : p(l),
-          done: f
-        };
-      },
-      [Symbol.iterator]() {
-        return this;
-      }
-    };
-  };
-}
-function z(e) {
-  return function(...t) {
-    if (process.env.NODE_ENV !== "production") {
-      const n = t[0] ? `on key "${t[0]}" ` : "";
-      console.warn(`${ye(e)} operation ${n}failed: target is readonly.`, d(this));
-    }
-    return e === "delete" ? !1 : this;
-  };
-}
-function mo() {
-  const e = {
-    get(s) {
-      return de(this, s);
-    },
-    get size() {
-      return _e(this);
-    },
-    has: he,
-    add: vt,
-    set: Nt,
-    delete: St,
-    clear: yt,
-    forEach: ge(!1, !1)
-  }, t = {
-    get(s) {
-      return de(this, s, !1, !0);
-    },
-    get size() {
-      return _e(this);
-    },
-    has: he,
-    add: vt,
-    set: Nt,
-    delete: St,
-    clear: yt,
-    forEach: ge(!1, !0)
-  }, n = {
-    get(s) {
-      return de(this, s, !0);
-    },
-    get size() {
-      return _e(this, !0);
-    },
-    has(s) {
-      return he.call(this, s, !0);
-    },
-    add: z("add"),
-    set: z("set"),
-    delete: z("delete"),
-    clear: z("clear"),
-    forEach: ge(!0, !1)
-  }, r = {
-    get(s) {
-      return de(this, s, !0, !0);
-    },
-    get size() {
-      return _e(this, !0);
-    },
-    has(s) {
-      return he.call(this, s, !0);
-    },
-    add: z("add"),
-    set: z("set"),
-    delete: z("delete"),
-    clear: z("clear"),
-    forEach: ge(!0, !0)
-  };
-  return ["keys", "values", "entries", Symbol.iterator].forEach((s) => {
-    e[s] = me(s, !1, !1), n[s] = me(s, !0, !1), t[s] = me(s, !1, !0), r[s] = me(s, !0, !0);
-  }), [
-    e,
-    n,
-    t,
-    r
-  ];
-}
-const [wo, Eo, bo, vo] = /* @__PURE__ */ mo();
-function st(e, t) {
-  const n = t ? e ? vo : bo : e ? Eo : wo;
-  return (r, o, s) => o === "__v_isReactive" ? !e : o === "__v_isReadonly" ? e : o === "__v_raw" ? r : Reflect.get(v(n, o) && o in r ? n : r, o, s);
-}
-const No = {
-  get: /* @__PURE__ */ st(!1, !1)
-}, So = {
-  get: /* @__PURE__ */ st(!0, !1)
-}, yo = {
-  get: /* @__PURE__ */ st(!0, !0)
-};
-function on(e, t, n) {
-  const r = d(n);
-  if (r !== n && t.call(e, r)) {
-    const o = Lt(e);
-    console.warn(`Reactive ${o} contains both the raw and reactive versions of the same object${o === "Map" ? " as keys" : ""}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`);
-  }
-}
-const rn = /* @__PURE__ */ new WeakMap(), Oo = /* @__PURE__ */ new WeakMap(), sn = /* @__PURE__ */ new WeakMap(), cn = /* @__PURE__ */ new WeakMap();
-function Io(e) {
-  switch (e) {
-    case "Object":
-    case "Array":
-      return 1;
-    case "Map":
-    case "Set":
-    case "WeakMap":
-    case "WeakSet":
-      return 2;
-    default:
-      return 0;
-  }
-}
-function xo(e) {
-  return e.__v_skip || !Object.isExtensible(e) ? 0 : Io(Lt(e));
-}
-function ln(e) {
-  return L(e) ? e : it(e, !1, _o, No, rn);
-}
-function un(e) {
-  return it(e, !0, nn, So, sn);
-}
-function we(e) {
-  return it(e, !0, go, yo, cn);
-}
-function it(e, t, n, r, o) {
-  if (!S(e))
-    return process.env.NODE_ENV !== "production" && console.warn(`value cannot be made reactive: ${String(e)}`), e;
-  if (e.__v_raw && !(t && e.__v_isReactive))
-    return e;
-  const s = o.get(e);
-  if (s)
-    return s;
-  const i = xo(e);
-  if (i === 0)
-    return e;
-  const c = new Proxy(e, i === 2 ? r : n);
-  return o.set(e, c), c;
-}
-function Y(e) {
-  return L(e) ? Y(e.__v_raw) : !!(e && e.__v_isReactive);
-}
-function L(e) {
-  return !!(e && e.__v_isReadonly);
-}
-function Oe(e) {
-  return !!(e && e.__v_isShallow);
-}
-function Le(e) {
-  return Y(e) || L(e);
-}
-function d(e) {
-  const t = e && e.__v_raw;
-  return t ? d(t) : e;
-}
-function $o(e) {
-  return Xn(e, "__v_skip", !0), e;
-}
-const ae = (e) => S(e) ? ln(e) : e, ct = (e) => S(e) ? un(e) : e;
-function an(e) {
-  K && I && (e = d(e), process.env.NODE_ENV !== "production" ? Ue(e.dep || (e.dep = ue()), {
-    target: e,
-    type: "get",
-    key: "value"
-  }) : Ue(e.dep || (e.dep = ue())));
-}
-function fn(e, t) {
-  e = d(e), e.dep && (process.env.NODE_ENV !== "production" ? te(e.dep, {
-    target: e,
-    type: "set",
-    key: "value",
-    newValue: t
-  }) : te(e.dep));
-}
-function x(e) {
-  return !!(e && e.__v_isRef === !0);
-}
-function Co(e) {
-  return Vo(e, !1);
-}
-function Vo(e, t) {
-  return x(e) ? e : new Do(e, t);
-}
-class Do {
-  constructor(t, n) {
-    this.__v_isShallow = n, this.dep = void 0, this.__v_isRef = !0, this._rawValue = n ? t : d(t), this._value = n ? t : ae(t);
-  }
-  get value() {
-    return an(this), this._value;
-  }
-  set value(t) {
-    const n = this.__v_isShallow || Oe(t) || L(t);
-    t = n ? t : d(t), le(t, this._rawValue) && (this._rawValue = t, this._value = n ? t : ae(t), fn(this, t));
-  }
-}
-function Ro(e) {
-  return x(e) ? e.value : e;
-}
-const To = {
-  get: (e, t, n) => Ro(Reflect.get(e, t, n)),
-  set: (e, t, n, r) => {
-    const o = e[t];
-    return x(o) && !x(n) ? (o.value = n, !0) : Reflect.set(e, t, n, r);
-  }
-};
-function Mo(e) {
-  return Y(e) ? e : new Proxy(e, To);
-}
-var pn;
-class Po {
-  constructor(t, n, r, o) {
-    this._setter = n, this.dep = void 0, this.__v_isRef = !0, this[pn] = !1, this._dirty = !0, this.effect = new Qt(t, () => {
-      this._dirty || (this._dirty = !0, fn(this));
-    }), this.effect.computed = this, this.effect.active = this._cacheable = !o, this.__v_isReadonly = r;
-  }
-  get value() {
-    const t = d(this);
-    return an(t), (t._dirty || !t._cacheable) && (t._dirty = !1, t._value = t.effect.run()), t._value;
-  }
-  set value(t) {
-    this._setter(t);
-  }
-}
-pn = "__v_isReadonly";
-function Fo(e, t, n = !1) {
-  let r, o;
-  const s = y(e);
-  s ? (r = e, o = process.env.NODE_ENV !== "production" ? () => {
-    console.warn("Write operation failed: computed value is readonly");
-  } : et) : (r = e.get, o = e.set);
-  const i = new Po(r, o, s || !o, n);
-  return process.env.NODE_ENV !== "production" && t && !n && (i.effect.onTrack = t.onTrack, i.effect.onTrigger = t.onTrigger), i;
-}
-const Q = [];
-function Ao(e) {
-  Q.push(e);
-}
-function jo() {
-  Q.pop();
-}
-function N(e, ...t) {
-  Zt();
-  const n = Q.length ? Q[Q.length - 1].component : null, r = n && n.appContext.config.warnHandler, o = zo();
-  if (r)
-    X(r, n, 11, [
-      e + t.join(""),
-      n && n.proxy,
-      o.map(({ vnode: s }) => `at <${$n(n, s.type)}>`).join(`
-`),
-      o
-    ]);
-  else {
-    const s = [`[Vue warn]: ${e}`, ...t];
-    o.length && s.push(`
-`, ...Ho(o)), console.warn(...s);
-  }
-  en();
-}
-function zo() {
-  let e = Q[Q.length - 1];
-  if (!e)
-    return [];
-  const t = [];
-  for (; e; ) {
-    const n = t[0];
-    n && n.vnode === e ? n.recurseCount++ : t.push({
-      vnode: e,
-      recurseCount: 0
-    });
-    const r = e.component && e.component.parent;
-    e = r && r.vnode;
-  }
-  return t;
-}
-function Ho(e) {
-  const t = [];
-  return e.forEach((n, r) => {
-    t.push(...r === 0 ? [] : [`
-`], ...Go(n));
-  }), t;
-}
-function Go({ vnode: e, recurseCount: t }) {
-  const n = t > 0 ? `... (${t} recursive calls)` : "", r = e.component ? e.component.parent == null : !1, o = ` at <${$n(e.component, e.type, r)}`, s = ">" + n;
-  return e.props ? [o, ...ko(e.props), s] : [o + s];
-}
-function ko(e) {
-  const t = [], n = Object.keys(e);
-  return n.slice(0, 3).forEach((r) => {
-    t.push(...dn(r, e[r]));
-  }), n.length > 3 && t.push(" ..."), t;
-}
-function dn(e, t, n) {
-  return D(t) ? (t = JSON.stringify(t), n ? t : [`${e}=${t}`]) : typeof t == "number" || typeof t == "boolean" || t == null ? n ? t : [`${e}=${t}`] : x(t) ? (t = dn(e, d(t.value), !0), n ? t : [`${e}=Ref<`, t, ">"]) : y(t) ? [`${e}=fn${t.name ? `<${t.name}>` : ""}`] : (t = d(t), n ? t : [`${e}=`, t]);
-}
-const hn = {
-  sp: "serverPrefetch hook",
-  bc: "beforeCreate hook",
-  c: "created hook",
-  bm: "beforeMount hook",
-  m: "mounted hook",
-  bu: "beforeUpdate hook",
-  u: "updated",
-  bum: "beforeUnmount hook",
-  um: "unmounted hook",
-  a: "activated hook",
-  da: "deactivated hook",
-  ec: "errorCaptured hook",
-  rtc: "renderTracked hook",
-  rtg: "renderTriggered hook",
-  [0]: "setup function",
-  [1]: "render function",
-  [2]: "watcher getter",
-  [3]: "watcher callback",
-  [4]: "watcher cleanup function",
-  [5]: "native event handler",
-  [6]: "component event handler",
-  [7]: "vnode hook",
-  [8]: "directive hook",
-  [9]: "transition hook",
-  [10]: "app errorHandler",
-  [11]: "app warnHandler",
-  [12]: "ref function",
-  [13]: "async component loader",
-  [14]: "scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core"
-};
-function X(e, t, n, r) {
-  let o;
-  try {
-    o = r ? e(...r) : e();
-  } catch (s) {
-    _n(s, t, n);
-  }
-  return o;
-}
-function Be(e, t, n, r) {
-  if (y(e)) {
-    const s = X(e, t, n, r);
-    return s && Yn(s) && s.catch((i) => {
-      _n(i, t, n);
-    }), s;
-  }
-  const o = [];
-  for (let s = 0; s < e.length; s++)
-    o.push(Be(e[s], t, n, r));
-  return o;
-}
-function _n(e, t, n, r = !0) {
-  const o = t ? t.vnode : null;
-  if (t) {
-    let s = t.parent;
-    const i = t.proxy, c = process.env.NODE_ENV !== "production" ? hn[n] : n;
-    for (; s; ) {
-      const a = s.ec;
-      if (a) {
-        for (let p = 0; p < a.length; p++)
-          if (a[p](e, i, c) === !1)
-            return;
-      }
-      s = s.parent;
-    }
-    const u = t.appContext.config.errorHandler;
-    if (u) {
-      X(u, null, 10, [e, i, c]);
-      return;
-    }
-  }
-  Ko(e, n, o, r);
-}
-function Ko(e, t, n, r = !0) {
-  if (process.env.NODE_ENV !== "production") {
-    const o = hn[t];
-    if (n && Ao(n), N(`Unhandled error${o ? ` during execution of ${o}` : ""}`), n && jo(), r)
-      throw e;
-    console.error(e);
-  } else
-    console.error(e);
-}
-let Ie = !1, Je = !1;
-const M = [];
-let G = 0;
-const oe = [];
-let j = null, H = 0;
-const gn = /* @__PURE__ */ Promise.resolve();
-let lt = null;
-const Wo = 100;
-function Uo(e) {
-  const t = lt || gn;
-  return e ? t.then(this ? e.bind(this) : e) : t;
-}
-function Lo(e) {
-  let t = G + 1, n = M.length;
-  for (; t < n; ) {
-    const r = t + n >>> 1;
-    fe(M[r]) < e ? t = r + 1 : n = r;
-  }
-  return t;
-}
-function ut(e) {
-  (!M.length || !M.includes(e, Ie && e.allowRecurse ? G + 1 : G)) && (e.id == null ? M.push(e) : M.splice(Lo(e.id), 0, e), mn());
-}
-function mn() {
-  !Ie && !Je && (Je = !0, lt = gn.then(En));
-}
-function wn(e) {
-  w(e) ? oe.push(...e) : (!j || !j.includes(e, e.allowRecurse ? H + 1 : H)) && oe.push(e), mn();
-}
-function Bo(e) {
-  if (oe.length) {
-    const t = [...new Set(oe)];
-    if (oe.length = 0, j) {
-      j.push(...t);
-      return;
-    }
-    for (j = t, process.env.NODE_ENV !== "production" && (e = e || /* @__PURE__ */ new Map()), j.sort((n, r) => fe(n) - fe(r)), H = 0; H < j.length; H++)
-      process.env.NODE_ENV !== "production" && bn(e, j[H]) || j[H]();
-    j = null, H = 0;
-  }
-}
-const fe = (e) => e.id == null ? 1 / 0 : e.id, Jo = (e, t) => {
-  const n = fe(e) - fe(t);
-  if (n === 0) {
-    if (e.pre && !t.pre)
-      return -1;
-    if (t.pre && !e.pre)
-      return 1;
-  }
-  return n;
-};
-function En(e) {
-  Je = !1, Ie = !0, process.env.NODE_ENV !== "production" && (e = e || /* @__PURE__ */ new Map()), M.sort(Jo);
-  const t = process.env.NODE_ENV !== "production" ? (n) => bn(e, n) : et;
-  try {
-    for (G = 0; G < M.length; G++) {
-      const n = M[G];
-      if (n && n.active !== !1) {
-        if (process.env.NODE_ENV !== "production" && t(n))
-          continue;
-        X(n, null, 14);
-      }
-    }
-  } finally {
-    G = 0, M.length = 0, Bo(e), Ie = !1, lt = null, (M.length || oe.length) && En(e);
-  }
-}
-function bn(e, t) {
-  if (!e.has(t))
-    e.set(t, 1);
-  else {
-    const n = e.get(t);
-    if (n > Wo) {
-      const r = t.ownerInstance, o = r && pt(r.type);
-      return N(`Maximum recursive updates exceeded${o ? ` in component <${o}>` : ""}. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.`), !0;
-    } else
-      e.set(t, n + 1);
-  }
-}
-const re = /* @__PURE__ */ new Set();
-process.env.NODE_ENV !== "production" && (Zn().__VUE_HMR_RUNTIME__ = {
-  createRecord: He(qo),
-  rerender: He(Yo),
-  reload: He(Qo)
-});
-const xe = /* @__PURE__ */ new Map();
-function qo(e, t) {
-  return xe.has(e) ? !1 : (xe.set(e, {
-    initialDef: ie(t),
-    instances: /* @__PURE__ */ new Set()
-  }), !0);
-}
-function ie(e) {
-  return Cn(e) ? e.__vccOpts : e;
-}
-function Yo(e, t) {
-  const n = xe.get(e);
-  !n || (n.initialDef.render = t, [...n.instances].forEach((r) => {
-    t && (r.render = t, ie(r.type).render = t), r.renderCache = [], r.update();
-  }));
-}
-function Qo(e, t) {
-  const n = xe.get(e);
-  if (!n)
-    return;
-  t = ie(t), Ot(n.initialDef, t);
-  const r = [...n.instances];
-  for (const o of r) {
-    const s = ie(o.type);
-    re.has(s) || (s !== n.initialDef && Ot(s, t), re.add(s)), o.appContext.optionsCache.delete(o.type), o.ceReload ? (re.add(s), o.ceReload(t.styles), re.delete(s)) : o.parent ? (ut(o.parent.update), o.parent.type.__asyncLoader && o.parent.ceReload && o.parent.ceReload(t.styles)) : o.appContext.reload ? o.appContext.reload() : typeof window < "u" ? window.location.reload() : console.warn("[HMR] Root or manually mounted instance modified. Full reload required.");
-  }
-  wn(() => {
-    for (const o of r)
-      re.delete(ie(o.type));
-  });
-}
-function Ot(e, t) {
-  A(e, t);
-  for (const n in e)
-    n !== "__file" && !(n in t) && delete e[n];
-}
-function He(e) {
-  return (t, n) => {
-    try {
-      return e(t, n);
-    } catch (r) {
-      console.error(r), console.warn("[HMR] Something went wrong during Vue component hot-reload. Full reload required.");
-    }
-  };
-}
-function Xo(e, ...t) {
-}
-const Zo = /* @__PURE__ */ er("component:updated");
-function er(e) {
-  return (t) => {
-    Xo(e, t.appContext.app, t.uid, t.parent ? t.parent.uid : void 0, t);
-  };
-}
-let $ = null, Fe = null;
-function It(e) {
-  const t = $;
-  return $ = e, Fe = e && e.type.__scopeId || null, t;
-}
-function tr(e) {
-  Fe = e;
-}
-function nr() {
-  Fe = null;
-}
-function vn(e, t = $, n) {
-  if (!t || e._n)
-    return e;
-  const r = (...o) => {
-    r._d && Rt(-1);
-    const s = It(t), i = e(...o);
-    return It(s), r._d && Rt(1), process.env.NODE_ENV !== "production" && Zo(t), i;
-  };
-  return r._n = !0, r._c = !0, r._d = !0, r;
-}
-const or = (e) => e.__isSuspense;
-function rr(e, t) {
-  t && t.pendingBranch ? w(e) ? t.effects.push(...e) : t.effects.push(e) : wn(e);
-}
-const xt = {};
-function sr(e, t, { immediate: n, deep: r, flush: o, onTrack: s, onTrigger: i } = C) {
-  process.env.NODE_ENV !== "production" && !t && (n !== void 0 && N('watch() "immediate" option is only respected when using the watch(source, callback, options?) signature.'), r !== void 0 && N('watch() "deep" option is only respected when using the watch(source, callback, options?) signature.'));
-  const c = (h) => {
-    N("Invalid watch source: ", h, "A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.");
-  }, u = Z;
-  let a, p = !1, l = !1;
-  if (x(e) ? (a = () => e.value, p = Oe(e)) : Y(e) ? (a = () => e, r = !0) : w(e) ? (l = !0, p = e.some((h) => Y(h) || Oe(h)), a = () => e.map((h) => {
-    if (x(h))
-      return h.value;
-    if (Y(h))
-      return ne(h);
-    if (y(h))
-      return X(h, u, 2);
-    process.env.NODE_ENV !== "production" && c(h);
-  })) : y(e) ? t ? a = () => X(e, u, 2) : a = () => {
-    if (!(u && u.isUnmounted))
-      return f && f(), Be(e, u, 3, [E]);
-  } : (a = et, process.env.NODE_ENV !== "production" && c(e)), t && r) {
-    const h = a;
-    a = () => ne(h());
-  }
-  let f, E = (h) => {
-    f = b.onStop = () => {
-      X(h, u, 4);
-    };
-  }, g = l ? [] : xt;
-  const m = () => {
-    if (!!b.active)
-      if (t) {
-        const h = b.run();
-        (r || p || (l ? h.some((jn, zn) => le(jn, g[zn])) : le(h, g))) && (f && f(), Be(t, u, 3, [
-          h,
-          g === xt ? void 0 : g,
-          E
-        ]), g = h);
-      } else
-        b.run();
-  };
-  m.allowRecurse = !!t;
-  let _;
-  o === "sync" ? _ = m : o === "post" ? _ = () => Dt(m, u && u.suspense) : (m.pre = !0, u && (m.id = u.uid), _ = () => ut(m));
-  const b = new Qt(a, _);
-  return process.env.NODE_ENV !== "production" && (b.onTrack = s, b.onTrigger = i), t ? n ? m() : g = b.run() : o === "post" ? Dt(b.run.bind(b), u && u.suspense) : b.run(), () => {
-    b.stop(), u && u.scope && Jn(u.scope.effects, b);
-  };
-}
-function ir(e, t, n) {
-  const r = this.proxy, o = D(e) ? e.includes(".") ? cr(r, e) : () => r[e] : e.bind(r, r);
-  let s;
-  y(t) ? s = t : (s = t.handler, n = t);
-  const i = Z;
-  Tt(this);
-  const c = sr(o, s.bind(r), n);
-  return i ? Tt(i) : Ir(), c;
-}
-function cr(e, t) {
-  const n = t.split(".");
-  return () => {
-    let r = e;
-    for (let o = 0; o < n.length && r; o++)
-      r = r[n[o]];
-    return r;
-  };
-}
-function ne(e, t) {
-  if (!S(e) || e.__v_skip || (t = t || /* @__PURE__ */ new Set(), t.has(e)))
-    return e;
-  if (t.add(e), x(e))
-    ne(e.value, t);
-  else if (w(e))
-    for (let n = 0; n < e.length; n++)
-      ne(e[n], t);
-  else if (Wt(e) || J(e))
-    e.forEach((n) => {
-      ne(n, t);
-    });
-  else if (Bt(e))
-    for (const n in e)
-      ne(e[n], t);
-  return e;
-}
-function Ae(e) {
-  return y(e) ? { setup: e, name: e.name } : e;
-}
-const lr = (e) => !!e.type.__asyncLoader, qe = "components";
-function ce(e, t) {
-  return ar(qe, e, !0, t) || e;
-}
-const ur = Symbol();
-function ar(e, t, n = !0, r = !1) {
-  const o = $ || Z;
-  if (o) {
-    const s = o.type;
-    if (e === qe) {
-      const c = pt(s, !1);
-      if (c && (c === t || c === Se(t) || c === ye(Se(t))))
-        return s;
-    }
-    const i = $t(o[e] || s[e], t) || $t(o.appContext[e], t);
-    if (!i && r)
-      return s;
-    if (process.env.NODE_ENV !== "production" && n && !i) {
-      const c = e === qe ? `
-If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.` : "";
-      N(`Failed to resolve ${e.slice(0, -1)}: ${t}${c}`);
-    }
-    return i;
-  } else
-    process.env.NODE_ENV !== "production" && N(`resolve${ye(e.slice(0, -1))} can only be used in render() or setup().`);
-}
-function $t(e, t) {
-  return e && (e[t] || e[Se(t)] || e[ye(Se(t))]);
-}
-function Ye(e, t, n, r) {
-  let o;
-  const s = n && n[r];
-  if (w(e) || D(e)) {
-    o = new Array(e.length);
-    for (let i = 0, c = e.length; i < c; i++)
-      o[i] = t(e[i], i, void 0, s && s[i]);
-  } else if (typeof e == "number") {
-    process.env.NODE_ENV !== "production" && !Number.isInteger(e) && N(`The v-for range expect an integer value but got ${e}.`), o = new Array(e);
-    for (let i = 0; i < e; i++)
-      o[i] = t(i + 1, i, void 0, s && s[i]);
-  } else if (S(e))
-    if (e[Symbol.iterator])
-      o = Array.from(e, (i, c) => t(i, c, void 0, s && s[c]));
-    else {
-      const i = Object.keys(e);
-      o = new Array(i.length);
-      for (let c = 0, u = i.length; c < u; c++) {
-        const a = i[c];
-        o[c] = t(e[a], a, c, s && s[c]);
-      }
+    function r(c) {
+      return {
+        name: "hah",
+        onlineCount: 0,
+        totalCount: 0,
+        items: e(c)
+      };
     }
-  else
-    o = [];
-  return n && (n[r] = o), o;
-}
-function fr(e, t, n = {}, r, o) {
-  if ($.isCE || $.parent && lr($.parent) && $.parent.isCE)
-    return V("slot", t === "default" ? null : { name: t }, r && r());
-  let s = e[t];
-  process.env.NODE_ENV !== "production" && s && s.length > 1 && (N("SSR-optimized slot function detected in a non-SSR-optimized render function. You need to mark this component with $dynamic-slots in the parent template."), s = () => []), s && s._c && (s._d = !1), R();
-  const i = s && Nn(s(n)), c = je(ee, {
-    key: n.key || i && i.key || `_${t}`
-  }, i || (r ? r() : []), i && e._ === 1 ? 64 : -2);
-  return !o && c.scopeId && (c.slotScopeIds = [c.scopeId + "-s"]), s && s._c && (s._d = !0), c;
-}
-function Nn(e) {
-  return e.some((t) => De(t) ? !(t.type === Ve || t.type === ee && !Nn(t.children)) : !0) ? e : null;
-}
-const Qe = (e) => e ? xr(e) ? Cr(e) || e.proxy : Qe(e.parent) : null, $e = /* @__PURE__ */ A(/* @__PURE__ */ Object.create(null), {
-  $: (e) => e,
-  $el: (e) => e.vnode.el,
-  $data: (e) => e.data,
-  $props: (e) => process.env.NODE_ENV !== "production" ? we(e.props) : e.props,
-  $attrs: (e) => process.env.NODE_ENV !== "production" ? we(e.attrs) : e.attrs,
-  $slots: (e) => process.env.NODE_ENV !== "production" ? we(e.slots) : e.slots,
-  $refs: (e) => process.env.NODE_ENV !== "production" ? we(e.refs) : e.refs,
-  $parent: (e) => Qe(e.parent),
-  $root: (e) => Qe(e.root),
-  $emit: (e) => e.emit,
-  $options: (e) => hr(e),
-  $forceUpdate: (e) => e.f || (e.f = () => ut(e.update)),
-  $nextTick: (e) => e.n || (e.n = Uo.bind(e.proxy)),
-  $watch: (e) => ir.bind(e)
-}), pr = (e) => e === "_" || e === "$", dr = {
-  get({ _: e }, t) {
-    const { ctx: n, setupState: r, data: o, props: s, accessCache: i, type: c, appContext: u } = e;
-    if (process.env.NODE_ENV !== "production" && t === "__isVue")
-      return !0;
-    if (process.env.NODE_ENV !== "production" && r !== C && r.__isScriptSetup && v(r, t))
-      return r[t];
-    let a;
-    if (t[0] !== "$") {
-      const E = i[t];
-      if (E !== void 0)
-        switch (E) {
-          case 1:
-            return r[t];
-          case 2:
-            return o[t];
-          case 4:
-            return n[t];
-          case 3:
-            return s[t];
+    o.RandomDeviceGroup = r;
+  })(t.Test || (t.Test = {}));
+  function n(o, s) {
+    for (let e = 0; e < o.length; e++)
+      s(o[e]), n(o[e].items, s);
+  }
+  ((o) => {
+    function s(e) {
+      const r = {}, c = {};
+      return n(e.items, (i) => {
+        r[i.id] = i;
+        for (let l = 0; l < i.devices.length; l++)
+          c[i.devices[l].id] = i.devices[l];
+      }), {
+        getGroup(i) {
+          return r[i];
+        },
+        getDevice(i) {
+          return c[i];
         }
-      else {
-        if (r !== C && v(r, t))
-          return i[t] = 1, r[t];
-        if (o !== C && v(o, t))
-          return i[t] = 2, o[t];
-        if ((a = e.propsOptions[0]) && v(a, t))
-          return i[t] = 3, s[t];
-        if (n !== C && v(n, t))
-          return i[t] = 4, n[t];
-        i[t] = 0;
-      }
-    }
-    const p = $e[t];
-    let l, f;
-    if (p)
-      return t === "$attrs" && (T(e, "get", t), process.env.NODE_ENV !== "production" && void 0), p(e);
-    if ((l = c.__cssModules) && (l = l[t]))
-      return l;
-    if (n !== C && v(n, t))
-      return i[t] = 4, n[t];
-    if (f = u.config.globalProperties, v(f, t))
-      return f[t];
-    process.env.NODE_ENV !== "production" && $ && (!D(t) || t.indexOf("__v") !== 0) && (o !== C && pr(t[0]) && v(o, t) ? N(`Property ${JSON.stringify(t)} must be accessed via $data because it starts with a reserved character ("$" or "_") and is not proxied on the render context.`) : e === $ && N(`Property ${JSON.stringify(t)} was accessed during render but is not defined on instance.`));
-  },
-  set({ _: e }, t, n) {
-    const { data: r, setupState: o, ctx: s } = e;
-    return o !== C && v(o, t) ? (o[t] = n, !0) : r !== C && v(r, t) ? (r[t] = n, !0) : v(e.props, t) ? (process.env.NODE_ENV !== "production" && N(`Attempting to mutate prop "${t}". Props are readonly.`, e), !1) : t[0] === "$" && t.slice(1) in e ? (process.env.NODE_ENV !== "production" && N(`Attempting to mutate public property "${t}". Properties starting with $ are reserved and readonly.`, e), !1) : (process.env.NODE_ENV !== "production" && t in e.appContext.config.globalProperties ? Object.defineProperty(s, t, {
-      enumerable: !0,
-      configurable: !0,
-      value: n
-    }) : s[t] = n, !0);
-  },
-  has({ _: { data: e, setupState: t, accessCache: n, ctx: r, appContext: o, propsOptions: s } }, i) {
-    let c;
-    return !!n[i] || e !== C && v(e, i) || t !== C && v(t, i) || (c = s[0]) && v(c, i) || v(r, i) || v($e, i) || v(o.config.globalProperties, i);
-  },
-  defineProperty(e, t, n) {
-    return n.get != null ? e._.accessCache[t] = 0 : v(n, "value") && this.set(e, t, n.value, null), Reflect.defineProperty(e, t, n);
-  }
-};
-process.env.NODE_ENV !== "production" && (dr.ownKeys = (e) => (N("Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid performance overhead."), Reflect.ownKeys(e)));
-function hr(e) {
-  const t = e.type, { mixins: n, extends: r } = t, { mixins: o, optionsCache: s, config: { optionMergeStrategies: i } } = e.appContext, c = s.get(t);
-  let u;
-  return c ? u = c : !o.length && !n && !r ? u = t : (u = {}, o.length && o.forEach((a) => Ce(u, a, i, !0)), Ce(u, t, i)), S(t) && s.set(t, u), u;
-}
-function Ce(e, t, n, r = !1) {
-  const { mixins: o, extends: s } = t;
-  s && Ce(e, s, n, !0), o && o.forEach((i) => Ce(e, i, n, !0));
-  for (const i in t)
-    if (r && i === "expose")
-      process.env.NODE_ENV !== "production" && N('"expose" option is ignored when declared in mixins or extends. It should only be declared in the base component itself.');
-    else {
-      const c = _r[i] || n && n[i];
-      e[i] = c ? c(e[i], t[i]) : t[i];
-    }
-  return e;
-}
-const _r = {
-  data: Ct,
-  props: B,
-  emits: B,
-  methods: B,
-  computed: B,
-  beforeCreate: O,
-  created: O,
-  beforeMount: O,
-  mounted: O,
-  beforeUpdate: O,
-  updated: O,
-  beforeDestroy: O,
-  beforeUnmount: O,
-  destroyed: O,
-  unmounted: O,
-  activated: O,
-  deactivated: O,
-  errorCaptured: O,
-  serverPrefetch: O,
-  components: B,
-  directives: B,
-  watch: mr,
-  provide: Ct,
-  inject: gr
-};
-function Ct(e, t) {
-  return t ? e ? function() {
-    return A(y(e) ? e.call(this, this) : e, y(t) ? t.call(this, this) : t);
-  } : t : e;
-}
-function gr(e, t) {
-  return B(Vt(e), Vt(t));
-}
-function Vt(e) {
-  if (w(e)) {
-    const t = {};
-    for (let n = 0; n < e.length; n++)
-      t[e[n]] = e[n];
-    return t;
-  }
-  return e;
-}
-function O(e, t) {
-  return e ? [...new Set([].concat(e, t))] : t;
-}
-function B(e, t) {
-  return e ? A(A(/* @__PURE__ */ Object.create(null), e), t) : t;
-}
-function mr(e, t) {
-  if (!e)
-    return t;
-  if (!t)
-    return e;
-  const n = A(/* @__PURE__ */ Object.create(null), e);
-  for (const r in t)
-    n[r] = O(e[r], t[r]);
-  return n;
-}
-function wr() {
-  return {
-    app: null,
-    config: {
-      isNativeTag: Un,
-      performance: !1,
-      globalProperties: {},
-      optionMergeStrategies: {},
-      errorHandler: void 0,
-      warnHandler: void 0,
-      compilerOptions: {}
-    },
-    mixins: [],
-    components: {},
-    directives: {},
-    provides: /* @__PURE__ */ Object.create(null),
-    optionsCache: /* @__PURE__ */ new WeakMap(),
-    propsCache: /* @__PURE__ */ new WeakMap(),
-    emitsCache: /* @__PURE__ */ new WeakMap()
-  };
-}
-const Dt = rr, Er = (e) => e.__isTeleport, ee = Symbol(process.env.NODE_ENV !== "production" ? "Fragment" : void 0), br = Symbol(process.env.NODE_ENV !== "production" ? "Text" : void 0), Ve = Symbol(process.env.NODE_ENV !== "production" ? "Comment" : void 0);
-Symbol(process.env.NODE_ENV !== "production" ? "Static" : void 0);
-const Ee = [];
-let P = null;
-function R(e = !1) {
-  Ee.push(P = e ? null : []);
-}
-function vr() {
-  Ee.pop(), P = Ee[Ee.length - 1] || null;
-}
-let pe = 1;
-function Rt(e) {
-  pe += e;
-}
-function Sn(e) {
-  return e.dynamicChildren = pe > 0 ? P || Wn : null, vr(), pe > 0 && P && P.push(e), e;
-}
-function k(e, t, n, r, o, s) {
-  return Sn(F(e, t, n, r, o, s, !0));
-}
-function je(e, t, n, r, o) {
-  return Sn(V(e, t, n, r, o, !0));
-}
-function De(e) {
-  return e ? e.__v_isVNode === !0 : !1;
-}
-const Nr = (...e) => In(...e), yn = "__vInternal", On = ({ key: e }) => e != null ? e : null, be = ({ ref: e, ref_key: t, ref_for: n }) => e != null ? D(e) || x(e) || y(e) ? { i: $, r: e, k: t, f: !!n } : e : null;
-function F(e, t = null, n = null, r = 0, o = null, s = e === ee ? 0 : 1, i = !1, c = !1) {
-  const u = {
-    __v_isVNode: !0,
-    __v_skip: !0,
-    type: e,
-    props: t,
-    key: t && On(t),
-    ref: t && be(t),
-    scopeId: Fe,
-    slotScopeIds: null,
-    children: n,
-    component: null,
-    suspense: null,
-    ssContent: null,
-    ssFallback: null,
-    dirs: null,
-    transition: null,
-    el: null,
-    anchor: null,
-    target: null,
-    targetAnchor: null,
-    staticCount: 0,
-    shapeFlag: s,
-    patchFlag: r,
-    dynamicProps: o,
-    dynamicChildren: null,
-    appContext: null
-  };
-  return c ? (ft(u, n), s & 128 && e.normalize(u)) : n && (u.shapeFlag |= D(n) ? 8 : 16), process.env.NODE_ENV !== "production" && u.key !== u.key && N("VNode created with invalid key (NaN). VNode type:", u.type), pe > 0 && !i && P && (u.patchFlag > 0 || s & 6) && u.patchFlag !== 32 && P.push(u), u;
-}
-const V = process.env.NODE_ENV !== "production" ? Nr : In;
-function In(e, t = null, n = null, r = 0, o = null, s = !1) {
-  if ((!e || e === ur) && (process.env.NODE_ENV !== "production" && !e && N(`Invalid vnode type when creating vnode: ${e}.`), e = Ve), De(e)) {
-    const c = Re(e, t, !0);
-    return n && ft(c, n), pe > 0 && !s && P && (c.shapeFlag & 6 ? P[P.indexOf(e)] = c : P.push(c)), c.patchFlag |= -2, c;
-  }
-  if (Cn(e) && (e = e.__vccOpts), t) {
-    t = Sr(t);
-    let { class: c, style: u } = t;
-    c && !D(c) && (t.class = Te(c)), S(u) && (Le(u) && !w(u) && (u = A({}, u)), t.style = Ze(u));
-  }
-  const i = D(e) ? 1 : or(e) ? 128 : Er(e) ? 64 : S(e) ? 4 : y(e) ? 2 : 0;
-  return process.env.NODE_ENV !== "production" && i & 4 && Le(e) && (e = d(e), N("Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking the component with `markRaw` or using `shallowRef` instead of `ref`.", `
-Component that was made reactive: `, e)), F(e, t, n, r, o, i, s, !0);
-}
-function Sr(e) {
-  return e ? Le(e) || yn in e ? A({}, e) : e : null;
-}
-function Re(e, t, n = !1) {
-  const { props: r, ref: o, patchFlag: s, children: i } = e, c = t ? Or(r || {}, t) : r;
-  return {
-    __v_isVNode: !0,
-    __v_skip: !0,
-    type: e.type,
-    props: c,
-    key: c && On(c),
-    ref: t && t.ref ? n && o ? w(o) ? o.concat(be(t)) : [o, be(t)] : be(t) : o,
-    scopeId: e.scopeId,
-    slotScopeIds: e.slotScopeIds,
-    children: process.env.NODE_ENV !== "production" && s === -1 && w(i) ? i.map(xn) : i,
-    target: e.target,
-    targetAnchor: e.targetAnchor,
-    staticCount: e.staticCount,
-    shapeFlag: e.shapeFlag,
-    patchFlag: t && e.type !== ee ? s === -1 ? 16 : s | 16 : s,
-    dynamicProps: e.dynamicProps,
-    dynamicChildren: e.dynamicChildren,
-    appContext: e.appContext,
-    dirs: e.dirs,
-    transition: e.transition,
-    component: e.component,
-    suspense: e.suspense,
-    ssContent: e.ssContent && Re(e.ssContent),
-    ssFallback: e.ssFallback && Re(e.ssFallback),
-    el: e.el,
-    anchor: e.anchor
-  };
-}
-function xn(e) {
-  const t = Re(e);
-  return w(e.children) && (t.children = e.children.map(xn)), t;
-}
-function at(e = " ", t = 0) {
-  return V(br, null, e, t);
-}
-function yr(e = "", t = !1) {
-  return t ? (R(), je(Ve, null, e)) : V(Ve, null, e);
-}
-function ft(e, t) {
-  let n = 0;
-  const { shapeFlag: r } = e;
-  if (t == null)
-    t = null;
-  else if (w(t))
-    n = 16;
-  else if (typeof t == "object")
-    if (r & 65) {
-      const o = t.default;
-      o && (o._c && (o._d = !1), ft(e, o()), o._c && (o._d = !0));
-      return;
-    } else {
-      n = 32;
-      const o = t._;
-      !o && !(yn in t) ? t._ctx = $ : o === 3 && $ && ($.slots._ === 1 ? t._ = 1 : (t._ = 2, e.patchFlag |= 1024));
-    }
-  else
-    y(t) ? (t = { default: t, _ctx: $ }, n = 32) : (t = String(t), r & 64 ? (n = 16, t = [at(t)]) : n = 8);
-  e.children = t, e.shapeFlag |= n;
-}
-function Or(...e) {
-  const t = {};
-  for (let n = 0; n < e.length; n++) {
-    const r = e[n];
-    for (const o in r)
-      if (o === "class")
-        t.class !== r.class && (t.class = Te([t.class, r.class]));
-      else if (o === "style")
-        t.style = Ze([t.style, r.style]);
-      else if (Bn(o)) {
-        const s = t[o], i = r[o];
-        i && s !== i && !(w(s) && s.includes(i)) && (t[o] = s ? [].concat(s, i) : i);
-      } else
-        o !== "" && (t[o] = r[o]);
-  }
-  return t;
-}
-wr();
-let Z = null;
-const Tt = (e) => {
-  Z = e, e.scope.on();
-}, Ir = () => {
-  Z && Z.scope.off(), Z = null;
-};
-function xr(e) {
-  return e.vnode.shapeFlag & 4;
-}
-let $r = !1;
-function Cr(e) {
-  if (e.exposed)
-    return e.exposeProxy || (e.exposeProxy = new Proxy(Mo($o(e.exposed)), {
-      get(t, n) {
-        if (n in t)
-          return t[n];
-        if (n in $e)
-          return $e[n](e);
-      }
-    }));
-}
-const Vr = /(?:^|[-_])(\w)/g, Dr = (e) => e.replace(Vr, (t) => t.toUpperCase()).replace(/[-_]/g, "");
-function pt(e, t = !0) {
-  return y(e) ? e.displayName || e.name : e.name || t && e.__name;
-}
-function $n(e, t, n = !1) {
-  let r = pt(t);
-  if (!r && t.__file) {
-    const o = t.__file.match(/([^/\\]+)\.\w+$/);
-    o && (r = o[1]);
-  }
-  if (!r && e && e.parent) {
-    const o = (s) => {
-      for (const i in s)
-        if (s[i] === t)
-          return i;
-    };
-    r = o(e.components || e.parent.type.components) || o(e.appContext.components);
-  }
-  return r ? Dr(r) : n ? "App" : "Anonymous";
-}
-function Cn(e) {
-  return y(e) && "__vccOpts" in e;
-}
-const Mt = (e, t) => Fo(e, t, $r);
-function Pt(e, t, n) {
-  const r = arguments.length;
-  return r === 2 ? S(t) && !w(t) ? De(t) ? V(e, null, [t]) : V(e, t) : V(e, null, t) : (r > 3 ? n = Array.prototype.slice.call(arguments, 2) : r === 3 && De(n) && (n = [n]), V(e, t, n));
-}
-Symbol(process.env.NODE_ENV !== "production" ? "ssrContext" : "");
-function Ge(e) {
-  return !!(e && e.__v_isShallow);
-}
-function Rr() {
-  if (process.env.NODE_ENV === "production" || typeof window > "u")
-    return;
-  const e = { style: "color:#3ba776" }, t = { style: "color:#0b1bc9" }, n = { style: "color:#b62e24" }, r = { style: "color:#9d288c" }, o = {
-    header(l) {
-      return S(l) ? l.__isVue ? ["div", e, "VueInstance"] : x(l) ? [
-        "div",
-        {},
-        ["span", e, p(l)],
-        "<",
-        c(l.value),
-        ">"
-      ] : Y(l) ? [
-        "div",
-        {},
-        ["span", e, Ge(l) ? "ShallowReactive" : "Reactive"],
-        "<",
-        c(l),
-        `>${L(l) ? " (readonly)" : ""}`
-      ] : L(l) ? [
-        "div",
-        {},
-        ["span", e, Ge(l) ? "ShallowReadonly" : "Readonly"],
-        "<",
-        c(l),
-        ">"
-      ] : null : null;
-    },
-    hasBody(l) {
-      return l && l.__isVue;
-    },
-    body(l) {
-      if (l && l.__isVue)
-        return [
-          "div",
-          {},
-          ...s(l.$)
-        ];
+      };
     }
-  };
-  function s(l) {
-    const f = [];
-    l.type.props && l.props && f.push(i("props", d(l.props))), l.setupState !== C && f.push(i("setup", l.setupState)), l.data !== C && f.push(i("data", d(l.data)));
-    const E = u(l, "computed");
-    E && f.push(i("computed", E));
-    const g = u(l, "inject");
-    return g && f.push(i("injected", g)), f.push([
-      "div",
-      {},
-      [
-        "span",
-        {
-          style: r.style + ";opacity:0.66"
-        },
-        "$ (internal): "
-      ],
-      ["object", { object: l }]
-    ]), f;
-  }
-  function i(l, f) {
-    return f = A({}, f), Object.keys(f).length ? [
-      "div",
-      { style: "line-height:1.25em;margin-bottom:0.6em" },
-      [
-        "div",
-        {
-          style: "color:#476582"
-        },
-        l
-      ],
-      [
-        "div",
-        {
-          style: "padding-left:1.25em"
-        },
-        ...Object.keys(f).map((E) => [
-          "div",
-          {},
-          ["span", r, E + ": "],
-          c(f[E], !1)
-        ])
-      ]
-    ] : ["span", {}];
-  }
-  function c(l, f = !0) {
-    return typeof l == "number" ? ["span", t, l] : typeof l == "string" ? ["span", n, JSON.stringify(l)] : typeof l == "boolean" ? ["span", r, l] : S(l) ? ["object", { object: f ? d(l) : l }] : ["span", n, String(l)];
-  }
-  function u(l, f) {
-    const E = l.type;
-    if (y(E))
-      return;
-    const g = {};
-    for (const m in l.ctx)
-      a(E, m, f) && (g[m] = l.ctx[m]);
-    return g;
-  }
-  function a(l, f, E) {
-    const g = l[E];
-    if (w(g) && g.includes(f) || S(g) && f in g || l.extends && a(l.extends, f, E) || l.mixins && l.mixins.some((m) => a(m, f, E)))
-      return !0;
-  }
-  function p(l) {
-    return Ge(l) ? "ShallowRef" : l.effect ? "ComputedRef" : "Ref";
-  }
-  window.devtoolsFormatters ? window.devtoolsFormatters.push(o) : window.devtoolsFormatters = [o];
-}
-var Ft;
-((e) => {
-  function t(o) {
-    const s = [];
-    for (let i = 0; i < o; i++)
-      s.push({
-        id: "testId",
-        name: `device-${i}`,
-        online: i % 2 == 0,
-        channels: []
-      });
-    return s;
-  }
-  function n(o) {
-    const s = [];
-    for (let i = 0; i < o; i++)
-      s.push({
-        id: `group=${i}`,
-        name: `group-${i}`,
-        onlineCount: 0,
-        totalCount: 0,
-        devices: t(10),
-        items: n(o - i - 1)
-      });
-    return s;
-  }
-  function r(o) {
-    return {
-      name: "hah",
-      onlineCount: 0,
-      totalCount: 0,
-      items: n(3)
-    };
-  }
-  e.RandomDeviceGroup = r;
-})(Ft || (Ft = {}));
-function Tr() {
-  Rr();
-}
-process.env.NODE_ENV !== "production" && Tr();
-const Mr = Ae({
+    o.AccessSession = s;
+  })(t.Utils || (t.Utils = {}));
+})(H || (H = {}));
+const it = F({
   props: {
     countInfo: Object
   },
-  setup(e) {
-    function t(o, s) {
-      if (s) {
-        let i = 0;
-        return s.items.forEach((c) => {
-          i += t(o, c);
-        }), o(s) + i;
+  setup(t) {
+    function n(e, r) {
+      if (r) {
+        let c = 0;
+        return r.items.forEach((i) => {
+          c += n(e, i);
+        }), e(r) + c;
       }
       return 0;
     }
-    const n = Mt(() => t((o) => o.onlineCount, e.countInfo));
+    const o = O(() => n((e) => e.onlineCount, t.countInfo));
     return {
-      totalCount: Mt(() => t((o) => o.totalCount, e.countInfo)),
-      onlineCount: n
+      totalCount: O(() => n((e) => e.totalCount, t.countInfo)),
+      onlineCount: o
     };
   }
 });
-const dt = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [r, o] of t)
-    n[r] = o;
-  return n;
-}, Pr = { class: "root" }, Fr = { class: "count-show" };
-function Ar(e, t, n, r, o, s) {
-  return R(), k("div", Pr, [
-    fr(e.$slots, "default", {}, void 0, !0),
-    F("span", Fr, Ne(e.onlineCount) + "/" + Ne(e.totalCount), 1)
+const M = (t, n) => {
+  const o = t.__vccOpts || t;
+  for (const [s, e] of n)
+    o[s] = e;
+  return o;
+}, ct = { class: "root" }, lt = { class: "count-show" };
+function at(t, n, o, s, e, r) {
+  return w(), b("div", ct, [
+    y(t.$slots, "default", {}, void 0, !0),
+    f("span", lt, P(t.onlineCount) + "/" + P(t.totalCount), 1)
   ]);
 }
-const Vn = /* @__PURE__ */ dt(Mr, [["render", Ar], ["__scopeId", "data-v-645fa4e7"]]), Dn = Object.freeze(
+const K = /* @__PURE__ */ M(it, [["render", at], ["__scopeId", "data-v-702e833c"]]), q = Object.freeze(
   {
     left: 0,
     top: 0,
     width: 16,
     height: 16
   }
-), Rn = Object.freeze({
+), J = Object.freeze({
   rotate: 0,
   vFlip: !1,
   hFlip: !1
-}), ht = Object.freeze({
-  ...Dn,
-  ...Rn
+}), A = Object.freeze({
+  ...q,
+  ...J
 });
 Object.freeze({
-  ...ht,
+  ...A,
   body: "",
   hidden: !1
 });
 ({
-  ...Dn
+  ...q
 });
-const Tn = Object.freeze({
+const Q = Object.freeze({
   width: null,
   height: null
-}), Mn = Object.freeze({
-  ...Tn,
-  ...Rn
+}), X = Object.freeze({
+  ...Q,
+  ...J
 });
-function jr(e, t) {
-  const n = {
-    ...e
+function ut(t, n) {
+  const o = {
+    ...t
   };
-  for (const r in t) {
-    const o = t[r], s = typeof o;
-    r in Tn ? (o === null || o && (s === "string" || s === "number")) && (n[r] = o) : s === typeof n[r] && (n[r] = r === "rotate" ? o % 4 : o);
+  for (const s in n) {
+    const e = n[s], r = typeof e;
+    s in Q ? (e === null || e && (r === "string" || r === "number")) && (o[s] = e) : r === typeof o[s] && (o[s] = s === "rotate" ? e % 4 : e);
   }
-  return n;
+  return o;
 }
-const zr = /[\s,]+/;
-function Hr(e, t) {
-  t.split(zr).forEach((n) => {
-    switch (n.trim()) {
+const ht = /[\s,]+/;
+function dt(t, n) {
+  n.split(ht).forEach((o) => {
+    switch (o.trim()) {
       case "horizontal":
-        e.hFlip = !0;
+        t.hFlip = !0;
         break;
       case "vertical":
-        e.vFlip = !0;
+        t.vFlip = !0;
         break;
     }
   });
 }
-function Gr(e, t = 0) {
-  const n = e.replace(/^-?[0-9.]*/, "");
-  function r(o) {
-    for (; o < 0; )
-      o += 4;
-    return o % 4;
-  }
-  if (n === "") {
-    const o = parseInt(e);
-    return isNaN(o) ? 0 : r(o);
-  } else if (n !== e) {
-    let o = 0;
-    switch (n) {
+function ft(t, n = 0) {
+  const o = t.replace(/^-?[0-9.]*/, "");
+  function s(e) {
+    for (; e < 0; )
+      e += 4;
+    return e % 4;
+  }
+  if (o === "") {
+    const e = parseInt(t);
+    return isNaN(e) ? 0 : s(e);
+  } else if (o !== t) {
+    let e = 0;
+    switch (o) {
       case "%":
-        o = 25;
+        e = 25;
         break;
       case "deg":
-        o = 90;
+        e = 90;
     }
-    if (o) {
-      let s = parseFloat(e.slice(0, e.length - n.length));
-      return isNaN(s) ? 0 : (s = s / o, s % 1 === 0 ? r(s) : 0);
+    if (e) {
+      let r = parseFloat(t.slice(0, t.length - o.length));
+      return isNaN(r) ? 0 : (r = r / e, r % 1 === 0 ? s(r) : 0);
     }
   }
-  return t;
+  return n;
 }
-const kr = /(-?[0-9.]*[0-9]+[0-9.]*)/g, Kr = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
-function At(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(kr);
-  if (r === null || !r.length)
-    return e;
-  const o = [];
-  let s = r.shift(), i = Kr.test(s);
+const pt = /(-?[0-9.]*[0-9]+[0-9.]*)/g, gt = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+function L(t, n, o) {
+  if (n === 1)
+    return t;
+  if (o = o || 100, typeof t == "number")
+    return Math.ceil(t * n * o) / o;
+  if (typeof t != "string")
+    return t;
+  const s = t.split(pt);
+  if (s === null || !s.length)
+    return t;
+  const e = [];
+  let r = s.shift(), c = gt.test(r);
   for (; ; ) {
-    if (i) {
-      const c = parseFloat(s);
-      isNaN(c) ? o.push(s) : o.push(Math.ceil(c * t * n) / n);
+    if (c) {
+      const i = parseFloat(r);
+      isNaN(i) ? e.push(r) : e.push(Math.ceil(i * n * o) / o);
     } else
-      o.push(s);
-    if (s = r.shift(), s === void 0)
-      return o.join("");
-    i = !i;
+      e.push(r);
+    if (r = s.shift(), r === void 0)
+      return e.join("");
+    c = !c;
   }
 }
-function Wr(e, t) {
-  const n = {
-    ...ht,
-    ...e
-  }, r = {
-    ...Mn,
+function vt(t, n) {
+  const o = {
+    ...A,
     ...t
-  }, o = {
-    left: n.left,
-    top: n.top,
-    width: n.width,
-    height: n.height
+  }, s = {
+    ...X,
+    ...n
+  }, e = {
+    left: o.left,
+    top: o.top,
+    width: o.width,
+    height: o.height
   };
-  let s = n.body;
-  [n, r].forEach((E) => {
-    const g = [], m = E.hFlip, _ = E.vFlip;
-    let b = E.rotate;
-    m ? _ ? b += 2 : (g.push(
-      "translate(" + (o.width + o.left).toString() + " " + (0 - o.top).toString() + ")"
-    ), g.push("scale(-1 1)"), o.top = o.left = 0) : _ && (g.push(
-      "translate(" + (0 - o.left).toString() + " " + (o.height + o.top).toString() + ")"
-    ), g.push("scale(1 -1)"), o.top = o.left = 0);
-    let h;
-    switch (b < 0 && (b -= Math.floor(b / 4) * 4), b = b % 4, b) {
+  let r = o.body;
+  [o, s].forEach((m) => {
+    const g = [], d = m.hFlip, a = m.vFlip;
+    let v = m.rotate;
+    d ? a ? v += 2 : (g.push(
+      "translate(" + (e.width + e.left).toString() + " " + (0 - e.top).toString() + ")"
+    ), g.push("scale(-1 1)"), e.top = e.left = 0) : a && (g.push(
+      "translate(" + (0 - e.left).toString() + " " + (e.height + e.top).toString() + ")"
+    ), g.push("scale(1 -1)"), e.top = e.left = 0);
+    let _;
+    switch (v < 0 && (v -= Math.floor(v / 4) * 4), v = v % 4, v) {
       case 1:
-        h = o.height / 2 + o.top, g.unshift(
-          "rotate(90 " + h.toString() + " " + h.toString() + ")"
+        _ = e.height / 2 + e.top, g.unshift(
+          "rotate(90 " + _.toString() + " " + _.toString() + ")"
         );
         break;
       case 2:
         g.unshift(
-          "rotate(180 " + (o.width / 2 + o.left).toString() + " " + (o.height / 2 + o.top).toString() + ")"
+          "rotate(180 " + (e.width / 2 + e.left).toString() + " " + (e.height / 2 + e.top).toString() + ")"
         );
         break;
       case 3:
-        h = o.width / 2 + o.left, g.unshift(
-          "rotate(-90 " + h.toString() + " " + h.toString() + ")"
+        _ = e.width / 2 + e.left, g.unshift(
+          "rotate(-90 " + _.toString() + " " + _.toString() + ")"
         );
         break;
     }
-    b % 2 === 1 && (o.left !== o.top && (h = o.left, o.left = o.top, o.top = h), o.width !== o.height && (h = o.width, o.width = o.height, o.height = h)), g.length && (s = '<g transform="' + g.join(" ") + '">' + s + "</g>");
+    v % 2 === 1 && (e.left !== e.top && (_ = e.left, e.left = e.top, e.top = _), e.width !== e.height && (_ = e.width, e.width = e.height, e.height = _)), g.length && (r = '<g transform="' + g.join(" ") + '">' + r + "</g>");
   });
-  const i = r.width, c = r.height, u = o.width, a = o.height;
-  let p, l;
-  return i === null ? (l = c === null ? "1em" : c === "auto" ? a : c, p = At(l, u / a)) : (p = i === "auto" ? u : i, l = c === null ? At(p, a / u) : c === "auto" ? a : c), {
+  const c = s.width, i = s.height, l = e.width, h = e.height;
+  let p, u;
+  return c === null ? (u = i === null ? "1em" : i === "auto" ? h : i, p = L(u, l / h)) : (p = c === "auto" ? l : c, u = i === null ? L(p, h / l) : i === "auto" ? h : i), {
     attributes: {
       width: p.toString(),
-      height: l.toString(),
-      viewBox: o.left.toString() + " " + o.top.toString() + " " + u.toString() + " " + a.toString()
+      height: u.toString(),
+      viewBox: e.left.toString() + " " + e.top.toString() + " " + l.toString() + " " + h.toString()
     },
-    body: s
+    body: r
   };
 }
-const Ur = /\sid="(\S+)"/g, Lr = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
-let Br = 0;
-function Jr(e, t = Lr) {
-  const n = [];
-  let r;
-  for (; r = Ur.exec(e); )
-    n.push(r[1]);
-  return n.length && n.forEach((o) => {
-    const s = typeof t == "function" ? t(o) : t + (Br++).toString(), i = o.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    e = e.replace(
-      new RegExp('([#;"])(' + i + ')([")]|\\.[a-z])', "g"),
-      "$1" + s + "$3"
+const mt = /\sid="(\S+)"/g, _t = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
+let wt = 0;
+function St(t, n = _t) {
+  const o = [];
+  let s;
+  for (; s = mt.exec(t); )
+    o.push(s[1]);
+  return o.length && o.forEach((e) => {
+    const r = typeof n == "function" ? n(e) : n + (wt++).toString(), c = e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    t = t.replace(
+      new RegExp('([#;"])(' + c + ')([")]|\\.[a-z])', "g"),
+      "$1" + r + "$3"
     );
-  }), e;
+  }), t;
 }
-function qr(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] + '"';
-  return '<svg xmlns="http://www.w3.org/2000/svg"' + n + ">" + e + "</svg>";
+function bt(t, n) {
+  let o = t.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
+  for (const s in n)
+    o += " " + s + '="' + n[s] + '"';
+  return '<svg xmlns="http://www.w3.org/2000/svg"' + o + ">" + t + "</svg>";
 }
-function Yr(e) {
-  return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
+function yt(t) {
+  return t.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
 }
-function Qr(e) {
-  return 'url("data:image/svg+xml,' + Yr(e) + '")';
+function Ct(t) {
+  return 'url("data:image/svg+xml,' + yt(t) + '")';
 }
-const jt = {
-  ...Mn,
+const R = {
+  ...X,
   inline: !1
-}, Xr = {
+}, $t = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": !0,
   role: "img"
-}, Zr = {
+}, kt = {
   display: "inline-block"
-}, Xe = {
+}, x = {
   backgroundColor: "currentColor"
-}, Pn = {
+}, Y = {
   backgroundColor: "transparent"
-}, zt = {
+}, B = {
   Image: "var(--svg)",
   Repeat: "no-repeat",
   Size: "100% 100%"
-}, Ht = {
-  webkitMask: Xe,
-  mask: Xe,
-  background: Pn
+}, N = {
+  webkitMask: x,
+  mask: x,
+  background: Y
 };
-for (const e in Ht) {
-  const t = Ht[e];
-  for (const n in zt)
-    t[e + n] = zt[n];
-}
-const ve = {};
-["horizontal", "vertical"].forEach((e) => {
-  const t = e.slice(0, 1) + "Flip";
-  ve[e + "-flip"] = t, ve[e.slice(0, 1) + "-flip"] = t, ve[e + "Flip"] = t;
+for (const t in N) {
+  const n = N[t];
+  for (const o in B)
+    n[t + o] = B[o];
+}
+const I = {};
+["horizontal", "vertical"].forEach((t) => {
+  const n = t.slice(0, 1) + "Flip";
+  I[t + "-flip"] = n, I[t.slice(0, 1) + "-flip"] = n, I[t + "Flip"] = n;
 });
-function Gt(e) {
-  return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
-}
-const es = (e, t) => {
-  const n = jr(jt, t), r = { ...Xr }, o = t.mode || "svg", s = {}, i = t.style, c = typeof i == "object" && !(i instanceof Array) ? i : {};
-  for (let m in t) {
-    const _ = t[m];
-    if (_ !== void 0)
-      switch (m) {
+function V(t) {
+  return t + (t.match(/^[-0-9.]+$/) ? "px" : "");
+}
+const It = (t, n) => {
+  const o = ut(R, n), s = { ...$t }, e = n.mode || "svg", r = {}, c = n.style, i = typeof c == "object" && !(c instanceof Array) ? c : {};
+  for (let d in n) {
+    const a = n[d];
+    if (a !== void 0)
+      switch (d) {
         case "icon":
         case "style":
         case "onLoad":
@@ -1817,207 +325,271 @@ const es = (e, t) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          n[m] = _ === !0 || _ === "true" || _ === 1;
+          o[d] = a === !0 || a === "true" || a === 1;
           break;
         case "flip":
-          typeof _ == "string" && Hr(n, _);
+          typeof a == "string" && dt(o, a);
           break;
         case "color":
-          s.color = _;
+          r.color = a;
           break;
         case "rotate":
-          typeof _ == "string" ? n[m] = Gr(_) : typeof _ == "number" && (n[m] = _);
+          typeof a == "string" ? o[d] = ft(a) : typeof a == "number" && (o[d] = a);
           break;
         case "ariaHidden":
         case "aria-hidden":
-          _ !== !0 && _ !== "true" && delete r["aria-hidden"];
+          a !== !0 && a !== "true" && delete s["aria-hidden"];
           break;
         default: {
-          const b = ve[m];
-          b ? (_ === !0 || _ === "true" || _ === 1) && (n[b] = !0) : jt[m] === void 0 && (r[m] = _);
+          const v = I[d];
+          v ? (a === !0 || a === "true" || a === 1) && (o[v] = !0) : R[d] === void 0 && (s[d] = a);
         }
       }
   }
-  const u = Wr(e, n), a = u.attributes;
-  if (n.inline && (s.verticalAlign = "-0.125em"), o === "svg") {
-    r.style = {
-      ...s,
-      ...c
-    }, Object.assign(r, a);
-    let m = 0, _ = t.id;
-    return typeof _ == "string" && (_ = _.replace(/-/g, "_")), r.innerHTML = Jr(u.body, _ ? () => _ + "ID" + m++ : "iconifyVue"), Pt("svg", r);
-  }
-  const { body: p, width: l, height: f } = e, E = o === "mask" || (o === "bg" ? !1 : p.indexOf("currentColor") !== -1), g = qr(p, {
-    ...a,
-    width: l + "",
-    height: f + ""
+  const l = vt(t, o), h = l.attributes;
+  if (o.inline && (r.verticalAlign = "-0.125em"), e === "svg") {
+    s.style = {
+      ...r,
+      ...i
+    }, Object.assign(s, h);
+    let d = 0, a = n.id;
+    return typeof a == "string" && (a = a.replace(/-/g, "_")), s.innerHTML = St(l.body, a ? () => a + "ID" + d++ : "iconifyVue"), E("svg", s);
+  }
+  const { body: p, width: u, height: S } = t, m = e === "mask" || (e === "bg" ? !1 : p.indexOf("currentColor") !== -1), g = bt(p, {
+    ...h,
+    width: u + "",
+    height: S + ""
   });
-  return r.style = {
-    ...s,
-    "--svg": Qr(g),
-    width: Gt(a.width),
-    height: Gt(a.height),
-    ...Zr,
-    ...E ? Xe : Pn,
-    ...c
-  }, Pt("span", r);
-}, Fn = /* @__PURE__ */ Object.create(null);
-function ze(e, t) {
-  Fn[e] = t;
-}
-const ts = Ae({
+  return s.style = {
+    ...r,
+    "--svg": Ct(g),
+    width: V(h.width),
+    height: V(h.height),
+    ...kt,
+    ...m ? x : Y,
+    ...i
+  }, E("span", s);
+}, Z = /* @__PURE__ */ Object.create(null);
+function z(t, n) {
+  Z[t] = n;
+}
+const Pt = F({
   inheritAttrs: !1,
   render() {
-    const e = this.$attrs, t = e.icon, n = typeof t == "string" ? Fn[t] : typeof t == "object" ? t : null;
-    return n === null || typeof n != "object" || typeof n.body != "string" ? this.$slots.default ? this.$slots.default() : null : es({
-      ...ht,
-      ...n
-    }, e);
+    const t = this.$attrs, n = t.icon, o = typeof n == "string" ? Z[n] : typeof n == "object" ? n : null;
+    return o === null || typeof o != "object" || typeof o.body != "string" ? this.$slots.default ? this.$slots.default() : null : It({
+      ...A,
+      ...o
+    }, t);
   }
-}), ns = Ae({
+}), Ft = F({
   components: {
-    CountShow: Vn,
-    Icon: ts
+    CountShow: K,
+    Icon: Pt
   },
   name: "group-show",
   props: {
-    deviceGroup: Object
+    deviceGroup: Object,
+    controlParams: Object
   },
-  setup() {
+  setup(t) {
+    function n(r) {
+      return r && r.filter((c) => {
+        var i;
+        return !((i = t.controlParams) != null && i.onlyShowOnline) || c.online;
+      }) || [];
+    }
+    const o = O(() => {
+      var r, c;
+      const i = t.controlParams.searchStr;
+      return i.length == 0 || t.deviceGroup && ((r = t.deviceGroup) == null ? void 0 : r.name.indexOf(i)) > 0 ? !0 : (c = t.deviceGroup) == null ? void 0 : c.devices.find((l) => l.name.indexOf(t.controlParams.searchStr) > 0);
+    });
+    function s(r) {
+      return t.controlParams.searchStr.length == 0 ? !0 : r.name.indexOf(t.controlParams.searchStr) > 0;
+    }
+    const e = G(!1);
     return {
-      bShow: Co(!1)
+      showGroup: o,
+      showDevice: s,
+      FilterDevice: n,
+      bShow: e
     };
   }
 });
-const os = { class: "group" }, rs = {
+const Ot = {
+  key: 0,
+  class: "group"
+}, Gt = ["title"], jt = { class: "group-slot" }, Dt = {
   key: 0,
   style: { "margin-left": "26px" }
-}, ss = ["title"];
-function is(e, t, n, r, o, s) {
-  var i, c;
-  const u = ce("Icon"), a = ce("CountShow"), p = ce("group-show");
-  return R(), k("div", os, [
-    V(a, { countInfo: e.deviceGroup }, {
-      default: vn(() => {
-        var l;
+}, xt = ["title"], Mt = { class: "device-slot" };
+function At(t, n, o, s, e, r) {
+  var c, i;
+  const l = k("Icon"), h = k("CountShow"), p = k("group-show");
+  return t.showGroup ? (w(), b("div", Ot, [
+    $(h, { countInfo: t.deviceGroup }, {
+      default: C(() => {
+        var u, S;
         return [
-          V(u, {
+          $(l, {
             icon: "right",
-            rotate: e.bShow && "90deg",
+            rotate: t.bShow && "90deg",
             width: "20",
-            onClick: t[0] || (t[0] = (f) => e.bShow = !e.bShow),
+            onClick: n[0] || (n[0] = (m) => t.bShow = !t.bShow),
             class: "handle-ls-svg"
           }, null, 8, ["rotate"]),
-          V(u, {
+          $(l, {
             icon: "group",
             width: "24",
             class: "group-avatar"
           }),
-          at(" " + Ne((l = e.deviceGroup) == null ? void 0 : l.name), 1)
+          f("span", {
+            class: "group-name",
+            title: (u = t.deviceGroup) == null ? void 0 : u.name
+          }, P((S = t.deviceGroup) == null ? void 0 : S.name), 9, Gt),
+          f("div", jt, [
+            y(t.$slots, "group", { group: t.deviceGroup }, void 0, !0)
+          ])
         ];
       }),
-      _: 1
+      _: 3
     }, 8, ["countInfo"]),
-    e.bShow ? (R(), k("div", rs, [
-      (R(!0), k(ee, null, Ye((i = e.deviceGroup) == null ? void 0 : i.items, (l, f) => (R(), je(p, {
-        key: f,
-        deviceGroup: l
-      }, null, 8, ["deviceGroup"]))), 128)),
-      (R(!0), k(ee, null, Ye((c = e.deviceGroup) == null ? void 0 : c.devices, (l, f) => (R(), k("div", {
-        key: f,
-        class: Te(["device", l.online && " online-device"])
+    t.bShow ? (w(), b("div", Dt, [
+      (w(!0), b(j, null, D((c = t.deviceGroup) == null ? void 0 : c.items, (u, S) => (w(), W(p, {
+        key: S,
+        deviceGroup: u,
+        controlParams: t.controlParams
+      }, {
+        group: C(({ group: m }) => [
+          y(t.$slots, "group", { group: m }, void 0, !0)
+        ]),
+        device: C(({ device: m }) => [
+          y(t.$slots, "device", { device: m }, void 0, !0)
+        ]),
+        _: 2
+      }, 1032, ["deviceGroup", "controlParams"]))), 128)),
+      (w(!0), b(j, null, D(t.FilterDevice((i = t.deviceGroup) == null ? void 0 : i.devices), (u, S) => et((w(), b("div", {
+        key: S,
+        class: ot(["device", u.online && "online-device"])
       }, [
-        V(u, {
+        $(l, {
           icon: "user",
           width: "16",
           class: "device-avatar"
         }),
-        F("span", {
-          title: l.id,
+        f("span", {
+          title: u.id,
           class: "device-name"
-        }, Ne(l.name), 9, ss)
-      ], 2))), 128))
-    ])) : yr("", !0)
-  ]);
+        }, P(u.name), 9, xt),
+        f("div", Mt, [
+          y(t.$slots, "device", { device: u }, void 0, !0)
+        ])
+      ], 2)), [
+        [nt, t.showDevice(u)]
+      ])), 128))
+    ])) : T("", !0)
+  ])) : T("", !0);
 }
-const cs = /* @__PURE__ */ dt(ns, [["render", is], ["__scopeId", "data-v-babbb531"]]), ls = {
+const zt = /* @__PURE__ */ M(Ft, [["render", At], ["__scopeId", "data-v-82150d7a"]]), Et = {
   width: 1024,
   height: 1024,
   body: '<path fill="currentColor" d="M384 192v640l384-320.064z"/>'
-}, An = {
+}, Tt = {
   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"/>'
-}, us = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: An
-}, Symbol.toStringTag, { value: "Module" })), as = {
+}, Ht = {
   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"/>'
 };
-ze("right", ls);
-ze("group", An);
-ze("user", as);
-Promise.resolve().then(() => us).then(({ default: e }) => {
-  ze("group", e);
-});
-const fs = Ae({
+z("right", Et);
+z("group", Tt);
+z("user", Ht);
+const Lt = F({
   components: {
-    CountShow: Vn,
-    GroupShow: cs
+    CountShow: K,
+    GroupShow: zt
   },
   props: {
     deviceGroup: Object
   },
-  mounted() {
+  methods: {
+    onCheckBoxChange() {
+      this.controlParams.onlyShowOnline = !this.controlParams.onlyShowOnline;
+    },
+    onSearchChange() {
+      var t;
+      this.inputSearchRef && (this.controlParams.searchStr = (t = this.inputSearchRef) == null ? void 0 : t.value, console.log(this.controlParams.searchStr));
+    }
   },
   setup() {
-    return {};
+    const t = G({
+      onlyShowOnline: !1,
+      searchStr: ""
+    });
+    return {
+      inputSearchRef: G(),
+      controlParams: t
+    };
   }
 });
-const _t = (e) => (tr("data-v-32a0c3cc"), e = e(), nr(), e), ps = { class: "device-group-list" }, ds = { class: "search-panel" }, hs = /* @__PURE__ */ _t(() => /* @__PURE__ */ F("div", { style: { height: "32px", "line-height": "32px" } }, [
-  /* @__PURE__ */ F("img", { src: "" }),
-  /* @__PURE__ */ at(),
-  /* @__PURE__ */ F("input", { type: "text" })
-], -1)), _s = /* @__PURE__ */ _t(() => /* @__PURE__ */ F("input", {
-  type: "checkbox",
-  id: "onlineShow",
-  value: "onlineShow"
-}, null, -1)), gs = /* @__PURE__ */ _t(() => /* @__PURE__ */ F("label", { for: "onlineShow" }, "\u53EA\u663E\u793A\u5728\u7EBF\u8BBE\u5907", -1)), ms = { class: "device-panel" };
-function ws(e, t, n, r, o, s) {
-  var i;
-  const c = ce("CountShow"), u = ce("group-show");
-  return R(), k("div", ps, [
-    F("div", ds, [
-      hs,
-      V(c, { countInfo: e.deviceGroup }, {
-        default: vn(() => [
-          _s,
-          gs
+const tt = (t) => (st("data-v-3b15399c"), t = t(), rt(), t), Rt = { class: "device-group-list" }, Bt = { class: "search-panel" }, Nt = { style: { height: "32px", "line-height": "32px" } }, Vt = /* @__PURE__ */ tt(() => /* @__PURE__ */ f("img", { src: "" }, null, -1)), Ut = /* @__PURE__ */ tt(() => /* @__PURE__ */ f("label", { for: "onlineShow" }, "\u53EA\u663E\u793A\u5728\u7EBF\u8BBE\u5907", -1)), Wt = { class: "device-panel" };
+function Kt(t, n, o, s, e, r) {
+  var c;
+  const i = k("CountShow"), l = k("group-show");
+  return w(), b("div", Rt, [
+    f("div", Bt, [
+      f("div", Nt, [
+        Vt,
+        f("input", {
+          type: "text",
+          onChange: n[0] || (n[0] = (...h) => t.onSearchChange && t.onSearchChange(...h)),
+          ref: "inputSearchRef"
+        }, null, 544)
+      ]),
+      $(i, { countInfo: t.deviceGroup }, {
+        default: C(() => [
+          f("input", {
+            type: "checkbox",
+            id: "onlineShow",
+            value: "onlineShow",
+            onChange: n[1] || (n[1] = (...h) => t.onCheckBoxChange && t.onCheckBoxChange(...h))
+          }, null, 32),
+          Ut
         ]),
         _: 1
       }, 8, ["countInfo"])
     ]),
-    F("div", ms, [
-      (R(!0), k(ee, null, Ye((i = e.deviceGroup) == null ? void 0 : i.items, (a, p) => (R(), je(u, {
+    f("div", Wt, [
+      (w(!0), b(j, null, D((c = t.deviceGroup) == null ? void 0 : c.items, (h, p) => (w(), W(l, {
+        controlParams: t.controlParams,
         key: p,
-        deviceGroup: a
-      }, null, 8, ["deviceGroup"]))), 128))
+        deviceGroup: h
+      }, {
+        group: C(({ group: u }) => [
+          y(t.$slots, "group", { group: u }, void 0, !0)
+        ]),
+        device: C(({ device: u }) => [
+          y(t.$slots, "device", { device: u }, void 0, !0)
+        ]),
+        _: 2
+      }, 1032, ["controlParams", "deviceGroup"]))), 128))
     ])
   ]);
 }
-const Es = /* @__PURE__ */ dt(fs, [["render", ws], ["__scopeId", "data-v-32a0c3cc"]]), kt = {
-  RecursionDeviceGroup: Es
-}, bs = {
-  install(e) {
-    for (const t in kt) {
-      const n = kt[t];
-      e.component(t, n);
+const qt = /* @__PURE__ */ M(Lt, [["render", Kt], ["__scopeId", "data-v-3b15399c"]]), U = {
+  RecursionDeviceGroup: qt
+}, Qt = {
+  install(t) {
+    for (const n in U) {
+      const o = U[n];
+      t.component(n, o);
     }
   }
 };
 export {
-  Ft as Test,
-  bs as default
+  H as RecursionDeviceGroup,
+  Qt as default
 };
+//# sourceMappingURL=smarteye-e-components.mjs.map