x-prop-tree 0.5.12 → 0.5.13

package/dist/index.js

@@ -1,54 +1,55 @@
-import { provide as ze, inject as Ke, defineComponent as k, ref as N, computed as K, resolveComponent as U, openBlock as $, createBlock as H, unref as R, isRef as zt, withCtx as Y, createVNode as F, createElementBlock as B, Fragment as Be, renderList as Kt, createTextVNode as it, toDisplayString as ne, resolveDirective as oe, withDirectives as ee, normalizeStyle as Me, withModifiers as Z, createElementVNode as ae, createCommentVNode as I, renderSlot as jn, h as g, mergeModels as z, useModel as le, mergeProps as qt, watch as we, watchEffect as En, reactive as Nn } from "vue";
-import { useI18n as be } from "vue-i18n";
-import { useViewStack as It, useColor as Ue, eventBus as Ae } from "x-essential-lib";
-import { getPropDefault as D, parsePixelStr as Fn, parsePercentStr as Rn } from "x-runtime-lib";
-import { state as Bn } from "x-state-lib";
-var Xt = typeof global == "object" && global && global.Object === Object && global, Hn = typeof self == "object" && self && self.Object === Object && self, J = Xt || Hn || Function("return this")(), re = J.Symbol, Yt = Object.prototype, Gn = Yt.hasOwnProperty, kn = Yt.toString, Te = re ? re.toStringTag : void 0;
-function zn(e) {
-  var t = Gn.call(e, Te), n = e[Te];
+import { provide as Me, inject as Ve, defineComponent as K, ref as R, computed as G, resolveComponent as M, openBlock as A, createBlock as F, unref as j, isRef as nt, withCtx as Y, createVNode as B, createElementBlock as k, Fragment as He, renderList as qt, createTextVNode as at, toDisplayString as re, resolveDirective as ue, withDirectives as oe, normalizeStyle as se, withModifiers as z, createElementVNode as q, createCommentVNode as I, renderSlot as Bn, h as y, mergeModels as X, useModel as le, useId as Rn, withKeys as Fn, mergeProps as kn, watch as Ce, watchEffect as Hn, reactive as Gn, onMounted as Kn, onBeforeUnmount as zn } from "vue";
+import { useI18n as pe } from "vue-i18n";
+import { useViewStack as It, useColor as Te, eventBus as te, useSystem as qn } from "x-essential-lib";
+import { getPropDefault as N, parsePixelStr as In, parsePercentStr as Xn } from "x-runtime-lib";
+import { useDisplay as Zn } from "vuetify";
+import { state as Yn } from "x-state-lib";
+var Xt = typeof global == "object" && global && global.Object === Object && global, Jn = typeof self == "object" && self && self.Object === Object && self, W = Xt || Jn || Function("return this")(), ae = W.Symbol, Zt = Object.prototype, Wn = Zt.hasOwnProperty, Qn = Zt.toString, Ae = ae ? ae.toStringTag : void 0;
+function er(e) {
+  var t = Wn.call(e, Ae), n = e[Ae];
   try {
-    e[Te] = void 0;
+    e[Ae] = void 0;
     var r = !0;
   } catch {
   }
-  var l = kn.call(e);
-  return r && (t ? e[Te] = n : delete e[Te]), l;
+  var l = Qn.call(e);
+  return r && (t ? e[Ae] = n : delete e[Ae]), l;
 }
-var Kn = Object.prototype, qn = Kn.toString;
-function In(e) {
-  return qn.call(e);
+var tr = Object.prototype, nr = tr.toString;
+function rr(e) {
+  return nr.call(e);
 }
-var Xn = "[object Null]", Yn = "[object Undefined]", yt = re ? re.toStringTag : void 0;
-function xe(e) {
-  return e == null ? e === void 0 ? Yn : Xn : yt && yt in Object(e) ? zn(e) : In(e);
+var or = "[object Null]", lr = "[object Undefined]", _t = ae ? ae.toStringTag : void 0;
+function Ue(e) {
+  return e == null ? e === void 0 ? lr : or : _t && _t in Object(e) ? er(e) : rr(e);
 }
-function ue(e) {
+function fe(e) {
   return e != null && typeof e == "object";
 }
-var Ce = Array.isArray;
-function Le(e) {
+var Oe = Array.isArray;
+function De(e) {
   var t = typeof e;
   return e != null && (t == "object" || t == "function");
 }
-var Zn = "[object AsyncFunction]", Jn = "[object Function]", Wn = "[object GeneratorFunction]", Qn = "[object Proxy]";
-function Zt(e) {
-  if (!Le(e))
+var ir = "[object AsyncFunction]", sr = "[object Function]", ar = "[object GeneratorFunction]", ur = "[object Proxy]";
+function Yt(e) {
+  if (!De(e))
     return !1;
-  var t = xe(e);
-  return t == Jn || t == Wn || t == Zn || t == Qn;
+  var t = Ue(e);
+  return t == sr || t == ar || t == ir || t == ur;
 }
-var Je = J["__core-js_shared__"], ht = function() {
-  var e = /[^.]+$/.exec(Je && Je.keys && Je.keys.IE_PROTO || "");
+var We = W["__core-js_shared__"], bt = function() {
+  var e = /[^.]+$/.exec(We && We.keys && We.keys.IE_PROTO || "");
   return e ? "Symbol(src)_1." + e : "";
 }();
-function er(e) {
-  return !!ht && ht in e;
+function cr(e) {
+  return !!bt && bt in e;
 }
-var tr = Function.prototype, nr = tr.toString;
-function fe(e) {
+var fr = Function.prototype, dr = fr.toString;
+function ve(e) {
   if (e != null) {
     try {
-      return nr.call(e);
+      return dr.call(e);
     } catch {
     }
     try {
@@ -58,73 +59,73 @@ function fe(e) {
   }
   return "";
 }
-var rr = /[\\^$.*+?()[\]{}|]/g, or = /^\[object .+?Constructor\]$/, lr = Function.prototype, ir = Object.prototype, sr = lr.toString, ar = ir.hasOwnProperty, ur = RegExp(
-  "^" + sr.call(ar).replace(rr, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+var pr = /[\\^$.*+?()[\]{}|]/g, vr = /^\[object .+?Constructor\]$/, mr = Function.prototype, gr = Object.prototype, yr = mr.toString, hr = gr.hasOwnProperty, _r = RegExp(
+  "^" + yr.call(hr).replace(pr, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
-function cr(e) {
-  if (!Le(e) || er(e))
+function br(e) {
+  if (!De(e) || cr(e))
     return !1;
-  var t = Zt(e) ? ur : or;
-  return t.test(fe(e));
+  var t = Yt(e) ? _r : vr;
+  return t.test(ve(e));
 }
-function fr(e, t) {
+function $r(e, t) {
   return e == null ? void 0 : e[t];
 }
-function de(e, t) {
-  var n = fr(e, t);
-  return cr(n) ? n : void 0;
+function me(e, t) {
+  var n = $r(e, t);
+  return br(n) ? n : void 0;
 }
-var tt = de(J, "WeakMap"), _t = Object.create, dr = /* @__PURE__ */ function() {
+var rt = me(W, "WeakMap"), $t = Object.create, Tr = /* @__PURE__ */ function() {
   function e() {
   }
   return function(t) {
-    if (!Le(t))
+    if (!De(t))
       return {};
-    if (_t)
-      return _t(t);
+    if ($t)
+      return $t(t);
     e.prototype = t;
     var n = new e();
     return e.prototype = void 0, n;
   };
 }();
-function pr(e, t) {
+function Sr(e, t) {
   var n = -1, r = e.length;
   for (t || (t = Array(r)); ++n < r; )
     t[n] = e[n];
   return t;
 }
-var bt = function() {
+var Tt = function() {
   try {
-    var e = de(Object, "defineProperty");
+    var e = me(Object, "defineProperty");
     return e({}, "", {}), e;
   } catch {
   }
 }();
-function mr(e, t) {
+function Ar(e, t) {
   for (var n = -1, r = e == null ? 0 : e.length; ++n < r && t(e[n], n, e) !== !1; )
     ;
   return e;
 }
-var vr = 9007199254740991, gr = /^(?:0|[1-9]\d*)$/;
-function yr(e, t) {
+var wr = 9007199254740991, Cr = /^(?:0|[1-9]\d*)$/;
+function Pr(e, t) {
   var n = typeof e;
-  return t = t ?? vr, !!t && (n == "number" || n != "symbol" && gr.test(e)) && e > -1 && e % 1 == 0 && e < t;
+  return t = t ?? wr, !!t && (n == "number" || n != "symbol" && Cr.test(e)) && e > -1 && e % 1 == 0 && e < t;
 }
 function Jt(e, t, n) {
-  t == "__proto__" && bt ? bt(e, t, {
+  t == "__proto__" && Tt ? Tt(e, t, {
     configurable: !0,
     enumerable: !0,
     value: n,
     writable: !0
   }) : e[t] = n;
 }
-function st(e, t) {
+function ut(e, t) {
   return e === t || e !== e && t !== t;
 }
-var hr = Object.prototype, _r = hr.hasOwnProperty;
+var Or = Object.prototype, Lr = Or.hasOwnProperty;
 function Wt(e, t, n) {
   var r = e[t];
-  (!(_r.call(e, t) && st(r, n)) || n === void 0 && !(t in e)) && Jt(e, t, n);
+  (!(Lr.call(e, t) && ut(r, n)) || n === void 0 && !(t in e)) && Jt(e, t, n);
 }
 function qe(e, t, n, r) {
   var l = !n;
@@ -135,61 +136,61 @@ function qe(e, t, n, r) {
   }
   return n;
 }
-var br = 9007199254740991;
+var xr = 9007199254740991;
 function Qt(e) {
-  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= br;
+  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= xr;
 }
 function en(e) {
-  return e != null && Qt(e.length) && !Zt(e);
+  return e != null && Qt(e.length) && !Yt(e);
 }
-var $r = Object.prototype;
-function at(e) {
-  var t = e && e.constructor, n = typeof t == "function" && t.prototype || $r;
+var Mr = Object.prototype;
+function ct(e) {
+  var t = e && e.constructor, n = typeof t == "function" && t.prototype || Mr;
   return e === n;
 }
-function Tr(e, t) {
+function Vr(e, t) {
   for (var n = -1, r = Array(e); ++n < e; )
     r[n] = t(n);
   return r;
 }
-var Sr = "[object Arguments]";
-function $t(e) {
-  return ue(e) && xe(e) == Sr;
+var Ur = "[object Arguments]";
+function St(e) {
+  return fe(e) && Ue(e) == Ur;
 }
-var tn = Object.prototype, Ar = tn.hasOwnProperty, wr = tn.propertyIsEnumerable, Pr = $t(/* @__PURE__ */ function() {
+var tn = Object.prototype, Dr = tn.hasOwnProperty, jr = tn.propertyIsEnumerable, Er = St(/* @__PURE__ */ function() {
   return arguments;
-}()) ? $t : function(e) {
-  return ue(e) && Ar.call(e, "callee") && !wr.call(e, "callee");
+}()) ? St : function(e) {
+  return fe(e) && Dr.call(e, "callee") && !jr.call(e, "callee");
 };
-function Cr() {
+function Nr() {
   return !1;
 }
-var nn = typeof exports == "object" && exports && !exports.nodeType && exports, Tt = nn && typeof module == "object" && module && !module.nodeType && module, Or = Tt && Tt.exports === nn, St = Or ? J.Buffer : void 0, Vr = St ? St.isBuffer : void 0, He = Vr || Cr, Mr = "[object Arguments]", Ur = "[object Array]", xr = "[object Boolean]", Lr = "[object Date]", Dr = "[object Error]", jr = "[object Function]", Er = "[object Map]", Nr = "[object Number]", Fr = "[object Object]", Rr = "[object RegExp]", Br = "[object Set]", Hr = "[object String]", Gr = "[object WeakMap]", kr = "[object ArrayBuffer]", zr = "[object DataView]", Kr = "[object Float32Array]", qr = "[object Float64Array]", Ir = "[object Int8Array]", Xr = "[object Int16Array]", Yr = "[object Int32Array]", Zr = "[object Uint8Array]", Jr = "[object Uint8ClampedArray]", Wr = "[object Uint16Array]", Qr = "[object Uint32Array]", O = {};
-O[Kr] = O[qr] = O[Ir] = O[Xr] = O[Yr] = O[Zr] = O[Jr] = O[Wr] = O[Qr] = !0;
-O[Mr] = O[Ur] = O[kr] = O[xr] = O[zr] = O[Lr] = O[Dr] = O[jr] = O[Er] = O[Nr] = O[Fr] = O[Rr] = O[Br] = O[Hr] = O[Gr] = !1;
-function eo(e) {
-  return ue(e) && Qt(e.length) && !!O[xe(e)];
+var nn = typeof exports == "object" && exports && !exports.nodeType && exports, At = nn && typeof module == "object" && module && !module.nodeType && module, Br = At && At.exports === nn, wt = Br ? W.Buffer : void 0, Rr = wt ? wt.isBuffer : void 0, Ge = Rr || Nr, Fr = "[object Arguments]", kr = "[object Array]", Hr = "[object Boolean]", Gr = "[object Date]", Kr = "[object Error]", zr = "[object Function]", qr = "[object Map]", Ir = "[object Number]", Xr = "[object Object]", Zr = "[object RegExp]", Yr = "[object Set]", Jr = "[object String]", Wr = "[object WeakMap]", Qr = "[object ArrayBuffer]", eo = "[object DataView]", to = "[object Float32Array]", no = "[object Float64Array]", ro = "[object Int8Array]", oo = "[object Int16Array]", lo = "[object Int32Array]", io = "[object Uint8Array]", so = "[object Uint8ClampedArray]", ao = "[object Uint16Array]", uo = "[object Uint32Array]", V = {};
+V[to] = V[no] = V[ro] = V[oo] = V[lo] = V[io] = V[so] = V[ao] = V[uo] = !0;
+V[Fr] = V[kr] = V[Qr] = V[Hr] = V[eo] = V[Gr] = V[Kr] = V[zr] = V[qr] = V[Ir] = V[Xr] = V[Zr] = V[Yr] = V[Jr] = V[Wr] = !1;
+function co(e) {
+  return fe(e) && Qt(e.length) && !!V[Ue(e)];
 }
-function ut(e) {
+function ft(e) {
   return function(t) {
     return e(t);
   };
 }
-var rn = typeof exports == "object" && exports && !exports.nodeType && exports, Pe = rn && typeof module == "object" && module && !module.nodeType && module, to = Pe && Pe.exports === rn, We = to && Xt.process, _e = function() {
+var rn = typeof exports == "object" && exports && !exports.nodeType && exports, Pe = rn && typeof module == "object" && module && !module.nodeType && module, fo = Pe && Pe.exports === rn, Qe = fo && Xt.process, $e = function() {
   try {
     var e = Pe && Pe.require && Pe.require("util").types;
-    return e || We && We.binding && We.binding("util");
+    return e || Qe && Qe.binding && Qe.binding("util");
   } catch {
   }
-}(), At = _e && _e.isTypedArray, on = At ? ut(At) : eo, no = Object.prototype, ro = no.hasOwnProperty;
+}(), Ct = $e && $e.isTypedArray, on = Ct ? ft(Ct) : co, po = Object.prototype, vo = po.hasOwnProperty;
 function ln(e, t) {
-  var n = Ce(e), r = !n && Pr(e), l = !n && !r && He(e), o = !n && !r && !l && on(e), i = n || r || l || o, s = i ? Tr(e.length, String) : [], a = s.length;
+  var n = Oe(e), r = !n && Er(e), l = !n && !r && Ge(e), o = !n && !r && !l && on(e), i = n || r || l || o, s = i ? Vr(e.length, String) : [], a = s.length;
   for (var u in e)
-    (t || ro.call(e, u)) && !(i && // Safari 9 has enumerable `arguments.length` in strict mode.
+    (t || vo.call(e, u)) && !(i && // Safari 9 has enumerable `arguments.length` in strict mode.
     (u == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
     l && (u == "offset" || u == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
     o && (u == "buffer" || u == "byteLength" || u == "byteOffset") || // Skip index properties.
-    yr(u, a))) && s.push(u);
+    Pr(u, a))) && s.push(u);
   return s;
 }
 function sn(e, t) {
@@ -197,211 +198,211 @@ function sn(e, t) {
     return e(t(n));
   };
 }
-var oo = sn(Object.keys, Object), lo = Object.prototype, io = lo.hasOwnProperty;
-function so(e) {
-  if (!at(e))
-    return oo(e);
+var mo = sn(Object.keys, Object), go = Object.prototype, yo = go.hasOwnProperty;
+function ho(e) {
+  if (!ct(e))
+    return mo(e);
   var t = [];
   for (var n in Object(e))
-    io.call(e, n) && n != "constructor" && t.push(n);
+    yo.call(e, n) && n != "constructor" && t.push(n);
   return t;
 }
-function ct(e) {
-  return en(e) ? ln(e) : so(e);
+function dt(e) {
+  return en(e) ? ln(e) : ho(e);
 }
-function ao(e) {
+function _o(e) {
   var t = [];
   if (e != null)
     for (var n in Object(e))
       t.push(n);
   return t;
 }
-var uo = Object.prototype, co = uo.hasOwnProperty;
-function fo(e) {
-  if (!Le(e))
-    return ao(e);
-  var t = at(e), n = [];
+var bo = Object.prototype, $o = bo.hasOwnProperty;
+function To(e) {
+  if (!De(e))
+    return _o(e);
+  var t = ct(e), n = [];
   for (var r in e)
-    r == "constructor" && (t || !co.call(e, r)) || n.push(r);
+    r == "constructor" && (t || !$o.call(e, r)) || n.push(r);
   return n;
 }
-function ft(e) {
-  return en(e) ? ln(e, !0) : fo(e);
+function pt(e) {
+  return en(e) ? ln(e, !0) : To(e);
 }
-var Oe = de(Object, "create");
-function po() {
-  this.__data__ = Oe ? Oe(null) : {}, this.size = 0;
+var Le = me(Object, "create");
+function So() {
+  this.__data__ = Le ? Le(null) : {}, this.size = 0;
 }
-function mo(e) {
+function Ao(e) {
   var t = this.has(e) && delete this.__data__[e];
   return this.size -= t ? 1 : 0, t;
 }
-var vo = "__lodash_hash_undefined__", go = Object.prototype, yo = go.hasOwnProperty;
-function ho(e) {
+var wo = "__lodash_hash_undefined__", Co = Object.prototype, Po = Co.hasOwnProperty;
+function Oo(e) {
   var t = this.__data__;
-  if (Oe) {
+  if (Le) {
     var n = t[e];
-    return n === vo ? void 0 : n;
+    return n === wo ? void 0 : n;
   }
-  return yo.call(t, e) ? t[e] : void 0;
+  return Po.call(t, e) ? t[e] : void 0;
 }
-var _o = Object.prototype, bo = _o.hasOwnProperty;
-function $o(e) {
+var Lo = Object.prototype, xo = Lo.hasOwnProperty;
+function Mo(e) {
   var t = this.__data__;
-  return Oe ? t[e] !== void 0 : bo.call(t, e);
+  return Le ? t[e] !== void 0 : xo.call(t, e);
 }
-var To = "__lodash_hash_undefined__";
-function So(e, t) {
+var Vo = "__lodash_hash_undefined__";
+function Uo(e, t) {
   var n = this.__data__;
-  return this.size += this.has(e) ? 0 : 1, n[e] = Oe && t === void 0 ? To : t, this;
+  return this.size += this.has(e) ? 0 : 1, n[e] = Le && t === void 0 ? Vo : t, this;
 }
-function ce(e) {
+function de(e) {
   var t = -1, n = e == null ? 0 : e.length;
   for (this.clear(); ++t < n; ) {
     var r = e[t];
     this.set(r[0], r[1]);
   }
 }
-ce.prototype.clear = po;
-ce.prototype.delete = mo;
-ce.prototype.get = ho;
-ce.prototype.has = $o;
-ce.prototype.set = So;
-function Ao() {
+de.prototype.clear = So;
+de.prototype.delete = Ao;
+de.prototype.get = Oo;
+de.prototype.has = Mo;
+de.prototype.set = Uo;
+function Do() {
   this.__data__ = [], this.size = 0;
 }
 function Ie(e, t) {
   for (var n = e.length; n--; )
-    if (st(e[n][0], t))
+    if (ut(e[n][0], t))
       return n;
   return -1;
 }
-var wo = Array.prototype, Po = wo.splice;
-function Co(e) {
+var jo = Array.prototype, Eo = jo.splice;
+function No(e) {
   var t = this.__data__, n = Ie(t, e);
   if (n < 0)
     return !1;
   var r = t.length - 1;
-  return n == r ? t.pop() : Po.call(t, n, 1), --this.size, !0;
+  return n == r ? t.pop() : Eo.call(t, n, 1), --this.size, !0;
 }
-function Oo(e) {
+function Bo(e) {
   var t = this.__data__, n = Ie(t, e);
   return n < 0 ? void 0 : t[n][1];
 }
-function Vo(e) {
+function Ro(e) {
   return Ie(this.__data__, e) > -1;
 }
-function Mo(e, t) {
+function Fo(e, t) {
   var n = this.__data__, r = Ie(n, e);
   return r < 0 ? (++this.size, n.push([e, t])) : n[r][1] = t, this;
 }
-function te(e) {
+function ie(e) {
   var t = -1, n = e == null ? 0 : e.length;
   for (this.clear(); ++t < n; ) {
     var r = e[t];
     this.set(r[0], r[1]);
   }
 }
-te.prototype.clear = Ao;
-te.prototype.delete = Co;
-te.prototype.get = Oo;
-te.prototype.has = Vo;
-te.prototype.set = Mo;
-var Ve = de(J, "Map");
-function Uo() {
+ie.prototype.clear = Do;
+ie.prototype.delete = No;
+ie.prototype.get = Bo;
+ie.prototype.has = Ro;
+ie.prototype.set = Fo;
+var xe = me(W, "Map");
+function ko() {
   this.size = 0, this.__data__ = {
-    hash: new ce(),
-    map: new (Ve || te)(),
-    string: new ce()
+    hash: new de(),
+    map: new (xe || ie)(),
+    string: new de()
   };
 }
-function xo(e) {
+function Ho(e) {
   var t = typeof e;
   return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
 }
 function Xe(e, t) {
   var n = e.__data__;
-  return xo(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
+  return Ho(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
 }
-function Lo(e) {
+function Go(e) {
   var t = Xe(this, e).delete(e);
   return this.size -= t ? 1 : 0, t;
 }
-function Do(e) {
+function Ko(e) {
   return Xe(this, e).get(e);
 }
-function jo(e) {
+function zo(e) {
   return Xe(this, e).has(e);
 }
-function Eo(e, t) {
+function qo(e, t) {
   var n = Xe(this, e), r = n.size;
   return n.set(e, t), this.size += n.size == r ? 0 : 1, this;
 }
-function pe(e) {
+function ge(e) {
   var t = -1, n = e == null ? 0 : e.length;
   for (this.clear(); ++t < n; ) {
     var r = e[t];
     this.set(r[0], r[1]);
   }
 }
-pe.prototype.clear = Uo;
-pe.prototype.delete = Lo;
-pe.prototype.get = Do;
-pe.prototype.has = jo;
-pe.prototype.set = Eo;
+ge.prototype.clear = ko;
+ge.prototype.delete = Go;
+ge.prototype.get = Ko;
+ge.prototype.has = zo;
+ge.prototype.set = qo;
 function an(e, t) {
   for (var n = -1, r = t.length, l = e.length; ++n < r; )
     e[l + n] = t[n];
   return e;
 }
 var un = sn(Object.getPrototypeOf, Object);
-function No() {
-  this.__data__ = new te(), this.size = 0;
+function Io() {
+  this.__data__ = new ie(), this.size = 0;
 }
-function Fo(e) {
+function Xo(e) {
   var t = this.__data__, n = t.delete(e);
   return this.size = t.size, n;
 }
-function Ro(e) {
+function Zo(e) {
   return this.__data__.get(e);
 }
-function Bo(e) {
+function Yo(e) {
   return this.__data__.has(e);
 }
-var Ho = 200;
-function Go(e, t) {
+var Jo = 200;
+function Wo(e, t) {
   var n = this.__data__;
-  if (n instanceof te) {
+  if (n instanceof ie) {
     var r = n.__data__;
-    if (!Ve || r.length < Ho - 1)
+    if (!xe || r.length < Jo - 1)
       return r.push([e, t]), this.size = ++n.size, this;
-    n = this.__data__ = new pe(r);
+    n = this.__data__ = new ge(r);
   }
   return n.set(e, t), this.size = n.size, this;
 }
-function Q(e) {
-  var t = this.__data__ = new te(e);
+function ne(e) {
+  var t = this.__data__ = new ie(e);
   this.size = t.size;
 }
-Q.prototype.clear = No;
-Q.prototype.delete = Fo;
-Q.prototype.get = Ro;
-Q.prototype.has = Bo;
-Q.prototype.set = Go;
-function ko(e, t) {
-  return e && qe(t, ct(t), e);
+ne.prototype.clear = Io;
+ne.prototype.delete = Xo;
+ne.prototype.get = Zo;
+ne.prototype.has = Yo;
+ne.prototype.set = Wo;
+function Qo(e, t) {
+  return e && qe(t, dt(t), e);
 }
-function zo(e, t) {
-  return e && qe(t, ft(t), e);
+function el(e, t) {
+  return e && qe(t, pt(t), e);
 }
-var cn = typeof exports == "object" && exports && !exports.nodeType && exports, wt = cn && typeof module == "object" && module && !module.nodeType && module, Ko = wt && wt.exports === cn, Pt = Ko ? J.Buffer : void 0, Ct = Pt ? Pt.allocUnsafe : void 0;
-function qo(e, t) {
+var cn = typeof exports == "object" && exports && !exports.nodeType && exports, Pt = cn && typeof module == "object" && module && !module.nodeType && module, tl = Pt && Pt.exports === cn, Ot = tl ? W.Buffer : void 0, Lt = Ot ? Ot.allocUnsafe : void 0;
+function nl(e, t) {
   if (t)
     return e.slice();
-  var n = e.length, r = Ct ? Ct(n) : new e.constructor(n);
+  var n = e.length, r = Lt ? Lt(n) : new e.constructor(n);
   return e.copy(r), r;
 }
-function Io(e, t) {
+function rl(e, t) {
   for (var n = -1, r = e == null ? 0 : e.length, l = 0, o = []; ++n < r; ) {
     var i = e[n];
     t(i, n, e) && (o[l++] = i);
@@ -411,331 +412,366 @@ function Io(e, t) {
 function fn() {
   return [];
 }
-var Xo = Object.prototype, Yo = Xo.propertyIsEnumerable, Ot = Object.getOwnPropertySymbols, dt = Ot ? function(e) {
-  return e == null ? [] : (e = Object(e), Io(Ot(e), function(t) {
-    return Yo.call(e, t);
+var ol = Object.prototype, ll = ol.propertyIsEnumerable, xt = Object.getOwnPropertySymbols, vt = xt ? function(e) {
+  return e == null ? [] : (e = Object(e), rl(xt(e), function(t) {
+    return ll.call(e, t);
   }));
 } : fn;
-function Zo(e, t) {
-  return qe(e, dt(e), t);
+function il(e, t) {
+  return qe(e, vt(e), t);
 }
-var Jo = Object.getOwnPropertySymbols, dn = Jo ? function(e) {
+var sl = Object.getOwnPropertySymbols, dn = sl ? function(e) {
   for (var t = []; e; )
-    an(t, dt(e)), e = un(e);
+    an(t, vt(e)), e = un(e);
   return t;
 } : fn;
-function Wo(e, t) {
+function al(e, t) {
   return qe(e, dn(e), t);
 }
 function pn(e, t, n) {
   var r = t(e);
-  return Ce(e) ? r : an(r, n(e));
+  return Oe(e) ? r : an(r, n(e));
 }
-function nt(e) {
-  return pn(e, ct, dt);
+function ot(e) {
+  return pn(e, dt, vt);
 }
-function Qo(e) {
-  return pn(e, ft, dn);
+function ul(e) {
+  return pn(e, pt, dn);
 }
-var rt = de(J, "DataView"), ot = de(J, "Promise"), lt = de(J, "Set"), Vt = "[object Map]", el = "[object Object]", Mt = "[object Promise]", Ut = "[object Set]", xt = "[object WeakMap]", Lt = "[object DataView]", tl = fe(rt), nl = fe(Ve), rl = fe(ot), ol = fe(lt), ll = fe(tt), q = xe;
-(rt && q(new rt(new ArrayBuffer(1))) != Lt || Ve && q(new Ve()) != Vt || ot && q(ot.resolve()) != Mt || lt && q(new lt()) != Ut || tt && q(new tt()) != xt) && (q = function(e) {
-  var t = xe(e), n = t == el ? e.constructor : void 0, r = n ? fe(n) : "";
+var lt = me(W, "DataView"), it = me(W, "Promise"), st = me(W, "Set"), Mt = "[object Map]", cl = "[object Object]", Vt = "[object Promise]", Ut = "[object Set]", Dt = "[object WeakMap]", jt = "[object DataView]", fl = ve(lt), dl = ve(xe), pl = ve(it), vl = ve(st), ml = ve(rt), Z = Ue;
+(lt && Z(new lt(new ArrayBuffer(1))) != jt || xe && Z(new xe()) != Mt || it && Z(it.resolve()) != Vt || st && Z(new st()) != Ut || rt && Z(new rt()) != Dt) && (Z = function(e) {
+  var t = Ue(e), n = t == cl ? e.constructor : void 0, r = n ? ve(n) : "";
   if (r)
     switch (r) {
-      case tl:
-        return Lt;
-      case nl:
-        return Vt;
-      case rl:
+      case fl:
+        return jt;
+      case dl:
         return Mt;
-      case ol:
+      case pl:
+        return Vt;
+      case vl:
         return Ut;
-      case ll:
-        return xt;
+      case ml:
+        return Dt;
     }
   return t;
 });
-var il = Object.prototype, sl = il.hasOwnProperty;
-function al(e) {
+var gl = Object.prototype, yl = gl.hasOwnProperty;
+function hl(e) {
   var t = e.length, n = new e.constructor(t);
-  return t && typeof e[0] == "string" && sl.call(e, "index") && (n.index = e.index, n.input = e.input), n;
+  return t && typeof e[0] == "string" && yl.call(e, "index") && (n.index = e.index, n.input = e.input), n;
 }
-var Ge = J.Uint8Array;
-function pt(e) {
+var Ke = W.Uint8Array;
+function mt(e) {
   var t = new e.constructor(e.byteLength);
-  return new Ge(t).set(new Ge(e)), t;
+  return new Ke(t).set(new Ke(e)), t;
 }
-function ul(e, t) {
-  var n = t ? pt(e.buffer) : e.buffer;
+function _l(e, t) {
+  var n = t ? mt(e.buffer) : e.buffer;
   return new e.constructor(n, e.byteOffset, e.byteLength);
 }
-var cl = /\w*$/;
-function fl(e) {
-  var t = new e.constructor(e.source, cl.exec(e));
+var bl = /\w*$/;
+function $l(e) {
+  var t = new e.constructor(e.source, bl.exec(e));
   return t.lastIndex = e.lastIndex, t;
 }
-var Dt = re ? re.prototype : void 0, jt = Dt ? Dt.valueOf : void 0;
-function dl(e) {
-  return jt ? Object(jt.call(e)) : {};
+var Et = ae ? ae.prototype : void 0, Nt = Et ? Et.valueOf : void 0;
+function Tl(e) {
+  return Nt ? Object(Nt.call(e)) : {};
 }
-function pl(e, t) {
-  var n = t ? pt(e.buffer) : e.buffer;
+function Sl(e, t) {
+  var n = t ? mt(e.buffer) : e.buffer;
   return new e.constructor(n, e.byteOffset, e.length);
 }
-var ml = "[object Boolean]", vl = "[object Date]", gl = "[object Map]", yl = "[object Number]", hl = "[object RegExp]", _l = "[object Set]", bl = "[object String]", $l = "[object Symbol]", Tl = "[object ArrayBuffer]", Sl = "[object DataView]", Al = "[object Float32Array]", wl = "[object Float64Array]", Pl = "[object Int8Array]", Cl = "[object Int16Array]", Ol = "[object Int32Array]", Vl = "[object Uint8Array]", Ml = "[object Uint8ClampedArray]", Ul = "[object Uint16Array]", xl = "[object Uint32Array]";
-function Ll(e, t, n) {
+var Al = "[object Boolean]", wl = "[object Date]", Cl = "[object Map]", Pl = "[object Number]", Ol = "[object RegExp]", Ll = "[object Set]", xl = "[object String]", Ml = "[object Symbol]", Vl = "[object ArrayBuffer]", Ul = "[object DataView]", Dl = "[object Float32Array]", jl = "[object Float64Array]", El = "[object Int8Array]", Nl = "[object Int16Array]", Bl = "[object Int32Array]", Rl = "[object Uint8Array]", Fl = "[object Uint8ClampedArray]", kl = "[object Uint16Array]", Hl = "[object Uint32Array]";
+function Gl(e, t, n) {
   var r = e.constructor;
   switch (t) {
-    case Tl:
-      return pt(e);
-    case ml:
-    case vl:
-      return new r(+e);
-    case Sl:
-      return ul(e, n);
+    case Vl:
+      return mt(e);
     case Al:
     case wl:
-    case Pl:
-    case Cl:
-    case Ol:
-    case Vl:
-    case Ml:
+      return new r(+e);
     case Ul:
-    case xl:
-      return pl(e, n);
-    case gl:
+      return _l(e, n);
+    case Dl:
+    case jl:
+    case El:
+    case Nl:
+    case Bl:
+    case Rl:
+    case Fl:
+    case kl:
+    case Hl:
+      return Sl(e, n);
+    case Cl:
       return new r();
-    case yl:
-    case bl:
+    case Pl:
+    case xl:
       return new r(e);
-    case hl:
-      return fl(e);
-    case _l:
+    case Ol:
+      return $l(e);
+    case Ll:
       return new r();
-    case $l:
-      return dl(e);
+    case Ml:
+      return Tl(e);
   }
 }
-function Dl(e) {
-  return typeof e.constructor == "function" && !at(e) ? dr(un(e)) : {};
+function Kl(e) {
+  return typeof e.constructor == "function" && !ct(e) ? Tr(un(e)) : {};
 }
-var jl = "[object Map]";
-function El(e) {
-  return ue(e) && q(e) == jl;
+var zl = "[object Map]";
+function ql(e) {
+  return fe(e) && Z(e) == zl;
 }
-var Et = _e && _e.isMap, Nl = Et ? ut(Et) : El, Fl = "[object Set]";
-function Rl(e) {
-  return ue(e) && q(e) == Fl;
+var Bt = $e && $e.isMap, Il = Bt ? ft(Bt) : ql, Xl = "[object Set]";
+function Zl(e) {
+  return fe(e) && Z(e) == Xl;
 }
-var Nt = _e && _e.isSet, Bl = Nt ? ut(Nt) : Rl, Hl = 1, Gl = 2, kl = 4, mn = "[object Arguments]", zl = "[object Array]", Kl = "[object Boolean]", ql = "[object Date]", Il = "[object Error]", vn = "[object Function]", Xl = "[object GeneratorFunction]", Yl = "[object Map]", Zl = "[object Number]", gn = "[object Object]", Jl = "[object RegExp]", Wl = "[object Set]", Ql = "[object String]", ei = "[object Symbol]", ti = "[object WeakMap]", ni = "[object ArrayBuffer]", ri = "[object DataView]", oi = "[object Float32Array]", li = "[object Float64Array]", ii = "[object Int8Array]", si = "[object Int16Array]", ai = "[object Int32Array]", ui = "[object Uint8Array]", ci = "[object Uint8ClampedArray]", fi = "[object Uint16Array]", di = "[object Uint32Array]", P = {};
-P[mn] = P[zl] = P[ni] = P[ri] = P[Kl] = P[ql] = P[oi] = P[li] = P[ii] = P[si] = P[ai] = P[Yl] = P[Zl] = P[gn] = P[Jl] = P[Wl] = P[Ql] = P[ei] = P[ui] = P[ci] = P[fi] = P[di] = !0;
-P[Il] = P[vn] = P[ti] = !1;
-function Re(e, t, n, r, l, o) {
-  var i, s = t & Hl, a = t & Gl, u = t & kl;
+var Rt = $e && $e.isSet, Yl = Rt ? ft(Rt) : Zl, Jl = 1, Wl = 2, Ql = 4, vn = "[object Arguments]", ei = "[object Array]", ti = "[object Boolean]", ni = "[object Date]", ri = "[object Error]", mn = "[object Function]", oi = "[object GeneratorFunction]", li = "[object Map]", ii = "[object Number]", gn = "[object Object]", si = "[object RegExp]", ai = "[object Set]", ui = "[object String]", ci = "[object Symbol]", fi = "[object WeakMap]", di = "[object ArrayBuffer]", pi = "[object DataView]", vi = "[object Float32Array]", mi = "[object Float64Array]", gi = "[object Int8Array]", yi = "[object Int16Array]", hi = "[object Int32Array]", _i = "[object Uint8Array]", bi = "[object Uint8ClampedArray]", $i = "[object Uint16Array]", Ti = "[object Uint32Array]", x = {};
+x[vn] = x[ei] = x[di] = x[pi] = x[ti] = x[ni] = x[vi] = x[mi] = x[gi] = x[yi] = x[hi] = x[li] = x[ii] = x[gn] = x[si] = x[ai] = x[ui] = x[ci] = x[_i] = x[bi] = x[$i] = x[Ti] = !0;
+x[ri] = x[mn] = x[fi] = !1;
+function ke(e, t, n, r, l, o) {
+  var i, s = t & Jl, a = t & Wl, u = t & Ql;
   if (i !== void 0)
     return i;
-  if (!Le(e))
+  if (!De(e))
     return e;
-  var f = Ce(e);
+  var f = Oe(e);
   if (f) {
-    if (i = al(e), !s)
-      return pr(e, i);
+    if (i = hl(e), !s)
+      return Sr(e, i);
   } else {
-    var d = q(e), y = d == vn || d == Xl;
-    if (He(e))
-      return qo(e, s);
-    if (d == gn || d == mn || y && !l) {
-      if (i = a || y ? {} : Dl(e), !s)
-        return a ? Wo(e, zo(i, e)) : Zo(e, ko(i, e));
+    var d = Z(e), h = d == mn || d == oi;
+    if (Ge(e))
+      return nl(e, s);
+    if (d == gn || d == vn || h && !l) {
+      if (i = a || h ? {} : Kl(e), !s)
+        return a ? al(e, el(i, e)) : il(e, Qo(i, e));
     } else {
-      if (!P[d])
+      if (!x[d])
         return l ? e : {};
-      i = Ll(e, d, s);
+      i = Gl(e, d, s);
     }
   }
-  o || (o = new Q());
+  o || (o = new ne());
   var T = o.get(e);
   if (T)
     return T;
-  o.set(e, i), Bl(e) ? e.forEach(function(h) {
-    i.add(Re(h, t, n, h, e, o));
-  }) : Nl(e) && e.forEach(function(h, S) {
-    i.set(S, Re(h, t, n, S, e, o));
+  o.set(e, i), Yl(e) ? e.forEach(function(p) {
+    i.add(ke(p, t, n, p, e, o));
+  }) : Il(e) && e.forEach(function(p, w) {
+    i.set(w, ke(p, t, n, w, e, o));
   });
-  var w = u ? a ? Qo : nt : a ? ft : ct, C = f ? void 0 : w(e);
-  return mr(C || e, function(h, S) {
-    C && (S = h, h = e[S]), Wt(i, S, Re(h, t, n, S, e, o));
+  var C = u ? a ? ul : ot : a ? pt : dt, _ = f ? void 0 : C(e);
+  return Ar(_ || e, function(p, w) {
+    _ && (w = p, p = e[w]), Wt(i, w, ke(p, t, n, w, e, o));
   }), i;
 }
-var pi = 1, mi = 4;
+var Si = 1, Ai = 4;
 function yn(e) {
-  return Re(e, pi | mi);
+  return ke(e, Si | Ai);
 }
-var vi = "__lodash_hash_undefined__";
-function gi(e) {
-  return this.__data__.set(e, vi), this;
+var wi = "__lodash_hash_undefined__";
+function Ci(e) {
+  return this.__data__.set(e, wi), this;
 }
-function yi(e) {
+function Pi(e) {
   return this.__data__.has(e);
 }
-function ke(e) {
+function ze(e) {
   var t = -1, n = e == null ? 0 : e.length;
-  for (this.__data__ = new pe(); ++t < n; )
+  for (this.__data__ = new ge(); ++t < n; )
     this.add(e[t]);
 }
-ke.prototype.add = ke.prototype.push = gi;
-ke.prototype.has = yi;
-function hi(e, t) {
+ze.prototype.add = ze.prototype.push = Ci;
+ze.prototype.has = Pi;
+function Oi(e, t) {
   for (var n = -1, r = e == null ? 0 : e.length; ++n < r; )
     if (t(e[n], n, e))
       return !0;
   return !1;
 }
-function _i(e, t) {
+function Li(e, t) {
   return e.has(t);
 }
-var bi = 1, $i = 2;
+var xi = 1, Mi = 2;
 function hn(e, t, n, r, l, o) {
-  var i = n & bi, s = e.length, a = t.length;
+  var i = n & xi, s = e.length, a = t.length;
   if (s != a && !(i && a > s))
     return !1;
   var u = o.get(e), f = o.get(t);
   if (u && f)
     return u == t && f == e;
-  var d = -1, y = !0, T = n & $i ? new ke() : void 0;
+  var d = -1, h = !0, T = n & Mi ? new ze() : void 0;
   for (o.set(e, t), o.set(t, e); ++d < s; ) {
-    var w = e[d], C = t[d];
+    var C = e[d], _ = t[d];
     if (r)
-      var h = i ? r(C, w, d, t, e, o) : r(w, C, d, e, t, o);
-    if (h !== void 0) {
-      if (h)
+      var p = i ? r(_, C, d, t, e, o) : r(C, _, d, e, t, o);
+    if (p !== void 0) {
+      if (p)
         continue;
-      y = !1;
+      h = !1;
       break;
     }
     if (T) {
-      if (!hi(t, function(S, E) {
-        if (!_i(T, E) && (w === S || l(w, S, n, r, o)))
+      if (!Oi(t, function(w, E) {
+        if (!Li(T, E) && (C === w || l(C, w, n, r, o)))
           return T.push(E);
       })) {
-        y = !1;
+        h = !1;
         break;
       }
-    } else if (!(w === C || l(w, C, n, r, o))) {
-      y = !1;
+    } else if (!(C === _ || l(C, _, n, r, o))) {
+      h = !1;
       break;
     }
   }
-  return o.delete(e), o.delete(t), y;
+  return o.delete(e), o.delete(t), h;
 }
-function Ti(e) {
+function Vi(e) {
   var t = -1, n = Array(e.size);
   return e.forEach(function(r, l) {
     n[++t] = [l, r];
   }), n;
 }
-function Si(e) {
+function Ui(e) {
   var t = -1, n = Array(e.size);
   return e.forEach(function(r) {
     n[++t] = r;
   }), n;
 }
-var Ai = 1, wi = 2, Pi = "[object Boolean]", Ci = "[object Date]", Oi = "[object Error]", Vi = "[object Map]", Mi = "[object Number]", Ui = "[object RegExp]", xi = "[object Set]", Li = "[object String]", Di = "[object Symbol]", ji = "[object ArrayBuffer]", Ei = "[object DataView]", Ft = re ? re.prototype : void 0, Qe = Ft ? Ft.valueOf : void 0;
-function Ni(e, t, n, r, l, o, i) {
+var Di = 1, ji = 2, Ei = "[object Boolean]", Ni = "[object Date]", Bi = "[object Error]", Ri = "[object Map]", Fi = "[object Number]", ki = "[object RegExp]", Hi = "[object Set]", Gi = "[object String]", Ki = "[object Symbol]", zi = "[object ArrayBuffer]", qi = "[object DataView]", Ft = ae ? ae.prototype : void 0, et = Ft ? Ft.valueOf : void 0;
+function Ii(e, t, n, r, l, o, i) {
   switch (n) {
-    case Ei:
+    case qi:
       if (e.byteLength != t.byteLength || e.byteOffset != t.byteOffset)
         return !1;
       e = e.buffer, t = t.buffer;
-    case ji:
-      return !(e.byteLength != t.byteLength || !o(new Ge(e), new Ge(t)));
-    case Pi:
-    case Ci:
-    case Mi:
-      return st(+e, +t);
-    case Oi:
+    case zi:
+      return !(e.byteLength != t.byteLength || !o(new Ke(e), new Ke(t)));
+    case Ei:
+    case Ni:
+    case Fi:
+      return ut(+e, +t);
+    case Bi:
       return e.name == t.name && e.message == t.message;
-    case Ui:
-    case Li:
+    case ki:
+    case Gi:
       return e == t + "";
-    case Vi:
-      var s = Ti;
-    case xi:
-      var a = r & Ai;
-      if (s || (s = Si), e.size != t.size && !a)
+    case Ri:
+      var s = Vi;
+    case Hi:
+      var a = r & Di;
+      if (s || (s = Ui), e.size != t.size && !a)
         return !1;
       var u = i.get(e);
       if (u)
         return u == t;
-      r |= wi, i.set(e, t);
+      r |= ji, i.set(e, t);
       var f = hn(s(e), s(t), r, l, o, i);
       return i.delete(e), f;
-    case Di:
-      if (Qe)
-        return Qe.call(e) == Qe.call(t);
+    case Ki:
+      if (et)
+        return et.call(e) == et.call(t);
   }
   return !1;
 }
-var Fi = 1, Ri = Object.prototype, Bi = Ri.hasOwnProperty;
-function Hi(e, t, n, r, l, o) {
-  var i = n & Fi, s = nt(e), a = s.length, u = nt(t), f = u.length;
+var Xi = 1, Zi = Object.prototype, Yi = Zi.hasOwnProperty;
+function Ji(e, t, n, r, l, o) {
+  var i = n & Xi, s = ot(e), a = s.length, u = ot(t), f = u.length;
   if (a != f && !i)
     return !1;
   for (var d = a; d--; ) {
-    var y = s[d];
-    if (!(i ? y in t : Bi.call(t, y)))
+    var h = s[d];
+    if (!(i ? h in t : Yi.call(t, h)))
       return !1;
   }
-  var T = o.get(e), w = o.get(t);
-  if (T && w)
-    return T == t && w == e;
-  var C = !0;
+  var T = o.get(e), C = o.get(t);
+  if (T && C)
+    return T == t && C == e;
+  var _ = !0;
   o.set(e, t), o.set(t, e);
-  for (var h = i; ++d < a; ) {
-    y = s[d];
-    var S = e[y], E = t[y];
+  for (var p = i; ++d < a; ) {
+    h = s[d];
+    var w = e[h], E = t[h];
     if (r)
-      var V = i ? r(E, S, y, t, e, o) : r(S, E, y, e, t, o);
-    if (!(V === void 0 ? S === E || l(S, E, n, r, o) : V)) {
-      C = !1;
+      var L = i ? r(E, w, h, t, e, o) : r(w, E, h, e, t, o);
+    if (!(L === void 0 ? w === E || l(w, E, n, r, o) : L)) {
+      _ = !1;
       break;
     }
-    h || (h = y == "constructor");
+    p || (p = h == "constructor");
   }
-  if (C && !h) {
-    var A = e.constructor, M = t.constructor;
-    A != M && "constructor" in e && "constructor" in t && !(typeof A == "function" && A instanceof A && typeof M == "function" && M instanceof M) && (C = !1);
+  if (_ && !p) {
+    var P = e.constructor, $ = t.constructor;
+    P != $ && "constructor" in e && "constructor" in t && !(typeof P == "function" && P instanceof P && typeof $ == "function" && $ instanceof $) && (_ = !1);
   }
-  return o.delete(e), o.delete(t), C;
-}
-var Gi = 1, Rt = "[object Arguments]", Bt = "[object Array]", Ee = "[object Object]", ki = Object.prototype, Ht = ki.hasOwnProperty;
-function zi(e, t, n, r, l, o) {
-  var i = Ce(e), s = Ce(t), a = i ? Bt : q(e), u = s ? Bt : q(t);
-  a = a == Rt ? Ee : a, u = u == Rt ? Ee : u;
-  var f = a == Ee, d = u == Ee, y = a == u;
-  if (y && He(e)) {
-    if (!He(t))
+  return o.delete(e), o.delete(t), _;
+}
+var Wi = 1, kt = "[object Arguments]", Ht = "[object Array]", Be = "[object Object]", Qi = Object.prototype, Gt = Qi.hasOwnProperty;
+function es(e, t, n, r, l, o) {
+  var i = Oe(e), s = Oe(t), a = i ? Ht : Z(e), u = s ? Ht : Z(t);
+  a = a == kt ? Be : a, u = u == kt ? Be : u;
+  var f = a == Be, d = u == Be, h = a == u;
+  if (h && Ge(e)) {
+    if (!Ge(t))
       return !1;
     i = !0, f = !1;
   }
-  if (y && !f)
-    return o || (o = new Q()), i || on(e) ? hn(e, t, n, r, l, o) : Ni(e, t, a, n, r, l, o);
-  if (!(n & Gi)) {
-    var T = f && Ht.call(e, "__wrapped__"), w = d && Ht.call(t, "__wrapped__");
-    if (T || w) {
-      var C = T ? e.value() : e, h = w ? t.value() : t;
-      return o || (o = new Q()), l(C, h, n, r, o);
+  if (h && !f)
+    return o || (o = new ne()), i || on(e) ? hn(e, t, n, r, l, o) : Ii(e, t, a, n, r, l, o);
+  if (!(n & Wi)) {
+    var T = f && Gt.call(e, "__wrapped__"), C = d && Gt.call(t, "__wrapped__");
+    if (T || C) {
+      var _ = T ? e.value() : e, p = C ? t.value() : t;
+      return o || (o = new ne()), l(_, p, n, r, o);
     }
   }
-  return y ? (o || (o = new Q()), Hi(e, t, n, r, l, o)) : !1;
+  return h ? (o || (o = new ne()), Ji(e, t, n, r, l, o)) : !1;
 }
 function _n(e, t, n, r, l) {
-  return e === t ? !0 : e == null || t == null || !ue(e) && !ue(t) ? e !== e && t !== t : zi(e, t, n, r, _n, l);
+  return e === t ? !0 : e == null || t == null || !fe(e) && !fe(t) ? e !== e && t !== t : es(e, t, n, r, _n, l);
 }
-function Ye(e, t) {
+function Ze(e, t) {
   return _n(e, t);
 }
-const Ne = (e, t) => {
+function ts(e, t) {
+  const n = [];
+  let r = [];
+  e.forEach((i) => {
+    i.type === 0 ? n.push(i) : i.type === 1 ? r.push(i) : console.assert(!1);
+  }), n.sort((i, s) => i.position - s.position), r.sort((i, s) => i.position - s.position);
+  const l = [];
+  r.forEach((i) => {
+    n.find((s) => s.id === i.group) || l.push(i.id);
+  }), r = r.filter((i) => !l.find((s) => s === i.id));
+  const o = [];
+  return n.forEach((i) => {
+    const s = [];
+    r.forEach((a) => {
+      a.group === i.id && (a.show = !i.collapse, s.push(a));
+    }), i.count = s.length, i.count > 0 && (o.push(i), o.push(...s));
+  }), o;
+}
+function bn(e, t) {
+  return e.value.find((n) => n.id === t);
+}
+function ns(e, t, n) {
+  for (let r = 0; r < e.value.length; r++) {
+    let l = e.value[r];
+    if (l.id === t) {
+      if (l.type !== 0) {
+        console.assert(!1, "type must be 0");
+        break;
+      }
+      for (l.collapse = n, r++; r < e.value.length && (l = e.value[r], l.type !== 0); r++)
+        l.show = !n;
+      break;
+    }
+  }
+}
+const Re = (e, t) => {
   let n = { key: "", name: "", children: e };
   return t.forEach((r) => {
     if (typeof r != "number") {
@@ -750,7 +786,7 @@ const Ne = (e, t) => {
       n = n.children.find((l) => l.key === r);
     }
   }), n;
-}, Se = (e, t) => {
+}, we = (e, t) => {
   let n = e;
   return t.forEach((r) => {
     if (!n) {
@@ -759,7 +795,7 @@ const Ne = (e, t) => {
     }
     n = n[r];
   }), n;
-}, Gt = (e) => !(e instanceof Array), et = (e) => e instanceof Array, Ki = (e, t) => {
+}, Kt = (e) => !(e instanceof Array), tt = (e) => e instanceof Array, rs = (e, t) => {
   const n = (r, l) => {
     if (r.ui !== l.ui || r.array !== l.array)
       return !1;
@@ -773,10 +809,10 @@ const Ne = (e, t) => {
     return !0;
   };
   return n(e, t);
-}, mt = (e) => !(e instanceof Array), vt = (e) => e instanceof Array, qi = [
+}, gt = (e) => !(e instanceof Array), yt = (e) => e instanceof Array, os = [
   ["basic", "id"],
   ["basic", "name"]
-], Ii = (e) => qi.find((t) => Ye(e, t)), Ze = (e, t, n, r, l, o, i) => (e = yn(e), o !== void 0 ? (e.push(o), i && e.push(t.key)) : e.push(t.key), Ii(e) ? (r.change = !1, r.change) : t.ui ? t.array && o === void 0 ? Zi(
+], ls = (e) => os.find((t) => Ze(e, t)), Ye = (e, t, n, r, l, o, i) => (e = yn(e), o !== void 0 ? (e.push(o), i && e.push(t.key)) : e.push(t.key), ls(e) ? (r.change = !1, r.change) : t.ui ? t.array && o === void 0 ? as(
   e,
   t,
   n,
@@ -784,7 +820,7 @@ const Ne = (e, t) => {
   l,
   o,
   i
-) : Ji(t, n, r, o, i) : t.array ? Xi(
+) : us(t, n, r, o, i) : t.array ? is(
   e,
   t,
   n,
@@ -792,7 +828,7 @@ const Ne = (e, t) => {
   l,
   o,
   i
-) : Yi(
+) : ss(
   e,
   t,
   n,
@@ -800,15 +836,15 @@ const Ne = (e, t) => {
   l,
   o,
   i
-)), Xi = (e, t, n, r, l, o, i) => {
+)), is = (e, t, n, r, l, o, i) => {
   if (t.ui)
     return console.assert(!1, "execPropBranchArray prop ui must be invalid"), !1;
   if (!t.array)
     return console.assert(!1, "execPropBranchArray prop array must be valid"), !1;
-  if (!vt(r.children))
+  if (!yt(r.children))
     return console.assert(!1, "execPropBranchArray state children must be array"), !1;
   let s;
-  o !== void 0 && !i ? (n[o] instanceof Array || (n[o] = D(t), l == null || l(e, n[o])), s = n[o]) : (n[t.key] instanceof Array || (n[t.key] = D(t), l == null || l(e, n[t.key])), s = n[t.key]), r.change = !1;
+  o !== void 0 && !i ? (n[o] instanceof Array || (n[o] = N(t), l == null || l(e, n[o])), s = n[o]) : (n[t.key] instanceof Array || (n[t.key] = N(t), l == null || l(e, n[t.key])), s = n[t.key]), r.change = !1;
   for (let a = 0; a < s.length; a++) {
     r.children.push({
       change: !1,
@@ -816,14 +852,14 @@ const Ne = (e, t) => {
     });
     const u = r.children[a];
     t.children.forEach((f) => {
-      if (!mt(u.children)) {
+      if (!gt(u.children)) {
         console.assert(!1);
         return;
       }
       u.children[f.key] = {
         change: !1,
         children: f.array ? [] : {}
-      }, Ze(
+      }, Ye(
         e,
         f,
         s[a],
@@ -834,13 +870,13 @@ const Ne = (e, t) => {
       ) && (u.change = !0), u.change && (r.change = !0);
     });
   }
-  return r.change || (r.change = !Ye(s, D(t))), r.change;
-}, Yi = (e, t, n, r, l, o, i) => {
+  return r.change || (r.change = !Ze(s, N(t))), r.change;
+}, ss = (e, t, n, r, l, o, i) => {
   if (t.ui)
     return console.assert(!1, "execPropBranchScalar prop ui must be invalid"), !1;
   if (t.array)
     return console.assert(!1, "execPropBranchScalar prop array must be invalid"), !1;
-  if (!mt(r.children))
+  if (!gt(r.children))
     return console.assert(!1, "execPropBranchScalar state children must be map"), !1;
   let s;
   o !== void 0 && !i ? (n[o] || (n[o] = {}), s = n[o]) : (n[t.key] || (n[t.key] = {}), s = n[t.key]), r.change = !1;
@@ -849,30 +885,30 @@ const Ne = (e, t) => {
     r.children[u.key] = {
       change: !1,
       children: u.array ? [] : {}
-    }, Ze(e, u, s, r.children[u.key], l) && (r.change = !0);
+    }, Ye(e, u, s, r.children[u.key], l) && (r.change = !0);
   }
   return r.change;
-}, Zi = (e, t, n, r, l, o, i) => {
+}, as = (e, t, n, r, l, o, i) => {
   if (!t.ui)
     return console.assert(!1, "execPropLeafArray prop ui must be valid"), !1;
   if (!t.array)
     return console.assert(!1, "execPropLeafArray prop aray must be valid"), !1;
-  if (!vt(r.children))
+  if (!yt(r.children))
     return console.assert(!1, "execPropLeafArray state children must be array"), !1;
   let s;
-  o !== void 0 && !i ? (n[o] instanceof Array || (n[o] = D(t), l == null || l(e, n[o])), s = n[o]) : (n[t.key] instanceof Array || (n[t.key] = D(t), l == null || l(e, n[t.key])), s = n[t.key]), r.change = !1;
+  o !== void 0 && !i ? (n[o] instanceof Array || (n[o] = N(t), l == null || l(e, n[o])), s = n[o]) : (n[t.key] instanceof Array || (n[t.key] = N(t), l == null || l(e, n[t.key])), s = n[t.key]), r.change = !1;
   for (let a = 0; a < s.length; a++)
     r.children[a] = {
       change: !1,
       children: {}
-    }, Ze(e, t, s, r.children[a], l, a, !1) && (r.change = !0);
-  return r.change || (r.change = !Ye(s, D(t))), r.change;
-}, Ji = (e, t, n, r, l) => {
+    }, Ye(e, t, s, r.children[a], l, a, !1) && (r.change = !0);
+  return r.change || (r.change = !Ze(s, N(t))), r.change;
+}, us = (e, t, n, r, l) => {
   if (!e.ui)
     return console.assert(!1, "execPropLeafScalar prop ui must be valid"), !1;
   let o;
-  return r !== void 0 && !l ? o = t[r] : o = t[e.key], n.change = !Ye(o, D(e, !0)), n.change;
-}, kt = (e, t, n, r) => {
+  return r !== void 0 && !l ? o = t[r] : o = t[e.key], n.change = !Ze(o, N(e, !0)), n.change;
+}, zt = (e, t, n, r) => {
   if (t.length <= 0 || !n) {
     e.value = {};
     return;
@@ -882,150 +918,156 @@ const Ne = (e, t) => {
     l[o.key] = {
       change: !1,
       children: o.array ? [] : {}
-    }, Ze([], o, n, l[o.key], r);
+    }, Ye([], o, n, l[o.key], r);
   }), e.value = l;
-}, he = (e, t) => {
+}, be = (e, t) => {
   let n = { change: !1, children: e };
   return t.forEach((r) => {
     if (!n)
       return console.assert(!1, `isPropChanged state must be valid keys=${t}`), !1;
-    typeof r == "string" ? mt(n.children) && (n = n.children[r]) : vt(n.children) && (n = n.children[r]);
+    typeof r == "string" ? gt(n.children) && (n = n.children[r]) : yt(n.children) && (n = n.children[r]);
   }), (n == null ? void 0 : n.change) ?? !1;
-}, bn = Symbol(), $n = Symbol(), Tn = Symbol(), Sn = Symbol();
-function Wi(e) {
-  ze(bn, e);
+}, $n = Symbol(), Tn = Symbol(), Sn = Symbol(), An = Symbol(), wn = Symbol();
+function cs(e) {
+  Me($n, e);
 }
-function Qi() {
-  return Ke(bn);
+function fs() {
+  return Ve($n);
 }
-function es(e) {
-  ze($n, e);
+function ds(e) {
+  Me(Tn, e);
 }
-function ts() {
-  return Ke($n);
+function ps() {
+  return Ve(Tn);
 }
-function ns(e) {
-  ze(Tn, e);
+function vs(e) {
+  Me(Sn, e);
 }
-function rs() {
-  return Ke(Tn);
+function ms() {
+  return Ve(Sn);
 }
-function os(e) {
-  ze(Sn, e);
+function gs(e) {
+  Me(An, e);
+}
+function ys() {
+  return Ve(An);
 }
-function ls() {
-  return Ke(Sn);
+function hs(e) {
+  Me(wn, e);
 }
-const is = /* @__PURE__ */ k({
+function Cn() {
+  return Ve(wn);
+}
+const _s = /* @__PURE__ */ K({
   __name: "menu",
   setup(e) {
-    const { t } = be(), n = Qi(), r = ts(), l = rs(), o = ls(), i = N(0), s = N(0), a = N([]), u = K(() => [i.value, s.value]), f = (h) => {
-      const S = () => !(a.value.length <= 0 || !he(l.value, a.value)), E = () => {
-        if (!S())
+    const { t } = pe(), n = fs(), r = ps(), l = ms(), o = ys(), i = R(0), s = R(0), a = R([]), u = G(() => [i.value, s.value]), f = (p) => {
+      const w = () => !(a.value.length <= 0 || !be(l.value, a.value)), E = () => {
+        if (!w())
           return;
-        const V = Ne(n.value, a.value);
-        if (V)
-          if (V.ui) {
-            const A = Se(r.value, a.value.slice(0, -1));
-            if (!A)
+        const L = Re(n.value, a.value);
+        if (L)
+          if (L.ui) {
+            const P = we(r.value, a.value.slice(0, -1));
+            if (!P)
               return;
-            A[a.value.at(-1)] = D(V), o(a.value, A[a.value.at(-1)]);
-          } else if (V.array) {
-            const A = a.value.at(-1);
-            if (A === void 0) {
+            P[a.value.at(-1)] = N(L), o(a.value, P[a.value.at(-1)]);
+          } else if (L.array) {
+            const P = a.value.at(-1);
+            if (P === void 0) {
               console.assert(!1, "invalid last key");
               return;
             }
-            if (typeof A == "string") {
-              const M = Se(r.value, a.value.slice(0, -1));
-              if (!M)
+            if (typeof P == "string") {
+              const $ = we(r.value, a.value.slice(0, -1));
+              if (!$)
                 return;
-              M[a.value.at(-1)] = D(V), o(a.value, M[a.value.at(-1)]);
+              $[a.value.at(-1)] = N(L), o(a.value, $[a.value.at(-1)]);
             } else {
-              const M = Se(r.value, a.value);
-              if (!M)
+              const $ = we(r.value, a.value);
+              if (!$)
                 return;
-              V.children.forEach((X) => {
-                M[X.key] = D(V), o([...a.value, X.key], M[X.key]);
+              L.children.forEach((J) => {
+                $[J.key] = N(L), o([...a.value, J.key], $[J.key]);
               });
             }
           } else {
-            const A = Se(r.value, a.value);
-            if (!A)
+            const P = we(r.value, a.value);
+            if (!P)
               return;
-            V.children.forEach((M) => {
-              A[M.key] = D(V), o([...a.value, M.key], A[M.key]);
+            L.children.forEach(($) => {
+              P[$.key] = N(L), o([...a.value, $.key], P[$.key]);
             });
           }
       };
-      S() && h.push({
+      w() && p.push({
         title: t("x-prop-tree.reset"),
         func: E
       });
-    }, d = (h) => {
-      const S = () => {
-        const E = Ne(n.value, a.value), V = Se(r.value, a.value);
-        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: E, object: V }));
+    }, d = (p) => {
+      const w = () => {
+        const E = Re(n.value, a.value), L = we(r.value, a.value);
+        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: E, object: L }));
       };
-      h.push({
+      p.push({
         title: t("x-prop-tree.copy"),
-        func: S
+        func: w
       });
-    }, y = (h) => {
-      const S = () => {
-        const V = localStorage.getItem("propTreeCopy");
-        if (!V)
+    }, h = (p) => {
+      const w = () => {
+        const L = localStorage.getItem("propTreeCopy");
+        if (!L)
           return !1;
         try {
-          const { prop: A } = JSON.parse(V), M = Ne(n.value, a.value);
-          return Ki(A, M);
-        } catch (A) {
-          console.error(A);
+          const { prop: P } = JSON.parse(L), $ = Re(n.value, a.value);
+          return rs(P, $);
+        } catch (P) {
+          console.error(P);
         }
         return !1;
       }, E = () => {
-        if (!S())
+        if (!w())
           return;
-        const V = localStorage.getItem("propTreeCopy");
-        if (V)
+        const L = localStorage.getItem("propTreeCopy");
+        if (L)
           try {
-            const { object: A } = JSON.parse(V), M = Ne(n.value, a.value);
-            console.log(A, M);
-          } catch (A) {
-            console.error(A);
+            const { object: P } = JSON.parse(L), $ = Re(n.value, a.value);
+            console.log(P, $);
+          } catch (P) {
+            console.error(P);
           }
       };
-      S() && h.push({
+      w() && p.push({
         title: t("x-prop-tree.paste"),
         func: E
       });
-    }, T = K(() => {
-      const h = [];
-      return f(h), d(h), y(h), h;
-    }), w = (h) => {
-      i.value = h.x, s.value = h.y, a.value = h.keys;
-    }, { open: C } = It("propTreeMenu", w);
-    return (h, S) => {
-      const E = U("v-list-item-title"), V = U("v-list-item"), A = U("v-list"), M = U("v-menu");
-      return $(), H(M, {
-        modelValue: R(C),
-        "onUpdate:modelValue": S[0] || (S[0] = (X) => zt(C) ? C.value = X : null),
+    }, T = G(() => {
+      const p = [];
+      return f(p), d(p), h(p), p;
+    }), C = (p) => {
+      i.value = p.x, s.value = p.y, a.value = p.keys;
+    }, { open: _ } = It("propTreeMenu", C);
+    return (p, w) => {
+      const E = M("v-list-item-title"), L = M("v-list-item"), P = M("v-list"), $ = M("v-menu");
+      return A(), F($, {
+        modelValue: j(_),
+        "onUpdate:modelValue": w[0] || (w[0] = (J) => nt(_) ? _.value = J : null),
         "location-strategy": "connected",
         target: u.value,
         scrim: "transparent"
       }, {
         default: Y(() => [
-          F(A, null, {
+          B(P, null, {
             default: Y(() => [
-              ($(!0), B(Be, null, Kt(T.value, (X, ye) => ($(), H(V, {
-                key: ye,
+              (A(!0), k(He, null, qt(T.value, (J, Je) => (A(), F(L, {
+                key: Je,
                 link: "",
-                onClick: X.func
+                onClick: J.func
               }, {
                 default: Y(() => [
-                  F(E, null, {
+                  B(E, null, {
                     default: Y(() => [
-                      it(ne(X.title), 1)
+                      at(re(J.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -1041,8 +1083,8 @@ const is = /* @__PURE__ */ k({
     };
   }
 });
-var An = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", wn = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", me = "M19,13H5V11H19V13Z", ss = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
-const Fe = /* @__PURE__ */ k({
+var Pn = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", On = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", bs = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", ye = "M19,13H5V11H19V13Z", $s = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
+const Fe = /* @__PURE__ */ K({
   __name: "title",
   props: {
     title: {},
@@ -1053,7 +1095,7 @@ const Fe = /* @__PURE__ */ k({
   },
   emits: ["collapse", "menu", "create", "delete"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = Ue(), l = t, o = N(!1), i = K(() => ({
+    const { backgroundColor2: n, highlightColor: r } = Te(), l = t, o = R(!1), i = G(() => ({
       background: o.value ? r.value : n.value,
       height: "36px",
       marginBottom: "1px",
@@ -1064,46 +1106,46 @@ const Fe = /* @__PURE__ */ k({
       l("menu", u.clientX, u.clientY);
     };
     return (u, f) => {
-      const d = U("v-icon"), y = U("v-spacer"), T = oe("ripple");
-      return ee(($(), B("div", {
+      const d = M("v-icon"), h = M("v-spacer"), T = ue("ripple");
+      return oe((A(), k("div", {
         class: "d-flex align-center cursor-pointer",
-        style: Me(i.value),
+        style: se(i.value),
         onClick: s,
-        onContextmenu: Z(a, ["prevent"]),
-        onMouseover: f[2] || (f[2] = (w) => o.value = !0),
-        onMouseout: f[3] || (f[3] = (w) => o.value = !1)
+        onContextmenu: z(a, ["prevent"]),
+        onMouseover: f[2] || (f[2] = (C) => o.value = !0),
+        onMouseout: f[3] || (f[3] = (C) => o.value = !1)
       }, [
-        F(d, {
+        B(d, {
           class: "mr-1",
-          icon: u.collapse ? R(wn) : R(An)
+          icon: u.collapse ? j(On) : j(Pn)
         }, null, 8, ["icon"]),
-        ae("span", null, ne(u.title), 1),
-        F(y),
-        u.hasCreate ? ($(), H(d, {
+        q("span", null, re(u.title), 1),
+        B(h),
+        u.hasCreate ? (A(), F(d, {
           key: 0,
           class: "mx-3",
-          icon: R(ss),
-          onClick: f[0] || (f[0] = Z((w) => l("create"), ["stop"]))
+          icon: j($s),
+          onClick: f[0] || (f[0] = z((C) => l("create"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0),
-        u.hasDelete ? ($(), H(d, {
+        u.hasDelete ? (A(), F(d, {
           key: 1,
           class: "mx-3",
-          icon: R(me),
-          onClick: f[1] || (f[1] = Z((w) => l("delete", u.index), ["stop"]))
+          icon: j(ye),
+          onClick: f[1] || (f[1] = z((C) => l("delete", u.index), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ], 36)), [
         [T]
       ]);
     };
   }
-}), as = /* @__PURE__ */ k({
+}), Ts = /* @__PURE__ */ K({
   __name: "entry",
   props: {
     minHeight: {}
   },
   emits: ["menu"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = Ue(), l = t, o = N(!1), i = K(() => ({
+    const { backgroundColor2: n, highlightColor: r } = Te(), l = t, o = R(!1), i = G(() => ({
       background: o.value ? r.value : n.value,
       minHeight: e.minHeight,
       paddingRight: "4px",
@@ -1113,71 +1155,71 @@ const Fe = /* @__PURE__ */ k({
       l("menu", a.clientX, a.clientY);
     };
     return (a, u) => {
-      const f = oe("ripple");
-      return ee(($(), B("div", {
+      const f = ue("ripple");
+      return oe((A(), k("div", {
         class: "d-flex justify-space-between align-center cursor-pointer",
-        style: Me(i.value),
-        onContextmenu: Z(s, ["prevent"]),
+        style: se(i.value),
+        onContextmenu: z(s, ["prevent"]),
         onMouseover: u[0] || (u[0] = (d) => o.value = !0),
         onMouseout: u[1] || (u[1] = (d) => o.value = !1)
       }, [
-        jn(a.$slots, "default")
+        Bn(a.$slots, "default")
       ], 36)), [
         [f]
       ]);
     };
   }
 });
-function us(e, t, n) {
-  const { t: r } = be();
+function Ss(e, t, n) {
+  const { t: r } = pe();
   return { renderProp: (o, i, s) => {
     let a = r(i.name);
-    return he(e.value, o) && (a += " *"), g(
-      as,
+    return be(e.value, o) && (a += " *"), y(
+      Ts,
       {
         minHeight: t.value,
         onMenu: (u, f) => {
-          Ae.emit("propTreeMenu", { x: u, y: f, keys: o });
+          te.emit("propTreeMenu", { x: u, y: f, keys: o });
         }
       },
       () => [
-        g("span", { class: "ml-1", innerHTML: a }),
-        g("div", { style: { width: n.value } }, s)
+        y("span", { class: "ml-1", innerHTML: a }),
+        y("div", { style: { width: n.value } }, s)
       ]
     );
   } };
 }
-function cs(e) {
+function As(e) {
   return { renderUiDummy: (n, r, l, o, i) => {
     if (r.ui !== "dummy") {
       console.assert(!1, "renderUiDummy prop ui must be dummy");
       return;
     }
     if (o !== void 0 && !i) {
-      const s = D(r, !0);
+      const s = N(r, !0);
       typeof l[o] != typeof s && (l[o] = s, e(n, l[o]));
     } else {
-      const s = D(r);
+      const s = N(r);
       typeof l[r.key] != typeof s && (l[r.key] = s, e(n, l[r.key]));
     }
   } };
 }
-const fs = { class: "d-flex justify-space-between align-center" }, ds = /* @__PURE__ */ k({
+const ws = { class: "d-flex justify-space-between align-center" }, Cs = /* @__PURE__ */ K({
   __name: "strInput",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ z(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const n = le(e, "modelValue"), r = t;
     return (l, o) => {
-      const i = U("v-text-field"), s = U("v-icon"), a = oe("ripple");
-      return $(), B("div", fs, [
-        ee(F(i, {
+      const i = M("v-text-field"), s = M("v-icon"), a = ue("ripple");
+      return A(), k("div", ws, [
+        oe(B(i, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (u) => n.value = u),
           density: "compact",
@@ -1192,29 +1234,29 @@ const fs = { class: "d-flex justify-space-between align-center" }, ds = /* @__PU
             { stop: !0 }
           ]
         ]),
-        l.hasDelete ? ($(), H(s, {
+        l.hasDelete ? (A(), F(s, {
           key: 0,
           class: "mx-2",
-          icon: R(me),
-          onClick: o[1] || (o[1] = Z((u) => r("delete"), ["stop"]))
+          icon: j(ye),
+          onClick: o[1] || (o[1] = z((u) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
   }
-}), ve = (e, t, n, r, l, o) => {
-  const i = D(t, !0);
+}), he = (e, t, n, r, l, o) => {
+  const i = N(t, !0);
   return l !== void 0 && !o ? (typeof n[l] != typeof i && (n[l] = i, r(e, n[l])), n[l]) : (typeof n[t.key] != typeof i && (n[t.key] = i, r(e, n[t.key])), n[t.key]);
-}, ge = (e, t, n, r, l, o, i) => {
-  const s = D(t, !0);
+}, _e = (e, t, n, r, l, o, i) => {
+  const s = N(t, !0);
   if (typeof r != typeof s) {
     console.assert(!1);
     return;
   }
   o !== void 0 && !i ? r !== n[o] && (n[o] = r, l(e, n[o])) : r !== n[t.key] && (n[t.key] = r, l(e, n[t.key]));
 };
-function ps(e) {
-  return { renderUiStrInput: (n, r, l, o, i) => r.ui !== "strInput" ? (console.assert(!1), g("div", "renderUiStrInput prop ui must be strInput")) : g(ds, {
-    modelValue: r.static ? r.value : ve(
+function Ps(e) {
+  return { renderUiStrInput: (n, r, l, o, i) => r.ui !== "strInput" ? (console.assert(!1), y("div", "renderUiStrInput prop ui must be strInput")) : y(Cs, {
+    modelValue: r.static ? r.value : he(
       n,
       r,
       l,
@@ -1223,7 +1265,7 @@ function ps(e) {
       i
     ),
     "onUpdate:modelValue": (s) => {
-      r.static || ge(
+      r.static || _e(
         n,
         r,
         l,
@@ -1240,9 +1282,9 @@ function ps(e) {
     readonly: r.static || r.readonly
   }) };
 }
-const ms = { class: "d-flex justify-space-between align-center" }, vs = /* @__PURE__ */ k({
+const Os = { class: "d-flex justify-space-between align-center" }, Ls = /* @__PURE__ */ K({
   __name: "numInput",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
     precision: { default: 4 },
     min: { default: () => -1 / 0 },
@@ -1253,13 +1295,13 @@ const ms = { class: "d-flex justify-space-between align-center" }, vs = /* @__PU
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ z(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const n = le(e, "modelValue"), r = t;
     return (l, o) => {
-      const i = U("v-number-input"), s = U("v-icon"), a = oe("ripple");
-      return $(), B("div", ms, [
-        ee(F(i, {
+      const i = M("v-number-input"), s = M("v-icon"), a = ue("ripple");
+      return A(), k("div", Os, [
+        oe(B(i, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (u) => n.value = u),
           density: "compact",
@@ -1279,19 +1321,19 @@ const ms = { class: "d-flex justify-space-between align-center" }, vs = /* @__PU
             { stop: !0 }
           ]
         ]),
-        l.hasDelete ? ($(), H(s, {
+        l.hasDelete ? (A(), F(s, {
           key: 0,
           class: "mx-2",
-          icon: R(me),
-          onClick: o[1] || (o[1] = Z((u) => r("delete"), ["stop"]))
+          icon: j(ye),
+          onClick: o[1] || (o[1] = z((u) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
   }
 });
-function gs(e) {
-  return { renderUiNumInput: (n, r, l, o, i) => r.ui !== "numInput" ? (console.assert(!1), g("div", "renderUiNumInput prop ui must be numInput")) : g(vs, {
-    modelValue: ve(
+function xs(e) {
+  return { renderUiNumInput: (n, r, l, o, i) => r.ui !== "numInput" ? (console.assert(!1), y("div", "renderUiNumInput prop ui must be numInput")) : y(Ls, {
+    modelValue: he(
       n,
       r,
       l,
@@ -1300,7 +1342,7 @@ function gs(e) {
       i
     ),
     "onUpdate:modelValue": (s) => {
-      ge(
+      _e(
         n,
         r,
         l,
@@ -1317,22 +1359,22 @@ function gs(e) {
     readonly: r.readonly
   }) };
 }
-const ys = { class: "d-flex justify-space-between align-center" }, hs = /* @__PURE__ */ k({
+const Ms = { class: "d-flex justify-space-between align-center" }, Vs = /* @__PURE__ */ K({
   __name: "switch",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ z(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const n = le(e, "modelValue"), r = t;
     return (l, o) => {
-      const i = U("v-switch"), s = U("v-icon");
-      return $(), B("div", ys, [
-        F(i, {
+      const i = M("v-switch"), s = M("v-icon");
+      return A(), k("div", Ms, [
+        B(i, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (a) => n.value = a),
           class: "ml-1",
@@ -1341,19 +1383,19 @@ const ys = { class: "d-flex justify-space-between align-center" }, hs = /* @__PU
           "hide-details": "",
           readonly: l.readonly
         }, null, 8, ["modelValue", "readonly"]),
-        l.hasDelete ? ($(), H(s, {
+        l.hasDelete ? (A(), F(s, {
           key: 0,
           class: "mx-2",
-          icon: R(me),
-          onClick: o[1] || (o[1] = Z((a) => r("delete"), ["stop"]))
+          icon: j(ye),
+          onClick: o[1] || (o[1] = z((a) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
   }
 });
-function _s(e) {
-  return { renderUiSwitch: (n, r, l, o, i) => r.ui !== "switch" ? (console.assert(!1), g("div", "renderUiSwitch prop ui must be switch")) : g(hs, {
-    modelValue: ve(
+function Us(e) {
+  return { renderUiSwitch: (n, r, l, o, i) => r.ui !== "switch" ? (console.assert(!1), y("div", "renderUiSwitch prop ui must be switch")) : y(Vs, {
+    modelValue: he(
       n,
       r,
       l,
@@ -1362,7 +1404,7 @@ function _s(e) {
       i
     ),
     "onUpdate:modelValue": (s) => {
-      ge(
+      _e(
         n,
         r,
         l,
@@ -1379,9 +1421,9 @@ function _s(e) {
     readonly: r.readonly
   }) };
 }
-const bs = { class: "d-flex justify-space-between align-center" }, $s = /* @__PURE__ */ k({
+const Ds = { class: "d-flex justify-space-between align-center" }, js = /* @__PURE__ */ K({
   __name: "select",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 },
     items: {}
@@ -1389,13 +1431,13 @@ const bs = { class: "d-flex justify-space-between align-center" }, $s = /* @__PU
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ z(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const n = le(e, "modelValue"), r = t;
     return (l, o) => {
-      const i = U("v-select"), s = U("v-icon"), a = oe("ripple");
-      return $(), B("div", bs, [
-        ee(F(i, {
+      const i = M("v-select"), s = M("v-icon"), a = ue("ripple");
+      return A(), k("div", Ds, [
+        oe(B(i, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (u) => n.value = u),
           density: "compact",
@@ -1411,20 +1453,20 @@ const bs = { class: "d-flex justify-space-between align-center" }, $s = /* @__PU
             { stop: !0 }
           ]
         ]),
-        l.hasDelete ? ($(), H(s, {
+        l.hasDelete ? (A(), F(s, {
           key: 0,
           class: "mx-2",
-          icon: R(me),
-          onClick: o[1] || (o[1] = Z((u) => r("delete"), ["stop"]))
+          icon: j(ye),
+          onClick: o[1] || (o[1] = z((u) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
   }
 });
-function Ts(e) {
-  const { t } = be();
-  return { renderUiSelect: (r, l, o, i, s) => l.ui !== "select" ? (console.assert(!1), g("div", "renderUiSelect prop ui must be select")) : g($s, {
-    modelValue: ve(
+function Es(e) {
+  const { t } = pe();
+  return { renderUiSelect: (r, l, o, i, s) => l.ui !== "select" ? (console.assert(!1), y("div", "renderUiSelect prop ui must be select")) : y(js, {
+    modelValue: he(
       r,
       l,
       o,
@@ -1433,7 +1475,7 @@ function Ts(e) {
       s
     ),
     "onUpdate:modelValue": (a) => {
-      ge(
+      _e(
         r,
         l,
         o,
@@ -1459,42 +1501,7 @@ function Ts(e) {
     readonly: l.readonly
   }) };
 }
-function Ss(e, t) {
-  const n = [];
-  let r = [];
-  e.forEach((i) => {
-    i.type === 0 ? n.push(i) : i.type === 1 ? r.push(i) : console.assert(!1);
-  }), n.sort((i, s) => i.position - s.position), r.sort((i, s) => i.position - s.position);
-  const l = [];
-  r.forEach((i) => {
-    n.find((s) => s.id === i.group) || l.push(i.id);
-  }), r = r.filter((i) => !l.find((s) => s === i.id));
-  const o = [];
-  return n.forEach((i) => {
-    const s = [];
-    r.forEach((a) => {
-      a.group === i.id && (a.show = !i.collapse, s.push(a));
-    }), i.count = s.length, i.count > 0 && (o.push(i), o.push(...s));
-  }), o;
-}
-function Pn(e, t) {
-  return e.value.find((n) => n.id === t);
-}
-function As(e, t, n) {
-  for (let r = 0; r < e.value.length; r++) {
-    let l = e.value[r];
-    if (l.id === t) {
-      if (l.type !== 0) {
-        console.assert(!1, "type must be 0");
-        break;
-      }
-      for (l.collapse = n, r++; r < e.value.length && (l = e.value[r], l.type !== 0); r++)
-        l.show = !n;
-      break;
-    }
-  }
-}
-const ws = { class: "text-subtitle-2 ml-1" }, Ps = { class: "text-caption text-grey ml-1" }, Cs = /* @__PURE__ */ k({
+const Ns = { class: "text-subtitle-2 ml-1" }, Bs = { class: "text-caption text-grey ml-1" }, Rs = /* @__PURE__ */ K({
   __name: "group",
   props: {
     id: {},
@@ -1504,33 +1511,33 @@ const ws = { class: "text-subtitle-2 ml-1" }, Ps = { class: "text-caption text-g
   },
   emits: ["x-click"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = Ue(), l = e, o = t, i = N(!1), s = K(() => ({
+    const { backgroundColor2: n, highlightColor: r } = Te(), l = e, o = t, i = R(!1), s = G(() => ({
       background: i.value ? r.value : n.value,
       height: "30px",
       marginBottom: "1px",
       userSelect: "none"
     }));
     return (a, u) => {
-      const f = U("v-icon"), d = oe("ripple");
-      return ee(($(), B("div", {
+      const f = M("v-icon"), d = ue("ripple");
+      return oe((A(), k("div", {
         class: "d-flex align-center cursor-pointer",
-        style: Me(s.value),
-        onClick: u[0] || (u[0] = (y) => o("x-click", l.id)),
-        onMouseover: u[1] || (u[1] = (y) => i.value = !0),
-        onMouseout: u[2] || (u[2] = (y) => i.value = !1)
+        style: se(s.value),
+        onClick: u[0] || (u[0] = (h) => o("x-click", l.id)),
+        onMouseover: u[1] || (u[1] = (h) => i.value = !0),
+        onMouseout: u[2] || (u[2] = (h) => i.value = !1)
       }, [
-        F(f, {
-          icon: l.collapse ? R(wn) : R(An),
+        B(f, {
+          icon: l.collapse ? j(On) : j(Pn),
           size: "small"
         }, null, 8, ["icon"]),
-        ae("span", ws, ne(l.title), 1),
-        ae("span", Ps, ne(l.count), 1)
+        q("span", Ns, re(l.title), 1),
+        q("span", Bs, re(l.count), 1)
       ], 36)), [
         [d]
       ]);
     };
   }
-}), Os = { class: "text-subtitle-1 ml-6" }, Vs = /* @__PURE__ */ k({
+}), Fs = { class: "text-subtitle-1 ml-6" }, ks = /* @__PURE__ */ K({
   __name: "item",
   props: {
     id: {},
@@ -1538,51 +1545,51 @@ const ws = { class: "text-subtitle-2 ml-1" }, Ps = { class: "text-caption text-g
   },
   emits: ["x-click"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = Ue(), l = e, o = t, i = N(!1), s = K(() => ({
+    const { backgroundColor2: n, highlightColor: r } = Te(), l = e, o = t, i = R(!1), s = G(() => ({
       background: i.value ? r.value : n.value,
       height: "48px",
       marginBottom: "1px",
       userSelect: "none"
     }));
     return (a, u) => {
-      const f = oe("ripple");
-      return ee(($(), B("div", {
+      const f = ue("ripple");
+      return oe((A(), k("div", {
         class: "d-flex align-center cursor-pointer",
-        style: Me(s.value),
+        style: se(s.value),
         onClick: u[0] || (u[0] = (d) => o("x-click", l.id)),
         onMouseover: u[1] || (u[1] = (d) => i.value = !0),
         onMouseout: u[2] || (u[2] = (d) => i.value = !1)
       }, [
-        ae("span", Os, ne(l.title), 1)
+        q("span", Fs, re(l.title), 1)
       ], 36)), [
         [f]
       ]);
     };
   }
-}), Ms = { key: 0 }, Us = {
+}), Hs = { key: 0 }, Gs = {
   key: 1,
   class: "text-body-2 text-grey ml-3"
-}, xs = /* @__PURE__ */ k({
+}, Ks = /* @__PURE__ */ K({
   __name: "index",
-  props: /* @__PURE__ */ z({
-    compList: {}
-  }, {
+  props: {
     modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
+    modelModifiers: {},
+    open: { type: Boolean, required: !0 },
+    openModifiers: {}
+  },
+  emits: ["update:modelValue", "update:open"],
   setup(e) {
-    const { t } = be(), n = le(e, "modelValue"), r = e, l = K(() => r.compList), o = (s) => {
-      const a = Pn(l, s);
-      a && As(l, s, !a.collapse);
+    const { t } = pe(), n = le(e, "modelValue"), r = le(e, "open"), l = Cn(), o = (s) => {
+      const a = bn(l, s);
+      a && ns(l, s, !a.collapse);
     }, i = (s) => {
-      console.log("onItemClick", s), n.value = s;
+      n.value = s, r.value = !1;
     };
-    return (s, a) => l.value.length > 0 ? ($(), B("div", Ms, [
-      ($(!0), B(Be, null, Kt(l.value, (u) => ($(), B(Be, {
+    return (s, a) => j(l).length > 0 ? (A(), k("div", Hs, [
+      (A(!0), k(He, null, qt(j(l), (u) => (A(), k(He, {
         key: u.id
       }, [
-        u.type === 0 ? ($(), H(Cs, {
+        u.type === 0 ? (A(), F(Rs, {
           key: 0,
           id: u.id,
           title: u.name,
@@ -1590,16 +1597,16 @@ const ws = { class: "text-subtitle-2 ml-1" }, Ps = { class: "text-caption text-g
           count: u.count ?? 0,
           onXClick: o
         }, null, 8, ["id", "title", "collapse", "count"])) : I("", !0),
-        u.type === 1 && u.show ? ($(), H(Vs, {
+        u.type === 1 && u.show ? (A(), F(ks, {
           key: 1,
           id: u.id,
           title: u.name,
           onXClick: i
         }, null, 8, ["id", "title"])) : I("", !0)
       ], 64))), 128))
-    ])) : ($(), B("div", Us, ne(R(t)("x-prop-tree.noComp")), 1));
+    ])) : (A(), k("div", Gs, re(j(t)("x-prop-tree.noComp")), 1));
   }
-}), Ls = /* @__PURE__ */ k({
+}), zs = { class: "text-subtitle-1 ml-3" }, qs = /* @__PURE__ */ K({
   __name: "index",
   props: {
     modelValue: { required: !0 },
@@ -1607,51 +1614,109 @@ const ws = { class: "text-subtitle-2 ml-1" }, Ps = { class: "text-caption text-g
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = le(e, "modelValue"), n = N([]), r = K(() => {
-      const s = Pn(n, t.value);
-      return s ? s.name : "<n/a>";
-    }), l = () => {
-      i();
-    }, { open: o } = It("compSelectDlg", l), i = () => {
-      const { compGroups: s, comps: a } = Bn.app.activeApp, u = [];
-      s.forEach(({ id: f, name: d, position: y }) => {
-        u.push({ id: f, type: 0, name: d, position: y, collapse: !0 });
-      }), a.forEach(({ id: f, groupid: d, name: y, position: T }) => {
-        u.push({ id: f, type: 1, name: y, position: T, group: d });
-      }), Ss(u, !0), n.value = u;
+    const { t } = pe(), n = Zn(), { sysBarAvail: r } = qn(), { backgroundColor1: l } = Te(), o = le(e, "modelValue"), i = Cn(), s = G(() => {
+      let _ = "100%";
+      return n.mdAndUp.value && (_ = "400px"), {
+        background: l.value,
+        width: _,
+        height: "100%"
+      };
+    }), a = G(() => {
+      let _ = 48;
+      return r.value && (_ += 24), {
+        position: "relative",
+        width: "100%",
+        height: `calc(100% - ${_}px)`
+      };
+    }), u = G(() => ({
+      height: "60px"
+    })), f = G(() => {
+      if (!o.value)
+        return t("x-prop-tree.notSet");
+      const _ = bn(i, o.value);
+      return _ ? _.name : t("x-runtime-lib.compNotAvail");
+    }), d = `compSelectDlg@${Rn()}`, h = () => {
+      te.emit("refreshCompList");
+    }, { open: T } = It(d, h), C = () => {
+      te.emit(d);
     };
-    return (s, a) => {
-      const u = U("v-btn"), f = U("v-dialog");
-      return $(), H(f, {
-        modelValue: R(o),
-        "onUpdate:modelValue": a[1] || (a[1] = (d) => zt(o) ? o.value = d : null)
+    return (_, p) => {
+      const w = M("v-btn"), E = M("v-sheet"), L = M("v-icon"), P = M("v-dialog");
+      return A(), F(P, {
+        modelValue: j(T),
+        "onUpdate:modelValue": p[5] || (p[5] = ($) => nt(T) ? T.value = $ : null),
+        transition: "scroll-x-reverse-transition",
+        persistent: "",
+        "no-click-animation": "",
+        fullscreen: "",
+        onKeydown: p[6] || (p[6] = Fn(z(($) => T.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: Y(({ props: d }) => [
-          F(u, qt(d, {
+        activator: Y(() => [
+          B(w, {
             density: "comfortable",
-            block: ""
-          }), {
+            block: "",
+            onClick: C
+          }, {
             default: Y(() => [
-              it(ne(r.value), 1)
+              at(re(f.value), 1)
             ]),
-            _: 2
-          }, 1040)
+            _: 1
+          })
         ]),
         default: Y(() => [
-          F(xs, {
-            modelValue: t.value,
-            "onUpdate:modelValue": a[0] || (a[0] = (d) => t.value = d),
-            "comp-list": n.value
-          }, null, 8, ["modelValue", "comp-list"])
+          q("div", {
+            class: "w-100 h-100 d-flex flex-row-reverse",
+            onClick: p[3] || (p[3] = z(($) => T.value = !1, ["self"])),
+            onContextmenu: p[4] || (p[4] = z(($) => T.value = !1, ["self", "prevent"]))
+          }, [
+            q("div", {
+              class: "elevation-2",
+              style: se(s.value)
+            }, [
+              j(r) ? (A(), F(E, {
+                key: 0,
+                color: "transparent",
+                height: 24
+              })) : I("", !0),
+              B(E, {
+                class: "d-flex align-center px-3",
+                color: "transparent",
+                height: 48
+              }, {
+                default: Y(() => [
+                  B(L, {
+                    icon: j(bs),
+                    onClick: p[0] || (p[0] = ($) => T.value = !1)
+                  }, null, 8, ["icon"]),
+                  q("span", zs, re(j(t)("x-prop-tree.dlg.compSelect.title")), 1)
+                ]),
+                _: 1
+              }),
+              q("div", {
+                class: "overflow-y-auto",
+                style: se(a.value)
+              }, [
+                B(Ks, {
+                  modelValue: o.value,
+                  "onUpdate:modelValue": p[1] || (p[1] = ($) => o.value = $),
+                  open: j(T),
+                  "onUpdate:open": p[2] || (p[2] = ($) => nt(T) ? T.value = $ : null)
+                }, null, 8, ["modelValue", "open"]),
+                q("div", {
+                  style: se(u.value)
+                }, null, 4)
+              ], 4)
+            ], 4)
+          ], 32)
         ]),
         _: 1
       }, 8, ["modelValue"]);
     };
   }
 });
-function Ds(e) {
-  return { renderUiCompSelect: (n, r, l, o, i) => r.ui !== "compSelect" ? (console.assert(!1), g("div", "renderUiCompSelect prop ui must be compSelect")) : (console.log(n, r, l, o, i, e), g(Ls, {
-    modelValue: ve(
+function Is(e) {
+  return { renderUiCompSelect: (n, r, l, o, i) => r.ui !== "compSelect" ? (console.assert(!1), y("div", "renderUiCompSelect prop ui must be compSelect")) : y(qs, {
+    modelValue: he(
       n,
       r,
       l,
@@ -1660,7 +1725,7 @@ function Ds(e) {
       i
     ),
     "onUpdate:modelValue": (s) => {
-      ge(
+      _e(
         n,
         r,
         l,
@@ -1670,72 +1735,71 @@ function Ds(e) {
         i
       );
     }
-  })) };
+  }) };
 }
-const js = { class: "d-flex justify-space-between align-center" }, Es = /* @__PURE__ */ k({
+const Xs = { class: "d-flex justify-space-between align-center" }, Zs = /* @__PURE__ */ K({
   __name: "colorPicker",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ z(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = le(e, "modelValue"), r = t, l = K(() => {
-      let s = "100%";
-      return e.hasDelete && (s = "calc(100% - 37px)"), {
-        width: s
+    const n = le(e, "modelValue"), r = t, l = G(() => {
+      let i = "100%";
+      return e.hasDelete && (i = "calc(100% - 37px)"), {
+        width: i
       };
-    }), o = K(() => e.readonly), i = N("hexa");
-    return (s, a) => {
-      const u = U("v-btn"), f = U("v-icon"), d = U("v-color-picker"), y = U("v-menu");
-      return $(), H(y, { "close-on-content-click": !1 }, {
-        activator: Y(({ props: T }) => [
-          ae("div", js, [
-            ae("div", {
+    }), o = G(() => e.readonly);
+    return (i, s) => {
+      const a = M("v-btn"), u = M("v-icon"), f = M("v-color-picker"), d = M("v-menu");
+      return A(), F(d, { "close-on-content-click": !1 }, {
+        activator: Y(({ props: h }) => [
+          q("div", Xs, [
+            q("div", {
               class: "flex-grow-1",
-              style: Me(l.value)
+              style: se(l.value)
             }, [
-              F(u, qt(T, {
+              B(a, kn(h, {
                 density: "comfortable",
                 color: n.value,
                 block: "",
                 disabled: o.value
               }), {
                 default: Y(() => [
-                  it(ne(n.value), 1)
+                  at(re(n.value), 1)
                 ]),
                 _: 2
               }, 1040, ["color", "disabled"])
             ], 4),
-            s.hasDelete ? ($(), H(f, {
+            i.hasDelete ? (A(), F(u, {
               key: 0,
               class: "mx-2",
-              icon: R(me),
-              onClick: a[0] || (a[0] = Z((w) => r("delete"), ["stop"]))
+              icon: j(ye),
+              onClick: s[0] || (s[0] = z((T) => r("delete"), ["stop"]))
             }, null, 8, ["icon"])) : I("", !0)
           ])
         ]),
         default: Y(() => [
-          F(d, {
+          B(f, {
             modelValue: n.value,
-            "onUpdate:modelValue": a[1] || (a[1] = (T) => n.value = T),
-            mode: i.value,
-            "onUpdate:mode": a[2] || (a[2] = (T) => i.value = T),
+            "onUpdate:modelValue": s[1] || (s[1] = (h) => n.value = h),
+            mode: "hexa",
             "show-swatches": "",
             "swatches-max-height": "150px"
-          }, null, 8, ["modelValue", "mode"])
+          }, null, 8, ["modelValue"])
         ]),
         _: 1
       });
     };
   }
 });
-function Ns(e) {
-  return { renderUiColorPicker: (n, r, l, o, i) => r.ui !== "colorPicker" ? (console.assert(!1), g("div", "renderUiColorPicker prop ui must be colorPicker")) : g(Es, {
-    modelValue: ve(
+function Ys(e) {
+  return { renderUiColorPicker: (n, r, l, o, i) => r.ui !== "colorPicker" ? (console.assert(!1), y("div", "renderUiColorPicker prop ui must be colorPicker")) : y(Zs, {
+    modelValue: he(
       n,
       r,
       l,
@@ -1744,7 +1808,7 @@ function Ns(e) {
       i
     ),
     "onUpdate:modelValue": (s) => {
-      ge(
+      _e(
         n,
         r,
         l,
@@ -1761,18 +1825,18 @@ function Ns(e) {
     readonly: r.readonly
   }) };
 }
-const Fs = { class: "d-flex justify-space-between align-center my-2" }, Rs = { class: "flex-grow-1" }, Bs = /* @__PURE__ */ k({
+const Js = { class: "d-flex justify-space-between align-center my-2" }, Ws = { class: "flex-grow-1" }, Qs = /* @__PURE__ */ K({
   __name: "multiTypes",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
     types: {}
   }, {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ z(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const { t: n } = be(), r = le(e, "modelValue"), l = t, o = N(0), i = K(() => {
+    const { t: n } = pe(), r = le(e, "modelValue"), l = t, o = R(0), i = G(() => {
       const u = [];
       return e.types.forEach((f, d) => {
         u.push({
@@ -1782,38 +1846,38 @@ const Fs = { class: "d-flex justify-space-between align-center my-2" }, Rs = { c
       }), u;
     });
     e.types.some((u, f) => u.validator(r.value) ? (o.value = f, !0) : !1);
-    const s = K(() => e.types[o.value]);
-    we(s, (u) => {
+    const s = G(() => e.types[o.value]);
+    Ce(s, (u) => {
       r.value = u.default;
     });
-    const a = N(0);
-    return En(() => {
-      s.value.ui === "pixelInput" ? a.value = Fn(r.value) : s.value.ui === "percentInput" && (a.value = Rn(r.value));
-    }), we(a, (u) => {
+    const a = R(0);
+    return Hn(() => {
+      s.value.ui === "pixelInput" ? a.value = In(r.value) : s.value.ui === "percentInput" && (a.value = Xn(r.value));
+    }), Ce(a, (u) => {
       s.value.ui === "pixelInput" ? r.value = u + "px" : s.value.ui === "percentInput" && (r.value = u + "%");
     }), (u, f) => {
-      const d = U("v-select"), y = U("v-number-input"), T = U("v-icon"), w = oe("ripple");
-      return $(), B("div", Fs, [
-        ae("div", Rs, [
-          ee(F(d, {
+      const d = M("v-select"), h = M("v-number-input"), T = M("v-icon"), C = ue("ripple");
+      return A(), k("div", Js, [
+        q("div", Ws, [
+          oe(B(d, {
             modelValue: o.value,
-            "onUpdate:modelValue": f[0] || (f[0] = (C) => o.value = C),
+            "onUpdate:modelValue": f[0] || (f[0] = (_) => o.value = _),
             density: "compact",
             items: i.value,
             "hide-details": "",
             "single-line": ""
           }, null, 8, ["modelValue", "items"]), [
             [
-              w,
+              C,
               void 0,
               void 0,
               { stop: !0 }
             ]
           ]),
-          s.value.ui === "pixelInput" || s.value.ui === "percentInput" ? ee(($(), H(y, {
+          s.value.ui === "pixelInput" || s.value.ui === "percentInput" ? oe((A(), F(h, {
             key: 0,
             modelValue: a.value,
-            "onUpdate:modelValue": f[1] || (f[1] = (C) => a.value = C),
+            "onUpdate:modelValue": f[1] || (f[1] = (_) => a.value = _),
             density: "compact",
             "control-variant": "stacked",
             precision: s.value.precision,
@@ -1824,26 +1888,26 @@ const Fs = { class: "d-flex justify-space-between align-center my-2" }, Rs = { c
             "single-line": ""
           }, null, 8, ["modelValue", "precision", "min", "max", "step"])), [
             [
-              w,
+              C,
               void 0,
               void 0,
               { stop: !0 }
             ]
           ]) : I("", !0)
         ]),
-        u.hasDelete ? ($(), H(T, {
+        u.hasDelete ? (A(), F(T, {
           key: 0,
           class: "mx-2",
-          icon: R(me),
-          onClick: f[2] || (f[2] = Z((C) => l("delete"), ["stop"]))
+          icon: j(ye),
+          onClick: f[2] || (f[2] = z((_) => l("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
   }
 });
-function Hs(e) {
-  return { renderUiMultiTypes: (n, r, l, o, i) => r.ui !== "multiTypes" ? (console.assert(!1), g("div", "renderUiMultiTypes prop ui must be multiTypes")) : g(Bs, {
-    modelValue: ve(
+function ea(e) {
+  return { renderUiMultiTypes: (n, r, l, o, i) => r.ui !== "multiTypes" ? (console.assert(!1), y("div", "renderUiMultiTypes prop ui must be multiTypes")) : y(Qs, {
+    modelValue: he(
       n,
       r,
       l,
@@ -1852,7 +1916,7 @@ function Hs(e) {
       i
     ),
     "onUpdate:modelValue": (s) => {
-      ge(
+      _e(
         n,
         r,
         l,
@@ -1869,7 +1933,7 @@ function Hs(e) {
     types: r.types
   }) };
 }
-const Gs = /* @__PURE__ */ k({
+const ta = /* @__PURE__ */ K({
   __name: "index",
   props: {
     unique: {},
@@ -1878,64 +1942,86 @@ const Gs = /* @__PURE__ */ k({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const { t: n } = be(), { backgroundColor1: r } = Ue(), l = e, o = t, i = N("20px"), s = N("56px"), a = N("200px"), u = Nn({}), f = N({}), d = (p, c) => {
-      kt(f, l.config, l.object), o("change", p, c);
+    const { t: n } = pe(), { backgroundColor1: r } = Te(), l = e, o = t, i = R("20px"), s = R("56px"), a = R("200px"), u = Gn({}), f = R({}), d = (m, c) => {
+      zt(f, l.config, l.object), o("change", m, c);
     };
-    we(
+    Ce(
       [() => l.config, () => l.object],
       () => {
-        kt(f, l.config, l.object, (p, c) => {
-          o("change", p, c);
+        zt(f, l.config, l.object, (m, c) => {
+          o("change", m, c);
         });
       },
       { immediate: !0 }
     );
-    const y = N(l.config);
-    Wi(y), we(
+    const h = R(l.config);
+    cs(h), Ce(
       () => l.config,
       () => {
-        y.value = l.config;
+        h.value = l.config;
       }
     );
-    const T = N(l.object);
-    es(T), we(
+    const T = R(l.object);
+    ds(T), Ce(
       () => l.object,
       () => {
         T.value = l.object;
       }
-    ), ns(f), os(d);
-    const { renderProp: w } = us(f, s, a), { renderUiDummy: C } = cs(d), { renderUiStrInput: h } = ps(d), { renderUiNumInput: S } = gs(d), { renderUiSwitch: E } = _s(d), { renderUiSelect: V } = Ts(d), { renderUiColorPicker: A } = Ns(d), { renderUiMultiTypes: M } = Hs(d), { renderUiCompSelect: X } = Ds(d), ye = (p, c, v, m, _, x) => (p = yn(p), _ !== void 0 ? (p.push(_), x && p.push(c.key)) : p.push(c.key), c.ui ? c.array && _ === void 0 ? Vn(p, c, v, m, _, x) : Mn(p, c, v, _, x) : c.array ? Cn(p, c, v, m, _, x) : On(
-      p,
+    ), vs(f), gs(d);
+    const C = R([]);
+    hs(C);
+    const _ = () => {
+      const { compGroups: m, comps: c } = Yn.app.activeApp, g = [];
+      m.forEach(({ id: v, name: b, position: O }) => {
+        const U = C.value.find((Q) => Q.id === v);
+        g.push({
+          id: v,
+          type: 0,
+          name: b,
+          position: O,
+          collapse: (U == null ? void 0 : U.collapse) ?? !0
+        });
+      }), c.forEach(({ id: v, groupid: b, name: O, position: U }) => {
+        g.push({ id: v, type: 1, name: O, position: U, group: b });
+      }), ts(g, !0), C.value = g;
+    };
+    Kn(() => {
+      te.on("refreshCompList", _);
+    }), zn(() => {
+      te.off("refreshCompList", _);
+    });
+    const { renderProp: p } = Ss(f, s, a), { renderUiDummy: w } = As(d), { renderUiStrInput: E } = Ps(d), { renderUiNumInput: L } = xs(d), { renderUiSwitch: P } = Us(d), { renderUiSelect: $ } = Es(d), { renderUiColorPicker: J } = Ys(d), { renderUiMultiTypes: Je } = ea(d), { renderUiCompSelect: Ln } = Is(d), je = (m, c, g, v, b, O) => (m = yn(m), b !== void 0 ? (m.push(b), O && m.push(c.key)) : m.push(c.key), c.ui ? c.array && b === void 0 ? Vn(m, c, g, v, b, O) : Un(m, c, g, b, O) : c.array ? xn(m, c, g, v, b, O) : Mn(
+      m,
       c,
+      g,
       v,
-      m,
-      _,
-      x
-    )), Cn = (p, c, v, m, _, x) => {
+      b,
+      O
+    )), xn = (m, c, g, v, b, O) => {
       if (c.ui)
-        return console.assert(!1), g("div", "renderBranchArray prop ui must be invalid");
+        return console.assert(!1), y("div", "renderBranchArray prop ui must be invalid");
       if (!c.array)
-        return console.assert(!1), g("div", "renderBranchArray prop array must be valid");
-      if (!m)
-        return console.assert(!1), g("div", "renderBranchArray branch must be valid");
-      let j;
-      _ !== void 0 && !x ? (v[_] instanceof Array || (v[_] = D(c), d(p, v[c.key])), j = v[_]) : (v[c.key] instanceof Array || (v[c.key] = D(c), d(p, v[c.key])), j = v[c.key]);
-      let ie = n(c.name);
-      m.collapse && he(f.value, p) && (ie += " *");
-      const $e = g(Fe, {
-        title: ie,
-        collapse: m.collapse,
+        return console.assert(!1), y("div", "renderBranchArray prop array must be valid");
+      if (!v)
+        return console.assert(!1), y("div", "renderBranchArray branch must be valid");
+      let U;
+      b !== void 0 && !O ? (g[b] instanceof Array || (g[b] = N(c), d(m, g[c.key])), U = g[b]) : (g[c.key] instanceof Array || (g[c.key] = N(c), d(m, g[c.key])), U = g[c.key]);
+      let Q = n(c.name);
+      v.collapse && be(f.value, m) && (Q += " *");
+      const Se = y(Fe, {
+        title: Q,
+        collapse: v.collapse,
         hasCreate: !0,
-        onCollapse: (b) => {
-          m.collapse = b;
+        onCollapse: (S) => {
+          v.collapse = S;
         },
-        onMenu: (b, L) => {
-          Ae.emit("propTreeMenu", { x: b, y: L, keys: p });
+        onMenu: (S, D) => {
+          te.emit("propTreeMenu", { x: S, y: D, keys: m });
         },
         onCreate: () => {
-          j.push({}), d(p, j);
+          U.push({}), d(m, U);
         }
-      }), G = g(
+      }), H = y(
         "div",
         {
           style: {
@@ -1943,44 +2029,44 @@ const Gs = /* @__PURE__ */ k({
           }
         },
         (() => {
-          const b = [];
-          for (let L = 0; L < j.length; L++) {
-            if (!et(m.children)) {
+          const S = [];
+          for (let D = 0; D < U.length; D++) {
+            if (!tt(v.children)) {
               console.assert(!1);
               break;
             }
-            m.children[L] || m.children.push({
+            v.children[D] || v.children.push({
               collapse: !0,
               children: {}
             });
-            const De = [...p, L], je = m.children[L];
-            let gt = n("x-prop-tree.entry", { index: L });
-            m.children[L].collapse && he(f.value, De) && (gt += " *");
-            const xn = g(Fe, {
-              title: gt,
-              collapse: m.children[L].collapse,
+            const Ee = [...m, D], Ne = v.children[D];
+            let ht = n("x-prop-tree.entry", { index: D });
+            v.children[D].collapse && be(f.value, Ee) && (ht += " *");
+            const jn = y(Fe, {
+              title: ht,
+              collapse: v.children[D].collapse,
               hasDelete: !0,
-              index: L,
-              onCollapse: (W) => {
-                if (!et(m.children)) {
+              index: D,
+              onCollapse: (ee) => {
+                if (!tt(v.children)) {
                   console.assert(!1);
                   return;
                 }
-                m.children[L].collapse = W;
+                v.children[D].collapse = ee;
               },
-              onMenu: (W, se) => {
-                Ae.emit("propTreeMenu", { x: W, y: se, keys: De });
+              onMenu: (ee, ce) => {
+                te.emit("propTreeMenu", { x: ee, y: ce, keys: Ee });
               },
-              onDelete: (W) => {
-                if (!et(m.children)) {
+              onDelete: (ee) => {
+                if (!tt(v.children)) {
                   console.assert(!1);
                   return;
                 }
-                m.children.splice(W, 1), j.splice(W, 1), d(p, j);
+                v.children.splice(ee, 1), U.splice(ee, 1), d(m, U);
               }
             });
-            b.push(xn);
-            const Ln = g(
+            S.push(jn);
+            const En = y(
               "div",
               {
                 style: {
@@ -1988,34 +2074,34 @@ const Gs = /* @__PURE__ */ k({
                 }
               },
               (() => {
-                const W = [];
-                return c.children.forEach((se) => {
-                  if (!Gt(je.children)) {
+                const ee = [];
+                return c.children.forEach((ce) => {
+                  if (!Kt(Ne.children)) {
                     console.assert(!1);
                     return;
                   }
-                  je.children[se.key] || (je.children[se.key] = {
+                  Ne.children[ce.key] || (Ne.children[ce.key] = {
                     collapse: !0,
-                    children: se.array ? [] : {}
+                    children: ce.array ? [] : {}
                   });
-                  const Dn = ye(
-                    p,
-                    se,
-                    j[L],
-                    je.children[se.key],
-                    L,
+                  const Nn = je(
+                    m,
+                    ce,
+                    U[D],
+                    Ne.children[ce.key],
+                    D,
                     !0
                   );
-                  W.push(Dn);
-                }), W;
+                  ee.push(Nn);
+                }), ee;
               })()
             );
-            m.children[L].collapse || b.push(Ln);
+            v.children[D].collapse || S.push(En);
           }
-          return b;
+          return S;
         })()
       );
-      return g(
+      return y(
         "div",
         {
           style: {
@@ -2023,33 +2109,33 @@ const Gs = /* @__PURE__ */ k({
           }
         },
         (() => {
-          const b = [];
-          return b.push($e), m.collapse || b.push(G), b;
+          const S = [];
+          return S.push(Se), v.collapse || S.push(H), S;
         })()
       );
-    }, On = (p, c, v, m, _, x) => {
+    }, Mn = (m, c, g, v, b, O) => {
       if (c.ui)
-        return console.assert(!1), g("div", "renderBranchScalar prop ui must be invalid");
+        return console.assert(!1), y("div", "renderBranchScalar prop ui must be invalid");
       if (c.array)
-        return console.assert(!1), g("div", "renderBranchScalar prop array must be invalid");
-      if (!m)
-        return console.assert(!1), g("div", "renderBranchScalar branch must be valid");
-      let j = n(c.name);
-      m.collapse && he(f.value, p) && (j += " *");
-      const ie = g(Fe, {
-        title: j,
-        collapse: m.collapse,
-        hasDelete: _ !== void 0 && !x,
-        onCollapse: (G) => {
-          m.collapse = G;
+        return console.assert(!1), y("div", "renderBranchScalar prop array must be invalid");
+      if (!v)
+        return console.assert(!1), y("div", "renderBranchScalar branch must be valid");
+      let U = n(c.name);
+      v.collapse && be(f.value, m) && (U += " *");
+      const Q = y(Fe, {
+        title: U,
+        collapse: v.collapse,
+        hasDelete: b !== void 0 && !O,
+        onCollapse: (H) => {
+          v.collapse = H;
         },
-        onMenu: (G, b) => {
-          Ae.emit("propTreeMenu", { x: G, y: b, keys: p });
+        onMenu: (H, S) => {
+          te.emit("propTreeMenu", { x: H, y: S, keys: m });
         },
         onDelete: () => {
-          _ === void 0 || x || (v.splice(_, 1), d(p.slice(0, -1), v));
+          b === void 0 || O || (g.splice(b, 1), d(m.slice(0, -1), g));
         }
-      }), $e = g(
+      }), Se = y(
         "div",
         {
           style: {
@@ -2057,27 +2143,27 @@ const Gs = /* @__PURE__ */ k({
           }
         },
         (() => {
-          const G = [];
-          return c.children.forEach((b) => {
-            if (!Gt(m.children)) {
+          const H = [];
+          return c.children.forEach((S) => {
+            if (!Kt(v.children)) {
               console.assert(!1);
               return;
             }
-            m.children[b.key] || (m.children[b.key] = {
+            v.children[S.key] || (v.children[S.key] = {
               collapse: !0,
-              children: !b.ui && b.array ? [] : {}
+              children: !S.ui && S.array ? [] : {}
             });
-            const L = ye(
-              p,
-              b,
-              (typeof v[c.key] != "object" && (v[c.key] = {}, d(p, v[c.key])), v[c.key]),
-              m.children[b.key]
+            const D = je(
+              m,
+              S,
+              (typeof g[c.key] != "object" && (g[c.key] = {}, d(m, g[c.key])), g[c.key]),
+              v.children[S.key]
             );
-            G.push(L);
-          }), G;
+            H.push(D);
+          }), H;
         })()
       );
-      return g(
+      return y(
         "div",
         {
           style: {
@@ -2085,35 +2171,35 @@ const Gs = /* @__PURE__ */ k({
           }
         },
         (() => {
-          const G = [];
-          return G.push(ie), m.collapse || G.push($e), G;
+          const H = [];
+          return H.push(Q), v.collapse || H.push(Se), H;
         })()
       );
-    }, Vn = (p, c, v, m, _, x) => {
+    }, Vn = (m, c, g, v, b, O) => {
       if (!c.ui)
-        return console.assert(!1), g("div", "renderLeafArray prop ui must be valid");
+        return console.assert(!1), y("div", "renderLeafArray prop ui must be valid");
       if (!c.array)
-        return console.assert(!1), g("div", "renderLeafArray prop array must be valid");
-      if (!m)
-        return console.assert(!1), g("div", "renderLeafArray branch must be valid");
-      let j;
-      _ !== void 0 && !x ? (v[_] instanceof Array || (v[_] = D(c), d(p, v[_])), j = v[_]) : (v[c.key] instanceof Array || (v[c.key] = D(c), d(p, v[c.key])), j = v[c.key]);
-      let ie = n(c.name);
-      m.collapse && he(f.value, p) && (ie += " *");
-      const $e = g(Fe, {
-        title: ie,
-        collapse: m.collapse,
+        return console.assert(!1), y("div", "renderLeafArray prop array must be valid");
+      if (!v)
+        return console.assert(!1), y("div", "renderLeafArray branch must be valid");
+      let U;
+      b !== void 0 && !O ? (g[b] instanceof Array || (g[b] = N(c), d(m, g[b])), U = g[b]) : (g[c.key] instanceof Array || (g[c.key] = N(c), d(m, g[c.key])), U = g[c.key]);
+      let Q = n(c.name);
+      v.collapse && be(f.value, m) && (Q += " *");
+      const Se = y(Fe, {
+        title: Q,
+        collapse: v.collapse,
         hasCreate: !0,
-        onCollapse: (b) => {
-          m.collapse = b;
+        onCollapse: (S) => {
+          v.collapse = S;
         },
-        onMenu: (b, L) => {
-          Ae.emit("propTreeMenu", { x: b, y: L, keys: p });
+        onMenu: (S, D) => {
+          te.emit("propTreeMenu", { x: S, y: D, keys: m });
         },
         onCreate: () => {
-          j.push(D(c, !0)), d(p, j);
+          U.push(N(c, !0)), d(m, U);
         }
-      }), G = g(
+      }), H = y(
         "div",
         {
           style: {
@@ -2121,15 +2207,15 @@ const Gs = /* @__PURE__ */ k({
           }
         },
         (() => {
-          const b = [];
-          for (let L = 0; L < j.length; L++) {
-            const De = ye(p, c, j, void 0, L, !1);
-            b.push(De);
+          const S = [];
+          for (let D = 0; D < U.length; D++) {
+            const Ee = je(m, c, U, void 0, D, !1);
+            S.push(Ee);
           }
-          return b;
+          return S;
         })()
       );
-      return g(
+      return y(
         "div",
         {
           style: {
@@ -2137,16 +2223,16 @@ const Gs = /* @__PURE__ */ k({
           }
         },
         (() => {
-          const b = [];
-          return b.push($e), m.collapse || b.push(G), b;
+          const S = [];
+          return S.push(Se), v.collapse || S.push(H), S;
         })()
       );
-    }, Mn = (p, c, v, m, _) => {
+    }, Un = (m, c, g, v, b) => {
       if (!c.ui)
-        return console.assert(!1), g("div", "renderLeafScalar prop ui must be valid");
-      let x;
-      return c.ui === "dummy" ? x = C(p, c, v, m, _) : c.ui === "strInput" ? x = h(p, c, v, m, _) : c.ui === "numInput" ? x = S(p, c, v, m, _) : c.ui === "switch" ? x = E(p, c, v, m, _) : c.ui === "select" ? x = V(p, c, v, m, _) : c.ui === "colorPicker" ? x = A(p, c, v, m, _) : c.ui === "multiTypes" ? x = M(p, c, v, m, _) : c.ui === "compSelect" ? x = X(p, c, v, m, _) : console.assert(!1, "renderLeafScalar not implemented"), x ? w(p, c, x) : g("div");
-    }, Un = () => g(
+        return console.assert(!1), y("div", "renderLeafScalar prop ui must be valid");
+      let O;
+      return c.ui === "dummy" ? O = w(m, c, g, v, b) : c.ui === "strInput" ? O = E(m, c, g, v, b) : c.ui === "numInput" ? O = L(m, c, g, v, b) : c.ui === "switch" ? O = P(m, c, g, v, b) : c.ui === "select" ? O = $(m, c, g, v, b) : c.ui === "colorPicker" ? O = J(m, c, g, v, b) : c.ui === "multiTypes" ? O = Je(m, c, g, v, b) : c.ui === "compSelect" ? O = Ln(m, c, g, v, b) : console.assert(!1, "renderLeafScalar not implemented"), O ? p(m, c, O) : y("div");
+    }, Dn = () => y(
       "div",
       {
         class: "text-body-2",
@@ -2155,34 +2241,34 @@ const Gs = /* @__PURE__ */ k({
         }
       },
       (() => {
-        const p = [];
+        const m = [];
         if (l.unique && l.config.length > 0 && l.object) {
           u[l.unique] || (u[l.unique] = {});
           const c = u[l.unique];
-          l.config.forEach((v) => {
-            c[v.key] || (c[v.key] = {
+          l.config.forEach((g) => {
+            c[g.key] || (c[g.key] = {
               collapse: !0,
-              children: !v.ui && v.array ? [] : {}
+              children: !g.ui && g.array ? [] : {}
             });
-            const m = ye([], v, l.object, c[v.key]);
-            p.push(m);
+            const v = je([], g, l.object, c[g.key]);
+            m.push(v);
           });
         }
-        return p;
+        return m;
       })()
     );
-    return (p, c) => ($(), B(Be, null, [
-      F(Un),
-      F(is, {
+    return (m, c) => (A(), k(He, null, [
+      B(Dn),
+      B(_s, {
         config: l.config,
         object: l.object,
         "prop-states": f.value
       }, null, 8, ["config", "object", "prop-states"])
     ], 64));
   }
-}), ks = (e) => {
-  e.component("XPropTree", Gs);
-}, zs = (e, t, n) => {
+}), na = (e) => {
+  e.component("XPropTree", ta);
+}, ra = (e, t, n) => {
   const r = e[t];
   return r ? typeof r == "function" ? r() : Promise.resolve(r) : new Promise((l, o) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
@@ -2195,11 +2281,11 @@ const Gs = /* @__PURE__ */ k({
     );
   });
 };
-async function Zs(e) {
-  return (await zs(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en-eyioipy9.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans-mtvnapj8.js") }), `./locales/${e}/index.ts`, 4)).default;
+async function ca(e) {
+  return (await ra(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en-nonohi4u.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans-gdfh4wwz.js") }), `./locales/${e}/index.ts`, 4)).default;
 }
-const Js = { install: ks };
+const fa = { install: na };
 export {
-  Js as default,
-  Zs as loadLocaleMessagePropTree
+  fa as default,
+  ca as loadLocaleMessagePropTree
 };