x-prop-tree 0.5.11 → 0.5.13

package/dist/index.js

@@ -1,53 +1,55 @@
-import { provide as Re, inject as Be, defineComponent as K, ref as N, computed as W, resolveComponent as U, openBlock as M, createBlock as B, unref as H, isRef as Gt, withCtx as Y, createVNode as F, createElementBlock as Q, Fragment as zt, renderList as Mn, createTextVNode as nt, toDisplayString as He, resolveDirective as me, withDirectives as oe, normalizeStyle as rt, withModifiers as I, createElementVNode as je, createCommentVNode as J, renderSlot as Vn, h as g, mergeModels as G, useModel as ve, mergeProps as Kt, watch as Te, watchEffect as Dn, reactive as Ln } from "vue";
-import { useI18n as Pe } from "vue-i18n";
-import { useViewStack as qt, useColor as ot, eventBus as be } from "x-essential-lib";
-import { getPropDefault as D, parsePixelStr as xn, parsePercentStr as jn } from "x-runtime-lib";
-var It = typeof global == "object" && global && global.Object === Object && global, En = typeof self == "object" && self && self.Object === Object && self, k = It || En || Function("return this")(), te = k.Symbol, kt = Object.prototype, Nn = kt.hasOwnProperty, Fn = kt.toString, _e = te ? te.toStringTag : void 0;
-function Rn(e) {
-  var t = Nn.call(e, _e), n = e[_e];
+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[_e] = void 0;
+    e[Ae] = void 0;
     var r = !0;
   } catch {
   }
-  var i = Fn.call(e);
-  return r && (t ? e[_e] = n : delete e[_e]), i;
+  var l = Qn.call(e);
+  return r && (t ? e[Ae] = n : delete e[Ae]), l;
 }
-var Bn = Object.prototype, Hn = Bn.toString;
-function Gn(e) {
-  return Hn.call(e);
+var tr = Object.prototype, nr = tr.toString;
+function rr(e) {
+  return nr.call(e);
 }
-var zn = "[object Null]", Kn = "[object Undefined]", vt = te ? te.toStringTag : void 0;
-function Oe(e) {
-  return e == null ? e === void 0 ? Kn : zn : vt && vt in Object(e) ? Rn(e) : Gn(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 ie(e) {
+function fe(e) {
   return e != null && typeof e == "object";
 }
-var Ae = Array.isArray;
-function Ce(e) {
+var Oe = Array.isArray;
+function De(e) {
   var t = typeof e;
   return e != null && (t == "object" || t == "function");
 }
-var qn = "[object AsyncFunction]", In = "[object Function]", kn = "[object GeneratorFunction]", Xn = "[object Proxy]";
-function Xt(e) {
-  if (!Ce(e))
+var ir = "[object AsyncFunction]", sr = "[object Function]", ar = "[object GeneratorFunction]", ur = "[object Proxy]";
+function Yt(e) {
+  if (!De(e))
     return !1;
-  var t = Oe(e);
-  return t == In || t == kn || t == qn || t == Xn;
+  var t = Ue(e);
+  return t == sr || t == ar || t == ir || t == ur;
 }
-var ke = k["__core-js_shared__"], gt = function() {
-  var e = /[^.]+$/.exec(ke && ke.keys && ke.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 Yn(e) {
-  return !!gt && gt in e;
+function cr(e) {
+  return !!bt && bt in e;
 }
-var Zn = Function.prototype, Wn = Zn.toString;
-function se(e) {
+var fr = Function.prototype, dr = fr.toString;
+function ve(e) {
   if (e != null) {
     try {
-      return Wn.call(e);
+      return dr.call(e);
     } catch {
     }
     try {
@@ -57,684 +59,719 @@ function se(e) {
   }
   return "";
 }
-var Jn = /[\\^$.*+?()[\]{}|]/g, Qn = /^\[object .+?Constructor\]$/, er = Function.prototype, tr = Object.prototype, nr = er.toString, rr = tr.hasOwnProperty, or = RegExp(
-  "^" + nr.call(rr).replace(Jn, "\\$&").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 ir(e) {
-  if (!Ce(e) || Yn(e))
+function br(e) {
+  if (!De(e) || cr(e))
     return !1;
-  var t = Xt(e) ? or : Qn;
-  return t.test(se(e));
+  var t = Yt(e) ? _r : vr;
+  return t.test(ve(e));
 }
-function lr(e, t) {
+function $r(e, t) {
   return e == null ? void 0 : e[t];
 }
-function ae(e, t) {
-  var n = lr(e, t);
-  return ir(n) ? n : void 0;
+function me(e, t) {
+  var n = $r(e, t);
+  return br(n) ? n : void 0;
 }
-var We = ae(k, "WeakMap"), yt = Object.create, sr = /* @__PURE__ */ function() {
+var rt = me(W, "WeakMap"), $t = Object.create, Tr = /* @__PURE__ */ function() {
   function e() {
   }
   return function(t) {
-    if (!Ce(t))
+    if (!De(t))
       return {};
-    if (yt)
-      return yt(t);
+    if ($t)
+      return $t(t);
     e.prototype = t;
     var n = new e();
     return e.prototype = void 0, n;
   };
 }();
-function ar(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 ht = function() {
+var Tt = function() {
   try {
-    var e = ae(Object, "defineProperty");
+    var e = me(Object, "defineProperty");
     return e({}, "", {}), e;
   } catch {
   }
 }();
-function ur(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 cr = 9007199254740991, fr = /^(?:0|[1-9]\d*)$/;
-function dr(e, t) {
+var wr = 9007199254740991, Cr = /^(?:0|[1-9]\d*)$/;
+function Pr(e, t) {
   var n = typeof e;
-  return t = t ?? cr, !!t && (n == "number" || n != "symbol" && fr.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 Yt(e, t, n) {
-  t == "__proto__" && ht ? ht(e, t, {
+function Jt(e, t, n) {
+  t == "__proto__" && Tt ? Tt(e, t, {
     configurable: !0,
     enumerable: !0,
     value: n,
     writable: !0
   }) : e[t] = n;
 }
-function it(e, t) {
+function ut(e, t) {
   return e === t || e !== e && t !== t;
 }
-var pr = Object.prototype, mr = pr.hasOwnProperty;
-function Zt(e, t, n) {
+var Or = Object.prototype, Lr = Or.hasOwnProperty;
+function Wt(e, t, n) {
   var r = e[t];
-  (!(mr.call(e, t) && it(r, n)) || n === void 0 && !(t in e)) && Yt(e, t, n);
+  (!(Lr.call(e, t) && ut(r, n)) || n === void 0 && !(t in e)) && Jt(e, t, n);
 }
-function Ge(e, t, n, r) {
-  var i = !n;
+function qe(e, t, n, r) {
+  var l = !n;
   n || (n = {});
-  for (var o = -1, l = t.length; ++o < l; ) {
-    var a = t[o], s = void 0;
-    s === void 0 && (s = e[a]), i ? Yt(n, a, s) : Zt(n, a, s);
+  for (var o = -1, i = t.length; ++o < i; ) {
+    var s = t[o], a = void 0;
+    a === void 0 && (a = e[s]), l ? Jt(n, s, a) : Wt(n, s, a);
   }
   return n;
 }
-var vr = 9007199254740991;
-function Wt(e) {
-  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= vr;
+var xr = 9007199254740991;
+function Qt(e) {
+  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= xr;
 }
-function Jt(e) {
-  return e != null && Wt(e.length) && !Xt(e);
+function en(e) {
+  return e != null && Qt(e.length) && !Yt(e);
 }
-var gr = Object.prototype;
-function lt(e) {
-  var t = e && e.constructor, n = typeof t == "function" && t.prototype || gr;
+var Mr = Object.prototype;
+function ct(e) {
+  var t = e && e.constructor, n = typeof t == "function" && t.prototype || Mr;
   return e === n;
 }
-function yr(e, t) {
+function Vr(e, t) {
   for (var n = -1, r = Array(e); ++n < e; )
     r[n] = t(n);
   return r;
 }
-var hr = "[object Arguments]";
-function _t(e) {
-  return ie(e) && Oe(e) == hr;
+var Ur = "[object Arguments]";
+function St(e) {
+  return fe(e) && Ue(e) == Ur;
 }
-var Qt = Object.prototype, _r = Qt.hasOwnProperty, br = Qt.propertyIsEnumerable, Tr = _t(/* @__PURE__ */ function() {
+var tn = Object.prototype, Dr = tn.hasOwnProperty, jr = tn.propertyIsEnumerable, Er = St(/* @__PURE__ */ function() {
   return arguments;
-}()) ? _t : function(e) {
-  return ie(e) && _r.call(e, "callee") && !br.call(e, "callee");
+}()) ? St : function(e) {
+  return fe(e) && Dr.call(e, "callee") && !jr.call(e, "callee");
 };
-function $r() {
+function Nr() {
   return !1;
 }
-var en = typeof exports == "object" && exports && !exports.nodeType && exports, bt = en && typeof module == "object" && module && !module.nodeType && module, Ar = bt && bt.exports === en, Tt = Ar ? k.Buffer : void 0, Sr = Tt ? Tt.isBuffer : void 0, Ee = Sr || $r, wr = "[object Arguments]", Pr = "[object Array]", Or = "[object Boolean]", Cr = "[object Date]", Ur = "[object Error]", Mr = "[object Function]", Vr = "[object Map]", Dr = "[object Number]", Lr = "[object Object]", xr = "[object RegExp]", jr = "[object Set]", Er = "[object String]", Nr = "[object WeakMap]", Fr = "[object ArrayBuffer]", Rr = "[object DataView]", Br = "[object Float32Array]", Hr = "[object Float64Array]", Gr = "[object Int8Array]", zr = "[object Int16Array]", Kr = "[object Int32Array]", qr = "[object Uint8Array]", Ir = "[object Uint8ClampedArray]", kr = "[object Uint16Array]", Xr = "[object Uint32Array]", P = {};
-P[Br] = P[Hr] = P[Gr] = P[zr] = P[Kr] = P[qr] = P[Ir] = P[kr] = P[Xr] = !0;
-P[wr] = P[Pr] = P[Fr] = P[Or] = P[Rr] = P[Cr] = P[Ur] = P[Mr] = P[Vr] = P[Dr] = P[Lr] = P[xr] = P[jr] = P[Er] = P[Nr] = !1;
-function Yr(e) {
-  return ie(e) && Wt(e.length) && !!P[Oe(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 st(e) {
+function ft(e) {
   return function(t) {
     return e(t);
   };
 }
-var tn = typeof exports == "object" && exports && !exports.nodeType && exports, $e = tn && typeof module == "object" && module && !module.nodeType && module, Zr = $e && $e.exports === tn, Xe = Zr && It.process, pe = 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 = $e && $e.require && $e.require("util").types;
-    return e || Xe && Xe.binding && Xe.binding("util");
+    var e = Pe && Pe.require && Pe.require("util").types;
+    return e || Qe && Qe.binding && Qe.binding("util");
   } catch {
   }
-}(), $t = pe && pe.isTypedArray, nn = $t ? st($t) : Yr, Wr = Object.prototype, Jr = Wr.hasOwnProperty;
-function rn(e, t) {
-  var n = Ae(e), r = !n && Tr(e), i = !n && !r && Ee(e), o = !n && !r && !i && nn(e), l = n || r || i || o, a = l ? yr(e.length, String) : [], s = a.length;
+}(), Ct = $e && $e.isTypedArray, on = Ct ? ft(Ct) : co, po = Object.prototype, vo = po.hasOwnProperty;
+function ln(e, t) {
+  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 || Jr.call(e, u)) && !(l && // 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.
-    i && (u == "offset" || u == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+    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.
-    dr(u, s))) && a.push(u);
-  return a;
+    Pr(u, a))) && s.push(u);
+  return s;
 }
-function on(e, t) {
+function sn(e, t) {
   return function(n) {
     return e(t(n));
   };
 }
-var Qr = on(Object.keys, Object), eo = Object.prototype, to = eo.hasOwnProperty;
-function no(e) {
-  if (!lt(e))
-    return Qr(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))
-    to.call(e, n) && n != "constructor" && t.push(n);
+    yo.call(e, n) && n != "constructor" && t.push(n);
   return t;
 }
-function at(e) {
-  return Jt(e) ? rn(e) : no(e);
+function dt(e) {
+  return en(e) ? ln(e) : ho(e);
 }
-function ro(e) {
+function _o(e) {
   var t = [];
   if (e != null)
     for (var n in Object(e))
       t.push(n);
   return t;
 }
-var oo = Object.prototype, io = oo.hasOwnProperty;
-function lo(e) {
-  if (!Ce(e))
-    return ro(e);
-  var t = lt(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 || !io.call(e, r)) || n.push(r);
+    r == "constructor" && (t || !$o.call(e, r)) || n.push(r);
   return n;
 }
-function ut(e) {
-  return Jt(e) ? rn(e, !0) : lo(e);
+function pt(e) {
+  return en(e) ? ln(e, !0) : To(e);
 }
-var Se = ae(Object, "create");
-function so() {
-  this.__data__ = Se ? Se(null) : {}, this.size = 0;
+var Le = me(Object, "create");
+function So() {
+  this.__data__ = Le ? Le(null) : {}, this.size = 0;
 }
-function ao(e) {
+function Ao(e) {
   var t = this.has(e) && delete this.__data__[e];
   return this.size -= t ? 1 : 0, t;
 }
-var uo = "__lodash_hash_undefined__", co = Object.prototype, fo = co.hasOwnProperty;
-function po(e) {
+var wo = "__lodash_hash_undefined__", Co = Object.prototype, Po = Co.hasOwnProperty;
+function Oo(e) {
   var t = this.__data__;
-  if (Se) {
+  if (Le) {
     var n = t[e];
-    return n === uo ? void 0 : n;
+    return n === wo ? void 0 : n;
   }
-  return fo.call(t, e) ? t[e] : void 0;
+  return Po.call(t, e) ? t[e] : void 0;
 }
-var mo = Object.prototype, vo = mo.hasOwnProperty;
-function go(e) {
+var Lo = Object.prototype, xo = Lo.hasOwnProperty;
+function Mo(e) {
   var t = this.__data__;
-  return Se ? t[e] !== void 0 : vo.call(t, e);
+  return Le ? t[e] !== void 0 : xo.call(t, e);
 }
-var yo = "__lodash_hash_undefined__";
-function ho(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] = Se && t === void 0 ? yo : t, this;
+  return this.size += this.has(e) ? 0 : 1, n[e] = Le && t === void 0 ? Vo : t, this;
 }
-function le(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]);
   }
 }
-le.prototype.clear = so;
-le.prototype.delete = ao;
-le.prototype.get = po;
-le.prototype.has = go;
-le.prototype.set = ho;
-function _o() {
+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 ze(e, t) {
+function Ie(e, t) {
   for (var n = e.length; n--; )
-    if (it(e[n][0], t))
+    if (ut(e[n][0], t))
       return n;
   return -1;
 }
-var bo = Array.prototype, To = bo.splice;
-function $o(e) {
-  var t = this.__data__, n = ze(t, 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() : To.call(t, n, 1), --this.size, !0;
+  return n == r ? t.pop() : Eo.call(t, n, 1), --this.size, !0;
 }
-function Ao(e) {
-  var t = this.__data__, n = ze(t, e);
+function Bo(e) {
+  var t = this.__data__, n = Ie(t, e);
   return n < 0 ? void 0 : t[n][1];
 }
-function So(e) {
-  return ze(this.__data__, e) > -1;
+function Ro(e) {
+  return Ie(this.__data__, e) > -1;
 }
-function wo(e, t) {
-  var n = this.__data__, r = ze(n, e);
+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 ee(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]);
   }
 }
-ee.prototype.clear = _o;
-ee.prototype.delete = $o;
-ee.prototype.get = Ao;
-ee.prototype.has = So;
-ee.prototype.set = wo;
-var we = ae(k, "Map");
-function Po() {
+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 le(),
-    map: new (we || ee)(),
-    string: new le()
+    hash: new de(),
+    map: new (xe || ie)(),
+    string: new de()
   };
 }
-function Oo(e) {
+function Ho(e) {
   var t = typeof e;
   return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
 }
-function Ke(e, t) {
+function Xe(e, t) {
   var n = e.__data__;
-  return Oo(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
+  return Ho(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
 }
-function Co(e) {
-  var t = Ke(this, e).delete(e);
+function Go(e) {
+  var t = Xe(this, e).delete(e);
   return this.size -= t ? 1 : 0, t;
 }
-function Uo(e) {
-  return Ke(this, e).get(e);
+function Ko(e) {
+  return Xe(this, e).get(e);
 }
-function Mo(e) {
-  return Ke(this, e).has(e);
+function zo(e) {
+  return Xe(this, e).has(e);
 }
-function Vo(e, t) {
-  var n = Ke(this, e), r = n.size;
+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 ue(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]);
   }
 }
-ue.prototype.clear = Po;
-ue.prototype.delete = Co;
-ue.prototype.get = Uo;
-ue.prototype.has = Mo;
-ue.prototype.set = Vo;
-function ln(e, t) {
-  for (var n = -1, r = t.length, i = e.length; ++n < r; )
-    e[i + n] = t[n];
+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 sn = on(Object.getPrototypeOf, Object);
-function Do() {
-  this.__data__ = new ee(), this.size = 0;
+var un = sn(Object.getPrototypeOf, Object);
+function Io() {
+  this.__data__ = new ie(), this.size = 0;
 }
-function Lo(e) {
+function Xo(e) {
   var t = this.__data__, n = t.delete(e);
   return this.size = t.size, n;
 }
-function xo(e) {
+function Zo(e) {
   return this.__data__.get(e);
 }
-function jo(e) {
+function Yo(e) {
   return this.__data__.has(e);
 }
-var Eo = 200;
-function No(e, t) {
+var Jo = 200;
+function Wo(e, t) {
   var n = this.__data__;
-  if (n instanceof ee) {
+  if (n instanceof ie) {
     var r = n.__data__;
-    if (!we || r.length < Eo - 1)
+    if (!xe || r.length < Jo - 1)
       return r.push([e, t]), this.size = ++n.size, this;
-    n = this.__data__ = new ue(r);
+    n = this.__data__ = new ge(r);
   }
   return n.set(e, t), this.size = n.size, this;
 }
-function Z(e) {
-  var t = this.__data__ = new ee(e);
+function ne(e) {
+  var t = this.__data__ = new ie(e);
   this.size = t.size;
 }
-Z.prototype.clear = Do;
-Z.prototype.delete = Lo;
-Z.prototype.get = xo;
-Z.prototype.has = jo;
-Z.prototype.set = No;
-function Fo(e, t) {
-  return e && Ge(t, at(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 Ro(e, t) {
-  return e && Ge(t, ut(t), e);
+function el(e, t) {
+  return e && qe(t, pt(t), e);
 }
-var an = typeof exports == "object" && exports && !exports.nodeType && exports, At = an && typeof module == "object" && module && !module.nodeType && module, Bo = At && At.exports === an, St = Bo ? k.Buffer : void 0, wt = St ? St.allocUnsafe : void 0;
-function Ho(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 = wt ? wt(n) : new e.constructor(n);
+  var n = e.length, r = Lt ? Lt(n) : new e.constructor(n);
   return e.copy(r), r;
 }
-function Go(e, t) {
-  for (var n = -1, r = e == null ? 0 : e.length, i = 0, o = []; ++n < r; ) {
-    var l = e[n];
-    t(l, n, e) && (o[i++] = l);
+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);
   }
   return o;
 }
-function un() {
+function fn() {
   return [];
 }
-var zo = Object.prototype, Ko = zo.propertyIsEnumerable, Pt = Object.getOwnPropertySymbols, ct = Pt ? function(e) {
-  return e == null ? [] : (e = Object(e), Go(Pt(e), function(t) {
-    return Ko.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);
   }));
-} : un;
-function qo(e, t) {
-  return Ge(e, ct(e), t);
+} : fn;
+function il(e, t) {
+  return qe(e, vt(e), t);
 }
-var Io = Object.getOwnPropertySymbols, cn = Io ? function(e) {
+var sl = Object.getOwnPropertySymbols, dn = sl ? function(e) {
   for (var t = []; e; )
-    ln(t, ct(e)), e = sn(e);
+    an(t, vt(e)), e = un(e);
   return t;
-} : un;
-function ko(e, t) {
-  return Ge(e, cn(e), t);
+} : fn;
+function al(e, t) {
+  return qe(e, dn(e), t);
 }
-function fn(e, t, n) {
+function pn(e, t, n) {
   var r = t(e);
-  return Ae(e) ? r : ln(r, n(e));
+  return Oe(e) ? r : an(r, n(e));
 }
-function Je(e) {
-  return fn(e, at, ct);
+function ot(e) {
+  return pn(e, dt, vt);
 }
-function Xo(e) {
-  return fn(e, ut, cn);
+function ul(e) {
+  return pn(e, pt, dn);
 }
-var Qe = ae(k, "DataView"), et = ae(k, "Promise"), tt = ae(k, "Set"), Ot = "[object Map]", Yo = "[object Object]", Ct = "[object Promise]", Ut = "[object Set]", Mt = "[object WeakMap]", Vt = "[object DataView]", Zo = se(Qe), Wo = se(we), Jo = se(et), Qo = se(tt), ei = se(We), z = Oe;
-(Qe && z(new Qe(new ArrayBuffer(1))) != Vt || we && z(new we()) != Ot || et && z(et.resolve()) != Ct || tt && z(new tt()) != Ut || We && z(new We()) != Mt) && (z = function(e) {
-  var t = Oe(e), n = t == Yo ? e.constructor : void 0, r = n ? se(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 Zo:
+      case fl:
+        return jt;
+      case dl:
+        return Mt;
+      case pl:
         return Vt;
-      case Wo:
-        return Ot;
-      case Jo:
-        return Ct;
-      case Qo:
+      case vl:
         return Ut;
-      case ei:
-        return Mt;
+      case ml:
+        return Dt;
     }
   return t;
 });
-var ti = Object.prototype, ni = ti.hasOwnProperty;
-function ri(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" && ni.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 Ne = k.Uint8Array;
-function ft(e) {
+var Ke = W.Uint8Array;
+function mt(e) {
   var t = new e.constructor(e.byteLength);
-  return new Ne(t).set(new Ne(e)), t;
+  return new Ke(t).set(new Ke(e)), t;
 }
-function oi(e, t) {
-  var n = t ? ft(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 ii = /\w*$/;
-function li(e) {
-  var t = new e.constructor(e.source, ii.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 = te ? te.prototype : void 0, Lt = Dt ? Dt.valueOf : void 0;
-function si(e) {
-  return Lt ? Object(Lt.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 ai(e, t) {
-  var n = t ? ft(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 ui = "[object Boolean]", ci = "[object Date]", fi = "[object Map]", di = "[object Number]", pi = "[object RegExp]", mi = "[object Set]", vi = "[object String]", gi = "[object Symbol]", yi = "[object ArrayBuffer]", hi = "[object DataView]", _i = "[object Float32Array]", bi = "[object Float64Array]", Ti = "[object Int8Array]", $i = "[object Int16Array]", Ai = "[object Int32Array]", Si = "[object Uint8Array]", wi = "[object Uint8ClampedArray]", Pi = "[object Uint16Array]", Oi = "[object Uint32Array]";
-function Ci(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 yi:
-      return ft(e);
-    case ui:
-    case ci:
+    case Vl:
+      return mt(e);
+    case Al:
+    case wl:
       return new r(+e);
-    case hi:
-      return oi(e, n);
-    case _i:
-    case bi:
-    case Ti:
-    case $i:
-    case Ai:
-    case Si:
-    case wi:
-    case Pi:
-    case Oi:
-      return ai(e, n);
-    case fi:
+    case Ul:
+      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 di:
-    case vi:
+    case Pl:
+    case xl:
       return new r(e);
-    case pi:
-      return li(e);
-    case mi:
+    case Ol:
+      return $l(e);
+    case Ll:
       return new r();
-    case gi:
-      return si(e);
+    case Ml:
+      return Tl(e);
   }
 }
-function Ui(e) {
-  return typeof e.constructor == "function" && !lt(e) ? sr(sn(e)) : {};
-}
-var Mi = "[object Map]";
-function Vi(e) {
-  return ie(e) && z(e) == Mi;
-}
-var xt = pe && pe.isMap, Di = xt ? st(xt) : Vi, Li = "[object Set]";
-function xi(e) {
-  return ie(e) && z(e) == Li;
-}
-var jt = pe && pe.isSet, ji = jt ? st(jt) : xi, Ei = 1, Ni = 2, Fi = 4, dn = "[object Arguments]", Ri = "[object Array]", Bi = "[object Boolean]", Hi = "[object Date]", Gi = "[object Error]", pn = "[object Function]", zi = "[object GeneratorFunction]", Ki = "[object Map]", qi = "[object Number]", mn = "[object Object]", Ii = "[object RegExp]", ki = "[object Set]", Xi = "[object String]", Yi = "[object Symbol]", Zi = "[object WeakMap]", Wi = "[object ArrayBuffer]", Ji = "[object DataView]", Qi = "[object Float32Array]", el = "[object Float64Array]", tl = "[object Int8Array]", nl = "[object Int16Array]", rl = "[object Int32Array]", ol = "[object Uint8Array]", il = "[object Uint8ClampedArray]", ll = "[object Uint16Array]", sl = "[object Uint32Array]", S = {};
-S[dn] = S[Ri] = S[Wi] = S[Ji] = S[Bi] = S[Hi] = S[Qi] = S[el] = S[tl] = S[nl] = S[rl] = S[Ki] = S[qi] = S[mn] = S[Ii] = S[ki] = S[Xi] = S[Yi] = S[ol] = S[il] = S[ll] = S[sl] = !0;
-S[Gi] = S[pn] = S[Zi] = !1;
-function xe(e, t, n, r, i, o) {
-  var l, a = t & Ei, s = t & Ni, u = t & Fi;
-  if (l !== void 0)
-    return l;
-  if (!Ce(e))
+function Kl(e) {
+  return typeof e.constructor == "function" && !ct(e) ? Tr(un(e)) : {};
+}
+var zl = "[object Map]";
+function ql(e) {
+  return fe(e) && Z(e) == zl;
+}
+var Bt = $e && $e.isMap, Il = Bt ? ft(Bt) : ql, Xl = "[object Set]";
+function Zl(e) {
+  return fe(e) && Z(e) == Xl;
+}
+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 (!De(e))
     return e;
-  var f = Ae(e);
+  var f = Oe(e);
   if (f) {
-    if (l = ri(e), !a)
-      return ar(e, l);
+    if (i = hl(e), !s)
+      return Sr(e, i);
   } else {
-    var d = z(e), h = d == pn || d == zi;
-    if (Ee(e))
-      return Ho(e, a);
-    if (d == mn || d == dn || h && !i) {
-      if (l = s || h ? {} : Ui(e), !a)
-        return s ? ko(e, Ro(l, e)) : qo(e, Fo(l, 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 (!S[d])
-        return i ? e : {};
-      l = Ci(e, d, a);
+      if (!x[d])
+        return l ? e : {};
+      i = Gl(e, d, s);
     }
   }
-  o || (o = new Z());
+  o || (o = new ne());
   var T = o.get(e);
   if (T)
     return T;
-  o.set(e, l), ji(e) ? e.forEach(function(y) {
-    l.add(xe(y, t, n, y, e, o));
-  }) : Di(e) && e.forEach(function(y, $) {
-    l.set($, xe(y, t, n, $, 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 A = u ? s ? Xo : Je : s ? ut : at, w = f ? void 0 : A(e);
-  return ur(w || e, function(y, $) {
-    w && ($ = y, y = e[$]), Zt(l, $, xe(y, t, n, $, e, o));
-  }), l;
+  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 al = 1, ul = 4;
-function vn(e) {
-  return xe(e, al | ul);
+var Si = 1, Ai = 4;
+function yn(e) {
+  return ke(e, Si | Ai);
 }
-var cl = "__lodash_hash_undefined__";
-function fl(e) {
-  return this.__data__.set(e, cl), this;
+var wi = "__lodash_hash_undefined__";
+function Ci(e) {
+  return this.__data__.set(e, wi), this;
 }
-function dl(e) {
+function Pi(e) {
   return this.__data__.has(e);
 }
-function Fe(e) {
+function ze(e) {
   var t = -1, n = e == null ? 0 : e.length;
-  for (this.__data__ = new ue(); ++t < n; )
+  for (this.__data__ = new ge(); ++t < n; )
     this.add(e[t]);
 }
-Fe.prototype.add = Fe.prototype.push = fl;
-Fe.prototype.has = dl;
-function pl(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 ml(e, t) {
+function Li(e, t) {
   return e.has(t);
 }
-var vl = 1, gl = 2;
-function gn(e, t, n, r, i, o) {
-  var l = n & vl, a = e.length, s = t.length;
-  if (a != s && !(l && s > a))
+var xi = 1, Mi = 2;
+function hn(e, t, n, r, l, o) {
+  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, h = !0, T = n & gl ? new Fe() : void 0;
-  for (o.set(e, t), o.set(t, e); ++d < a; ) {
-    var A = e[d], w = t[d];
+  var d = -1, h = !0, T = n & Mi ? new ze() : void 0;
+  for (o.set(e, t), o.set(t, e); ++d < s; ) {
+    var C = e[d], _ = t[d];
     if (r)
-      var y = l ? r(w, A, d, t, e, o) : r(A, w, d, e, t, o);
-    if (y !== void 0) {
-      if (y)
+      var p = i ? r(_, C, d, t, e, o) : r(C, _, d, e, t, o);
+    if (p !== void 0) {
+      if (p)
         continue;
       h = !1;
       break;
     }
     if (T) {
-      if (!pl(t, function($, R) {
-        if (!ml(T, R) && (A === $ || i(A, $, n, r, o)))
-          return T.push(R);
+      if (!Oi(t, function(w, E) {
+        if (!Li(T, E) && (C === w || l(C, w, n, r, o)))
+          return T.push(E);
       })) {
         h = !1;
         break;
       }
-    } else if (!(A === w || i(A, w, n, r, o))) {
+    } else if (!(C === _ || l(C, _, n, r, o))) {
       h = !1;
       break;
     }
   }
   return o.delete(e), o.delete(t), h;
 }
-function yl(e) {
+function Vi(e) {
   var t = -1, n = Array(e.size);
-  return e.forEach(function(r, i) {
-    n[++t] = [i, r];
+  return e.forEach(function(r, l) {
+    n[++t] = [l, r];
   }), n;
 }
-function hl(e) {
+function Ui(e) {
   var t = -1, n = Array(e.size);
   return e.forEach(function(r) {
     n[++t] = r;
   }), n;
 }
-var _l = 1, bl = 2, Tl = "[object Boolean]", $l = "[object Date]", Al = "[object Error]", Sl = "[object Map]", wl = "[object Number]", Pl = "[object RegExp]", Ol = "[object Set]", Cl = "[object String]", Ul = "[object Symbol]", Ml = "[object ArrayBuffer]", Vl = "[object DataView]", Et = te ? te.prototype : void 0, Ye = Et ? Et.valueOf : void 0;
-function Dl(e, t, n, r, i, o, l) {
+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 Vl:
+    case qi:
       if (e.byteLength != t.byteLength || e.byteOffset != t.byteOffset)
         return !1;
       e = e.buffer, t = t.buffer;
-    case Ml:
-      return !(e.byteLength != t.byteLength || !o(new Ne(e), new Ne(t)));
-    case Tl:
-    case $l:
-    case wl:
-      return it(+e, +t);
-    case Al:
+    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 Pl:
-    case Cl:
+    case ki:
+    case Gi:
       return e == t + "";
-    case Sl:
-      var a = yl;
-    case Ol:
-      var s = r & _l;
-      if (a || (a = hl), e.size != t.size && !s)
+    case Ri:
+      var s = Vi;
+    case Hi:
+      var a = r & Di;
+      if (s || (s = Ui), e.size != t.size && !a)
         return !1;
-      var u = l.get(e);
+      var u = i.get(e);
       if (u)
         return u == t;
-      r |= bl, l.set(e, t);
-      var f = gn(a(e), a(t), r, i, o, l);
-      return l.delete(e), f;
-    case Ul:
-      if (Ye)
-        return Ye.call(e) == Ye.call(t);
+      r |= ji, i.set(e, t);
+      var f = hn(s(e), s(t), r, l, o, i);
+      return i.delete(e), f;
+    case Ki:
+      if (et)
+        return et.call(e) == et.call(t);
   }
   return !1;
 }
-var Ll = 1, xl = Object.prototype, jl = xl.hasOwnProperty;
-function El(e, t, n, r, i, o) {
-  var l = n & Ll, a = Je(e), s = a.length, u = Je(t), f = u.length;
-  if (s != f && !l)
+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 = s; d--; ) {
-    var h = a[d];
-    if (!(l ? h in t : jl.call(t, h)))
+  for (var d = a; d--; ) {
+    var h = s[d];
+    if (!(i ? h in t : Yi.call(t, h)))
       return !1;
   }
-  var T = o.get(e), A = o.get(t);
-  if (T && A)
-    return T == t && A == e;
-  var w = !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 y = l; ++d < s; ) {
-    h = a[d];
-    var $ = e[h], R = t[h];
+  for (var p = i; ++d < a; ) {
+    h = s[d];
+    var w = e[h], E = t[h];
     if (r)
-      var j = l ? r(R, $, h, t, e, o) : r($, R, h, e, t, o);
-    if (!(j === void 0 ? $ === R || i($, R, n, r, o) : j)) {
-      w = !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;
     }
-    y || (y = h == "constructor");
+    p || (p = h == "constructor");
   }
-  if (w && !y) {
-    var L = e.constructor, V = t.constructor;
-    L != V && "constructor" in e && "constructor" in t && !(typeof L == "function" && L instanceof L && typeof V == "function" && V instanceof V) && (w = !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), w;
-}
-var Nl = 1, Nt = "[object Arguments]", Ft = "[object Array]", Ve = "[object Object]", Fl = Object.prototype, Rt = Fl.hasOwnProperty;
-function Rl(e, t, n, r, i, o) {
-  var l = Ae(e), a = Ae(t), s = l ? Ft : z(e), u = a ? Ft : z(t);
-  s = s == Nt ? Ve : s, u = u == Nt ? Ve : u;
-  var f = s == Ve, d = u == Ve, h = s == u;
-  if (h && Ee(e)) {
-    if (!Ee(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;
-    l = !0, f = !1;
+    i = !0, f = !1;
   }
   if (h && !f)
-    return o || (o = new Z()), l || nn(e) ? gn(e, t, n, r, i, o) : Dl(e, t, s, n, r, i, o);
-  if (!(n & Nl)) {
-    var T = f && Rt.call(e, "__wrapped__"), A = d && Rt.call(t, "__wrapped__");
-    if (T || A) {
-      var w = T ? e.value() : e, y = A ? t.value() : t;
-      return o || (o = new Z()), i(w, y, n, r, o);
+    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 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 || !fe(e) && !fe(t) ? e !== e && t !== t : es(e, t, n, r, _n, l);
+}
+function Ze(e, t) {
+  return _n(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;
     }
   }
-  return h ? (o || (o = new Z()), El(e, t, n, r, i, o)) : !1;
-}
-function yn(e, t, n, r, i) {
-  return e === t ? !0 : e == null || t == null || !ie(e) && !ie(t) ? e !== e && t !== t : Rl(e, t, n, r, yn, i);
-}
-function qe(e, t) {
-  return yn(e, t);
 }
-const Bl = (e, t) => {
+const Re = (e, t) => {
   let n = { key: "", name: "", children: e };
   return t.forEach((r) => {
     if (typeof r != "number") {
@@ -746,10 +783,10 @@ const Bl = (e, t) => {
         console.assert(!1, `unpkgProp prop ui must be invalid keys=${t}`);
         return;
       }
-      n = n.children.find((i) => i.key === r);
+      n = n.children.find((l) => l.key === r);
     }
   }), n;
-}, De = (e, t) => {
+}, we = (e, t) => {
   let n = e;
   return t.forEach((r) => {
     if (!n) {
@@ -758,238 +795,279 @@ const Bl = (e, t) => {
     }
     n = n[r];
   }), n;
-}, Bt = (e) => !(e instanceof Array), Ze = (e) => e instanceof Array, dt = (e) => !(e instanceof Array), pt = (e) => e instanceof Array, Hl = [
+}, 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;
+    if (r.ui || l.ui)
+      return !0;
+    if (r.children.length !== l.children.length)
+      return !1;
+    for (let o = 0; o < r.children.length; o++)
+      if (!n(r.children[o], l.children[o]))
+        return !1;
+    return !0;
+  };
+  return n(e, t);
+}, gt = (e) => !(e instanceof Array), yt = (e) => e instanceof Array, os = [
   ["basic", "id"],
   ["basic", "name"]
-], Gl = (e) => Hl.find((t) => qe(e, t)), Ie = (e, t, n, r, i, o, l) => (e = vn(e), o !== void 0 ? (e.push(o), l && e.push(t.key)) : e.push(t.key), Gl(e) ? (r.change = !1, r.change) : t.ui ? t.array && o === void 0 ? ql(
+], 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,
   r,
-  i,
+  l,
   o,
-  l
-) : Il(t, n, r, o, l) : t.array ? zl(
+  i
+) : us(t, n, r, o, i) : t.array ? is(
   e,
   t,
   n,
   r,
-  i,
+  l,
   o,
-  l
-) : Kl(
+  i
+) : ss(
   e,
   t,
   n,
   r,
-  i,
+  l,
   o,
-  l
-)), zl = (e, t, n, r, i, o, l) => {
+  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 (!pt(r.children))
+  if (!yt(r.children))
     return console.assert(!1, "execPropBranchArray state children must be array"), !1;
-  let a;
-  o !== void 0 && !l ? (n[o] instanceof Array || (n[o] = D(t), i == null || i(e, n[o])), a = n[o]) : (n[t.key] instanceof Array || (n[t.key] = D(t), i == null || i(e, n[t.key])), a = n[t.key]), r.change = !1;
-  for (let s = 0; s < a.length; s++) {
+  let s;
+  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,
       children: {}
     });
-    const u = r.children[s];
+    const u = r.children[a];
     t.children.forEach((f) => {
-      if (!dt(u.children)) {
+      if (!gt(u.children)) {
         console.assert(!1);
         return;
       }
       u.children[f.key] = {
         change: !1,
         children: f.array ? [] : {}
-      }, Ie(
+      }, Ye(
         e,
         f,
-        a[s],
+        s[a],
         u.children[f.key],
-        i,
-        s,
+        l,
+        a,
         !0
       ) && (u.change = !0), u.change && (r.change = !0);
     });
   }
-  return r.change || (r.change = !qe(a, D(t))), r.change;
-}, Kl = (e, t, n, r, i, o, l) => {
+  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 (!dt(r.children))
+  if (!gt(r.children))
     return console.assert(!1, "execPropBranchScalar state children must be map"), !1;
-  let a;
-  o !== void 0 && !l ? (n[o] || (n[o] = {}), a = n[o]) : (n[t.key] || (n[t.key] = {}), a = n[t.key]), r.change = !1;
-  for (let s = 0; s < t.children.length; s++) {
-    const u = t.children[s];
+  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;
+  for (let a = 0; a < t.children.length; a++) {
+    const u = t.children[a];
     r.children[u.key] = {
       change: !1,
       children: u.array ? [] : {}
-    }, Ie(e, u, a, r.children[u.key], i) && (r.change = !0);
+    }, Ye(e, u, s, r.children[u.key], l) && (r.change = !0);
   }
   return r.change;
-}, ql = (e, t, n, r, i, o, l) => {
+}, 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 (!pt(r.children))
+  if (!yt(r.children))
     return console.assert(!1, "execPropLeafArray state children must be array"), !1;
-  let a;
-  o !== void 0 && !l ? (n[o] instanceof Array || (n[o] = D(t), i == null || i(e, n[o])), a = n[o]) : (n[t.key] instanceof Array || (n[t.key] = D(t), i == null || i(e, n[t.key])), a = n[t.key]), r.change = !1;
-  for (let s = 0; s < a.length; s++)
-    r.children[s] = {
+  let s;
+  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: {}
-    }, Ie(e, t, a, r.children[s], i, s, !1) && (r.change = !0);
-  return r.change || (r.change = !qe(a, D(t))), r.change;
-}, Il = (e, t, n, r, i) => {
+    }, 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 && !i ? o = t[r] : o = t[e.key], n.change = !qe(o, D(e, !0)), n.change;
-}, Ht = (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;
   }
-  const i = {};
+  const l = {};
   t.forEach((o) => {
-    i[o.key] = {
+    l[o.key] = {
       change: !1,
       children: o.array ? [] : {}
-    }, Ie([], o, n, i[o.key], r);
-  }), e.value = i;
-}, de = (e, t) => {
+    }, Ye([], o, n, l[o.key], r);
+  }), e.value = l;
+}, 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" ? dt(n.children) && (n = n.children[r]) : pt(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;
-}, hn = Symbol(), _n = Symbol(), bn = Symbol(), Tn = Symbol();
-function kl(e) {
-  Re(hn, e);
+}, $n = Symbol(), Tn = Symbol(), Sn = Symbol(), An = Symbol(), wn = Symbol();
+function cs(e) {
+  Me($n, e);
+}
+function fs() {
+  return Ve($n);
+}
+function ds(e) {
+  Me(Tn, e);
 }
-function Xl() {
-  return Be(hn);
+function ps() {
+  return Ve(Tn);
 }
-function Yl(e) {
-  Re(_n, e);
+function vs(e) {
+  Me(Sn, e);
 }
-function Zl() {
-  return Be(_n);
+function ms() {
+  return Ve(Sn);
 }
-function Wl(e) {
-  Re(bn, e);
+function gs(e) {
+  Me(An, e);
 }
-function Jl() {
-  return Be(bn);
+function ys() {
+  return Ve(An);
 }
-function Ql(e) {
-  Re(Tn, e);
+function hs(e) {
+  Me(wn, e);
 }
-function es() {
-  return Be(Tn);
+function Cn() {
+  return Ve(wn);
 }
-const ts = /* @__PURE__ */ K({
+const _s = /* @__PURE__ */ K({
   __name: "menu",
   setup(e) {
-    const { t } = Pe(), n = Xl(), r = Zl(), i = Jl(), o = es(), l = N(0), a = N(0), s = N([]), u = W(() => [l.value, a.value]), f = (y) => {
-      const $ = () => !(s.value.length <= 0 || !de(i.value, s.value)), R = () => {
-        if (!$())
+    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 j = Bl(n.value, s.value);
-        if (j)
-          if (j.ui) {
-            const L = De(r.value, s.value.slice(0, -1));
-            if (!L)
+        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;
-            L[s.value.at(-1)] = D(j), o(s.value, L[s.value.at(-1)]);
-          } else if (j.array) {
-            const L = s.value.at(-1);
-            if (L === 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 L == "string") {
-              const V = De(r.value, s.value.slice(0, -1));
-              if (!V)
+            if (typeof P == "string") {
+              const $ = we(r.value, a.value.slice(0, -1));
+              if (!$)
                 return;
-              V[s.value.at(-1)] = D(j), o(s.value, V[s.value.at(-1)]);
+              $[a.value.at(-1)] = N(L), o(a.value, $[a.value.at(-1)]);
             } else {
-              const V = De(r.value, s.value);
-              if (!V)
+              const $ = we(r.value, a.value);
+              if (!$)
                 return;
-              j.children.forEach((q) => {
-                V[q.key] = D(j), o([...s.value, q.key], V[q.key]);
+              L.children.forEach((J) => {
+                $[J.key] = N(L), o([...a.value, J.key], $[J.key]);
               });
             }
           } else {
-            const L = De(r.value, s.value);
-            if (!L)
+            const P = we(r.value, a.value);
+            if (!P)
               return;
-            j.children.forEach((V) => {
-              L[V.key] = D(j), o([...s.value, V.key], L[V.key]);
+            L.children.forEach(($) => {
+              P[$.key] = N(L), o([...a.value, $.key], P[$.key]);
             });
           }
       };
-      $() && y.push({
+      w() && p.push({
         title: t("x-prop-tree.reset"),
-        func: R
+        func: E
       });
-    }, d = (y) => {
-      const $ = () => {
-        console.log("copy");
+    }, 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 }));
       };
-      y.push({
+      p.push({
         title: t("x-prop-tree.copy"),
-        func: $
+        func: w
       });
-    }, h = (y) => {
-      const $ = () => {
-        console.log("paste");
+    }, h = (p) => {
+      const w = () => {
+        const L = localStorage.getItem("propTreeCopy");
+        if (!L)
+          return !1;
+        try {
+          const { prop: P } = JSON.parse(L), $ = Re(n.value, a.value);
+          return rs(P, $);
+        } catch (P) {
+          console.error(P);
+        }
+        return !1;
+      }, E = () => {
+        if (!w())
+          return;
+        const L = localStorage.getItem("propTreeCopy");
+        if (L)
+          try {
+            const { object: P } = JSON.parse(L), $ = Re(n.value, a.value);
+            console.log(P, $);
+          } catch (P) {
+            console.error(P);
+          }
       };
-      y.push({
+      w() && p.push({
         title: t("x-prop-tree.paste"),
-        func: $
+        func: E
       });
-    }, T = W(() => {
-      const y = [];
-      return f(y), d(y), h(y), y;
-    }), A = (y) => {
-      l.value = y.x, a.value = y.y, s.value = y.keys;
-    }, { open: w } = qt("propTreeMenu", A);
-    return (y, $) => {
-      const R = U("v-list-item-title"), j = U("v-list-item"), L = U("v-list"), V = U("v-menu");
-      return M(), B(V, {
-        modelValue: H(w),
-        "onUpdate:modelValue": $[0] || ($[0] = (q) => Gt(w) ? w.value = q : 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(L, null, {
+          B(P, null, {
             default: Y(() => [
-              (M(!0), Q(zt, null, Mn(T.value, (q, fe) => (M(), B(j, {
-                key: fe,
+              (A(!0), k(He, null, qt(T.value, (J, Je) => (A(), F(L, {
+                key: Je,
                 link: "",
-                onClick: q.func
+                onClick: J.func
               }, {
                 default: Y(() => [
-                  F(R, null, {
+                  B(E, null, {
                     default: Y(() => [
-                      nt(He(q.title), 1)
+                      at(re(J.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -1005,8 +1083,8 @@ const ts = /* @__PURE__ */ K({
     };
   }
 });
-var ns = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", rs = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", ce = "M19,13H5V11H19V13Z", os = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
-const Le = /* @__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: {},
@@ -1017,196 +1095,196 @@ const Le = /* @__PURE__ */ K({
   },
   emits: ["collapse", "menu", "create", "delete"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = ot(), i = t, o = N(!1), l = W(() => ({
+    const { backgroundColor2: n, highlightColor: r } = Te(), l = t, o = R(!1), i = G(() => ({
       background: o.value ? r.value : n.value,
       height: "36px",
       marginBottom: "1px",
       userSelect: "none"
-    })), a = () => {
-      i("collapse", !e.collapse);
-    }, s = (u) => {
-      i("menu", u.clientX, u.clientY);
+    })), s = () => {
+      l("collapse", !e.collapse);
+    }, a = (u) => {
+      l("menu", u.clientX, u.clientY);
     };
     return (u, f) => {
-      const d = U("v-icon"), h = U("v-spacer"), T = me("ripple");
-      return oe((M(), Q("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: rt(l.value),
-        onClick: a,
-        onContextmenu: I(s, ["prevent"]),
-        onMouseover: f[2] || (f[2] = (A) => o.value = !0),
-        onMouseout: f[3] || (f[3] = (A) => o.value = !1)
+        style: se(i.value),
+        onClick: s,
+        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 ? H(rs) : H(ns)
+          icon: u.collapse ? j(On) : j(Pn)
         }, null, 8, ["icon"]),
-        je("span", null, He(u.title), 1),
-        F(h),
-        u.hasCreate ? (M(), B(d, {
+        q("span", null, re(u.title), 1),
+        B(h),
+        u.hasCreate ? (A(), F(d, {
           key: 0,
           class: "mx-3",
-          icon: H(os),
-          onClick: f[0] || (f[0] = I((A) => i("create"), ["stop"]))
-        }, null, 8, ["icon"])) : J("", !0),
-        u.hasDelete ? (M(), B(d, {
+          icon: j($s),
+          onClick: f[0] || (f[0] = z((C) => l("create"), ["stop"]))
+        }, null, 8, ["icon"])) : I("", !0),
+        u.hasDelete ? (A(), F(d, {
           key: 1,
           class: "mx-3",
-          icon: H(ce),
-          onClick: f[1] || (f[1] = I((A) => i("delete", u.index), ["stop"]))
-        }, null, 8, ["icon"])) : J("", !0)
+          icon: j(ye),
+          onClick: f[1] || (f[1] = z((C) => l("delete", u.index), ["stop"]))
+        }, null, 8, ["icon"])) : I("", !0)
       ], 36)), [
         [T]
       ]);
     };
   }
-}), is = /* @__PURE__ */ K({
+}), Ts = /* @__PURE__ */ K({
   __name: "entry",
   props: {
     minHeight: {}
   },
   emits: ["menu"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = ot(), i = t, o = N(!1), l = W(() => ({
+    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",
       marginBottom: "1px",
       userSelect: "none"
-    })), a = (s) => {
-      i("menu", s.clientX, s.clientY);
+    })), s = (a) => {
+      l("menu", a.clientX, a.clientY);
     };
-    return (s, u) => {
-      const f = me("ripple");
-      return oe((M(), Q("div", {
+    return (a, u) => {
+      const f = ue("ripple");
+      return oe((A(), k("div", {
         class: "d-flex justify-space-between align-center cursor-pointer",
-        style: rt(l.value),
-        onContextmenu: I(a, ["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)
       }, [
-        Vn(s.$slots, "default")
+        Bn(a.$slots, "default")
       ], 36)), [
         [f]
       ]);
     };
   }
 });
-function ls(e, t, n) {
-  const { t: r } = Pe();
-  return { renderProp: (o, l, a) => {
-    let s = r(l.name);
-    return de(e.value, o) && (s += " *"), g(
-      is,
+function Ss(e, t, n) {
+  const { t: r } = pe();
+  return { renderProp: (o, i, s) => {
+    let a = r(i.name);
+    return be(e.value, o) && (a += " *"), y(
+      Ts,
       {
         minHeight: t.value,
         onMenu: (u, f) => {
-          be.emit("propTreeMenu", { x: u, y: f, keys: o });
+          te.emit("propTreeMenu", { x: u, y: f, keys: o });
         }
       },
       () => [
-        g("span", { class: "ml-1", innerHTML: s }),
-        g("div", { style: { width: n.value } }, a)
+        y("span", { class: "ml-1", innerHTML: a }),
+        y("div", { style: { width: n.value } }, s)
       ]
     );
   } };
 }
-function ss(e) {
-  return { renderUiDummy: (n, r, i, o, l) => {
+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 && !l) {
-      const a = D(r, !0);
-      typeof i[o] != typeof a && (i[o] = a, e(n, i[o]));
+    if (o !== void 0 && !i) {
+      const s = N(r, !0);
+      typeof l[o] != typeof s && (l[o] = s, e(n, l[o]));
     } else {
-      const a = D(r);
-      typeof i[r.key] != typeof a && (i[r.key] = a, e(n, i[r.key]));
+      const s = N(r);
+      typeof l[r.key] != typeof s && (l[r.key] = s, e(n, l[r.key]));
     }
   } };
 }
-const as = { class: "d-flex justify-space-between align-center" }, us = /* @__PURE__ */ K({
+const ws = { class: "d-flex justify-space-between align-center" }, Cs = /* @__PURE__ */ K({
   __name: "strInput",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = ve(e, "modelValue"), r = t;
-    return (i, o) => {
-      const l = U("v-text-field"), a = U("v-icon"), s = me("ripple");
-      return M(), Q("div", as, [
-        oe(F(l, {
+    const n = le(e, "modelValue"), r = t;
+    return (l, o) => {
+      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",
           "hide-details": "",
           "single-line": "",
-          readonly: i.readonly
+          readonly: l.readonly
         }, null, 8, ["modelValue", "readonly"]), [
           [
-            s,
+            a,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        i.hasDelete ? (M(), B(a, {
+        l.hasDelete ? (A(), F(s, {
           key: 0,
           class: "mx-2",
-          icon: H(ce),
-          onClick: o[1] || (o[1] = I((u) => r("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : J("", !0)
+          icon: j(ye),
+          onClick: o[1] || (o[1] = z((u) => r("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
   }
-}), ge = (e, t, n, r, i, o) => {
-  const l = D(t, !0);
-  return i !== void 0 && !o ? (typeof n[i] != typeof l && (n[i] = l, r(e, n[i])), n[i]) : (typeof n[t.key] != typeof l && (n[t.key] = l, r(e, n[t.key])), n[t.key]);
-}, ye = (e, t, n, r, i, o, l) => {
-  const a = D(t, !0);
-  if (typeof r != typeof a) {
+}), 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]);
+}, _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 && !l ? r !== n[o] && (n[o] = r, i(e, n[o])) : r !== n[t.key] && (n[t.key] = r, i(e, n[t.key]));
+  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 cs(e) {
-  return { renderUiStrInput: (n, r, i, o, l) => r.ui !== "strInput" ? (console.assert(!1), g("div", "renderUiStrInput prop ui must be strInput")) : g(us, {
-    modelValue: r.static ? r.value : ge(
+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,
-      i,
+      l,
       e,
       o,
-      l
+      i
     ),
-    "onUpdate:modelValue": (a) => {
-      r.static || ye(
+    "onUpdate:modelValue": (s) => {
+      r.static || _e(
         n,
         r,
-        i,
-        a,
+        l,
+        s,
         e,
         o,
-        l
+        i
       );
     },
-    hasDelete: o !== void 0 && !l,
+    hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || l || (i.splice(o, 1), e(n.slice(0, -1), i));
+      o === void 0 || i || (l.splice(o, 1), e(n.slice(0, -1), l));
     },
     readonly: r.static || r.readonly
   }) };
 }
-const fs = { class: "d-flex justify-space-between align-center" }, ds = /* @__PURE__ */ K({
+const Os = { class: "d-flex justify-space-between align-center" }, Ls = /* @__PURE__ */ K({
   __name: "numInput",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
     precision: { default: 4 },
     min: { default: () => -1 / 0 },
@@ -1217,135 +1295,135 @@ const fs = { class: "d-flex justify-space-between align-center" }, ds = /* @__PU
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = ve(e, "modelValue"), r = t;
-    return (i, o) => {
-      const l = U("v-number-input"), a = U("v-icon"), s = me("ripple");
-      return M(), Q("div", fs, [
-        oe(F(l, {
+    const n = le(e, "modelValue"), r = t;
+    return (l, o) => {
+      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",
           "control-variant": "stacked",
-          precision: i.precision,
-          min: i.min,
-          max: i.max,
-          step: i.step,
+          precision: l.precision,
+          min: l.min,
+          max: l.max,
+          step: l.step,
           "hide-details": "",
           "single-line": "",
-          readonly: i.readonly
+          readonly: l.readonly
         }, null, 8, ["modelValue", "precision", "min", "max", "step", "readonly"]), [
           [
-            s,
+            a,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        i.hasDelete ? (M(), B(a, {
+        l.hasDelete ? (A(), F(s, {
           key: 0,
           class: "mx-2",
-          icon: H(ce),
-          onClick: o[1] || (o[1] = I((u) => r("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : J("", !0)
+          icon: j(ye),
+          onClick: o[1] || (o[1] = z((u) => r("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
   }
 });
-function ps(e) {
-  return { renderUiNumInput: (n, r, i, o, l) => r.ui !== "numInput" ? (console.assert(!1), g("div", "renderUiNumInput prop ui must be numInput")) : g(ds, {
-    modelValue: ge(
+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,
-      i,
+      l,
       e,
       o,
-      l
+      i
     ),
-    "onUpdate:modelValue": (a) => {
-      ye(
+    "onUpdate:modelValue": (s) => {
+      _e(
         n,
         r,
-        i,
-        a,
+        l,
+        s,
         e,
         o,
-        l
+        i
       );
     },
-    hasDelete: o !== void 0 && !l,
+    hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || l || (i.splice(o, 1), e(n.slice(0, -1), i));
+      o === void 0 || i || (l.splice(o, 1), e(n.slice(0, -1), l));
     },
     readonly: r.readonly
   }) };
 }
-const ms = { class: "d-flex justify-space-between align-center" }, vs = /* @__PURE__ */ K({
+const Ms = { class: "d-flex justify-space-between align-center" }, Vs = /* @__PURE__ */ K({
   __name: "switch",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = ve(e, "modelValue"), r = t;
-    return (i, o) => {
-      const l = U("v-switch"), a = U("v-icon");
-      return M(), Q("div", ms, [
-        F(l, {
+    const n = le(e, "modelValue"), r = t;
+    return (l, o) => {
+      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] = (s) => n.value = s),
+          "onUpdate:modelValue": o[0] || (o[0] = (a) => n.value = a),
           class: "ml-1",
           density: "compact",
           color: "primary",
           "hide-details": "",
-          readonly: i.readonly
+          readonly: l.readonly
         }, null, 8, ["modelValue", "readonly"]),
-        i.hasDelete ? (M(), B(a, {
+        l.hasDelete ? (A(), F(s, {
           key: 0,
           class: "mx-2",
-          icon: H(ce),
-          onClick: o[1] || (o[1] = I((s) => r("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : J("", !0)
+          icon: j(ye),
+          onClick: o[1] || (o[1] = z((a) => r("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
   }
 });
-function gs(e) {
-  return { renderUiSwitch: (n, r, i, o, l) => r.ui !== "switch" ? (console.assert(!1), g("div", "renderUiSwitch prop ui must be switch")) : g(vs, {
-    modelValue: ge(
+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,
-      i,
+      l,
       e,
       o,
-      l
+      i
     ),
-    "onUpdate:modelValue": (a) => {
-      ye(
+    "onUpdate:modelValue": (s) => {
+      _e(
         n,
         r,
-        i,
-        a,
+        l,
+        s,
         e,
         o,
-        l
+        i
       );
     },
-    hasDelete: o !== void 0 && !l,
+    hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || l || (i.splice(o, 1), e(n.slice(0, 1), i));
+      o === void 0 || i || (l.splice(o, 1), e(n.slice(0, 1), l));
     },
     readonly: r.readonly
   }) };
 }
-const ys = { class: "d-flex justify-space-between align-center" }, hs = /* @__PURE__ */ K({
+const Ds = { class: "d-flex justify-space-between align-center" }, js = /* @__PURE__ */ K({
   __name: "select",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 },
     items: {}
@@ -1353,207 +1431,412 @@ const ys = { class: "d-flex justify-space-between align-center" }, hs = /* @__PU
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = ve(e, "modelValue"), r = t;
-    return (i, o) => {
-      const l = U("v-select"), a = U("v-icon"), s = me("ripple");
-      return M(), Q("div", ys, [
-        oe(F(l, {
+    const n = le(e, "modelValue"), r = t;
+    return (l, o) => {
+      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",
-          items: i.items,
+          items: l.items,
           "hide-details": "",
           "single-line": "",
-          readonly: i.readonly
+          readonly: l.readonly
         }, null, 8, ["modelValue", "items", "readonly"]), [
           [
-            s,
+            a,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        i.hasDelete ? (M(), B(a, {
+        l.hasDelete ? (A(), F(s, {
           key: 0,
           class: "mx-2",
-          icon: H(ce),
-          onClick: o[1] || (o[1] = I((u) => r("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : J("", !0)
+          icon: j(ye),
+          onClick: o[1] || (o[1] = z((u) => r("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
   }
 });
-function _s(e) {
-  const { t } = Pe();
-  return { renderUiSelect: (r, i, o, l, a) => i.ui !== "select" ? (console.assert(!1), g("div", "renderUiSelect prop ui must be select")) : g(hs, {
-    modelValue: ge(
+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,
-      i,
+      l,
       o,
       e,
-      l,
-      a
+      i,
+      s
     ),
-    "onUpdate:modelValue": (s) => {
-      ye(
+    "onUpdate:modelValue": (a) => {
+      _e(
         r,
-        i,
+        l,
         o,
-        s,
+        a,
         e,
-        l,
-        a
+        i,
+        s
       );
     },
-    hasDelete: l !== void 0 && !a,
+    hasDelete: i !== void 0 && !s,
     onDelete: () => {
-      l === void 0 || a || (o.splice(l, 1), e(r.slice(0, -1), o));
+      i === void 0 || s || (o.splice(i, 1), e(r.slice(0, -1), o));
     },
     items: (() => {
-      const s = [];
-      return i.items.forEach(({ title: u, value: f }) => {
-        s.push({
+      const a = [];
+      return l.items.forEach(({ title: u, value: f }) => {
+        a.push({
           title: t(u),
           value: f
         });
-      }), s;
+      }), a;
     })(),
-    readonly: i.readonly
+    readonly: l.readonly
   }) };
 }
-const bs = /* @__PURE__ */ K({
-  __name: "compSelect",
+const Ns = { class: "text-subtitle-2 ml-1" }, Bs = { class: "text-caption text-grey ml-1" }, Rs = /* @__PURE__ */ K({
+  __name: "group",
+  props: {
+    id: {},
+    title: {},
+    collapse: { type: Boolean },
+    count: {}
+  },
+  emits: ["x-click"],
+  setup(e, { emit: t }) {
+    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 = M("v-icon"), d = ue("ripple");
+      return oe((A(), k("div", {
+        class: "d-flex align-center cursor-pointer",
+        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)
+      }, [
+        B(f, {
+          icon: l.collapse ? j(On) : j(Pn),
+          size: "small"
+        }, null, 8, ["icon"]),
+        q("span", Ns, re(l.title), 1),
+        q("span", Bs, re(l.count), 1)
+      ], 36)), [
+        [d]
+      ]);
+    };
+  }
+}), Fs = { class: "text-subtitle-1 ml-6" }, ks = /* @__PURE__ */ K({
+  __name: "item",
+  props: {
+    id: {},
+    title: {}
+  },
+  emits: ["x-click"],
+  setup(e, { emit: t }) {
+    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 = ue("ripple");
+      return oe((A(), k("div", {
+        class: "d-flex align-center cursor-pointer",
+        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)
+      }, [
+        q("span", Fs, re(l.title), 1)
+      ], 36)), [
+        [f]
+      ]);
+    };
+  }
+}), Hs = { key: 0 }, Gs = {
+  key: 1,
+  class: "text-body-2 text-grey ml-3"
+}, Ks = /* @__PURE__ */ K({
+  __name: "index",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {},
+    open: { type: Boolean, required: !0 },
+    openModifiers: {}
+  },
+  emits: ["update:modelValue", "update:open"],
+  setup(e) {
+    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) => {
+      n.value = s, r.value = !1;
+    };
+    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 ? (A(), F(Rs, {
+          key: 0,
+          id: u.id,
+          title: u.name,
+          collapse: u.collapse,
+          count: u.count ?? 0,
+          onXClick: o
+        }, null, 8, ["id", "title", "collapse", "count"])) : I("", !0),
+        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))
+    ])) : (A(), k("div", Gs, re(j(t)("x-prop-tree.noComp")), 1));
+  }
+}), zs = { class: "text-subtitle-1 ml-3" }, qs = /* @__PURE__ */ K({
+  __name: "index",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
   setup(e) {
-    const t = W(() => "<n/a>"), n = () => {
-    }, { open: r } = qt("compSelectDlg", n);
-    return (i, o) => {
-      const l = U("v-btn"), a = U("v-dialog");
-      return M(), B(a, {
-        modelValue: H(r),
-        "onUpdate:modelValue": o[0] || (o[0] = (s) => Gt(r) ? r.value = s : null)
+    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 (_, 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: s }) => [
-          F(l, Kt(s, {
+        activator: Y(() => [
+          B(w, {
             density: "comfortable",
-            block: ""
-          }), {
+            block: "",
+            onClick: C
+          }, {
             default: Y(() => [
-              nt(He(t.value), 1)
+              at(re(f.value), 1)
             ]),
-            _: 2
-          }, 1040)
+            _: 1
+          })
+        ]),
+        default: Y(() => [
+          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 Ts(e) {
-  return { renderUiCompSelect: (n, r, i, o, l) => r.ui !== "compSelect" ? (console.assert(!1), g("div", "renderUiCompSelect prop ui must be compSelect")) : (console.log(n, r, i, o, l, e), g(bs, {})) };
+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,
+      e,
+      o,
+      i
+    ),
+    "onUpdate:modelValue": (s) => {
+      _e(
+        n,
+        r,
+        l,
+        s,
+        e,
+        o,
+        i
+      );
+    }
+  }) };
 }
-const $s = { class: "d-flex justify-space-between align-center" }, As = /* @__PURE__ */ K({
+const Xs = { class: "d-flex justify-space-between align-center" }, Zs = /* @__PURE__ */ K({
   __name: "colorPicker",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = ve(e, "modelValue"), r = t, i = W(() => {
-      let a = "100%";
-      return e.hasDelete && (a = "calc(100% - 37px)"), {
-        width: a
+    const n = le(e, "modelValue"), r = t, l = G(() => {
+      let i = "100%";
+      return e.hasDelete && (i = "calc(100% - 37px)"), {
+        width: i
       };
-    }), o = W(() => e.readonly), l = N("hexa");
-    return (a, s) => {
-      const u = U("v-btn"), f = U("v-icon"), d = U("v-color-picker"), h = U("v-menu");
-      return M(), B(h, { "close-on-content-click": !1 }, {
-        activator: Y(({ props: T }) => [
-          je("div", $s, [
-            je("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: rt(i.value)
+              style: se(l.value)
             }, [
-              F(u, Kt(T, {
+              B(a, kn(h, {
                 density: "comfortable",
                 color: n.value,
                 block: "",
                 disabled: o.value
               }), {
                 default: Y(() => [
-                  nt(He(n.value), 1)
+                  at(re(n.value), 1)
                 ]),
                 _: 2
               }, 1040, ["color", "disabled"])
             ], 4),
-            a.hasDelete ? (M(), B(f, {
+            i.hasDelete ? (A(), F(u, {
               key: 0,
               class: "mx-2",
-              icon: H(ce),
-              onClick: s[0] || (s[0] = I((A) => r("delete"), ["stop"]))
-            }, null, 8, ["icon"])) : J("", !0)
+              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": s[1] || (s[1] = (T) => n.value = T),
-            mode: l.value,
-            "onUpdate:mode": s[2] || (s[2] = (T) => l.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 Ss(e) {
-  return { renderUiColorPicker: (n, r, i, o, l) => r.ui !== "colorPicker" ? (console.assert(!1), g("div", "renderUiColorPicker prop ui must be colorPicker")) : g(As, {
-    modelValue: ge(
+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,
-      i,
+      l,
       e,
       o,
-      l
+      i
     ),
-    "onUpdate:modelValue": (a) => {
-      ye(
+    "onUpdate:modelValue": (s) => {
+      _e(
         n,
         r,
-        i,
-        a,
+        l,
+        s,
         e,
         o,
-        l
+        i
       );
     },
-    hasDelete: o !== void 0 && !l,
+    hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || l || (i.splice(o, 1), e(n.slice(0, -1), i));
+      o === void 0 || i || (l.splice(o, 1), e(n.slice(0, -1), l));
     },
     readonly: r.readonly
   }) };
 }
-const ws = { class: "d-flex justify-space-between align-center my-2" }, Ps = { class: "flex-grow-1" }, Os = /* @__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__ */ G({
+  props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
     types: {}
   }, {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const { t: n } = Pe(), r = ve(e, "modelValue"), i = t, o = N(0), l = W(() => {
+    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({
@@ -1563,94 +1846,94 @@ const ws = { class: "d-flex justify-space-between align-center my-2" }, Ps = { c
       }), u;
     });
     e.types.some((u, f) => u.validator(r.value) ? (o.value = f, !0) : !1);
-    const a = W(() => e.types[o.value]);
-    Te(a, (u) => {
+    const s = G(() => e.types[o.value]);
+    Ce(s, (u) => {
       r.value = u.default;
     });
-    const s = N(0);
-    return Dn(() => {
-      a.value.ui === "pixelInput" ? s.value = xn(r.value) : a.value.ui === "percentInput" && (s.value = jn(r.value));
-    }), Te(s, (u) => {
-      a.value.ui === "pixelInput" ? r.value = u + "px" : a.value.ui === "percentInput" && (r.value = 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"), h = U("v-number-input"), T = U("v-icon"), A = me("ripple");
-      return M(), Q("div", ws, [
-        je("div", Ps, [
-          oe(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] = (w) => o.value = w),
+            "onUpdate:modelValue": f[0] || (f[0] = (_) => o.value = _),
             density: "compact",
-            items: l.value,
+            items: i.value,
             "hide-details": "",
             "single-line": ""
           }, null, 8, ["modelValue", "items"]), [
             [
-              A,
+              C,
               void 0,
               void 0,
               { stop: !0 }
             ]
           ]),
-          a.value.ui === "pixelInput" || a.value.ui === "percentInput" ? oe((M(), B(h, {
+          s.value.ui === "pixelInput" || s.value.ui === "percentInput" ? oe((A(), F(h, {
             key: 0,
-            modelValue: s.value,
-            "onUpdate:modelValue": f[1] || (f[1] = (w) => s.value = w),
+            modelValue: a.value,
+            "onUpdate:modelValue": f[1] || (f[1] = (_) => a.value = _),
             density: "compact",
             "control-variant": "stacked",
-            precision: a.value.precision,
-            min: a.value.min,
-            max: a.value.max,
-            step: a.value.step,
+            precision: s.value.precision,
+            min: s.value.min,
+            max: s.value.max,
+            step: s.value.step,
             "hide-details": "",
             "single-line": ""
           }, null, 8, ["modelValue", "precision", "min", "max", "step"])), [
             [
-              A,
+              C,
               void 0,
               void 0,
               { stop: !0 }
             ]
-          ]) : J("", !0)
+          ]) : I("", !0)
         ]),
-        u.hasDelete ? (M(), B(T, {
+        u.hasDelete ? (A(), F(T, {
           key: 0,
           class: "mx-2",
-          icon: H(ce),
-          onClick: f[2] || (f[2] = I((w) => i("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : J("", !0)
+          icon: j(ye),
+          onClick: f[2] || (f[2] = z((_) => l("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
   }
 });
-function Cs(e) {
-  return { renderUiMultiTypes: (n, r, i, o, l) => r.ui !== "multiTypes" ? (console.assert(!1), g("div", "renderUiMultiTypes prop ui must be multiTypes")) : g(Os, {
-    modelValue: ge(
+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,
-      i,
+      l,
       e,
       o,
-      l
+      i
     ),
-    "onUpdate:modelValue": (a) => {
-      ye(
+    "onUpdate:modelValue": (s) => {
+      _e(
         n,
         r,
-        i,
-        a,
+        l,
+        s,
         e,
         o,
-        l
+        i
       );
     },
-    hasDelete: o !== void 0 && !l,
+    hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || l || (i.splice(o, 1), e(n.slice(0, -1), i));
+      o === void 0 || i || (l.splice(o, 1), e(n.slice(0, -1), l));
     },
     types: r.types
   }) };
 }
-const Us = /* @__PURE__ */ K({
+const ta = /* @__PURE__ */ K({
   __name: "index",
   props: {
     unique: {},
@@ -1659,144 +1942,166 @@ const Us = /* @__PURE__ */ K({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const { t: n } = Pe(), { backgroundColor1: r } = ot(), i = e, o = t, l = N("20px"), a = N("56px"), s = N("200px"), u = Ln({}), f = N({}), d = (p, c) => {
-      Ht(f, i.config, i.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);
     };
-    Te(
-      [() => i.config, () => i.object],
+    Ce(
+      [() => l.config, () => l.object],
       () => {
-        Ht(f, i.config, i.object, (p, c) => {
-          o("change", p, c);
+        zt(f, l.config, l.object, (m, c) => {
+          o("change", m, c);
         });
       },
       { immediate: !0 }
     );
-    const h = N(i.config);
-    kl(h), Te(
-      () => i.config,
+    const h = R(l.config);
+    cs(h), Ce(
+      () => l.config,
       () => {
-        h.value = i.config;
+        h.value = l.config;
       }
     );
-    const T = N(i.object);
-    Yl(T), Te(
-      () => i.object,
+    const T = R(l.object);
+    ds(T), Ce(
+      () => l.object,
       () => {
-        T.value = i.object;
+        T.value = l.object;
       }
-    ), Wl(f), Ql(d);
-    const { renderProp: A } = ls(f, a, s), { renderUiDummy: w } = ss(d), { renderUiStrInput: y } = cs(d), { renderUiNumInput: $ } = ps(d), { renderUiSwitch: R } = gs(d), { renderUiSelect: j } = _s(d), { renderUiColorPicker: L } = Ss(d), { renderUiMultiTypes: V } = Cs(d), { renderUiCompSelect: q } = Ts(d), fe = (p, c, v, m, _, O) => (p = vn(p), _ !== void 0 ? (p.push(_), O && p.push(c.key)) : p.push(c.key), c.ui ? c.array && _ === void 0 ? Sn(p, c, v, m, _, O) : wn(p, c, v, _, O) : c.array ? $n(p, c, v, m, _, O) : An(
-      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,
-      _,
+      b,
       O
-    )), $n = (p, c, v, m, _, 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 x;
-      _ !== void 0 && !O ? (v[_] instanceof Array || (v[_] = D(c), d(p, v[c.key])), x = v[_]) : (v[c.key] instanceof Array || (v[c.key] = D(c), d(p, v[c.key])), x = v[c.key]);
-      let ne = n(c.name);
-      m.collapse && de(f.value, p) && (ne += " *");
-      const he = g(Le, {
-        title: ne,
-        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, C) => {
-          be.emit("propTreeMenu", { x: b, y: C, keys: p });
+        onMenu: (S, D) => {
+          te.emit("propTreeMenu", { x: S, y: D, keys: m });
         },
         onCreate: () => {
-          x.push({}), d(p, x);
+          U.push({}), d(m, U);
         }
-      }), E = g(
+      }), H = y(
         "div",
         {
           style: {
-            paddingLeft: l.value
+            paddingLeft: i.value
           }
         },
         (() => {
-          const b = [];
-          for (let C = 0; C < x.length; C++) {
-            if (!Ze(m.children)) {
+          const S = [];
+          for (let D = 0; D < U.length; D++) {
+            if (!tt(v.children)) {
               console.assert(!1);
               break;
             }
-            m.children[C] || m.children.push({
+            v.children[D] || v.children.push({
               collapse: !0,
               children: {}
             });
-            const Ue = [...p, C], Me = m.children[C];
-            let mt = n("x-prop-tree.entry", { index: C });
-            m.children[C].collapse && de(f.value, Ue) && (mt += " *");
-            const On = g(Le, {
-              title: mt,
-              collapse: m.children[C].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: C,
-              onCollapse: (X) => {
-                if (!Ze(m.children)) {
+              index: D,
+              onCollapse: (ee) => {
+                if (!tt(v.children)) {
                   console.assert(!1);
                   return;
                 }
-                m.children[C].collapse = X;
+                v.children[D].collapse = ee;
               },
-              onMenu: (X, re) => {
-                be.emit("propTreeMenu", { x: X, y: re, keys: Ue });
+              onMenu: (ee, ce) => {
+                te.emit("propTreeMenu", { x: ee, y: ce, keys: Ee });
               },
-              onDelete: (X) => {
-                if (!Ze(m.children)) {
+              onDelete: (ee) => {
+                if (!tt(v.children)) {
                   console.assert(!1);
                   return;
                 }
-                m.children.splice(X, 1), x.splice(X, 1), d(p, x);
+                v.children.splice(ee, 1), U.splice(ee, 1), d(m, U);
               }
             });
-            b.push(On);
-            const Cn = g(
+            S.push(jn);
+            const En = y(
               "div",
               {
                 style: {
-                  paddingLeft: l.value
+                  paddingLeft: i.value
                 }
               },
               (() => {
-                const X = [];
-                return c.children.forEach((re) => {
-                  if (!Bt(Me.children)) {
+                const ee = [];
+                return c.children.forEach((ce) => {
+                  if (!Kt(Ne.children)) {
                     console.assert(!1);
                     return;
                   }
-                  Me.children[re.key] || (Me.children[re.key] = {
+                  Ne.children[ce.key] || (Ne.children[ce.key] = {
                     collapse: !0,
-                    children: re.array ? [] : {}
+                    children: ce.array ? [] : {}
                   });
-                  const Un = fe(
-                    p,
-                    re,
-                    x[C],
-                    Me.children[re.key],
-                    C,
+                  const Nn = je(
+                    m,
+                    ce,
+                    U[D],
+                    Ne.children[ce.key],
+                    D,
                     !0
                   );
-                  X.push(Un);
-                }), X;
+                  ee.push(Nn);
+                }), ee;
               })()
             );
-            m.children[C].collapse || b.push(Cn);
+            v.children[D].collapse || S.push(En);
           }
-          return b;
+          return S;
         })()
       );
-      return g(
+      return y(
         "div",
         {
           style: {
@@ -1804,61 +2109,61 @@ const Us = /* @__PURE__ */ K({
           }
         },
         (() => {
-          const b = [];
-          return b.push(he), m.collapse || b.push(E), b;
+          const S = [];
+          return S.push(Se), v.collapse || S.push(H), S;
         })()
       );
-    }, An = (p, c, v, m, _, O) => {
+    }, 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 x = n(c.name);
-      m.collapse && de(f.value, p) && (x += " *");
-      const ne = g(Le, {
-        title: x,
-        collapse: m.collapse,
-        hasDelete: _ !== void 0 && !O,
-        onCollapse: (E) => {
-          m.collapse = E;
+        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: (E, b) => {
-          be.emit("propTreeMenu", { x: E, y: b, keys: p });
+        onMenu: (H, S) => {
+          te.emit("propTreeMenu", { x: H, y: S, keys: m });
         },
         onDelete: () => {
-          _ === void 0 || O || (v.splice(_, 1), d(p.slice(0, -1), v));
+          b === void 0 || O || (g.splice(b, 1), d(m.slice(0, -1), g));
         }
-      }), he = g(
+      }), Se = y(
         "div",
         {
           style: {
-            paddingLeft: l.value
+            paddingLeft: i.value
           }
         },
         (() => {
-          const E = [];
-          return c.children.forEach((b) => {
-            if (!Bt(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 C = fe(
-              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]
             );
-            E.push(C);
-          }), E;
+            H.push(D);
+          }), H;
         })()
       );
-      return g(
+      return y(
         "div",
         {
           style: {
@@ -1866,51 +2171,51 @@ const Us = /* @__PURE__ */ K({
           }
         },
         (() => {
-          const E = [];
-          return E.push(ne), m.collapse || E.push(he), E;
+          const H = [];
+          return H.push(Q), v.collapse || H.push(Se), H;
         })()
       );
-    }, Sn = (p, c, v, m, _, O) => {
+    }, 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 x;
-      _ !== void 0 && !O ? (v[_] instanceof Array || (v[_] = D(c), d(p, v[_])), x = v[_]) : (v[c.key] instanceof Array || (v[c.key] = D(c), d(p, v[c.key])), x = v[c.key]);
-      let ne = n(c.name);
-      m.collapse && de(f.value, p) && (ne += " *");
-      const he = g(Le, {
-        title: ne,
-        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, C) => {
-          be.emit("propTreeMenu", { x: b, y: C, keys: p });
+        onMenu: (S, D) => {
+          te.emit("propTreeMenu", { x: S, y: D, keys: m });
         },
         onCreate: () => {
-          x.push(D(c, !0)), d(p, x);
+          U.push(N(c, !0)), d(m, U);
         }
-      }), E = g(
+      }), H = y(
         "div",
         {
           style: {
-            paddingLeft: l.value
+            paddingLeft: i.value
           }
         },
         (() => {
-          const b = [];
-          for (let C = 0; C < x.length; C++) {
-            const Ue = fe(p, c, x, void 0, C, !1);
-            b.push(Ue);
+          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: {
@@ -1918,16 +2223,16 @@ const Us = /* @__PURE__ */ K({
           }
         },
         (() => {
-          const b = [];
-          return b.push(he), m.collapse || b.push(E), b;
+          const S = [];
+          return S.push(Se), v.collapse || S.push(H), S;
         })()
       );
-    }, wn = (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");
+        return console.assert(!1), y("div", "renderLeafScalar prop ui must be valid");
       let O;
-      return c.ui === "dummy" ? O = w(p, c, v, m, _) : c.ui === "strInput" ? O = y(p, c, v, m, _) : c.ui === "numInput" ? O = $(p, c, v, m, _) : c.ui === "switch" ? O = R(p, c, v, m, _) : c.ui === "select" ? O = j(p, c, v, m, _) : c.ui === "colorPicker" ? O = L(p, c, v, m, _) : c.ui === "multiTypes" ? O = V(p, c, v, m, _) : c.ui === "compSelect" ? O = q(p, c, v, m, _) : console.assert(!1, "renderLeafScalar not implemented"), O ? A(p, c, O) : g("div");
-    }, Pn = () => g(
+      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",
@@ -1936,36 +2241,36 @@ const Us = /* @__PURE__ */ K({
         }
       },
       (() => {
-        const p = [];
-        if (i.unique && i.config.length > 0 && i.object) {
-          u[i.unique] || (u[i.unique] = {});
-          const c = u[i.unique];
-          i.config.forEach((v) => {
-            c[v.key] || (c[v.key] = {
+        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((g) => {
+            c[g.key] || (c[g.key] = {
               collapse: !0,
-              children: !v.ui && v.array ? [] : {}
+              children: !g.ui && g.array ? [] : {}
             });
-            const m = fe([], v, i.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) => (M(), Q(zt, null, [
-      F(Pn),
-      F(ts, {
-        config: i.config,
-        object: i.object,
+    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));
   }
-}), Ms = (e) => {
-  e.component("XPropTree", Us);
-}, Vs = (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((i, o) => {
+  return r ? typeof r == "function" ? r() : Promise.resolve(r) : new Promise((l, o) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
       o.bind(
         null,
@@ -1976,11 +2281,11 @@ const Us = /* @__PURE__ */ K({
     );
   });
 };
-async function Es(e) {
-  return (await Vs(/* @__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 Ns = { install: Ms };
+const fa = { install: na };
 export {
-  Ns as default,
-  Es as loadLocaleMessagePropTree
+  fa as default,
+  ca as loadLocaleMessagePropTree
 };