x-prop-tree 0.6.5 → 0.6.6

package/dist/index.js

@@ -1,10 +1,10 @@
-import { provide as xe, inject as Me, defineComponent as z, ref as B, computed as G, resolveComponent as O, createBlock as R, openBlock as S, unref as E, isRef as Fe, withCtx as J, createVNode as k, createElementBlock as F, Fragment as He, renderList as Ht, createTextVNode as st, toDisplayString as ne, resolveDirective as ae, withDirectives as re, withModifiers as K, normalizeStyle as ie, createElementVNode as q, createCommentVNode as X, renderSlot as Mn, h, mergeModels as I, useModel as oe, useId as Gt, onUnmounted as zt, withKeys as Un, mergeProps as Kt, watchEffect as vt, watch as Be, reactive as Ln, onMounted as Dn, onBeforeUnmount as jn } from "vue";
-import { useI18n as de } from "vue-i18n";
+import { provide as Me, inject as Ue, defineComponent as z, ref as B, computed as F, resolveComponent as O, createBlock as R, openBlock as S, unref as E, isRef as Fe, withCtx as J, createVNode as k, createElementBlock as H, Fragment as He, renderList as Ht, createTextVNode as st, toDisplayString as re, resolveDirective as le, withDirectives as Y, withModifiers as K, normalizeStyle as ae, createElementVNode as q, createCommentVNode as I, renderSlot as Un, h as _, mergeModels as X, useModel as oe, useId as Gt, onUnmounted as zt, withKeys as Vn, mergeProps as Kt, watchEffect as mt, watch as Be, reactive as Ln, onMounted as Dn, onBeforeUnmount as jn } from "vue";
+import { useI18n as ie } from "vue-i18n";
 import { useViewStack as at, useColor as Te, eventBus as _e, useSystem as En } from "x-essential-lib";
 import { getPropDefault as N, parsePixelStr as Nn, parsePercentStr as kn } from "x-runtime-lib";
 import { useDisplay as Bn } from "vuetify";
 import { globalState as Rn } from "x-state-lib";
-var qt = typeof global == "object" && global && global.Object === Object && global, Fn = typeof self == "object" && self && self.Object === Object && self, Y = qt || Fn || Function("return this")(), se = Y.Symbol, Xt = Object.prototype, Hn = Xt.hasOwnProperty, Gn = Xt.toString, we = se ? se.toStringTag : void 0;
+var qt = typeof global == "object" && global && global.Object === Object && global, Fn = typeof self == "object" && self && self.Object === Object && self, Q = qt || Fn || Function("return this")(), ue = Q.Symbol, It = Object.prototype, Hn = It.hasOwnProperty, Gn = It.toString, we = ue ? ue.toStringTag : void 0;
 function zn(e) {
   var t = Hn.call(e, we), n = e[we];
   try {
@@ -16,14 +16,14 @@ function zn(e) {
   return r && (t ? e[we] = n : delete e[we]), l;
 }
 var Kn = Object.prototype, qn = Kn.toString;
-function Xn(e) {
+function In(e) {
   return qn.call(e);
 }
-var In = "[object Null]", Zn = "[object Undefined]", gt = se ? se.toStringTag : void 0;
-function Ue(e) {
-  return e == null ? e === void 0 ? Zn : In : gt && gt in Object(e) ? zn(e) : Xn(e);
+var Xn = "[object Null]", Zn = "[object Undefined]", gt = ue ? ue.toStringTag : void 0;
+function Ve(e) {
+  return e == null ? e === void 0 ? Zn : Xn : gt && gt in Object(e) ? zn(e) : In(e);
 }
-function ce(e) {
+function fe(e) {
   return e != null && typeof e == "object";
 }
 var Pe = Array.isArray;
@@ -32,13 +32,13 @@ function qe(e) {
   return e != null && (t == "object" || t == "function");
 }
 var Jn = "[object AsyncFunction]", Wn = "[object Function]", Yn = "[object GeneratorFunction]", Qn = "[object Proxy]";
-function It(e) {
+function Xt(e) {
   if (!qe(e))
     return !1;
-  var t = Ue(e);
+  var t = Ve(e);
   return t == Wn || t == Yn || t == Jn || t == Qn;
 }
-var Ye = Y["__core-js_shared__"], yt = function() {
+var Ye = Q["__core-js_shared__"], yt = function() {
   var e = /[^.]+$/.exec(Ye && Ye.keys && Ye.keys.IE_PROTO || "");
   return e ? "Symbol(src)_1." + e : "";
 }();
@@ -65,17 +65,17 @@ var rr = /[\\^$.*+?()[\]{}|]/g, or = /^\[object .+?Constructor\]$/, lr = Functio
 function cr(e) {
   if (!qe(e) || er(e))
     return !1;
-  var t = It(e) ? ur : or;
+  var t = Xt(e) ? ur : or;
   return t.test(pe(e));
 }
 function fr(e, t) {
   return e == null ? void 0 : e[t];
 }
-function me(e, t) {
+function ve(e, t) {
   var n = fr(e, t);
   return cr(n) ? n : void 0;
 }
-var nt = me(Y, "WeakMap"), ht = Object.create, dr = /* @__PURE__ */ function() {
+var nt = ve(Q, "WeakMap"), ht = Object.create, dr = /* @__PURE__ */ function() {
   function e() {
   }
   return function(t) {
@@ -89,7 +89,7 @@ var nt = me(Y, "WeakMap"), ht = Object.create, dr = /* @__PURE__ */ function() {
   };
 }(), _t = function() {
   try {
-    var e = me(Object, "defineProperty");
+    var e = ve(Object, "defineProperty");
     return e({}, "", {}), e;
   } catch {
   }
@@ -99,10 +99,10 @@ function pr(e, t) {
     ;
   return e;
 }
-var mr = 9007199254740991, vr = /^(?:0|[1-9]\d*)$/;
+var vr = 9007199254740991, mr = /^(?:0|[1-9]\d*)$/;
 function gr(e, t) {
   var n = typeof e;
-  return t = t ?? mr, !!t && (n == "number" || n != "symbol" && vr.test(e)) && e > -1 && e % 1 == 0 && e < t;
+  return t = t ?? vr, !!t && (n == "number" || n != "symbol" && mr.test(e)) && e > -1 && e % 1 == 0 && e < t;
 }
 function yr(e, t, n) {
   t == "__proto__" && _t ? _t(e, t, {
@@ -125,7 +125,7 @@ function Zt(e) {
   return typeof e == "number" && e > -1 && e % 1 == 0 && e <= $r;
 }
 function Tr(e) {
-  return e != null && Zt(e.length) && !It(e);
+  return e != null && Zt(e.length) && !Xt(e);
 }
 var Sr = Object.prototype;
 function Jt(e) {
@@ -139,21 +139,21 @@ function wr(e, t) {
 }
 var Ar = "[object Arguments]";
 function bt(e) {
-  return ce(e) && Ue(e) == Ar;
+  return fe(e) && Ve(e) == Ar;
 }
 var Wt = Object.prototype, Cr = Wt.hasOwnProperty, Pr = Wt.propertyIsEnumerable, Or = bt(/* @__PURE__ */ function() {
   return arguments;
 }()) ? bt : function(e) {
-  return ce(e) && Cr.call(e, "callee") && !Pr.call(e, "callee");
+  return fe(e) && Cr.call(e, "callee") && !Pr.call(e, "callee");
 };
-function Vr() {
+function xr() {
   return !1;
 }
-var Yt = typeof exports == "object" && exports && !exports.nodeType && exports, $t = Yt && typeof module == "object" && module && !module.nodeType && module, xr = $t && $t.exports === Yt, Tt = xr ? Y.Buffer : void 0, Mr = Tt ? Tt.isBuffer : void 0, Ge = Mr || Vr, Ur = "[object Arguments]", Lr = "[object Array]", Dr = "[object Boolean]", jr = "[object Date]", Er = "[object Error]", Nr = "[object Function]", kr = "[object Map]", Br = "[object Number]", Rr = "[object Object]", Fr = "[object RegExp]", Hr = "[object Set]", Gr = "[object String]", zr = "[object WeakMap]", Kr = "[object ArrayBuffer]", qr = "[object DataView]", Xr = "[object Float32Array]", Ir = "[object Float64Array]", Zr = "[object Int8Array]", Jr = "[object Int16Array]", Wr = "[object Int32Array]", Yr = "[object Uint8Array]", Qr = "[object Uint8ClampedArray]", eo = "[object Uint16Array]", to = "[object Uint32Array]", V = {};
-V[Xr] = V[Ir] = V[Zr] = V[Jr] = V[Wr] = V[Yr] = V[Qr] = V[eo] = V[to] = !0;
-V[Ur] = V[Lr] = V[Kr] = V[Dr] = V[qr] = V[jr] = V[Er] = V[Nr] = V[kr] = V[Br] = V[Rr] = V[Fr] = V[Hr] = V[Gr] = V[zr] = !1;
+var Yt = typeof exports == "object" && exports && !exports.nodeType && exports, $t = Yt && typeof module == "object" && module && !module.nodeType && module, Mr = $t && $t.exports === Yt, Tt = Mr ? Q.Buffer : void 0, Ur = Tt ? Tt.isBuffer : void 0, Ge = Ur || xr, Vr = "[object Arguments]", Lr = "[object Array]", Dr = "[object Boolean]", jr = "[object Date]", Er = "[object Error]", Nr = "[object Function]", kr = "[object Map]", Br = "[object Number]", Rr = "[object Object]", Fr = "[object RegExp]", Hr = "[object Set]", Gr = "[object String]", zr = "[object WeakMap]", Kr = "[object ArrayBuffer]", qr = "[object DataView]", Ir = "[object Float32Array]", Xr = "[object Float64Array]", Zr = "[object Int8Array]", Jr = "[object Int16Array]", Wr = "[object Int32Array]", Yr = "[object Uint8Array]", Qr = "[object Uint8ClampedArray]", eo = "[object Uint16Array]", to = "[object Uint32Array]", x = {};
+x[Ir] = x[Xr] = x[Zr] = x[Jr] = x[Wr] = x[Yr] = x[Qr] = x[eo] = x[to] = !0;
+x[Vr] = x[Lr] = x[Kr] = x[Dr] = x[qr] = x[jr] = x[Er] = x[Nr] = x[kr] = x[Br] = x[Rr] = x[Fr] = x[Hr] = x[Gr] = x[zr] = !1;
 function no(e) {
-  return ce(e) && Zt(e.length) && !!V[Ue(e)];
+  return fe(e) && Zt(e.length) && !!x[Ve(e)];
 }
 function ct(e) {
   return function(t) {
@@ -168,13 +168,13 @@ var Qt = typeof exports == "object" && exports && !exports.nodeType && exports,
   }
 }(), St = $e && $e.isTypedArray, en = St ? ct(St) : no, oo = Object.prototype, lo = oo.hasOwnProperty;
 function io(e, t) {
-  var n = Pe(e), r = !n && Or(e), l = !n && !r && Ge(e), o = !n && !r && !l && en(e), i = n || r || l || o, s = i ? wr(e.length, String) : [], a = s.length;
-  for (var u in e)
-    lo.call(e, u) && !(i && // Safari 9 has enumerable `arguments.length` in strict mode.
-    (u == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-    l && (u == "offset" || u == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-    o && (u == "buffer" || u == "byteLength" || u == "byteOffset") || // Skip index properties.
-    gr(u, a))) && s.push(u);
+  var n = Pe(e), r = !n && Or(e), l = !n && !r && Ge(e), o = !n && !r && !l && en(e), i = n || r || l || o, s = i ? wr(e.length, String) : [], u = s.length;
+  for (var a in e)
+    lo.call(e, a) && !(i && // Safari 9 has enumerable `arguments.length` in strict mode.
+    (a == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+    l && (a == "offset" || a == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+    o && (a == "buffer" || a == "byteLength" || a == "byteOffset") || // Skip index properties.
+    gr(a, u))) && s.push(a);
   return s;
 }
 function tn(e, t) {
@@ -194,20 +194,20 @@ function co(e) {
 function fo(e) {
   return Tr(e) ? io(e) : co(e);
 }
-var Oe = me(Object, "create");
+var Oe = ve(Object, "create");
 function po() {
   this.__data__ = Oe ? Oe(null) : {}, this.size = 0;
 }
-function mo(e) {
+function vo(e) {
   var t = this.has(e) && delete this.__data__[e];
   return this.size -= t ? 1 : 0, t;
 }
-var vo = "__lodash_hash_undefined__", go = Object.prototype, yo = go.hasOwnProperty;
+var mo = "__lodash_hash_undefined__", go = Object.prototype, yo = go.hasOwnProperty;
 function ho(e) {
   var t = this.__data__;
   if (Oe) {
     var n = t[e];
-    return n === vo ? void 0 : n;
+    return n === mo ? void 0 : n;
   }
   return yo.call(t, e) ? t[e] : void 0;
 }
@@ -221,22 +221,22 @@ function So(e, t) {
   var n = this.__data__;
   return this.size += this.has(e) ? 0 : 1, n[e] = Oe && t === void 0 ? To : t, this;
 }
-function fe(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]);
   }
 }
-fe.prototype.clear = po;
-fe.prototype.delete = mo;
-fe.prototype.get = ho;
-fe.prototype.has = $o;
-fe.prototype.set = So;
+de.prototype.clear = po;
+de.prototype.delete = vo;
+de.prototype.get = ho;
+de.prototype.has = $o;
+de.prototype.set = So;
 function wo() {
   this.__data__ = [], this.size = 0;
 }
-function Xe(e, t) {
+function Ie(e, t) {
   for (var n = e.length; n--; )
     if (ut(e[n][0], t))
       return n;
@@ -244,77 +244,77 @@ function Xe(e, t) {
 }
 var Ao = Array.prototype, Co = Ao.splice;
 function Po(e) {
-  var t = this.__data__, n = Xe(t, e);
+  var t = this.__data__, n = Ie(t, e);
   if (n < 0)
     return !1;
   var r = t.length - 1;
   return n == r ? t.pop() : Co.call(t, n, 1), --this.size, !0;
 }
 function Oo(e) {
-  var t = this.__data__, n = Xe(t, e);
+  var t = this.__data__, n = Ie(t, e);
   return n < 0 ? void 0 : t[n][1];
 }
-function Vo(e) {
-  return Xe(this.__data__, e) > -1;
+function xo(e) {
+  return Ie(this.__data__, e) > -1;
 }
-function xo(e, t) {
-  var n = this.__data__, r = Xe(n, e);
+function Mo(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 le(e) {
+function se(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 = wo;
-le.prototype.delete = Po;
-le.prototype.get = Oo;
-le.prototype.has = Vo;
-le.prototype.set = xo;
-var Ve = me(Y, "Map");
-function Mo() {
+se.prototype.clear = wo;
+se.prototype.delete = Po;
+se.prototype.get = Oo;
+se.prototype.has = xo;
+se.prototype.set = Mo;
+var xe = ve(Q, "Map");
+function Uo() {
   this.size = 0, this.__data__ = {
-    hash: new fe(),
-    map: new (Ve || le)(),
-    string: new fe()
+    hash: new de(),
+    map: new (xe || se)(),
+    string: new de()
   };
 }
-function Uo(e) {
+function Vo(e) {
   var t = typeof e;
   return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
 }
-function Ie(e, t) {
+function Xe(e, t) {
   var n = e.__data__;
-  return Uo(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
+  return Vo(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
 }
 function Lo(e) {
-  var t = Ie(this, e).delete(e);
+  var t = Xe(this, e).delete(e);
   return this.size -= t ? 1 : 0, t;
 }
 function Do(e) {
-  return Ie(this, e).get(e);
+  return Xe(this, e).get(e);
 }
 function jo(e) {
-  return Ie(this, e).has(e);
+  return Xe(this, e).has(e);
 }
 function Eo(e, t) {
-  var n = Ie(this, e), r = n.size;
+  var n = Xe(this, e), r = n.size;
   return n.set(e, t), this.size += n.size == r ? 0 : 1, this;
 }
-function ve(e) {
+function me(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]);
   }
 }
-ve.prototype.clear = Mo;
-ve.prototype.delete = Lo;
-ve.prototype.get = Do;
-ve.prototype.has = jo;
-ve.prototype.set = Eo;
+me.prototype.clear = Uo;
+me.prototype.delete = Lo;
+me.prototype.get = Do;
+me.prototype.has = jo;
+me.prototype.set = Eo;
 function No(e, t) {
   for (var n = -1, r = t.length, l = e.length; ++n < r; )
     e[l + n] = t[n];
@@ -322,7 +322,7 @@ function No(e, t) {
 }
 var ko = tn(Object.getPrototypeOf, Object);
 function Bo() {
-  this.__data__ = new le(), this.size = 0;
+  this.__data__ = new se(), this.size = 0;
 }
 function Ro(e) {
   var t = this.__data__, n = t.delete(e);
@@ -337,43 +337,43 @@ function Ho(e) {
 var Go = 200;
 function zo(e, t) {
   var n = this.__data__;
-  if (n instanceof le) {
+  if (n instanceof se) {
     var r = n.__data__;
-    if (!Ve || r.length < Go - 1)
+    if (!xe || r.length < Go - 1)
       return r.push([e, t]), this.size = ++n.size, this;
-    n = this.__data__ = new ve(r);
+    n = this.__data__ = new me(r);
   }
   return n.set(e, t), this.size = n.size, this;
 }
-function te(e) {
-  var t = this.__data__ = new le(e);
+function ne(e) {
+  var t = this.__data__ = new se(e);
   this.size = t.size;
 }
-te.prototype.clear = Bo;
-te.prototype.delete = Ro;
-te.prototype.get = Fo;
-te.prototype.has = Ho;
-te.prototype.set = zo;
-var nn = typeof exports == "object" && exports && !exports.nodeType && exports, wt = nn && typeof module == "object" && module && !module.nodeType && module, Ko = wt && wt.exports === nn, At = Ko ? Y.Buffer : void 0;
+ne.prototype.clear = Bo;
+ne.prototype.delete = Ro;
+ne.prototype.get = Fo;
+ne.prototype.has = Ho;
+ne.prototype.set = zo;
+var nn = typeof exports == "object" && exports && !exports.nodeType && exports, wt = nn && typeof module == "object" && module && !module.nodeType && module, Ko = wt && wt.exports === nn, At = Ko ? Q.Buffer : void 0;
 At && At.allocUnsafe;
 function qo(e, t) {
   return e.slice();
 }
-function Xo(e, t) {
+function Io(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 Io() {
+function Xo() {
   return [];
 }
 var Zo = Object.prototype, Jo = Zo.propertyIsEnumerable, Ct = Object.getOwnPropertySymbols, Wo = Ct ? function(e) {
-  return e == null ? [] : (e = Object(e), Xo(Ct(e), function(t) {
+  return e == null ? [] : (e = Object(e), Io(Ct(e), function(t) {
     return Jo.call(e, t);
   }));
-} : Io;
+} : Xo;
 function Yo(e, t, n) {
   var r = t(e);
   return Pe(e) ? r : No(r, n(e));
@@ -381,21 +381,21 @@ function Yo(e, t, n) {
 function rt(e) {
   return Yo(e, fo, Wo);
 }
-var ot = me(Y, "DataView"), lt = me(Y, "Promise"), it = me(Y, "Set"), Pt = "[object Map]", Qo = "[object Object]", Ot = "[object Promise]", Vt = "[object Set]", xt = "[object WeakMap]", Mt = "[object DataView]", el = pe(ot), tl = pe(Ve), nl = pe(lt), rl = pe(it), ol = pe(nt), Z = Ue;
-(ot && Z(new ot(new ArrayBuffer(1))) != Mt || Ve && Z(new Ve()) != Pt || lt && Z(lt.resolve()) != Ot || it && Z(new it()) != Vt || nt && Z(new nt()) != xt) && (Z = function(e) {
-  var t = Ue(e), n = t == Qo ? e.constructor : void 0, r = n ? pe(n) : "";
+var ot = ve(Q, "DataView"), lt = ve(Q, "Promise"), it = ve(Q, "Set"), Pt = "[object Map]", Qo = "[object Object]", Ot = "[object Promise]", xt = "[object Set]", Mt = "[object WeakMap]", Ut = "[object DataView]", el = pe(ot), tl = pe(xe), nl = pe(lt), rl = pe(it), ol = pe(nt), Z = Ve;
+(ot && Z(new ot(new ArrayBuffer(1))) != Ut || xe && Z(new xe()) != Pt || lt && Z(lt.resolve()) != Ot || it && Z(new it()) != xt || nt && Z(new nt()) != Mt) && (Z = function(e) {
+  var t = Ve(e), n = t == Qo ? e.constructor : void 0, r = n ? pe(n) : "";
   if (r)
     switch (r) {
       case el:
-        return Mt;
+        return Ut;
       case tl:
         return Pt;
       case nl:
         return Ot;
       case rl:
-        return Vt;
-      case ol:
         return xt;
+      case ol:
+        return Mt;
     }
   return t;
 });
@@ -404,7 +404,7 @@ function sl(e) {
   var t = e.length, n = new e.constructor(t);
   return t && typeof e[0] == "string" && il.call(e, "index") && (n.index = e.index, n.input = e.input), n;
 }
-var ze = Y.Uint8Array;
+var ze = Q.Uint8Array;
 function ft(e) {
   var t = new e.constructor(e.byteLength);
   return new ze(t).set(new ze(e)), t;
@@ -418,7 +418,7 @@ function cl(e) {
   var t = new e.constructor(e.source, ul.exec(e));
   return t.lastIndex = e.lastIndex, t;
 }
-var Ut = se ? se.prototype : void 0, Lt = Ut ? Ut.valueOf : void 0;
+var Vt = ue ? ue.prototype : void 0, Lt = Vt ? Vt.valueOf : void 0;
 function fl(e) {
   return Lt ? Object(Lt.call(e)) : {};
 }
@@ -426,14 +426,14 @@ function dl(e, t) {
   var n = ft(e.buffer);
   return new e.constructor(n, e.byteOffset, e.length);
 }
-var pl = "[object Boolean]", ml = "[object Date]", vl = "[object Map]", gl = "[object Number]", yl = "[object RegExp]", hl = "[object Set]", _l = "[object String]", bl = "[object Symbol]", $l = "[object ArrayBuffer]", Tl = "[object DataView]", Sl = "[object Float32Array]", wl = "[object Float64Array]", Al = "[object Int8Array]", Cl = "[object Int16Array]", Pl = "[object Int32Array]", Ol = "[object Uint8Array]", Vl = "[object Uint8ClampedArray]", xl = "[object Uint16Array]", Ml = "[object Uint32Array]";
-function Ul(e, t, n) {
+var pl = "[object Boolean]", vl = "[object Date]", ml = "[object Map]", gl = "[object Number]", yl = "[object RegExp]", hl = "[object Set]", _l = "[object String]", bl = "[object Symbol]", $l = "[object ArrayBuffer]", Tl = "[object DataView]", Sl = "[object Float32Array]", wl = "[object Float64Array]", Al = "[object Int8Array]", Cl = "[object Int16Array]", Pl = "[object Int32Array]", Ol = "[object Uint8Array]", xl = "[object Uint8ClampedArray]", Ml = "[object Uint16Array]", Ul = "[object Uint32Array]";
+function Vl(e, t, n) {
   var r = e.constructor;
   switch (t) {
     case $l:
       return ft(e);
     case pl:
-    case ml:
+    case vl:
       return new r(+e);
     case Tl:
       return al(e);
@@ -443,11 +443,11 @@ function Ul(e, t, n) {
     case Cl:
     case Pl:
     case Ol:
-    case Vl:
     case xl:
     case Ml:
+    case Ul:
       return dl(e);
-    case vl:
+    case ml:
       return new r();
     case gl:
     case _l:
@@ -465,14 +465,14 @@ function Ll(e) {
 }
 var Dl = "[object Map]";
 function jl(e) {
-  return ce(e) && Z(e) == Dl;
+  return fe(e) && Z(e) == Dl;
 }
 var Dt = $e && $e.isMap, El = Dt ? ct(Dt) : jl, Nl = "[object Set]";
 function kl(e) {
-  return ce(e) && Z(e) == Nl;
+  return fe(e) && Z(e) == Nl;
 }
-var jt = $e && $e.isSet, Bl = jt ? ct(jt) : kl, rn = "[object Arguments]", Rl = "[object Array]", Fl = "[object Boolean]", Hl = "[object Date]", Gl = "[object Error]", on = "[object Function]", zl = "[object GeneratorFunction]", Kl = "[object Map]", ql = "[object Number]", ln = "[object Object]", Xl = "[object RegExp]", Il = "[object Set]", Zl = "[object String]", Jl = "[object Symbol]", Wl = "[object WeakMap]", Yl = "[object ArrayBuffer]", Ql = "[object DataView]", ei = "[object Float32Array]", ti = "[object Float64Array]", ni = "[object Int8Array]", ri = "[object Int16Array]", oi = "[object Int32Array]", li = "[object Uint8Array]", ii = "[object Uint8ClampedArray]", si = "[object Uint16Array]", ai = "[object Uint32Array]", P = {};
-P[rn] = P[Rl] = P[Yl] = P[Ql] = P[Fl] = P[Hl] = P[ei] = P[ti] = P[ni] = P[ri] = P[oi] = P[Kl] = P[ql] = P[ln] = P[Xl] = P[Il] = P[Zl] = P[Jl] = P[li] = P[ii] = P[si] = P[ai] = !0;
+var jt = $e && $e.isSet, Bl = jt ? ct(jt) : kl, rn = "[object Arguments]", Rl = "[object Array]", Fl = "[object Boolean]", Hl = "[object Date]", Gl = "[object Error]", on = "[object Function]", zl = "[object GeneratorFunction]", Kl = "[object Map]", ql = "[object Number]", ln = "[object Object]", Il = "[object RegExp]", Xl = "[object Set]", Zl = "[object String]", Jl = "[object Symbol]", Wl = "[object WeakMap]", Yl = "[object ArrayBuffer]", Ql = "[object DataView]", ei = "[object Float32Array]", ti = "[object Float64Array]", ni = "[object Int8Array]", ri = "[object Int16Array]", oi = "[object Int32Array]", li = "[object Uint8Array]", ii = "[object Uint8ClampedArray]", si = "[object Uint16Array]", ai = "[object Uint32Array]", P = {};
+P[rn] = P[Rl] = P[Yl] = P[Ql] = P[Fl] = P[Hl] = P[ei] = P[ti] = P[ni] = P[ri] = P[oi] = P[Kl] = P[ql] = P[ln] = P[Il] = P[Xl] = P[Zl] = P[Jl] = P[li] = P[ii] = P[si] = P[ai] = !0;
 P[Gl] = P[on] = P[Wl] = !1;
 function Re(e, t, n, r, l, o) {
   var i;
@@ -484,29 +484,29 @@ function Re(e, t, n, r, l, o) {
   if (s)
     i = sl(e);
   else {
-    var a = Z(e), u = a == on || a == zl;
+    var u = Z(e), a = u == on || u == zl;
     if (Ge(e))
       return qo(e);
-    if (a == ln || a == rn || u && !l)
-      i = u ? {} : Ll(e);
+    if (u == ln || u == rn || a && !l)
+      i = a ? {} : Ll(e);
     else {
-      if (!P[a])
+      if (!P[u])
         return l ? e : {};
-      i = Ul(e, a);
+      i = Vl(e, u);
     }
   }
-  o || (o = new te());
+  o || (o = new ne());
   var d = o.get(e);
   if (d)
     return d;
-  o.set(e, i), Bl(e) ? e.forEach(function(v) {
-    i.add(Re(v, t, n, v, e, o));
-  }) : El(e) && e.forEach(function(v, b) {
-    i.set(b, Re(v, t, n, b, e, o));
+  o.set(e, i), Bl(e) ? e.forEach(function(y) {
+    i.add(Re(y, t, n, y, e, o));
+  }) : El(e) && e.forEach(function(y, h) {
+    i.set(h, Re(y, t, n, h, e, o));
   });
-  var f = rt, y = s ? void 0 : f(e);
-  return pr(y || e, function(v, b) {
-    y && (b = v, v = e[b]), br(i, b, Re(v, t, n, b, e, o));
+  var c = rt, g = s ? void 0 : c(e);
+  return pr(g || e, function(y, h) {
+    g && (h = y, y = e[h]), br(i, h, Re(y, t, n, h, e, o));
   }), i;
 }
 var ui = 1, ci = 4;
@@ -522,53 +522,53 @@ function pi(e) {
 }
 function Ke(e) {
   var t = -1, n = e == null ? 0 : e.length;
-  for (this.__data__ = new ve(); ++t < n; )
+  for (this.__data__ = new me(); ++t < n; )
     this.add(e[t]);
 }
 Ke.prototype.add = Ke.prototype.push = di;
 Ke.prototype.has = pi;
-function mi(e, t) {
+function vi(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 vi(e, t) {
+function mi(e, t) {
   return e.has(t);
 }
 var gi = 1, yi = 2;
 function an(e, t, n, r, l, o) {
-  var i = n & gi, s = e.length, a = t.length;
-  if (s != a && !(i && a > s))
+  var i = n & gi, s = e.length, u = t.length;
+  if (s != u && !(i && u > s))
     return !1;
-  var u = o.get(e), d = o.get(t);
-  if (u && d)
-    return u == t && d == e;
-  var f = -1, y = !0, v = n & yi ? new Ke() : void 0;
-  for (o.set(e, t), o.set(t, e); ++f < s; ) {
-    var b = e[f], L = t[f];
+  var a = o.get(e), d = o.get(t);
+  if (a && d)
+    return a == t && d == e;
+  var c = -1, g = !0, y = n & yi ? new Ke() : void 0;
+  for (o.set(e, t), o.set(t, e); ++c < s; ) {
+    var h = e[c], M = t[c];
     if (r)
-      var _ = i ? r(L, b, f, t, e, o) : r(b, L, f, e, t, o);
-    if (_ !== void 0) {
-      if (_)
+      var b = i ? r(M, h, c, t, e, o) : r(h, M, c, e, t, o);
+    if (b !== void 0) {
+      if (b)
         continue;
-      y = !1;
+      g = !1;
       break;
     }
-    if (v) {
-      if (!mi(t, function(D, w) {
-        if (!vi(v, w) && (b === D || l(b, D, n, r, o)))
-          return v.push(w);
+    if (y) {
+      if (!vi(t, function(D, w) {
+        if (!mi(y, w) && (h === D || l(h, D, n, r, o)))
+          return y.push(w);
       })) {
-        y = !1;
+        g = !1;
         break;
       }
-    } else if (!(b === L || l(b, L, n, r, o))) {
-      y = !1;
+    } else if (!(h === M || l(h, M, n, r, o))) {
+      g = !1;
       break;
     }
   }
-  return o.delete(e), o.delete(t), y;
+  return o.delete(e), o.delete(t), g;
 }
 function hi(e) {
   var t = -1, n = Array(e.size);
@@ -582,14 +582,14 @@ function _i(e) {
     n[++t] = r;
   }), n;
 }
-var bi = 1, $i = 2, Ti = "[object Boolean]", Si = "[object Date]", wi = "[object Error]", Ai = "[object Map]", Ci = "[object Number]", Pi = "[object RegExp]", Oi = "[object Set]", Vi = "[object String]", xi = "[object Symbol]", Mi = "[object ArrayBuffer]", Ui = "[object DataView]", Et = se ? se.prototype : void 0, et = Et ? Et.valueOf : void 0;
+var bi = 1, $i = 2, Ti = "[object Boolean]", Si = "[object Date]", wi = "[object Error]", Ai = "[object Map]", Ci = "[object Number]", Pi = "[object RegExp]", Oi = "[object Set]", xi = "[object String]", Mi = "[object Symbol]", Ui = "[object ArrayBuffer]", Vi = "[object DataView]", Et = ue ? ue.prototype : void 0, et = Et ? Et.valueOf : void 0;
 function Li(e, t, n, r, l, o, i) {
   switch (n) {
-    case Ui:
+    case Vi:
       if (e.byteLength != t.byteLength || e.byteOffset != t.byteOffset)
         return !1;
       e = e.buffer, t = t.buffer;
-    case Mi:
+    case Ui:
       return !(e.byteLength != t.byteLength || !o(new ze(e), new ze(t)));
     case Ti:
     case Si:
@@ -598,21 +598,21 @@ function Li(e, t, n, r, l, o, i) {
     case wi:
       return e.name == t.name && e.message == t.message;
     case Pi:
-    case Vi:
+    case xi:
       return e == t + "";
     case Ai:
       var s = hi;
     case Oi:
-      var a = r & bi;
-      if (s || (s = _i), e.size != t.size && !a)
+      var u = r & bi;
+      if (s || (s = _i), e.size != t.size && !u)
         return !1;
-      var u = i.get(e);
-      if (u)
-        return u == t;
+      var a = i.get(e);
+      if (a)
+        return a == t;
       r |= $i, i.set(e, t);
       var d = an(s(e), s(t), r, l, o, i);
       return i.delete(e), d;
-    case xi:
+    case Mi:
       if (et)
         return et.call(e) == et.call(t);
   }
@@ -620,59 +620,59 @@ function Li(e, t, n, r, l, o, i) {
 }
 var Di = 1, ji = Object.prototype, Ei = ji.hasOwnProperty;
 function Ni(e, t, n, r, l, o) {
-  var i = n & Di, s = rt(e), a = s.length, u = rt(t), d = u.length;
-  if (a != d && !i)
+  var i = n & Di, s = rt(e), u = s.length, a = rt(t), d = a.length;
+  if (u != d && !i)
     return !1;
-  for (var f = a; f--; ) {
-    var y = s[f];
-    if (!(i ? y in t : Ei.call(t, y)))
+  for (var c = u; c--; ) {
+    var g = s[c];
+    if (!(i ? g in t : Ei.call(t, g)))
       return !1;
   }
-  var v = o.get(e), b = o.get(t);
-  if (v && b)
-    return v == t && b == e;
-  var L = !0;
+  var y = o.get(e), h = o.get(t);
+  if (y && h)
+    return y == t && h == e;
+  var M = !0;
   o.set(e, t), o.set(t, e);
-  for (var _ = i; ++f < a; ) {
-    y = s[f];
-    var D = e[y], w = t[y];
+  for (var b = i; ++c < u; ) {
+    g = s[c];
+    var D = e[g], w = t[g];
     if (r)
-      var x = i ? r(w, D, y, t, e, o) : r(D, w, y, e, t, o);
-    if (!(x === void 0 ? D === w || l(D, w, n, r, o) : x)) {
-      L = !1;
+      var U = i ? r(w, D, g, t, e, o) : r(D, w, g, e, t, o);
+    if (!(U === void 0 ? D === w || l(D, w, n, r, o) : U)) {
+      M = !1;
       break;
     }
-    _ || (_ = y == "constructor");
+    b || (b = g == "constructor");
   }
-  if (L && !_) {
-    var A = e.constructor, M = t.constructor;
-    A != M && "constructor" in e && "constructor" in t && !(typeof A == "function" && A instanceof A && typeof M == "function" && M instanceof M) && (L = !1);
+  if (M && !b) {
+    var A = e.constructor, V = t.constructor;
+    A != V && "constructor" in e && "constructor" in t && !(typeof A == "function" && A instanceof A && typeof V == "function" && V instanceof V) && (M = !1);
   }
-  return o.delete(e), o.delete(t), L;
+  return o.delete(e), o.delete(t), M;
 }
 var ki = 1, Nt = "[object Arguments]", kt = "[object Array]", Ee = "[object Object]", Bi = Object.prototype, Bt = Bi.hasOwnProperty;
 function Ri(e, t, n, r, l, o) {
-  var i = Pe(e), s = Pe(t), a = i ? kt : Z(e), u = s ? kt : Z(t);
-  a = a == Nt ? Ee : a, u = u == Nt ? Ee : u;
-  var d = a == Ee, f = u == Ee, y = a == u;
-  if (y && Ge(e)) {
+  var i = Pe(e), s = Pe(t), u = i ? kt : Z(e), a = s ? kt : Z(t);
+  u = u == Nt ? Ee : u, a = a == Nt ? Ee : a;
+  var d = u == Ee, c = a == Ee, g = u == a;
+  if (g && Ge(e)) {
     if (!Ge(t))
       return !1;
     i = !0, d = !1;
   }
-  if (y && !d)
-    return o || (o = new te()), i || en(e) ? an(e, t, n, r, l, o) : Li(e, t, a, n, r, l, o);
+  if (g && !d)
+    return o || (o = new ne()), i || en(e) ? an(e, t, n, r, l, o) : Li(e, t, u, n, r, l, o);
   if (!(n & ki)) {
-    var v = d && Bt.call(e, "__wrapped__"), b = f && Bt.call(t, "__wrapped__");
-    if (v || b) {
-      var L = v ? e.value() : e, _ = b ? t.value() : t;
-      return o || (o = new te()), l(L, _, n, r, o);
+    var y = d && Bt.call(e, "__wrapped__"), h = c && Bt.call(t, "__wrapped__");
+    if (y || h) {
+      var M = y ? e.value() : e, b = h ? t.value() : t;
+      return o || (o = new ne()), l(M, b, n, r, o);
     }
   }
-  return y ? (o || (o = new te()), Ni(e, t, n, r, l, o)) : !1;
+  return g ? (o || (o = new ne()), Ni(e, t, n, r, l, o)) : !1;
 }
 function un(e, t, n, r, l) {
-  return e === t ? !0 : e == null || t == null || !ce(e) && !ce(t) ? e !== e && t !== t : Ri(e, t, n, r, un, l);
+  return e === t ? !0 : e == null || t == null || !fe(e) && !fe(t) ? e !== e && t !== t : Ri(e, t, n, r, un, l);
 }
 function Ze(e, t) {
   return un(e, t);
@@ -690,8 +690,8 @@ function Fi(e, t) {
   const o = [];
   return n.forEach((i) => {
     const s = [];
-    r.forEach((a) => {
-      a.group === i.id && (a.show = !i.collapse, s.push(a));
+    r.forEach((u) => {
+      u.group === i.id && (u.show = !i.collapse, s.push(u));
     }), i.count = s.length, i.count > 0 && (o.push(i), o.push(...s));
   }), o;
 }
@@ -753,7 +753,7 @@ const Ne = (e, t) => {
 }, dt = (e) => !(e instanceof Array), pt = (e) => e instanceof Array, zi = [
   ["basic", "id"],
   ["basic", "name"]
-], Ki = (e) => zi.find((t) => Ze(e, t)), Je = (e, t, n, r, l, o, i) => (e = sn(e), o !== void 0 ? (e.push(o), i && e.push(t.key)) : e.push(t.key), Ki(e) ? (r.change = !1, r.change) : t.ui ? t.array && o === void 0 ? Ii(
+], Ki = (e) => zi.find((t) => Ze(e, t)), Je = (e, t, n, r, l, o, i) => (e = sn(e), o !== void 0 ? (e.push(o), i && e.push(t.key)) : e.push(t.key), Ki(e) ? (r.change = !1, r.change) : t.ui ? t.array && o === void 0 ? Xi(
   e,
   t,
   n,
@@ -769,7 +769,7 @@ const Ne = (e, t) => {
   l,
   o,
   i
-) : Xi(
+) : Ii(
   e,
   t,
   n,
@@ -786,33 +786,33 @@ const Ne = (e, t) => {
     return console.assert(!1, "execPropBranchArray state children must be array"), !1;
   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++) {
+  for (let u = 0; u < s.length; u++) {
     r.children.push({
       change: !1,
       children: {}
     });
-    const u = r.children[a];
+    const a = r.children[u];
     t.children.forEach((d) => {
-      if (!dt(u.children)) {
+      if (!dt(a.children)) {
         console.assert(!1);
         return;
       }
-      u.children[d.key] = {
+      a.children[d.key] = {
         change: !1,
         children: d.array ? [] : {}
       }, Je(
         e,
         d,
-        s[a],
-        u.children[d.key],
+        s[u],
+        a.children[d.key],
         l,
-        a,
+        u,
         !0
-      ) && (u.change = !0), u.change && (r.change = !0);
+      ) && (a.change = !0), a.change && (r.change = !0);
     });
   }
   return r.change || (r.change = !Ze(s, N(t))), r.change;
-}, Xi = (e, t, n, r, l, o, i) => {
+}, Ii = (e, t, n, r, l, o, i) => {
   if (t.ui)
     return console.assert(!1, "execPropBranchScalar prop ui must be invalid"), !1;
   if (t.array)
@@ -821,15 +821,15 @@ const Ne = (e, t) => {
     return console.assert(!1, "execPropBranchScalar state children must be map"), !1;
   let s;
   o !== void 0 && !i ? (n[o] || (n[o] = {}), s = n[o]) : (n[t.key] || (n[t.key] = {}), s = n[t.key]), r.change = !1;
-  for (let a = 0; a < t.children.length; a++) {
-    const u = t.children[a];
-    r.children[u.key] = {
+  for (let u = 0; u < t.children.length; u++) {
+    const a = t.children[u];
+    r.children[a.key] = {
       change: !1,
-      children: u.array ? [] : {}
-    }, Je(e, u, s, r.children[u.key], l) && (r.change = !0);
+      children: a.array ? [] : {}
+    }, Je(e, a, s, r.children[a.key], l) && (r.change = !0);
   }
   return r.change;
-}, Ii = (e, t, n, r, l, o, i) => {
+}, Xi = (e, t, n, r, l, o, i) => {
   if (!t.ui)
     return console.assert(!1, "execPropLeafArray prop ui must be valid"), !1;
   if (!t.array)
@@ -838,11 +838,11 @@ const Ne = (e, t) => {
     return console.assert(!1, "execPropLeafArray state children must be array"), !1;
   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] = {
+  for (let u = 0; u < s.length; u++)
+    r.children[u] = {
       change: !1,
       children: {}
-    }, Je(e, t, s, r.children[a], l, a, !1) && (r.change = !0);
+    }, Je(e, t, s, r.children[u], l, u, !1) && (r.change = !0);
   return r.change || (r.change = !Ze(s, N(t))), r.change;
 }, Zi = (e, t, n, r, l) => {
   if (!e.ui)
@@ -868,100 +868,100 @@ const Ne = (e, t) => {
       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]);
   }), (n == null ? void 0 : n.change) ?? !1;
-}, fn = Symbol(), dn = Symbol(), pn = Symbol(), mn = Symbol(), vn = Symbol();
+}, fn = Symbol(), dn = Symbol(), pn = Symbol(), vn = Symbol(), mn = Symbol();
 function Ji(e) {
-  xe(fn, e);
+  Me(fn, e);
 }
 function Wi() {
-  return Me(fn);
+  return Ue(fn);
 }
 function Yi(e) {
-  xe(dn, e);
+  Me(dn, e);
 }
 function Qi() {
-  return Me(dn);
+  return Ue(dn);
 }
 function es(e) {
-  xe(pn, e);
+  Me(pn, e);
 }
 function ts() {
-  return Me(pn);
+  return Ue(pn);
 }
 function ns(e) {
-  xe(mn, e);
+  Me(vn, e);
 }
 function rs() {
-  return Me(mn);
+  return Ue(vn);
 }
 function os(e) {
-  xe(vn, e);
+  Me(mn, e);
 }
 function gn() {
-  return Me(vn);
+  return Ue(mn);
 }
 const ls = /* @__PURE__ */ z({
   __name: "menu",
   setup(e) {
-    const { t } = de(), n = Wi(), r = Qi(), l = ts(), o = rs(), i = B(0), s = B(0), a = B([]), u = G(() => [i.value, s.value]), d = (_) => {
-      const D = () => !(a.value.length <= 0 || !be(l.value, a.value)), w = () => {
+    const { t } = ie(), n = Wi(), r = Qi(), l = ts(), o = rs(), i = B(0), s = B(0), u = B([]), a = F(() => [i.value, s.value]), d = (b) => {
+      const D = () => !(u.value.length <= 0 || !be(l.value, u.value)), w = () => {
         if (!D())
           return;
-        const x = Ne(n.value, a.value);
-        if (x)
-          if (x.ui) {
-            const A = Ae(r.value, a.value.slice(0, -1));
+        const U = Ne(n.value, u.value);
+        if (U)
+          if (U.ui) {
+            const A = Ae(r.value, u.value.slice(0, -1));
             if (!A)
               return;
-            A[a.value.at(-1)] = N(x), o(a.value, A[a.value.at(-1)]);
-          } else if (x.array) {
-            const A = a.value.at(-1);
+            A[u.value.at(-1)] = N(U), o(u.value, A[u.value.at(-1)]);
+          } else if (U.array) {
+            const A = u.value.at(-1);
             if (A === void 0) {
               console.assert(!1, "invalid last key");
               return;
             }
             if (typeof A == "string") {
-              const M = Ae(r.value, a.value.slice(0, -1));
-              if (!M)
+              const V = Ae(r.value, u.value.slice(0, -1));
+              if (!V)
                 return;
-              M[a.value.at(-1)] = N(x), o(a.value, M[a.value.at(-1)]);
+              V[u.value.at(-1)] = N(U), o(u.value, V[u.value.at(-1)]);
             } else {
-              const M = Ae(r.value, a.value);
-              if (!M)
+              const V = Ae(r.value, u.value);
+              if (!V)
                 return;
-              x.children.forEach((W) => {
-                M[W.key] = N(x), o([...a.value, W.key], M[W.key]);
+              U.children.forEach((W) => {
+                V[W.key] = N(U), o([...u.value, W.key], V[W.key]);
               });
             }
           } else {
-            const A = Ae(r.value, a.value);
+            const A = Ae(r.value, u.value);
             if (!A)
               return;
-            x.children.forEach((M) => {
-              A[M.key] = N(x), o([...a.value, M.key], A[M.key]);
+            U.children.forEach((V) => {
+              A[V.key] = N(U), o([...u.value, V.key], A[V.key]);
             });
           }
       };
-      D() && _.push({
+      D() && b.push({
         title: t("x-prop-tree.reset"),
         func: w
       });
-    }, f = (_) => {
+    }, c = (b) => {
       const D = () => {
-        const w = Ne(n.value, a.value), x = Ae(r.value, a.value);
-        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: w, object: x }));
+        const w = Ne(n.value, u.value), U = Ae(r.value, u.value);
+        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: w, object: U }));
       };
-      _.push({
+      b.push({
         title: t("x-prop-tree.copy"),
         func: D
       });
-    }, y = (_) => {
+    }, g = (b) => {
       const D = () => {
-        const x = localStorage.getItem("propTreeCopy");
-        if (!x)
+        const U = localStorage.getItem("propTreeCopy");
+        if (!U)
           return !1;
         try {
-          const { prop: A } = JSON.parse(x), M = Ne(n.value, a.value);
-          return Gi(A, M);
+          const { prop: A } = JSON.parse(U), V = Ne(n.value, u.value);
+          return Gi(A, V);
         } catch (A) {
           console.error(A);
         }
@@ -969,38 +969,38 @@ const ls = /* @__PURE__ */ z({
       }, w = () => {
         if (!D())
           return;
-        const x = localStorage.getItem("propTreeCopy");
-        if (x)
+        const U = localStorage.getItem("propTreeCopy");
+        if (U)
           try {
-            const { object: A } = JSON.parse(x), M = Ne(n.value, a.value);
-            console.log(A, M);
+            const { object: A } = JSON.parse(U), V = Ne(n.value, u.value);
+            console.log(A, V);
           } catch (A) {
             console.error(A);
           }
       };
-      D() && _.push({
+      D() && b.push({
         title: t("x-prop-tree.paste"),
         func: w
       });
-    }, v = G(() => {
-      const _ = [];
-      return d(_), f(_), y(_), _;
-    }), b = (_) => {
-      i.value = _.x, s.value = _.y, a.value = _.keys;
-    }, { open: L } = at("propTreeMenu", b);
-    return (_, D) => {
-      const w = O("v-list-item-title"), x = O("v-list-item"), A = O("v-list"), M = O("v-menu");
-      return S(), R(M, {
-        modelValue: E(L),
-        "onUpdate:modelValue": D[0] || (D[0] = (W) => Fe(L) ? L.value = W : null),
+    }, y = F(() => {
+      const b = [];
+      return d(b), c(b), g(b), b;
+    }), h = (b) => {
+      i.value = b.x, s.value = b.y, u.value = b.keys;
+    }, { open: M } = at("propTreeMenu", h);
+    return (b, D) => {
+      const w = O("v-list-item-title"), U = O("v-list-item"), A = O("v-list"), V = O("v-menu");
+      return S(), R(V, {
+        modelValue: E(M),
+        "onUpdate:modelValue": D[0] || (D[0] = (W) => Fe(M) ? M.value = W : null),
         "location-strategy": "connected",
-        target: u.value,
+        target: a.value,
         scrim: "transparent"
       }, {
         default: J(() => [
           k(A, null, {
             default: J(() => [
-              (S(!0), F(He, null, Ht(v.value, (W, We) => (S(), R(x, {
+              (S(!0), H(He, null, Ht(y.value, (W, We) => (S(), R(U, {
                 key: We,
                 link: "",
                 onClick: W.func
@@ -1008,7 +1008,7 @@ const ls = /* @__PURE__ */ z({
                 default: J(() => [
                   k(w, null, {
                     default: J(() => [
-                      st(ne(W.title), 1)
+                      st(re(W.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -1036,46 +1036,46 @@ const ke = /* @__PURE__ */ z({
   },
   emits: ["collapse", "menu", "create", "delete"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = Te(), l = t, o = B(!1), i = G(() => ({
+    const { backgroundColor2: n, highlightColor: r } = Te(), l = t, o = B(!1), i = F(() => ({
       background: o.value ? r.value : n.value,
       height: "36px",
       marginBottom: "1px",
       userSelect: "none"
     })), s = () => {
       l("collapse", !e.collapse);
-    }, a = (u) => {
-      l("menu", u.clientX, u.clientY);
+    }, u = (a) => {
+      l("menu", a.clientX, a.clientY);
     };
-    return (u, d) => {
-      const f = O("v-icon"), y = O("v-spacer"), v = ae("ripple");
-      return re((S(), F("div", {
+    return (a, d) => {
+      const c = O("v-icon"), g = O("v-spacer"), y = le("ripple");
+      return Y((S(), H("div", {
         class: "d-flex align-center cursor-pointer",
-        style: ie(i.value),
+        style: ae(i.value),
         onClick: s,
-        onContextmenu: K(a, ["prevent"]),
-        onMouseover: d[2] || (d[2] = (b) => o.value = !0),
-        onMouseout: d[3] || (d[3] = (b) => o.value = !1)
+        onContextmenu: K(u, ["prevent"]),
+        onMouseover: d[2] || (d[2] = (h) => o.value = !0),
+        onMouseout: d[3] || (d[3] = (h) => o.value = !1)
       }, [
-        k(f, {
+        k(c, {
           class: "mr-1",
-          icon: u.collapse ? E(hn) : E(yn)
+          icon: a.collapse ? E(hn) : E(yn)
         }, null, 8, ["icon"]),
-        q("span", null, ne(u.title), 1),
-        k(y),
-        u.hasCreate ? (S(), R(f, {
+        q("span", null, re(a.title), 1),
+        k(g),
+        a.hasCreate ? (S(), R(c, {
           key: 0,
           class: "mx-3",
           icon: E(ss),
-          onClick: d[0] || (d[0] = K((b) => l("create"), ["stop"]))
-        }, null, 8, ["icon"])) : X("", !0),
-        u.hasDelete ? (S(), R(f, {
+          onClick: d[0] || (d[0] = K((h) => l("create"), ["stop"]))
+        }, null, 8, ["icon"])) : I("", !0),
+        a.hasDelete ? (S(), R(c, {
           key: 1,
           class: "mx-3",
           icon: E(ge),
-          onClick: d[1] || (d[1] = K((b) => l("delete", u.index), ["stop"]))
-        }, null, 8, ["icon"])) : X("", !0)
+          onClick: d[1] || (d[1] = K((h) => l("delete", a.index), ["stop"]))
+        }, null, 8, ["icon"])) : I("", !0)
       ], 36)), [
-        [v]
+        [y]
       ]);
     };
   }
@@ -1086,25 +1086,25 @@ const ke = /* @__PURE__ */ z({
   },
   emits: ["menu"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = Te(), l = t, o = B(!1), i = G(() => ({
+    const { backgroundColor2: n, highlightColor: r } = Te(), l = t, o = B(!1), i = F(() => ({
       background: o.value ? r.value : n.value,
       minHeight: e.minHeight,
       paddingRight: "4px",
       marginBottom: "1px",
       userSelect: "none"
-    })), s = (a) => {
-      l("menu", a.clientX, a.clientY);
+    })), s = (u) => {
+      l("menu", u.clientX, u.clientY);
     };
-    return (a, u) => {
-      const d = ae("ripple");
-      return re((S(), F("div", {
+    return (u, a) => {
+      const d = le("ripple");
+      return Y((S(), H("div", {
         class: "d-flex justify-space-between align-center cursor-pointer",
-        style: ie(i.value),
+        style: ae(i.value),
         onContextmenu: K(s, ["prevent"]),
-        onMouseover: u[0] || (u[0] = (f) => o.value = !0),
-        onMouseout: u[1] || (u[1] = (f) => o.value = !1)
+        onMouseover: a[0] || (a[0] = (c) => o.value = !0),
+        onMouseout: a[1] || (a[1] = (c) => o.value = !1)
       }, [
-        Mn(a.$slots, "default")
+        Un(u.$slots, "default")
       ], 36)), [
         [d]
       ]);
@@ -1112,20 +1112,20 @@ const ke = /* @__PURE__ */ z({
   }
 });
 function us(e, t, n) {
-  const { t: r } = de();
+  const { t: r } = ie();
   return { renderProp: (o, i, s) => {
-    let a = r(i.name);
-    return be(e.value, o) && (a += " *"), h(
+    let u = r(i.name);
+    return be(e.value, o) && (u += " *"), _(
       as,
       {
         minHeight: t.value,
-        onMenu: (u, d) => {
-          _e.emit("propTreeMenu", { x: u, y: d, keys: o });
+        onMenu: (a, d) => {
+          _e.emit("propTreeMenu", { x: a, y: d, keys: o });
         }
       },
       () => [
-        h("span", { class: "ml-1", innerHTML: a }),
-        h("div", { style: { width: n.value } }, s)
+        _("span", { class: "ml-1", innerHTML: u }),
+        _("div", { style: { width: n.value } }, s)
       ]
     );
   } };
@@ -1147,29 +1147,29 @@ function cs(e) {
 }
 const fs = { class: "d-flex justify-space-between align-center" }, ds = /* @__PURE__ */ z({
   __name: "strInput",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ I(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const n = oe(e, "modelValue"), r = t;
     return (l, o) => {
-      const i = O("v-text-field"), s = O("v-icon"), a = ae("ripple");
-      return S(), F("div", fs, [
-        re(k(i, {
+      const i = O("v-text-field"), s = O("v-icon"), u = le("ripple");
+      return S(), H("div", fs, [
+        Y(k(i, {
           modelValue: n.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (u) => n.value = u),
+          "onUpdate:modelValue": o[0] || (o[0] = (a) => n.value = a),
           density: "compact",
           "hide-details": "",
           "single-line": "",
           readonly: l.readonly
         }, null, 8, ["modelValue", "readonly"]), [
           [
-            a,
+            u,
             void 0,
             void 0,
             { stop: !0 }
@@ -1179,15 +1179,12 @@ const fs = { class: "d-flex justify-space-between align-center" }, ds = /* @__PU
           key: 0,
           class: "mx-2",
           icon: E(ge),
-          onClick: o[1] || (o[1] = K((u) => r("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : X("", !0)
+          onClick: o[1] || (o[1] = K((a) => r("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
   }
-}), ye = (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]);
-}, he = (e, t, n, r, l, o, i) => {
+}), ye = (e, t, n, r, l, o) => l !== void 0 && !o ? n[l] : n[t.key], he = (e, t, n, r, l, o, i) => {
   const s = N(t, !0);
   if (typeof r != typeof s) {
     console.assert(!1);
@@ -1196,7 +1193,7 @@ const fs = { class: "d-flex justify-space-between align-center" }, ds = /* @__PU
   o !== void 0 && !i ? r !== n[o] && (n[o] = r, l(e, n[o])) : r !== n[t.key] && (n[t.key] = r, l(e, n[t.key]));
 };
 function ps(e) {
-  return { renderUiStrInput: (n, r, l, o, i) => r.ui !== "strInput" ? (console.assert(!1), h("div", "renderUiStrInput prop ui must be strInput")) : h(ds, {
+  return { renderUiStrInput: (n, r, l, o, i) => r.ui !== "strInput" ? (console.assert(!1), _("div", "renderUiStrInput prop ui must be strInput")) : _(ds, {
     modelValue: r.static ? r.value : ye(
       n,
       r,
@@ -1223,9 +1220,9 @@ function ps(e) {
     readonly: r.static || r.readonly
   }) };
 }
-const ms = { class: "d-flex justify-space-between align-center" }, vs = /* @__PURE__ */ z({
+const vs = { class: "d-flex justify-space-between align-center" }, ms = /* @__PURE__ */ z({
   __name: "numInput",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
     precision: { default: () => {
     } },
@@ -1237,15 +1234,15 @@ const ms = { class: "d-flex justify-space-between align-center" }, vs = /* @__PU
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ I(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const n = oe(e, "modelValue"), r = t;
     return (l, o) => {
-      const i = O("v-number-input"), s = O("v-icon"), a = ae("ripple");
-      return S(), F("div", ms, [
-        re(k(i, {
+      const i = O("v-number-input"), s = O("v-icon"), u = le("ripple");
+      return S(), H("div", vs, [
+        Y(k(i, {
           modelValue: n.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (u) => n.value = u),
+          "onUpdate:modelValue": o[0] || (o[0] = (a) => n.value = a),
           density: "compact",
           "control-variant": "stacked",
           precision: l.precision,
@@ -1257,7 +1254,7 @@ const ms = { class: "d-flex justify-space-between align-center" }, vs = /* @__PU
           readonly: l.readonly
         }, null, 8, ["modelValue", "precision", "min", "max", "step", "readonly"]), [
           [
-            a,
+            u,
             void 0,
             void 0,
             { stop: !0 }
@@ -1267,14 +1264,14 @@ const ms = { class: "d-flex justify-space-between align-center" }, vs = /* @__PU
           key: 0,
           class: "mx-2",
           icon: E(ge),
-          onClick: o[1] || (o[1] = K((u) => r("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : X("", !0)
+          onClick: o[1] || (o[1] = K((a) => r("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
   }
 });
 function gs(e) {
-  return { renderUiNumInput: (n, r, l, o, i) => r.ui !== "numInput" ? (console.assert(!1), h("div", "renderUiNumInput prop ui must be numInput")) : h(vs, {
+  return { renderUiNumInput: (n, r, l, o, i) => r.ui !== "numInput" ? (console.assert(!1), _("div", "renderUiNumInput prop ui must be numInput")) : _(ms, {
     modelValue: ye(
       n,
       r,
@@ -1303,40 +1300,51 @@ function gs(e) {
 }
 const ys = { class: "d-flex justify-space-between align-center" }, hs = /* @__PURE__ */ z({
   __name: "switch",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ I(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = oe(e, "modelValue"), r = t;
-    return (l, o) => {
-      const i = O("v-switch"), s = O("v-icon");
-      return S(), F("div", ys, [
-        k(i, {
-          modelValue: n.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (a) => n.value = a),
-          class: "ml-1",
+    const { t: n } = ie(), r = oe(e, "modelValue"), l = t, o = F(() => [
+      { title: n("x-runtime-lib.notSet"), value: void 0 },
+      { title: n("x-runtime-lib.true"), value: !0 },
+      { title: n("x-runtime-lib.false"), value: !1 }
+    ]);
+    return (i, s) => {
+      const u = O("v-select"), a = O("v-icon"), d = le("ripple");
+      return S(), H("div", ys, [
+        Y(k(u, {
+          modelValue: r.value,
+          "onUpdate:modelValue": s[0] || (s[0] = (c) => r.value = c),
           density: "compact",
-          color: "primary",
+          items: o.value,
           "hide-details": "",
-          readonly: l.readonly
-        }, null, 8, ["modelValue", "readonly"]),
-        l.hasDelete ? (S(), R(s, {
+          "single-line": "",
+          readonly: i.readonly
+        }, null, 8, ["modelValue", "items", "readonly"]), [
+          [
+            d,
+            void 0,
+            void 0,
+            { stop: !0 }
+          ]
+        ]),
+        i.hasDelete ? (S(), R(a, {
           key: 0,
           class: "mx-2",
           icon: E(ge),
-          onClick: o[1] || (o[1] = K((a) => r("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : X("", !0)
+          onClick: s[1] || (s[1] = K((c) => l("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
   }
 });
 function _s(e) {
-  return { renderUiSwitch: (n, r, l, o, i) => r.ui !== "switch" ? (console.assert(!1), h("div", "renderUiSwitch prop ui must be switch")) : h(hs, {
+  return { renderUiSwitch: (n, r, l, o, i) => r.ui !== "switch" ? (console.assert(!1), _("div", "renderUiSwitch prop ui must be switch")) : _(hs, {
     modelValue: ye(
       n,
       r,
@@ -1365,7 +1373,7 @@ function _s(e) {
 }
 const bs = { class: "d-flex justify-space-between align-center" }, $s = /* @__PURE__ */ z({
   __name: "select",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 },
     items: {}
@@ -1373,15 +1381,15 @@ const bs = { class: "d-flex justify-space-between align-center" }, $s = /* @__PU
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ I(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const n = oe(e, "modelValue"), r = t;
     return (l, o) => {
-      const i = O("v-select"), s = O("v-icon"), a = ae("ripple");
-      return S(), F("div", bs, [
-        re(k(i, {
+      const i = O("v-select"), s = O("v-icon"), u = le("ripple");
+      return S(), H("div", bs, [
+        Y(k(i, {
           modelValue: n.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (u) => n.value = u),
+          "onUpdate:modelValue": o[0] || (o[0] = (a) => n.value = a),
           density: "compact",
           items: l.items,
           "hide-details": "",
@@ -1389,7 +1397,7 @@ const bs = { class: "d-flex justify-space-between align-center" }, $s = /* @__PU
           readonly: l.readonly
         }, null, 8, ["modelValue", "items", "readonly"]), [
           [
-            a,
+            u,
             void 0,
             void 0,
             { stop: !0 }
@@ -1399,15 +1407,15 @@ const bs = { class: "d-flex justify-space-between align-center" }, $s = /* @__PU
           key: 0,
           class: "mx-2",
           icon: E(ge),
-          onClick: o[1] || (o[1] = K((u) => r("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : X("", !0)
+          onClick: o[1] || (o[1] = K((a) => r("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
   }
 });
 function Ts(e) {
-  const { t } = de();
-  return { renderUiSelect: (r, l, o, i, s) => l.ui !== "select" ? (console.assert(!1), h("div", "renderUiSelect prop ui must be select")) : h($s, {
+  const { t } = ie();
+  return { renderUiSelect: (r, l, o, i, s) => l.ui !== "select" ? (console.assert(!1), _("div", "renderUiSelect prop ui must be select")) : _($s, {
     modelValue: ye(
       r,
       l,
@@ -1416,12 +1424,12 @@ function Ts(e) {
       i,
       s
     ),
-    "onUpdate:modelValue": (a) => {
+    "onUpdate:modelValue": (u) => {
       he(
         r,
         l,
         o,
-        a,
+        u,
         e,
         i,
         s
@@ -1432,13 +1440,13 @@ function Ts(e) {
       i === void 0 || s || (o.splice(i, 1), e(r.slice(0, -1), o));
     },
     items: (() => {
-      const a = [];
-      return l.items.forEach(({ title: u, value: d }) => {
-        a.push({
-          title: t(u),
+      const u = [];
+      return l.items.forEach(({ title: a, value: d }) => {
+        u.push({
+          title: t(a),
           value: d
         });
-      }), a;
+      }), u;
     })(),
     readonly: l.readonly
   }) };
@@ -1453,29 +1461,29 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
   },
   emits: ["x-click"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = Te(), l = e, o = t, i = B(!1), s = G(() => ({
+    const { backgroundColor2: n, highlightColor: r } = Te(), l = e, o = t, i = B(!1), s = F(() => ({
       background: i.value ? r.value : n.value,
       height: "30px",
       marginBottom: "1px",
       userSelect: "none"
     }));
-    return (a, u) => {
-      const d = O("v-icon"), f = ae("ripple");
-      return re((S(), F("div", {
+    return (u, a) => {
+      const d = O("v-icon"), c = le("ripple");
+      return Y((S(), H("div", {
         class: "d-flex align-center cursor-pointer",
-        style: ie(s.value),
-        onClick: u[0] || (u[0] = (y) => o("x-click", l.id)),
-        onMouseover: u[1] || (u[1] = (y) => i.value = !0),
-        onMouseout: u[2] || (u[2] = (y) => i.value = !1)
+        style: ae(s.value),
+        onClick: a[0] || (a[0] = (g) => o("x-click", l.id)),
+        onMouseover: a[1] || (a[1] = (g) => i.value = !0),
+        onMouseout: a[2] || (a[2] = (g) => i.value = !1)
       }, [
         k(d, {
           icon: l.collapse ? E(hn) : E(yn),
           size: "small"
         }, null, 8, ["icon"]),
-        q("span", Ss, ne(l.title), 1),
-        q("span", ws, ne(l.count), 1)
+        q("span", Ss, re(l.title), 1),
+        q("span", ws, re(l.count), 1)
       ], 36)), [
-        [f]
+        [c]
       ]);
     };
   }
@@ -1487,116 +1495,116 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
   },
   emits: ["x-click"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = Te(), l = e, o = t, i = B(!1), s = G(() => ({
+    const { backgroundColor2: n, highlightColor: r } = Te(), l = e, o = t, i = B(!1), s = F(() => ({
       background: i.value ? r.value : n.value,
       height: "48px",
       marginBottom: "1px",
       userSelect: "none"
     }));
-    return (a, u) => {
-      const d = ae("ripple");
-      return re((S(), F("div", {
+    return (u, a) => {
+      const d = le("ripple");
+      return Y((S(), H("div", {
         class: "d-flex align-center cursor-pointer",
-        style: ie(s.value),
-        onClick: u[0] || (u[0] = (f) => o("x-click", l.id)),
-        onMouseover: u[1] || (u[1] = (f) => i.value = !0),
-        onMouseout: u[2] || (u[2] = (f) => i.value = !1)
+        style: ae(s.value),
+        onClick: a[0] || (a[0] = (c) => o("x-click", l.id)),
+        onMouseover: a[1] || (a[1] = (c) => i.value = !0),
+        onMouseout: a[2] || (a[2] = (c) => i.value = !1)
       }, [
-        q("span", Cs, ne(l.title), 1)
+        q("span", Cs, re(l.title), 1)
       ], 36)), [
         [d]
       ]);
     };
   }
-}), Os = { key: 0 }, Vs = {
+}), Os = { key: 0 }, xs = {
   key: 1,
   class: "text-body-2 text-grey ml-3"
-}, xs = /* @__PURE__ */ z({
+}, Ms = /* @__PURE__ */ z({
   __name: "index",
   props: {
-    modelValue: { required: !0 },
+    modelValue: {},
     modelModifiers: {},
     open: { type: Boolean, required: !0 },
     openModifiers: {}
   },
   emits: ["update:modelValue", "update:open"],
   setup(e) {
-    const { t } = de(), n = oe(e, "modelValue"), r = oe(e, "open"), l = gn(), o = (s) => {
-      const a = cn(l, s);
-      a && Hi(l, s, !a.collapse);
+    const { t } = ie(), n = oe(e, "modelValue"), r = oe(e, "open"), l = gn(), o = (s) => {
+      const u = cn(l, s);
+      u && Hi(l, s, !u.collapse);
     }, i = (s) => {
       n.value = s, r.value = !1, _e.emit("refreshDepends");
     };
-    return (s, a) => E(l).length > 0 ? (S(), F("div", Os, [
-      (S(!0), F(He, null, Ht(E(l), (u) => (S(), F(He, {
-        key: u.id
+    return (s, u) => E(l).length > 0 ? (S(), H("div", Os, [
+      (S(!0), H(He, null, Ht(E(l), (a) => (S(), H(He, {
+        key: a.id
       }, [
-        u.type === 0 ? (S(), R(As, {
+        a.type === 0 ? (S(), R(As, {
           key: 0,
-          id: u.id,
-          title: u.name,
-          collapse: u.collapse,
-          count: u.count ?? 0,
+          id: a.id,
+          title: a.name,
+          collapse: a.collapse,
+          count: a.count ?? 0,
           onXClick: o
-        }, null, 8, ["id", "title", "collapse", "count"])) : X("", !0),
-        u.type === 1 && u.show ? (S(), R(Ps, {
+        }, null, 8, ["id", "title", "collapse", "count"])) : I("", !0),
+        a.type === 1 && a.show ? (S(), R(Ps, {
           key: 1,
-          id: u.id,
-          title: u.name,
+          id: a.id,
+          title: a.name,
           onXClick: i
-        }, null, 8, ["id", "title"])) : X("", !0)
+        }, null, 8, ["id", "title"])) : I("", !0)
       ], 64))), 128))
-    ])) : (S(), F("div", Vs, ne(E(t)("x-prop-tree.noComp")), 1));
+    ])) : (S(), H("div", xs, re(E(t)("x-prop-tree.noComp")), 1));
   }
-}), Ms = { class: "text-subtitle-1 ml-3" }, Us = /* @__PURE__ */ z({
+}), Us = { class: "text-subtitle-1 ml-3" }, Vs = /* @__PURE__ */ z({
   __name: "index",
   props: {
-    modelValue: { required: !0 },
+    modelValue: {},
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const { t } = de(), n = Bn(), { sysBarAvail: r } = En(), { backgroundColor1: l } = Te(), o = oe(e, "modelValue"), i = gn(), s = G(() => {
-      let y = "100%";
-      return n.mdAndUp.value && (y = "400px"), {
+    const { t } = ie(), n = Bn(), { sysBarAvail: r } = En(), { backgroundColor1: l } = Te(), o = oe(e, "modelValue"), i = gn(), s = F(() => {
+      let g = "100%";
+      return n.mdAndUp.value && (g = "400px"), {
         background: l.value,
-        width: y,
+        width: g,
         height: "100%"
       };
-    }), a = G(() => {
-      let y = 48;
-      return r.value && (y += 24), {
+    }), u = F(() => {
+      let g = 48;
+      return r.value && (g += 24), {
         position: "relative",
-        height: `calc(100% - ${y}px)`
+        height: `calc(100% - ${g}px)`
       };
-    }), u = G(() => ({
+    }), a = F(() => ({
       height: "60px"
-    })), d = G(() => {
+    })), d = F(() => {
       if (!o.value)
         return t("x-prop-tree.notSet");
-      const y = cn(i, o.value);
-      return y ? y.name : t("x-runtime-lib.compNotAvail");
-    }), { open: f } = at(`propTreeCompSelectDlg${Gt()}`);
+      const g = cn(i, o.value);
+      return g ? g.name : t("x-runtime-lib.compNotAvail");
+    }), { open: c } = at(`propTreeCompSelectDlg${Gt()}`);
     return zt(() => {
-      f.value = !1;
-    }), (y, v) => {
-      const b = O("v-btn"), L = O("v-sheet"), _ = O("v-icon"), D = O("v-dialog");
+      c.value = !1;
+    }), (g, y) => {
+      const h = O("v-btn"), M = O("v-sheet"), b = O("v-icon"), D = O("v-dialog");
       return S(), R(D, {
-        modelValue: E(f),
-        "onUpdate:modelValue": v[5] || (v[5] = (w) => Fe(f) ? f.value = w : null),
+        modelValue: E(c),
+        "onUpdate:modelValue": y[5] || (y[5] = (w) => Fe(c) ? c.value = w : null),
         transition: "scroll-x-reverse-transition",
         persistent: "",
         "no-click-animation": "",
         fullscreen: "",
-        onKeydown: v[6] || (v[6] = Un(K((w) => f.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: y[6] || (y[6] = Vn(K((w) => c.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
         activator: J(({ props: w }) => [
-          k(b, Kt(w, {
+          k(h, Kt(w, {
             density: "comfortable",
             block: ""
           }), {
             default: J(() => [
-              st(ne(d.value), 1)
+              st(re(d.value), 1)
             ]),
             _: 2
           }, 1040)
@@ -1604,44 +1612,44 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
         default: J(() => [
           q("div", {
             class: "w-100 h-100 d-flex flex-row-reverse",
-            onClick: v[3] || (v[3] = K((w) => f.value = !1, ["self"])),
-            onContextmenu: v[4] || (v[4] = K((w) => f.value = !1, ["self", "prevent"]))
+            onClick: y[3] || (y[3] = K((w) => c.value = !1, ["self"])),
+            onContextmenu: y[4] || (y[4] = K((w) => c.value = !1, ["self", "prevent"]))
           }, [
             q("div", {
               class: "elevation-2",
-              style: ie(s.value)
+              style: ae(s.value)
             }, [
-              E(r) ? (S(), R(L, {
+              E(r) ? (S(), R(M, {
                 key: 0,
                 color: "transparent",
                 height: 24
-              })) : X("", !0),
-              k(L, {
+              })) : I("", !0),
+              k(M, {
                 class: "d-flex align-center px-3",
                 color: "transparent",
                 height: 48
               }, {
                 default: J(() => [
-                  k(_, {
+                  k(b, {
                     icon: E(is),
-                    onClick: v[0] || (v[0] = (w) => f.value = !1)
+                    onClick: y[0] || (y[0] = (w) => c.value = !1)
                   }, null, 8, ["icon"]),
-                  q("span", Ms, ne(E(t)("x-prop-tree.dlg.compSelect.title")), 1)
+                  q("span", Us, re(E(t)("x-prop-tree.dlg.compSelect.title")), 1)
                 ]),
                 _: 1
               }),
               q("div", {
                 class: "overflow-y-auto",
-                style: ie(a.value)
+                style: ae(u.value)
               }, [
-                k(xs, {
+                k(Ms, {
                   modelValue: o.value,
-                  "onUpdate:modelValue": v[1] || (v[1] = (w) => o.value = w),
-                  open: E(f),
-                  "onUpdate:open": v[2] || (v[2] = (w) => Fe(f) ? f.value = w : null)
+                  "onUpdate:modelValue": y[1] || (y[1] = (w) => o.value = w),
+                  open: E(c),
+                  "onUpdate:open": y[2] || (y[2] = (w) => Fe(c) ? c.value = w : null)
                 }, null, 8, ["modelValue", "open"]),
                 q("div", {
-                  style: ie(u.value)
+                  style: ae(a.value)
                 }, null, 4)
               ], 4)
             ], 4)
@@ -1653,7 +1661,7 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
   }
 });
 function Ls(e) {
-  return { renderUiCompSelect: (n, r, l, o, i) => r.ui !== "compSelect" ? (console.assert(!1), h("div", "renderUiCompSelect prop ui must be compSelect")) : h(Us, {
+  return { renderUiCompSelect: (n, r, l, o, i) => r.ui !== "compSelect" ? (console.assert(!1), _("div", "renderUiCompSelect prop ui must be compSelect")) : _(Vs, {
     modelValue: ye(
       n,
       r,
@@ -1677,61 +1685,61 @@ function Ls(e) {
 }
 const Ds = { class: "d-flex justify-space-between align-center" }, js = /* @__PURE__ */ z({
   __name: "colorPicker",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ I(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = oe(e, "modelValue"), r = t, l = G(() => {
-      let s = "100%";
-      return e.hasDelete && (s = "calc(100% - 37px)"), {
-        width: s
+    const { t: n } = ie(), r = oe(e, "modelValue"), l = t, o = F(() => {
+      let u = "100%";
+      return e.hasDelete && (u = "calc(100% - 37px)"), {
+        width: u
       };
-    }), o = G(() => e.readonly), { open: i } = at(`propTreeColorPickerMenu${Gt()}`);
+    }), i = F(() => e.readonly), { open: s } = at(`propTreeColorPickerMenu${Gt()}`);
     return zt(() => {
-      i.value = !1;
-    }), (s, a) => {
-      const u = O("v-btn"), d = O("v-icon"), f = O("v-color-picker"), y = O("v-menu");
+      s.value = !1;
+    }), (u, a) => {
+      const d = O("v-btn"), c = O("v-icon"), g = O("v-color-picker"), y = O("v-menu");
       return S(), R(y, {
-        modelValue: E(i),
-        "onUpdate:modelValue": a[2] || (a[2] = (v) => Fe(i) ? i.value = v : null),
+        modelValue: E(s),
+        "onUpdate:modelValue": a[2] || (a[2] = (h) => Fe(s) ? s.value = h : null),
         "close-on-content-click": !1,
         scrim: "transparent"
       }, {
-        activator: J(({ props: v }) => [
+        activator: J(({ props: h }) => [
           q("div", Ds, [
             q("div", {
               class: "flex-grow-1",
-              style: ie(l.value)
+              style: ae(o.value)
             }, [
-              k(u, Kt(v, {
+              k(d, Kt(h, {
                 density: "comfortable",
-                color: n.value,
+                color: r.value,
                 block: "",
-                disabled: o.value
+                disabled: i.value
               }), {
                 default: J(() => [
-                  st(ne(n.value), 1)
+                  st(re(r.value ? r.value : E(n)("x-runtime-lib.notSet")), 1)
                 ]),
                 _: 2
               }, 1040, ["color", "disabled"])
             ], 4),
-            s.hasDelete ? (S(), R(d, {
+            u.hasDelete ? (S(), R(c, {
               key: 0,
               class: "mx-2",
               icon: E(ge),
-              onClick: a[0] || (a[0] = K((b) => r("delete"), ["stop"]))
-            }, null, 8, ["icon"])) : X("", !0)
+              onClick: a[0] || (a[0] = K((M) => l("delete"), ["stop"]))
+            }, null, 8, ["icon"])) : I("", !0)
           ])
         ]),
         default: J(() => [
-          k(f, {
-            modelValue: n.value,
-            "onUpdate:modelValue": a[1] || (a[1] = (v) => n.value = v),
+          k(g, {
+            modelValue: r.value,
+            "onUpdate:modelValue": a[1] || (a[1] = (h) => r.value = h),
             mode: "hexa",
             "show-swatches": "",
             "swatches-max-height": "150px"
@@ -1743,7 +1751,7 @@ const Ds = { class: "d-flex justify-space-between align-center" }, js = /* @__PU
   }
 });
 function Es(e) {
-  return { renderUiColorPicker: (n, r, l, o, i) => r.ui !== "colorPicker" ? (console.assert(!1), h("div", "renderUiColorPicker prop ui must be colorPicker")) : h(js, {
+  return { renderUiColorPicker: (n, r, l, o, i) => r.ui !== "colorPicker" ? (console.assert(!1), _("div", "renderUiColorPicker prop ui must be colorPicker")) : _(js, {
     modelValue: ye(
       n,
       r,
@@ -1772,43 +1780,43 @@ function Es(e) {
 }
 const Ns = { class: "d-flex justify-space-between align-center my-2" }, ks = { class: "flex-grow-1" }, Bs = /* @__PURE__ */ z({
   __name: "multiTypes",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
     types: {}
   }, {
-    modelValue: { default: "" },
+    modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ I(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const { t: n } = de(), r = oe(e, "modelValue"), l = t, o = B(0), i = G(() => {
+    const { t: n } = ie(), r = oe(e, "modelValue"), l = t, o = B(0), i = F(() => {
       const d = [];
-      return e.types.forEach(({ name: f }, y) => {
+      return e.types.forEach(({ name: c }, g) => {
         d.push({
-          title: n(f),
-          value: y
+          title: n(c),
+          value: g
         });
       }), d;
     });
-    vt(() => {
-      e.types.some((d, f) => d.validator(r.value) ? (o.value = f, !0) : !1);
+    mt(() => {
+      e.types.some((d, c) => d.validator(r.value) ? (o.value = c, !0) : !1);
     });
-    const s = G(() => e.types[o.value]), a = () => {
+    const s = F(() => e.types[o.value]), u = () => {
       r.value = s.value.default;
-    }, u = B(0);
-    return vt(() => {
-      s.value.ui === "pixelInput" ? u.value = Nn(r.value) : s.value.ui === "percentInput" && (u.value = kn(r.value));
-    }), Be(u, (d) => {
+    }, a = B(0);
+    return mt(() => {
+      s.value.ui === "pixelInput" ? a.value = Nn(r.value) : s.value.ui === "percentInput" && (a.value = kn(r.value));
+    }), Be(a, (d) => {
       s.value.ui === "pixelInput" ? r.value = d + "px" : s.value.ui === "percentInput" && (r.value = d + "%");
-    }), (d, f) => {
-      const y = O("v-select"), v = O("v-number-input"), b = O("v-icon"), L = ae("ripple");
-      return S(), F("div", Ns, [
+    }), (d, c) => {
+      const g = O("v-select"), y = O("v-number-input"), h = O("v-icon"), M = le("ripple");
+      return S(), H("div", Ns, [
         q("div", ks, [
-          re(k(y, {
+          Y(k(g, {
             modelValue: o.value,
             "onUpdate:modelValue": [
-              f[0] || (f[0] = (_) => o.value = _),
-              a
+              c[0] || (c[0] = (b) => o.value = b),
+              u
             ],
             density: "compact",
             items: i.value,
@@ -1816,16 +1824,16 @@ const Ns = { class: "d-flex justify-space-between align-center my-2" }, ks = { c
             "single-line": ""
           }, null, 8, ["modelValue", "items"]), [
             [
-              L,
+              M,
               void 0,
               void 0,
               { stop: !0 }
             ]
           ]),
-          s.value.ui === "pixelInput" || s.value.ui === "percentInput" ? re((S(), R(v, {
+          s.value.ui === "pixelInput" || s.value.ui === "percentInput" ? Y((S(), R(y, {
             key: 0,
-            modelValue: u.value,
-            "onUpdate:modelValue": f[1] || (f[1] = (_) => u.value = _),
+            modelValue: a.value,
+            "onUpdate:modelValue": c[1] || (c[1] = (b) => a.value = b),
             density: "compact",
             "control-variant": "stacked",
             precision: s.value.precision,
@@ -1836,25 +1844,25 @@ const Ns = { class: "d-flex justify-space-between align-center my-2" }, ks = { c
             "single-line": ""
           }, null, 8, ["modelValue", "precision", "min", "max", "step"])), [
             [
-              L,
+              M,
               void 0,
               void 0,
               { stop: !0 }
             ]
-          ]) : X("", !0)
+          ]) : I("", !0)
         ]),
-        d.hasDelete ? (S(), R(b, {
+        d.hasDelete ? (S(), R(h, {
           key: 0,
           class: "mx-2",
           icon: E(ge),
-          onClick: f[2] || (f[2] = K((_) => l("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : X("", !0)
+          onClick: c[2] || (c[2] = K((b) => l("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
   }
 });
 function Rs(e) {
-  return { renderUiMultiTypes: (n, r, l, o, i) => r.ui !== "multiTypes" ? (console.assert(!1), h("div", "renderUiMultiTypes prop ui must be multiTypes")) : h(Bs, {
+  return { renderUiMultiTypes: (n, r, l, o, i) => r.ui !== "multiTypes" ? (console.assert(!1), _("div", "renderUiMultiTypes prop ui must be multiTypes")) : _(Bs, {
     modelValue: ye(
       n,
       r,
@@ -1890,94 +1898,94 @@ const Fs = /* @__PURE__ */ z({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const { t: n } = de(), { backgroundColor1: r } = Te(), l = e, o = t, i = B("20px"), s = B("56px"), a = B("200px"), u = Ln({}), d = B({}), f = (m, c) => {
-      Ft(d, l.config, l.object), o("change", m, c);
+    const { t: n } = ie(), { backgroundColor1: r } = Te(), l = e, o = t, i = B("20px"), s = B("56px"), u = B("200px"), a = Ln({}), d = B({}), c = (v, f) => {
+      Ft(d, l.config, l.object), o("change", v, f);
     };
     Be(
       [() => l.config, () => l.object],
       () => {
-        Ft(d, l.config, l.object, (m, c) => {
-          o("change", m, c);
+        Ft(d, l.config, l.object, (v, f) => {
+          o("change", v, f);
         });
       },
       { immediate: !0 }
     );
-    const y = B(l.config);
-    Ji(y), Be(
+    const g = B(l.config);
+    Ji(g), Be(
       () => l.config,
       () => {
-        y.value = l.config;
+        g.value = l.config;
       }
     );
-    const v = B(l.object);
-    Yi(v), Be(
+    const y = B(l.object);
+    Yi(y), Be(
       () => l.object,
       () => {
-        v.value = l.object;
+        y.value = l.object;
       }
-    ), es(d), ns(f);
-    const b = B([]);
-    os(b);
-    const L = () => {
-      const { compGroups: m, comps: c } = Rn.app.activeApp, g = [];
-      m.forEach(({ id: p, name: $, position: C }) => {
-        const U = b.value.find((Q) => Q.id === p);
-        g.push({
+    ), es(d), ns(c);
+    const h = B([]);
+    os(h);
+    const M = () => {
+      const { compGroups: v, comps: f } = Rn.app.activeApp, m = [];
+      v.forEach(({ id: p, name: $, position: C }) => {
+        const L = h.value.find((ee) => ee.id === p);
+        m.push({
           id: p,
           type: 0,
           name: $,
           position: C,
-          collapse: (U == null ? void 0 : U.collapse) ?? !0
+          collapse: (L == null ? void 0 : L.collapse) ?? !0
         });
-      }), c.forEach(({ id: p, groupid: $, name: C, position: U }) => {
-        g.push({ id: p, type: 1, name: C, position: U, group: $ });
-      }), Fi(g, !0), b.value = g;
+      }), f.forEach(({ id: p, groupid: $, name: C, position: L }) => {
+        m.push({ id: p, type: 1, name: C, position: L, group: $ });
+      }), Fi(m, !0), h.value = m;
     };
-    let _;
+    let b;
     const D = () => {
-      clearTimeout(_), _ = window.setTimeout(() => {
-        L(), _ && D();
+      clearTimeout(b), b = window.setTimeout(() => {
+        M(), b && D();
       }, 1e3);
     }, w = () => {
-      clearTimeout(_), _ = void 0;
+      clearTimeout(b), b = void 0;
     };
     Dn(() => {
       D();
     }), jn(() => {
       w();
     });
-    const { renderProp: x } = us(d, s, a), { renderUiDummy: A } = cs(f), { renderUiStrInput: M } = ps(f), { renderUiNumInput: W } = gs(f), { renderUiSwitch: We } = _s(f), { renderUiSelect: _n } = Ts(f), { renderUiColorPicker: bn } = Es(f), { renderUiMultiTypes: $n } = Rs(f), { renderUiCompSelect: Tn } = Ls(f), Le = (m, c, g, p, $, C) => (m = sn(m), $ !== void 0 ? (m.push($), C && m.push(c.key)) : m.push(c.key), c.ui ? c.array && $ === void 0 ? An(m, c, g, p, $, C) : Cn(m, c, g, $, C) : c.array ? Sn(m, c, g, p, $, C) : wn(
+    const { renderProp: U } = us(d, s, u), { renderUiDummy: A } = cs(c), { renderUiStrInput: V } = ps(c), { renderUiNumInput: W } = gs(c), { renderUiSwitch: We } = _s(c), { renderUiSelect: _n } = Ts(c), { renderUiColorPicker: bn } = Es(c), { renderUiMultiTypes: $n } = Rs(c), { renderUiCompSelect: Tn } = Ls(c), Le = (v, f, m, p, $, C) => (v = sn(v), $ !== void 0 ? (v.push($), C && v.push(f.key)) : v.push(f.key), f.ui ? f.array && $ === void 0 ? An(v, f, m, p, $, C) : Cn(v, f, m, $, C) : f.array ? Sn(v, f, m, p, $, C) : wn(
+      v,
+      f,
       m,
-      c,
-      g,
       p,
       $,
       C
-    )), Sn = (m, c, g, p, $, C) => {
-      if (c.ui)
-        return console.assert(!1), h("div", "renderBranchArray prop ui must be invalid");
-      if (!c.array)
-        return console.assert(!1), h("div", "renderBranchArray prop array must be valid");
+    )), Sn = (v, f, m, p, $, C) => {
+      if (f.ui)
+        return console.assert(!1), _("div", "renderBranchArray prop ui must be invalid");
+      if (!f.array)
+        return console.assert(!1), _("div", "renderBranchArray prop array must be valid");
       if (!p)
-        return console.assert(!1), h("div", "renderBranchArray branch must be valid");
-      let U;
-      $ !== void 0 && !C ? (g[$] instanceof Array || (g[$] = N(c), f(m, g[c.key])), U = g[$]) : (g[c.key] instanceof Array || (g[c.key] = N(c), f(m, g[c.key])), U = g[c.key]);
-      let Q = n(c.name);
-      p.collapse && be(d.value, m) && (Q += " *");
-      const Se = h(ke, {
-        title: Q,
+        return console.assert(!1), _("div", "renderBranchArray branch must be valid");
+      let L;
+      $ !== void 0 && !C ? (m[$] instanceof Array || (m[$] = N(f), c(v, m[f.key])), L = m[$]) : (m[f.key] instanceof Array || (m[f.key] = N(f), c(v, m[f.key])), L = m[f.key]);
+      let ee = n(f.name);
+      p.collapse && be(d.value, v) && (ee += " *");
+      const Se = _(ke, {
+        title: ee,
         collapse: p.collapse,
         hasCreate: !0,
         onCollapse: (T) => {
           p.collapse = T;
         },
         onMenu: (T, j) => {
-          _e.emit("propTreeMenu", { x: T, y: j, keys: m });
+          _e.emit("propTreeMenu", { x: T, y: j, keys: v });
         },
         onCreate: () => {
-          U.push({}), f(m, U);
+          L.push({}), c(v, L);
         }
-      }), H = h(
+      }), G = _(
         "div",
         {
           style: {
@@ -1986,7 +1994,7 @@ const Fs = /* @__PURE__ */ z({
         },
         (() => {
           const T = [];
-          for (let j = 0; j < U.length; j++) {
+          for (let j = 0; j < L.length; j++) {
             if (!tt(p.children)) {
               console.assert(!1);
               break;
@@ -1995,34 +2003,34 @@ const Fs = /* @__PURE__ */ z({
               collapse: !0,
               children: {}
             });
-            const De = [...m, j], je = p.children[j];
-            let mt = n("x-prop-tree.entry", { index: j });
-            p.children[j].collapse && be(d.value, De) && (mt += " *");
-            const On = h(ke, {
-              title: mt,
+            const De = [...v, j], je = p.children[j];
+            let vt = n("x-prop-tree.entry", { index: j });
+            p.children[j].collapse && be(d.value, De) && (vt += " *");
+            const On = _(ke, {
+              title: vt,
               collapse: p.children[j].collapse,
               hasDelete: !0,
               index: j,
-              onCollapse: (ee) => {
+              onCollapse: (te) => {
                 if (!tt(p.children)) {
                   console.assert(!1);
                   return;
                 }
-                p.children[j].collapse = ee;
+                p.children[j].collapse = te;
               },
-              onMenu: (ee, ue) => {
-                _e.emit("propTreeMenu", { x: ee, y: ue, keys: De });
+              onMenu: (te, ce) => {
+                _e.emit("propTreeMenu", { x: te, y: ce, keys: De });
               },
-              onDelete: (ee) => {
+              onDelete: (te) => {
                 if (!tt(p.children)) {
                   console.assert(!1);
                   return;
                 }
-                p.children.splice(ee, 1), U.splice(ee, 1), f(m, U);
+                p.children.splice(te, 1), L.splice(te, 1), c(v, L);
               }
             });
             T.push(On);
-            const Vn = h(
+            const xn = _(
               "div",
               {
                 style: {
@@ -2030,34 +2038,34 @@ const Fs = /* @__PURE__ */ z({
                 }
               },
               (() => {
-                const ee = [];
-                return c.children.forEach((ue) => {
+                const te = [];
+                return f.children.forEach((ce) => {
                   if (!Rt(je.children)) {
                     console.assert(!1);
                     return;
                   }
-                  je.children[ue.key] || (je.children[ue.key] = {
+                  je.children[ce.key] || (je.children[ce.key] = {
                     collapse: !0,
-                    children: ue.array ? [] : {}
+                    children: ce.array ? [] : {}
                   });
-                  const xn = Le(
-                    m,
-                    ue,
-                    U[j],
-                    je.children[ue.key],
+                  const Mn = Le(
+                    v,
+                    ce,
+                    L[j],
+                    je.children[ce.key],
                     j,
                     !0
                   );
-                  ee.push(xn);
-                }), ee;
+                  te.push(Mn);
+                }), te;
               })()
             );
-            p.children[j].collapse || T.push(Vn);
+            p.children[j].collapse || T.push(xn);
           }
           return T;
         })()
       );
-      return h(
+      return _(
         "div",
         {
           style: {
@@ -2066,32 +2074,32 @@ const Fs = /* @__PURE__ */ z({
         },
         (() => {
           const T = [];
-          return T.push(Se), p.collapse || T.push(H), T;
+          return T.push(Se), p.collapse || T.push(G), T;
         })()
       );
-    }, wn = (m, c, g, p, $, C) => {
-      if (c.ui)
-        return console.assert(!1), h("div", "renderBranchScalar prop ui must be invalid");
-      if (c.array)
-        return console.assert(!1), h("div", "renderBranchScalar prop array must be invalid");
+    }, wn = (v, f, m, p, $, C) => {
+      if (f.ui)
+        return console.assert(!1), _("div", "renderBranchScalar prop ui must be invalid");
+      if (f.array)
+        return console.assert(!1), _("div", "renderBranchScalar prop array must be invalid");
       if (!p)
-        return console.assert(!1), h("div", "renderBranchScalar branch must be valid");
-      let U = n(c.name);
-      p.collapse && be(d.value, m) && (U += " *");
-      const Q = h(ke, {
-        title: U,
+        return console.assert(!1), _("div", "renderBranchScalar branch must be valid");
+      let L = n(f.name);
+      p.collapse && be(d.value, v) && (L += " *");
+      const ee = _(ke, {
+        title: L,
         collapse: p.collapse,
         hasDelete: $ !== void 0 && !C,
-        onCollapse: (H) => {
-          p.collapse = H;
+        onCollapse: (G) => {
+          p.collapse = G;
         },
-        onMenu: (H, T) => {
-          _e.emit("propTreeMenu", { x: H, y: T, keys: m });
+        onMenu: (G, T) => {
+          _e.emit("propTreeMenu", { x: G, y: T, keys: v });
         },
         onDelete: () => {
-          $ === void 0 || C || (g.splice($, 1), f(m.slice(0, -1), g));
+          $ === void 0 || C || (m.splice($, 1), c(v.slice(0, -1), m));
         }
-      }), Se = h(
+      }), Se = _(
         "div",
         {
           style: {
@@ -2099,8 +2107,8 @@ const Fs = /* @__PURE__ */ z({
           }
         },
         (() => {
-          const H = [];
-          return c.children.forEach((T) => {
+          const G = [];
+          return f.children.forEach((T) => {
             if (!Rt(p.children)) {
               console.assert(!1);
               return;
@@ -2110,16 +2118,16 @@ const Fs = /* @__PURE__ */ z({
               children: !T.ui && T.array ? [] : {}
             });
             const j = Le(
-              m,
+              v,
               T,
-              (typeof g[c.key] != "object" && (g[c.key] = {}, f(m, g[c.key])), g[c.key]),
+              (typeof m[f.key] != "object" && (m[f.key] = {}, c(v, m[f.key])), m[f.key]),
               p.children[T.key]
             );
-            H.push(j);
-          }), H;
+            G.push(j);
+          }), G;
         })()
       );
-      return h(
+      return _(
         "div",
         {
           style: {
@@ -2127,35 +2135,35 @@ const Fs = /* @__PURE__ */ z({
           }
         },
         (() => {
-          const H = [];
-          return H.push(Q), p.collapse || H.push(Se), H;
+          const G = [];
+          return G.push(ee), p.collapse || G.push(Se), G;
         })()
       );
-    }, An = (m, c, g, p, $, C) => {
-      if (!c.ui)
-        return console.assert(!1), h("div", "renderLeafArray prop ui must be valid");
-      if (!c.array)
-        return console.assert(!1), h("div", "renderLeafArray prop array must be valid");
+    }, An = (v, f, m, p, $, C) => {
+      if (!f.ui)
+        return console.assert(!1), _("div", "renderLeafArray prop ui must be valid");
+      if (!f.array)
+        return console.assert(!1), _("div", "renderLeafArray prop array must be valid");
       if (!p)
-        return console.assert(!1), h("div", "renderLeafArray branch must be valid");
-      let U;
-      $ !== void 0 && !C ? (g[$] instanceof Array || (g[$] = N(c), f(m, g[$])), U = g[$]) : (g[c.key] instanceof Array || (g[c.key] = N(c), f(m, g[c.key])), U = g[c.key]);
-      let Q = n(c.name);
-      p.collapse && be(d.value, m) && (Q += " *");
-      const Se = h(ke, {
-        title: Q,
+        return console.assert(!1), _("div", "renderLeafArray branch must be valid");
+      let L;
+      $ !== void 0 && !C ? (m[$] instanceof Array || (m[$] = N(f), c(v, m[$])), L = m[$]) : (m[f.key] instanceof Array || (m[f.key] = N(f), c(v, m[f.key])), L = m[f.key]);
+      let ee = n(f.name);
+      p.collapse && be(d.value, v) && (ee += " *");
+      const Se = _(ke, {
+        title: ee,
         collapse: p.collapse,
         hasCreate: !0,
         onCollapse: (T) => {
           p.collapse = T;
         },
         onMenu: (T, j) => {
-          _e.emit("propTreeMenu", { x: T, y: j, keys: m });
+          _e.emit("propTreeMenu", { x: T, y: j, keys: v });
         },
         onCreate: () => {
-          U.push(N(c, !0)), f(m, U);
+          L.push(N(f, !0)), c(v, L);
         }
-      }), H = h(
+      }), G = _(
         "div",
         {
           style: {
@@ -2164,14 +2172,14 @@ const Fs = /* @__PURE__ */ z({
         },
         (() => {
           const T = [];
-          for (let j = 0; j < U.length; j++) {
-            const De = Le(m, c, U, void 0, j, !1);
+          for (let j = 0; j < L.length; j++) {
+            const De = Le(v, f, L, void 0, j, !1);
             T.push(De);
           }
           return T;
         })()
       );
-      return h(
+      return _(
         "div",
         {
           style: {
@@ -2180,15 +2188,15 @@ const Fs = /* @__PURE__ */ z({
         },
         (() => {
           const T = [];
-          return T.push(Se), p.collapse || T.push(H), T;
+          return T.push(Se), p.collapse || T.push(G), T;
         })()
       );
-    }, Cn = (m, c, g, p, $) => {
-      if (!c.ui)
-        return console.assert(!1), h("div", "renderLeafScalar prop ui must be valid");
+    }, Cn = (v, f, m, p, $) => {
+      if (!f.ui)
+        return console.assert(!1), _("div", "renderLeafScalar prop ui must be valid");
       let C;
-      return c.ui === "dummy" ? C = A(m, c, g, p, $) : c.ui === "strInput" ? C = M(m, c, g, p, $) : c.ui === "numInput" ? C = W(m, c, g, p, $) : c.ui === "switch" ? C = We(m, c, g, p, $) : c.ui === "select" ? C = _n(m, c, g, p, $) : c.ui === "colorPicker" ? C = bn(m, c, g, p, $) : c.ui === "multiTypes" ? C = $n(m, c, g, p, $) : c.ui === "compSelect" ? C = Tn(m, c, g, p, $) : console.assert(!1, "renderLeafScalar not implemented"), C ? x(m, c, C) : h("div");
-    }, Pn = () => h(
+      return f.ui === "dummy" ? C = A(v, f, m, p, $) : f.ui === "strInput" ? C = V(v, f, m, p, $) : f.ui === "numInput" ? C = W(v, f, m, p, $) : f.ui === "switch" ? C = We(v, f, m, p, $) : f.ui === "select" ? C = _n(v, f, m, p, $) : f.ui === "colorPicker" ? C = bn(v, f, m, p, $) : f.ui === "multiTypes" ? C = $n(v, f, m, p, $) : f.ui === "compSelect" ? C = Tn(v, f, m, p, $) : console.assert(!1, "renderLeafScalar not implemented"), C ? U(v, f, C) : _("div");
+    }, Pn = () => _(
       "div",
       {
         class: "text-body-2",
@@ -2197,23 +2205,23 @@ const Fs = /* @__PURE__ */ z({
         }
       },
       (() => {
-        const m = [];
+        const v = [];
         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] = {
+          a[l.unique] || (a[l.unique] = {});
+          const f = a[l.unique];
+          l.config.forEach((m) => {
+            f[m.key] || (f[m.key] = {
               collapse: !0,
-              children: !g.ui && g.array ? [] : {}
+              children: !m.ui && m.array ? [] : {}
             });
-            const p = Le([], g, l.object, c[g.key]);
-            m.push(p);
+            const p = Le([], m, l.object, f[m.key]);
+            v.push(p);
           });
         }
-        return m;
+        return v;
       })()
     );
-    return (m, c) => (S(), F(He, null, [
+    return (v, f) => (S(), H(He, null, [
       k(Pn),
       k(ls, {
         config: l.config,