x-prop-tree 0.6.15 → 0.6.17

package/dist/index.js

@@ -1,7 +1,7 @@
-import { provide as Te, inject as Se, defineComponent as K, ref as R, computed as k, resolveComponent as M, createBlock as F, openBlock as w, unref as E, isRef as Fe, withCtx as J, createVNode as B, createElementBlock as H, Fragment as He, renderList as Ht, createTextVNode as at, toDisplayString as ne, resolveDirective as ae, withDirectives as re, withModifiers as q, normalizeStyle as le, createElementVNode as z, createCommentVNode as I, renderSlot as jn, h as _, mergeModels as X, useModel as oe, useId as Gt, onUnmounted as Kt, withKeys as En, mergeProps as qt, watchEffect as mt, watch as Oe, reactive as Nn, onMounted as Bn, onBeforeUnmount as Rn } from "vue";
+import { provide as Te, inject as Se, defineComponent as K, ref as B, computed as R, resolveComponent as V, createBlock as F, openBlock as w, unref as k, isRef as Fe, withCtx as J, createVNode as N, createElementBlock as H, Fragment as He, renderList as Ht, createTextVNode as at, toDisplayString as ne, resolveDirective as ae, withDirectives as re, withModifiers as q, normalizeStyle as le, createElementVNode as z, createCommentVNode as I, renderSlot as jn, h as _, mergeModels as X, useModel as oe, useId as Gt, onUnmounted as Kt, withKeys as kn, mergeProps as qt, watchEffect as mt, watch as Oe, reactive as En, onMounted as Nn, onBeforeUnmount as Bn } from "vue";
 import { useI18n as ue } from "vue-i18n";
-import { useViewStack as ut, useColor as we, eventBus as _e, useSystem as kn } from "x-essential-lib";
-import { getPropDefault as N, pkgs as zt, parsePixelStr as Fn, parsePercentStr as Hn } from "x-runtime-lib";
+import { useViewStack as ut, useColor as we, eventBus as _e, useSystem as Rn } from "x-essential-lib";
+import { getPropDefault as E, pkgs as zt, parsePixelStr as Fn, parsePercentStr as Hn } from "x-runtime-lib";
 import { globalState as Gn } from "x-state-lib";
 import { useDisplay as Kn } from "vuetify";
 var It = typeof global == "object" && global && global.Object === Object && global, qn = typeof self == "object" && self && self.Object === Object && self, Y = It || qn || Function("return this")(), se = Y.Symbol, Xt = Object.prototype, zn = Xt.hasOwnProperty, In = Xt.toString, Ce = se ? se.toStringTag : void 0;
@@ -19,14 +19,14 @@ var Zn = Object.prototype, Jn = Zn.toString;
 function Wn(e) {
   return Jn.call(e);
 }
-var Yn = "[object Null]", Qn = "[object Undefined]", gt = se ? se.toStringTag : void 0;
+var Yn = "[object Null]", Qn = "[object Undefined]", yt = se ? se.toStringTag : void 0;
 function Le(e) {
-  return e == null ? e === void 0 ? Qn : Yn : gt && gt in Object(e) ? Xn(e) : Wn(e);
+  return e == null ? e === void 0 ? Qn : Yn : yt && yt in Object(e) ? Xn(e) : Wn(e);
 }
 function de(e) {
   return e != null && typeof e == "object";
 }
-var Ve = Array.isArray;
+var Me = Array.isArray;
 function ze(e) {
   var t = typeof e;
   return e != null && (t == "object" || t == "function");
@@ -38,12 +38,12 @@ function Zt(e) {
   var t = Le(e);
   return t == tr || t == nr || t == er || t == rr;
 }
-var Qe = Y["__core-js_shared__"], yt = function() {
+var Qe = Y["__core-js_shared__"], gt = function() {
   var e = /[^.]+$/.exec(Qe && Qe.keys && Qe.keys.IE_PROTO || "");
   return e ? "Symbol(src)_1." + e : "";
 }();
 function or(e) {
-  return !!yt && yt in e;
+  return !!gt && gt in e;
 }
 var ir = Function.prototype, lr = ir.toString;
 function ve(e) {
@@ -75,7 +75,7 @@ function me(e, t) {
   var n = mr(e, t);
   return vr(n) ? n : void 0;
 }
-var rt = me(Y, "WeakMap"), ht = Object.create, gr = /* @__PURE__ */ function() {
+var rt = me(Y, "WeakMap"), ht = Object.create, yr = /* @__PURE__ */ function() {
   function e() {
   }
   return function(t) {
@@ -94,7 +94,7 @@ var rt = me(Y, "WeakMap"), ht = Object.create, gr = /* @__PURE__ */ function() {
   } catch {
   }
 }();
-function yr(e, t) {
+function gr(e, t) {
   for (var n = -1, r = e == null ? 0 : e.length; ++n < r && t(e[n], n, e) !== !1; )
     ;
   return e;
@@ -141,17 +141,17 @@ var xr = "[object Arguments]";
 function bt(e) {
   return de(e) && Le(e) == xr;
 }
-var Yt = Object.prototype, Vr = Yt.hasOwnProperty, Mr = Yt.propertyIsEnumerable, Ur = bt(/* @__PURE__ */ function() {
+var Yt = Object.prototype, Mr = Yt.hasOwnProperty, Vr = Yt.propertyIsEnumerable, Ur = bt(/* @__PURE__ */ function() {
   return arguments;
 }()) ? bt : function(e) {
-  return de(e) && Vr.call(e, "callee") && !Mr.call(e, "callee");
+  return de(e) && Mr.call(e, "callee") && !Vr.call(e, "callee");
 };
 function Lr() {
   return !1;
 }
-var Qt = typeof exports == "object" && exports && !exports.nodeType && exports, $t = Qt && typeof module == "object" && module && !module.nodeType && module, Dr = $t && $t.exports === Qt, Tt = Dr ? Y.Buffer : void 0, jr = Tt ? Tt.isBuffer : void 0, Ge = jr || Lr, Er = "[object Arguments]", Nr = "[object Array]", Br = "[object Boolean]", Rr = "[object Date]", kr = "[object Error]", Fr = "[object Function]", Hr = "[object Map]", Gr = "[object Number]", Kr = "[object Object]", qr = "[object RegExp]", zr = "[object Set]", Ir = "[object String]", Xr = "[object WeakMap]", Zr = "[object ArrayBuffer]", Jr = "[object DataView]", Wr = "[object Float32Array]", Yr = "[object Float64Array]", Qr = "[object Int8Array]", eo = "[object Int16Array]", to = "[object Int32Array]", no = "[object Uint8Array]", ro = "[object Uint8ClampedArray]", oo = "[object Uint16Array]", io = "[object Uint32Array]", U = {};
+var Qt = typeof exports == "object" && exports && !exports.nodeType && exports, $t = Qt && typeof module == "object" && module && !module.nodeType && module, Dr = $t && $t.exports === Qt, Tt = Dr ? Y.Buffer : void 0, jr = Tt ? Tt.isBuffer : void 0, Ge = jr || Lr, kr = "[object Arguments]", Er = "[object Array]", Nr = "[object Boolean]", Br = "[object Date]", Rr = "[object Error]", Fr = "[object Function]", Hr = "[object Map]", Gr = "[object Number]", Kr = "[object Object]", qr = "[object RegExp]", zr = "[object Set]", Ir = "[object String]", Xr = "[object WeakMap]", Zr = "[object ArrayBuffer]", Jr = "[object DataView]", Wr = "[object Float32Array]", Yr = "[object Float64Array]", Qr = "[object Int8Array]", eo = "[object Int16Array]", to = "[object Int32Array]", no = "[object Uint8Array]", ro = "[object Uint8ClampedArray]", oo = "[object Uint16Array]", io = "[object Uint32Array]", U = {};
 U[Wr] = U[Yr] = U[Qr] = U[eo] = U[to] = U[no] = U[ro] = U[oo] = U[io] = !0;
-U[Er] = U[Nr] = U[Zr] = U[Br] = U[Jr] = U[Rr] = U[kr] = U[Fr] = U[Hr] = U[Gr] = U[Kr] = U[qr] = U[zr] = U[Ir] = U[Xr] = !1;
+U[kr] = U[Er] = U[Zr] = U[Nr] = U[Jr] = U[Br] = U[Rr] = U[Fr] = U[Hr] = U[Gr] = U[Kr] = U[qr] = U[zr] = U[Ir] = U[Xr] = !1;
 function lo(e) {
   return de(e) && Jt(e.length) && !!U[Le(e)];
 }
@@ -168,14 +168,14 @@ var en = typeof exports == "object" && exports && !exports.nodeType && exports,
   }
 }(), St = $e && $e.isTypedArray, tn = St ? ft(St) : lo, ao = Object.prototype, uo = ao.hasOwnProperty;
 function co(e, t) {
-  var n = Ve(e), r = !n && Ur(e), i = !n && !r && Ge(e), o = !n && !r && !i && tn(e), l = n || r || i || o, u = l ? Or(e.length, String) : [], a = u.length;
+  var n = Me(e), r = !n && Ur(e), i = !n && !r && Ge(e), o = !n && !r && !i && tn(e), l = n || r || i || o, a = l ? Or(e.length, String) : [], u = a.length;
   for (var s in e)
     uo.call(e, s) && !(l && // Safari 9 has enumerable `arguments.length` in strict mode.
     (s == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
     i && (s == "offset" || s == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
     o && (s == "buffer" || s == "byteLength" || s == "byteOffset") || // Skip index properties.
-    br(s, a))) && u.push(s);
-  return u;
+    br(s, u))) && a.push(s);
+  return a;
 }
 function nn(e, t) {
   return function(n) {
@@ -191,12 +191,12 @@ function mo(e) {
     vo.call(e, n) && n != "constructor" && t.push(n);
   return t;
 }
-function go(e) {
+function yo(e) {
   return Cr(e) ? co(e) : mo(e);
 }
-var Me = me(Object, "create");
-function yo() {
-  this.__data__ = Me ? Me(null) : {}, this.size = 0;
+var Ve = me(Object, "create");
+function go() {
+  this.__data__ = Ve ? Ve(null) : {}, this.size = 0;
 }
 function ho(e) {
   var t = this.has(e) && delete this.__data__[e];
@@ -205,7 +205,7 @@ function ho(e) {
 var _o = "__lodash_hash_undefined__", bo = Object.prototype, $o = bo.hasOwnProperty;
 function To(e) {
   var t = this.__data__;
-  if (Me) {
+  if (Ve) {
     var n = t[e];
     return n === _o ? void 0 : n;
   }
@@ -214,12 +214,12 @@ function To(e) {
 var So = Object.prototype, wo = So.hasOwnProperty;
 function Ao(e) {
   var t = this.__data__;
-  return Me ? t[e] !== void 0 : wo.call(t, e);
+  return Ve ? t[e] !== void 0 : wo.call(t, e);
 }
 var Co = "__lodash_hash_undefined__";
 function Po(e, t) {
   var n = this.__data__;
-  return this.size += this.has(e) ? 0 : 1, n[e] = Me && t === void 0 ? Co : t, this;
+  return this.size += this.has(e) ? 0 : 1, n[e] = Ve && t === void 0 ? Co : t, this;
 }
 function pe(e) {
   var t = -1, n = e == null ? 0 : e.length;
@@ -228,7 +228,7 @@ function pe(e) {
     this.set(r[0], r[1]);
   }
 }
-pe.prototype.clear = yo;
+pe.prototype.clear = go;
 pe.prototype.delete = ho;
 pe.prototype.get = To;
 pe.prototype.has = Ao;
@@ -242,13 +242,13 @@ function Ie(e, t) {
       return n;
   return -1;
 }
-var xo = Array.prototype, Vo = xo.splice;
-function Mo(e) {
+var xo = Array.prototype, Mo = xo.splice;
+function Vo(e) {
   var t = this.__data__, n = Ie(t, e);
   if (n < 0)
     return !1;
   var r = t.length - 1;
-  return n == r ? t.pop() : Vo.call(t, n, 1), --this.size, !0;
+  return n == r ? t.pop() : Mo.call(t, n, 1), --this.size, !0;
 }
 function Uo(e) {
   var t = this.__data__, n = Ie(t, e);
@@ -269,7 +269,7 @@ function ie(e) {
   }
 }
 ie.prototype.clear = Oo;
-ie.prototype.delete = Mo;
+ie.prototype.delete = Vo;
 ie.prototype.get = Uo;
 ie.prototype.has = Lo;
 ie.prototype.set = Do;
@@ -281,40 +281,40 @@ function jo() {
     string: new pe()
   };
 }
-function Eo(e) {
+function ko(e) {
   var t = typeof e;
   return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
 }
 function Xe(e, t) {
   var n = e.__data__;
-  return Eo(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
+  return ko(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
 }
-function No(e) {
+function Eo(e) {
   var t = Xe(this, e).delete(e);
   return this.size -= t ? 1 : 0, t;
 }
-function Bo(e) {
+function No(e) {
   return Xe(this, e).get(e);
 }
-function Ro(e) {
+function Bo(e) {
   return Xe(this, e).has(e);
 }
-function ko(e, t) {
+function Ro(e, t) {
   var n = Xe(this, e), r = n.size;
   return n.set(e, t), this.size += n.size == r ? 0 : 1, this;
 }
-function ge(e) {
+function ye(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]);
   }
 }
-ge.prototype.clear = jo;
-ge.prototype.delete = No;
-ge.prototype.get = Bo;
-ge.prototype.has = Ro;
-ge.prototype.set = ko;
+ye.prototype.clear = jo;
+ye.prototype.delete = Eo;
+ye.prototype.get = No;
+ye.prototype.has = Bo;
+ye.prototype.set = Ro;
 function Fo(e, t) {
   for (var n = -1, r = t.length, i = e.length; ++n < r; )
     e[i + n] = t[n];
@@ -341,7 +341,7 @@ function Xo(e, t) {
     var r = n.__data__;
     if (!Ue || r.length < Io - 1)
       return r.push([e, t]), this.size = ++n.size, this;
-    n = this.__data__ = new ge(r);
+    n = this.__data__ = new ye(r);
   }
   return n.set(e, t), this.size = n.size, this;
 }
@@ -376,18 +376,18 @@ var Qo = Object.prototype, ei = Qo.propertyIsEnumerable, Ct = Object.getOwnPrope
 } : Yo;
 function ni(e, t, n) {
   var r = t(e);
-  return Ve(e) ? r : Fo(r, n(e));
+  return Me(e) ? r : Fo(r, n(e));
 }
 function ot(e) {
-  return ni(e, go, ti);
+  return ni(e, yo, ti);
 }
-var it = me(Y, "DataView"), lt = me(Y, "Promise"), st = me(Y, "Set"), Pt = "[object Map]", ri = "[object Object]", Ot = "[object Promise]", xt = "[object Set]", Vt = "[object WeakMap]", Mt = "[object DataView]", oi = ve(it), ii = ve(Ue), li = ve(lt), si = ve(st), ai = ve(rt), Z = Le;
-(it && Z(new it(new ArrayBuffer(1))) != Mt || Ue && Z(new Ue()) != Pt || lt && Z(lt.resolve()) != Ot || st && Z(new st()) != xt || rt && Z(new rt()) != Vt) && (Z = function(e) {
+var it = me(Y, "DataView"), lt = me(Y, "Promise"), st = me(Y, "Set"), Pt = "[object Map]", ri = "[object Object]", Ot = "[object Promise]", xt = "[object Set]", Mt = "[object WeakMap]", Vt = "[object DataView]", oi = ve(it), ii = ve(Ue), li = ve(lt), si = ve(st), ai = ve(rt), Z = Le;
+(it && Z(new it(new ArrayBuffer(1))) != Vt || Ue && Z(new Ue()) != Pt || lt && Z(lt.resolve()) != Ot || st && Z(new st()) != xt || rt && Z(new rt()) != Mt) && (Z = function(e) {
   var t = Le(e), n = t == ri ? e.constructor : void 0, r = n ? ve(n) : "";
   if (r)
     switch (r) {
       case oi:
-        return Mt;
+        return Vt;
       case ii:
         return Pt;
       case li:
@@ -395,7 +395,7 @@ var it = me(Y, "DataView"), lt = me(Y, "Promise"), st = me(Y, "Set"), Pt = "[obj
       case si:
         return xt;
       case ai:
-        return Vt;
+        return Mt;
     }
   return t;
 });
@@ -422,17 +422,17 @@ var Ut = se ? se.prototype : void 0, Lt = Ut ? Ut.valueOf : void 0;
 function mi(e) {
   return Lt ? Object(Lt.call(e)) : {};
 }
-function gi(e, t) {
+function yi(e, t) {
   var n = dt(e.buffer);
   return new e.constructor(n, e.byteOffset, e.length);
 }
-var yi = "[object Boolean]", hi = "[object Date]", _i = "[object Map]", bi = "[object Number]", $i = "[object RegExp]", Ti = "[object Set]", Si = "[object String]", wi = "[object Symbol]", Ai = "[object ArrayBuffer]", Ci = "[object DataView]", Pi = "[object Float32Array]", Oi = "[object Float64Array]", xi = "[object Int8Array]", Vi = "[object Int16Array]", Mi = "[object Int32Array]", Ui = "[object Uint8Array]", Li = "[object Uint8ClampedArray]", Di = "[object Uint16Array]", ji = "[object Uint32Array]";
-function Ei(e, t, n) {
+var gi = "[object Boolean]", hi = "[object Date]", _i = "[object Map]", bi = "[object Number]", $i = "[object RegExp]", Ti = "[object Set]", Si = "[object String]", wi = "[object Symbol]", Ai = "[object ArrayBuffer]", Ci = "[object DataView]", Pi = "[object Float32Array]", Oi = "[object Float64Array]", xi = "[object Int8Array]", Mi = "[object Int16Array]", Vi = "[object Int32Array]", Ui = "[object Uint8Array]", Li = "[object Uint8ClampedArray]", Di = "[object Uint16Array]", ji = "[object Uint32Array]";
+function ki(e, t, n) {
   var r = e.constructor;
   switch (t) {
     case Ai:
       return dt(e);
-    case yi:
+    case gi:
     case hi:
       return new r(+e);
     case Ci:
@@ -440,13 +440,13 @@ function Ei(e, t, n) {
     case Pi:
     case Oi:
     case xi:
-    case Vi:
     case Mi:
+    case Vi:
     case Ui:
     case Li:
     case Di:
     case ji:
-      return gi(e);
+      return yi(e);
     case _i:
       return new r();
     case bi:
@@ -460,39 +460,39 @@ function Ei(e, t, n) {
       return mi(e);
   }
 }
-function Ni(e) {
-  return typeof e.constructor == "function" && !Wt(e) ? gr(Ho(e)) : {};
+function Ei(e) {
+  return typeof e.constructor == "function" && !Wt(e) ? yr(Ho(e)) : {};
 }
-var Bi = "[object Map]";
-function Ri(e) {
-  return de(e) && Z(e) == Bi;
+var Ni = "[object Map]";
+function Bi(e) {
+  return de(e) && Z(e) == Ni;
 }
-var Dt = $e && $e.isMap, ki = Dt ? ft(Dt) : Ri, Fi = "[object Set]";
+var Dt = $e && $e.isMap, Ri = Dt ? ft(Dt) : Bi, Fi = "[object Set]";
 function Hi(e) {
   return de(e) && Z(e) == Fi;
 }
-var jt = $e && $e.isSet, Gi = jt ? ft(jt) : Hi, on = "[object Arguments]", Ki = "[object Array]", qi = "[object Boolean]", zi = "[object Date]", Ii = "[object Error]", ln = "[object Function]", Xi = "[object GeneratorFunction]", Zi = "[object Map]", Ji = "[object Number]", sn = "[object Object]", Wi = "[object RegExp]", Yi = "[object Set]", Qi = "[object String]", el = "[object Symbol]", tl = "[object WeakMap]", nl = "[object ArrayBuffer]", rl = "[object DataView]", ol = "[object Float32Array]", il = "[object Float64Array]", ll = "[object Int8Array]", sl = "[object Int16Array]", al = "[object Int32Array]", ul = "[object Uint8Array]", cl = "[object Uint8ClampedArray]", fl = "[object Uint16Array]", dl = "[object Uint32Array]", V = {};
-V[on] = V[Ki] = V[nl] = V[rl] = V[qi] = V[zi] = V[ol] = V[il] = V[ll] = V[sl] = V[al] = V[Zi] = V[Ji] = V[sn] = V[Wi] = V[Yi] = V[Qi] = V[el] = V[ul] = V[cl] = V[fl] = V[dl] = !0;
-V[Ii] = V[ln] = V[tl] = !1;
-function ke(e, t, n, r, i, o) {
+var jt = $e && $e.isSet, Gi = jt ? ft(jt) : Hi, on = "[object Arguments]", Ki = "[object Array]", qi = "[object Boolean]", zi = "[object Date]", Ii = "[object Error]", ln = "[object Function]", Xi = "[object GeneratorFunction]", Zi = "[object Map]", Ji = "[object Number]", sn = "[object Object]", Wi = "[object RegExp]", Yi = "[object Set]", Qi = "[object String]", el = "[object Symbol]", tl = "[object WeakMap]", nl = "[object ArrayBuffer]", rl = "[object DataView]", ol = "[object Float32Array]", il = "[object Float64Array]", ll = "[object Int8Array]", sl = "[object Int16Array]", al = "[object Int32Array]", ul = "[object Uint8Array]", cl = "[object Uint8ClampedArray]", fl = "[object Uint16Array]", dl = "[object Uint32Array]", M = {};
+M[on] = M[Ki] = M[nl] = M[rl] = M[qi] = M[zi] = M[ol] = M[il] = M[ll] = M[sl] = M[al] = M[Zi] = M[Ji] = M[sn] = M[Wi] = M[Yi] = M[Qi] = M[el] = M[ul] = M[cl] = M[fl] = M[dl] = !0;
+M[Ii] = M[ln] = M[tl] = !1;
+function Re(e, t, n, r, i, o) {
   var l;
   if (l !== void 0)
     return l;
   if (!ze(e))
     return e;
-  var u = Ve(e);
-  if (u)
+  var a = Me(e);
+  if (a)
     l = fi(e);
   else {
-    var a = Z(e), s = a == ln || a == Xi;
+    var u = Z(e), s = u == ln || u == Xi;
     if (Ge(e))
       return Jo(e);
-    if (a == sn || a == on || s && !i)
-      l = s ? {} : Ni(e);
+    if (u == sn || u == on || s && !i)
+      l = s ? {} : Ei(e);
     else {
-      if (!V[a])
+      if (!M[u])
         return i ? e : {};
-      l = Ei(e, a);
+      l = ki(e, u);
     }
   }
   o || (o = new te());
@@ -500,33 +500,33 @@ function ke(e, t, n, r, i, o) {
   if (v)
     return v;
   o.set(e, l), Gi(e) ? e.forEach(function(p) {
-    l.add(ke(p, t, n, p, e, o));
-  }) : ki(e) && e.forEach(function(p, h) {
-    l.set(h, ke(p, t, n, h, e, o));
+    l.add(Re(p, t, n, p, e, o));
+  }) : Ri(e) && e.forEach(function(p, h) {
+    l.set(h, Re(p, t, n, h, e, o));
   });
-  var d = ot, f = u ? void 0 : d(e);
-  return yr(f || e, function(p, h) {
-    f && (h = p, p = e[h]), wr(l, h, ke(p, t, n, h, e, o));
+  var d = ot, f = a ? void 0 : d(e);
+  return gr(f || e, function(p, h) {
+    f && (h = p, p = e[h]), wr(l, h, Re(p, t, n, h, e, o));
   }), l;
 }
 var pl = 1, vl = 4;
 function an(e) {
-  return ke(e, pl | vl);
+  return Re(e, pl | vl);
 }
 var ml = "__lodash_hash_undefined__";
-function gl(e) {
+function yl(e) {
   return this.__data__.set(e, ml), this;
 }
-function yl(e) {
+function gl(e) {
   return this.__data__.has(e);
 }
 function qe(e) {
   var t = -1, n = e == null ? 0 : e.length;
-  for (this.__data__ = new ge(); ++t < n; )
+  for (this.__data__ = new ye(); ++t < n; )
     this.add(e[t]);
 }
-qe.prototype.add = qe.prototype.push = gl;
-qe.prototype.has = yl;
+qe.prototype.add = qe.prototype.push = yl;
+qe.prototype.has = gl;
 function hl(e, t) {
   for (var n = -1, r = e == null ? 0 : e.length; ++n < r; )
     if (t(e[n], n, e))
@@ -538,14 +538,14 @@ function _l(e, t) {
 }
 var bl = 1, $l = 2;
 function un(e, t, n, r, i, o) {
-  var l = n & bl, u = e.length, a = t.length;
-  if (u != a && !(l && a > u))
+  var l = n & bl, a = e.length, u = t.length;
+  if (a != u && !(l && u > a))
     return !1;
   var s = o.get(e), v = o.get(t);
   if (s && v)
     return s == t && v == e;
   var d = -1, f = !0, p = n & $l ? new qe() : void 0;
-  for (o.set(e, t), o.set(t, e); ++d < u; ) {
+  for (o.set(e, t), o.set(t, e); ++d < a; ) {
     var h = e[d], P = t[d];
     if (r)
       var A = l ? r(P, h, d, t, e, o) : r(h, P, d, e, t, o);
@@ -582,10 +582,10 @@ function Sl(e) {
     n[++t] = r;
   }), n;
 }
-var wl = 1, Al = 2, Cl = "[object Boolean]", Pl = "[object Date]", Ol = "[object Error]", xl = "[object Map]", Vl = "[object Number]", Ml = "[object RegExp]", Ul = "[object Set]", Ll = "[object String]", Dl = "[object Symbol]", jl = "[object ArrayBuffer]", El = "[object DataView]", Et = se ? se.prototype : void 0, tt = Et ? Et.valueOf : void 0;
-function Nl(e, t, n, r, i, o, l) {
+var wl = 1, Al = 2, Cl = "[object Boolean]", Pl = "[object Date]", Ol = "[object Error]", xl = "[object Map]", Ml = "[object Number]", Vl = "[object RegExp]", Ul = "[object Set]", Ll = "[object String]", Dl = "[object Symbol]", jl = "[object ArrayBuffer]", kl = "[object DataView]", kt = se ? se.prototype : void 0, tt = kt ? kt.valueOf : void 0;
+function El(e, t, n, r, i, o, l) {
   switch (n) {
-    case El:
+    case kl:
       if (e.byteLength != t.byteLength || e.byteOffset != t.byteOffset)
         return !1;
       e = e.buffer, t = t.buffer;
@@ -593,24 +593,24 @@ function Nl(e, t, n, r, i, o, l) {
       return !(e.byteLength != t.byteLength || !o(new Ke(e), new Ke(t)));
     case Cl:
     case Pl:
-    case Vl:
+    case Ml:
       return ct(+e, +t);
     case Ol:
       return e.name == t.name && e.message == t.message;
-    case Ml:
+    case Vl:
     case Ll:
       return e == t + "";
     case xl:
-      var u = Tl;
+      var a = Tl;
     case Ul:
-      var a = r & wl;
-      if (u || (u = Sl), e.size != t.size && !a)
+      var u = r & wl;
+      if (a || (a = Sl), e.size != t.size && !u)
         return !1;
       var s = l.get(e);
       if (s)
         return s == t;
       r |= Al, l.set(e, t);
-      var v = un(u(e), u(t), r, i, o, l);
+      var v = un(a(e), a(t), r, i, o, l);
       return l.delete(e), v;
     case Dl:
       if (tt)
@@ -618,14 +618,14 @@ function Nl(e, t, n, r, i, o, l) {
   }
   return !1;
 }
-var Bl = 1, Rl = Object.prototype, kl = Rl.hasOwnProperty;
+var Nl = 1, Bl = Object.prototype, Rl = Bl.hasOwnProperty;
 function Fl(e, t, n, r, i, o) {
-  var l = n & Bl, u = ot(e), a = u.length, s = ot(t), v = s.length;
-  if (a != v && !l)
+  var l = n & Nl, a = ot(e), u = a.length, s = ot(t), v = s.length;
+  if (u != v && !l)
     return !1;
-  for (var d = a; d--; ) {
-    var f = u[d];
-    if (!(l ? f in t : kl.call(t, f)))
+  for (var d = u; d--; ) {
+    var f = a[d];
+    if (!(l ? f in t : Rl.call(t, f)))
       return !1;
   }
   var p = o.get(e), h = o.get(t);
@@ -633,8 +633,8 @@ function Fl(e, t, n, r, i, o) {
     return p == t && h == e;
   var P = !0;
   o.set(e, t), o.set(t, e);
-  for (var A = l; ++d < a; ) {
-    f = u[d];
+  for (var A = l; ++d < u; ) {
+    f = a[d];
     var C = e[f], $ = t[f];
     if (r)
       var O = l ? r($, C, f, t, e, o) : r(C, $, f, e, t, o);
@@ -650,20 +650,20 @@ function Fl(e, t, n, r, i, o) {
   }
   return o.delete(e), o.delete(t), P;
 }
-var Hl = 1, Nt = "[object Arguments]", Bt = "[object Array]", Ne = "[object Object]", Gl = Object.prototype, Rt = Gl.hasOwnProperty;
+var Hl = 1, Et = "[object Arguments]", Nt = "[object Array]", Ee = "[object Object]", Gl = Object.prototype, Bt = Gl.hasOwnProperty;
 function Kl(e, t, n, r, i, o) {
-  var l = Ve(e), u = Ve(t), a = l ? Bt : Z(e), s = u ? Bt : Z(t);
-  a = a == Nt ? Ne : a, s = s == Nt ? Ne : s;
-  var v = a == Ne, d = s == Ne, f = a == s;
+  var l = Me(e), a = Me(t), u = l ? Nt : Z(e), s = a ? Nt : Z(t);
+  u = u == Et ? Ee : u, s = s == Et ? Ee : s;
+  var v = u == Ee, d = s == Ee, f = u == s;
   if (f && Ge(e)) {
     if (!Ge(t))
       return !1;
     l = !0, v = !1;
   }
   if (f && !v)
-    return o || (o = new te()), l || tn(e) ? un(e, t, n, r, i, o) : Nl(e, t, a, n, r, i, o);
+    return o || (o = new te()), l || tn(e) ? un(e, t, n, r, i, o) : El(e, t, u, n, r, i, o);
   if (!(n & Hl)) {
-    var p = v && Rt.call(e, "__wrapped__"), h = d && Rt.call(t, "__wrapped__");
+    var p = v && Bt.call(e, "__wrapped__"), h = d && Bt.call(t, "__wrapped__");
     if (p || h) {
       var P = p ? e.value() : e, A = h ? t.value() : t;
       return o || (o = new te()), i(P, A, n, r, o);
@@ -682,17 +682,17 @@ function ql(e, t) {
   let r = [];
   e.forEach((l) => {
     l.type === 0 ? n.push(l) : l.type === 1 ? r.push(l) : console.assert(!1);
-  }), n.sort((l, u) => l.position - u.position), r.sort((l, u) => l.position - u.position);
+  }), n.sort((l, a) => l.position - a.position), r.sort((l, a) => l.position - a.position);
   const i = [];
   r.forEach((l) => {
-    n.find((u) => u.id === l.group) || i.push(l.id);
-  }), r = r.filter((l) => !i.find((u) => u === l.id));
+    n.find((a) => a.id === l.group) || i.push(l.id);
+  }), r = r.filter((l) => !i.find((a) => a === l.id));
   const o = [];
   return n.forEach((l) => {
-    const u = [];
-    r.forEach((a) => {
-      a.group === l.id && (a.show = !l.collapse, u.push(a));
-    }), l.count = u.length, l.count > 0 && (o.push(l), o.push(...u));
+    const a = [];
+    r.forEach((u) => {
+      u.group === l.id && (u.show = !l.collapse, a.push(u));
+    }), l.count = a.length, l.count > 0 && (o.push(l), o.push(...a));
   }), o;
 }
 function fn(e, t) {
@@ -712,7 +712,7 @@ function zl(e, t, n) {
     }
   }
 }
-const Be = (e, t) => {
+const Ne = (e, t) => {
   let n = { key: "", name: "", children: e };
   return t.forEach((r) => {
     if (typeof r != "number") {
@@ -736,7 +736,7 @@ const Be = (e, t) => {
     }
     n = n[r];
   }), n;
-}, kt = (e) => !(e instanceof Array), nt = (e) => e instanceof Array, Il = (e, t) => {
+}, Rt = (e) => !(e instanceof Array), nt = (e) => e instanceof Array, Il = (e, t) => {
   const n = (r, i) => {
     if (r.ui !== i.ui || r.array !== i.array)
       return !1;
@@ -784,14 +784,14 @@ const Be = (e, t) => {
     return console.assert(!1, "execPropBranchArray prop array must be valid"), !1;
   if (!r.children || !Je(r.children))
     return console.assert(!1, "execPropBranchArray state children must be array"), !1;
-  let u;
-  o !== void 0 && !l ? (n[o] instanceof Array || (n[o] = N(t), i == null || i(e, n[o])), u = n[o]) : (n[t.key] instanceof Array || (n[t.key] = N(t), i == null || i(e, n[t.key])), u = n[t.key]), r.change = !1;
-  for (let a = 0; a < u.length; a++) {
+  let a;
+  o !== void 0 && !l ? (n[o] instanceof Array || (n[o] = E(t), i == null || i(e, n[o])), a = n[o]) : (n[t.key] instanceof Array || (n[t.key] = E(t), i == null || i(e, n[t.key])), a = n[t.key]), r.change = !1;
+  for (let u = 0; u < a.length; u++) {
     r.children.push({
       change: !1,
       children: {}
     });
-    const s = r.children[a];
+    const s = r.children[u];
     t.children.forEach((v) => {
       if (!s.children || !pt(s.children)) {
         console.assert(!1);
@@ -803,15 +803,15 @@ const Be = (e, t) => {
       }, We(
         e,
         v,
-        u[a],
+        a[u],
         s.children[v.key],
         i,
-        a,
+        u,
         !0
       ) && (s.change = !0), s.change && (r.change = !0);
     });
   }
-  return r.change || (r.change = !Ze(u, N(t))), r.change;
+  return r.change || (r.change = !Ze(a, E(t))), r.change;
 }, Wl = (e, t, n, r, i, o, l) => {
   if (t.ui)
     return console.assert(!1, "execPropBranchScalar prop ui must be invalid"), !1;
@@ -819,14 +819,14 @@ const Be = (e, t) => {
     return console.assert(!1, "execPropBranchScalar prop array must be invalid"), !1;
   if (!r.children || !pt(r.children))
     return console.assert(!1, "execPropBranchScalar state children must be map"), !1;
-  let u;
-  o !== void 0 && !l ? (n[o] || (n[o] = {}), u = n[o]) : (n[t.key] || (n[t.key] = {}), u = n[t.key]), r.change = !1;
-  for (let a = 0; a < t.children.length; a++) {
-    const s = t.children[a];
+  let a;
+  o !== void 0 && !l ? (n[o] || (n[o] = {}), a = n[o]) : (n[t.key] || (n[t.key] = {}), a = n[t.key]), r.change = !1;
+  for (let u = 0; u < t.children.length; u++) {
+    const s = t.children[u];
     r.children[s.key] = {
       change: !1,
       children: s.array ? [] : {}
-    }, We(e, s, u, r.children[s.key], i) && (r.change = !0);
+    }, We(e, s, a, r.children[s.key], i) && (r.change = !0);
   }
   return r.change;
 }, Yl = (e, t, n, r, i, o, l) => {
@@ -836,19 +836,19 @@ const Be = (e, t) => {
     return console.assert(!1, "execPropLeafArray prop aray must be valid"), !1;
   if (!r.children || !Je(r.children))
     return console.assert(!1, "execPropLeafArray state children must be array"), !1;
-  let u;
-  o !== void 0 && !l ? (n[o] instanceof Array || (n[o] = N(t), i == null || i(e, n[o])), u = n[o]) : (n[t.key] instanceof Array || (n[t.key] = N(t), i == null || i(e, n[t.key])), u = n[t.key]), r.change = !1;
-  for (let a = 0; a < u.length; a++)
-    r.children[a] = {
+  let a;
+  o !== void 0 && !l ? (n[o] instanceof Array || (n[o] = E(t), i == null || i(e, n[o])), a = n[o]) : (n[t.key] instanceof Array || (n[t.key] = E(t), i == null || i(e, n[t.key])), a = n[t.key]), r.change = !1;
+  for (let u = 0; u < a.length; u++)
+    r.children[u] = {
       change: !1,
       children: {}
-    }, We(e, t, u, r.children[a], i, a, !1) && (r.change = !0);
-  return r.change || (r.change = !Ze(u, N(t))), r.change;
+    }, We(e, t, a, r.children[u], i, u, !1) && (r.change = !0);
+  return r.change || (r.change = !Ze(a, E(t))), r.change;
 }, Ql = (e, t, n, r, i) => {
   if (!e.ui)
     return console.assert(!1, "execPropLeafScalar prop ui must be valid"), !1;
   let o;
-  return r !== void 0 && !i ? o = t[r] : o = t[e.key], n.change = !Ze(o, N(e, !0)), n.change;
+  return r !== void 0 && !i ? o = t[r] : o = t[e.key], n.change = !Ze(o, E(e, !0)), n.change;
 }, Ft = (e, t, n, r) => {
   if (t.length <= 0 || !n) {
     e.value = {};
@@ -870,7 +870,7 @@ const Be = (e, t) => {
       return console.assert(!1, `isPropChanged state must be valid keys=${t}`), !1;
     typeof r == "string" ? pt(n.children) && (n = n.children[r]) : Je(n.children) && (n = n.children[r]);
   }), (n == null ? void 0 : n.change) ?? !1;
-}, dn = Symbol(), pn = Symbol(), vn = Symbol(), mn = Symbol(), gn = Symbol(), yn = Symbol();
+}, dn = Symbol(), pn = Symbol(), vn = Symbol(), mn = Symbol(), yn = Symbol(), gn = Symbol();
 function es(e) {
   Te(dn, e);
 }
@@ -896,56 +896,56 @@ function ls() {
   return Se(mn);
 }
 function ss(e) {
-  Te(gn, e);
+  Te(yn, e);
 }
 function as() {
-  return Se(gn);
+  return Se(yn);
 }
 function us(e) {
-  Te(yn, e);
+  Te(gn, e);
 }
 function _n() {
-  return Se(yn);
+  return Se(gn);
 }
 const cs = /* @__PURE__ */ K({
   __name: "menu",
   setup(e) {
-    const { t } = ue(), n = ns(), r = os(), i = ls(), o = as(), l = R(0), u = R(0), a = R([]), s = k(() => [l.value, u.value]), v = (A) => {
-      const C = () => !(a.value.length <= 0 || !be(i.value, a.value)), $ = () => {
+    const { t } = ue(), n = ns(), r = os(), i = ls(), o = as(), l = B(0), a = B(0), u = B([]), s = R(() => [l.value, a.value]), v = (A) => {
+      const C = () => !(u.value.length <= 0 || !be(i.value, u.value)), $ = () => {
         if (!C())
           return;
-        const O = Be(n.value, a.value);
+        const O = Ne(n.value, u.value);
         if (O)
           if (O.ui) {
-            const T = Pe(r.value, a.value.slice(0, -1));
+            const T = Pe(r.value, u.value.slice(0, -1));
             if (!T)
               return;
-            T[a.value.at(-1)] = N(O), o(a.value, T[a.value.at(-1)]);
+            T[u.value.at(-1)] = E(O), o(u.value, T[u.value.at(-1)]);
           } else if (O.array) {
-            const T = a.value.at(-1);
+            const T = u.value.at(-1);
             if (T === void 0) {
               console.assert(!1, "invalid last key");
               return;
             }
             if (typeof T == "string") {
-              const L = Pe(r.value, a.value.slice(0, -1));
+              const L = Pe(r.value, u.value.slice(0, -1));
               if (!L)
                 return;
-              L[a.value.at(-1)] = N(O), o(a.value, L[a.value.at(-1)]);
+              L[u.value.at(-1)] = E(O), o(u.value, L[u.value.at(-1)]);
             } else {
-              const L = Pe(r.value, a.value);
+              const L = Pe(r.value, u.value);
               if (!L)
                 return;
               O.children.forEach((W) => {
-                L[W.key] = N(O), o([...a.value, W.key], L[W.key]);
+                L[W.key] = E(O), o([...u.value, W.key], L[W.key]);
               });
             }
           } else {
-            const T = Pe(r.value, a.value);
+            const T = Pe(r.value, u.value);
             if (!T)
               return;
             O.children.forEach((L) => {
-              T[L.key] = N(O), o([...a.value, L.key], T[L.key]);
+              T[L.key] = E(O), o([...u.value, L.key], T[L.key]);
             });
           }
       };
@@ -955,7 +955,7 @@ const cs = /* @__PURE__ */ K({
       });
     }, d = (A) => {
       const C = () => {
-        const $ = Be(n.value, a.value), O = Pe(r.value, a.value);
+        const $ = Ne(n.value, u.value), O = Pe(r.value, u.value);
         localStorage.setItem("propTreeCopy", JSON.stringify({ prop: $, object: O }));
       };
       A.push({
@@ -968,7 +968,7 @@ const cs = /* @__PURE__ */ K({
         if (!O)
           return !1;
         try {
-          const { prop: T } = JSON.parse(O), L = Be(n.value, a.value);
+          const { prop: T } = JSON.parse(O), L = Ne(n.value, u.value);
           return Il(T, L);
         } catch (T) {
           console.error(T);
@@ -980,7 +980,7 @@ const cs = /* @__PURE__ */ K({
         const O = localStorage.getItem("propTreeCopy");
         if (O)
           try {
-            const { object: T } = JSON.parse(O), L = Be(n.value, a.value);
+            const { object: T } = JSON.parse(O), L = Ne(n.value, u.value);
             console.log(T, L);
           } catch (T) {
             console.error(T);
@@ -990,23 +990,23 @@ const cs = /* @__PURE__ */ K({
         title: t("x-prop-tree.paste"),
         func: $
       });
-    }, p = k(() => {
+    }, p = R(() => {
       const A = [];
       return v(A), d(A), f(A), A;
     }), h = (A) => {
-      l.value = A.x, u.value = A.y, a.value = A.keys;
+      l.value = A.x, a.value = A.y, u.value = A.keys;
     }, { open: P } = ut("propTreeMenu", h);
     return (A, C) => {
-      const $ = M("v-list-item-title"), O = M("v-list-item"), T = M("v-list"), L = M("v-menu");
+      const $ = V("v-list-item-title"), O = V("v-list-item"), T = V("v-list"), L = V("v-menu");
       return w(), F(L, {
-        modelValue: E(P),
+        modelValue: k(P),
         "onUpdate:modelValue": C[0] || (C[0] = (W) => Fe(P) ? P.value = W : null),
         "location-strategy": "connected",
         target: s.value,
         scrim: "transparent"
       }, {
         default: J(() => [
-          B(T, null, {
+          N(T, null, {
             default: J(() => [
               (w(!0), H(He, null, Ht(p.value, (W, Ye) => (w(), F(O, {
                 key: Ye,
@@ -1014,7 +1014,7 @@ const cs = /* @__PURE__ */ K({
                 onClick: W.func
               }, {
                 default: J(() => [
-                  B($, null, {
+                  N($, null, {
                     default: J(() => [
                       at(ne(W.title), 1)
                     ]),
@@ -1032,8 +1032,8 @@ const cs = /* @__PURE__ */ K({
     };
   }
 });
-var bn = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", $n = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", fs = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", ye = "M19,13H5V11H19V13Z", ds = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
-const Re = /* @__PURE__ */ K({
+var bn = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", $n = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", fs = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", ge = "M19,13H5V11H19V13Z", ds = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
+const Be = /* @__PURE__ */ K({
   __name: "title",
   props: {
     title: {},
@@ -1044,42 +1044,42 @@ const Re = /* @__PURE__ */ K({
   },
   emits: ["collapse", "menu", "create", "delete"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = we(), i = t, o = R(!1), l = k(() => ({
+    const { backgroundColor2: n, highlightColor: r } = we(), i = t, o = B(!1), l = R(() => ({
       background: o.value ? r.value : n.value,
       height: "36px",
       marginBottom: "1px",
       userSelect: "none"
-    })), u = () => {
+    })), a = () => {
       i("collapse", !e.collapse);
-    }, a = (s) => {
+    }, u = (s) => {
       i("menu", s.clientX, s.clientY);
     };
     return (s, v) => {
-      const d = M("v-icon"), f = M("v-spacer"), p = ae("ripple");
+      const d = V("v-icon"), f = V("v-spacer"), p = ae("ripple");
       return re((w(), H("div", {
         class: "d-flex align-center cursor-pointer",
         style: le(l.value),
-        onClick: u,
-        onContextmenu: q(a, ["prevent"]),
+        onClick: a,
+        onContextmenu: q(u, ["prevent"]),
         onMouseover: v[2] || (v[2] = (h) => o.value = !0),
         onMouseout: v[3] || (v[3] = (h) => o.value = !1)
       }, [
-        B(d, {
+        N(d, {
           class: "mr-1",
-          icon: s.collapse ? E($n) : E(bn)
+          icon: s.collapse ? k($n) : k(bn)
         }, null, 8, ["icon"]),
         z("span", null, ne(s.title), 1),
-        B(f),
+        N(f),
         s.hasCreate ? (w(), F(d, {
           key: 0,
           class: "mx-3",
-          icon: E(ds),
+          icon: k(ds),
           onClick: v[0] || (v[0] = q((h) => i("create"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0),
         s.hasDelete ? (w(), F(d, {
           key: 1,
           class: "mx-3",
-          icon: E(ye),
+          icon: k(ge),
           onClick: v[1] || (v[1] = q((h) => i("delete", s.index), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ], 36)), [
@@ -1094,25 +1094,25 @@ const Re = /* @__PURE__ */ K({
   },
   emits: ["menu"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = we(), i = t, o = R(!1), l = k(() => ({
+    const { backgroundColor2: n, highlightColor: r } = we(), i = t, o = B(!1), l = R(() => ({
       background: o.value ? r.value : n.value,
       minHeight: e.minHeight,
       paddingRight: "4px",
       marginBottom: "1px",
       userSelect: "none"
-    })), u = (a) => {
-      i("menu", a.clientX, a.clientY);
+    })), a = (u) => {
+      i("menu", u.clientX, u.clientY);
     };
-    return (a, s) => {
+    return (u, s) => {
       const v = ae("ripple");
       return re((w(), H("div", {
         class: "d-flex justify-space-between align-center cursor-pointer",
         style: le(l.value),
-        onContextmenu: q(u, ["prevent"]),
+        onContextmenu: q(a, ["prevent"]),
         onMouseover: s[0] || (s[0] = (d) => o.value = !0),
         onMouseout: s[1] || (s[1] = (d) => o.value = !1)
       }, [
-        jn(a.$slots, "default")
+        jn(u.$slots, "default")
       ], 36)), [
         [v]
       ]);
@@ -1121,9 +1121,9 @@ const Re = /* @__PURE__ */ K({
 });
 function vs(e, t, n) {
   const { t: r } = ue();
-  return { renderProp: (o, l, u) => {
-    const a = o.at(-1);
-    let v = typeof a == "number" ? `[${a + 1}]` : r(l.name);
+  return { renderProp: (o, l, a) => {
+    const u = o.at(-1);
+    let v = typeof u == "number" ? `[${u + 1}]` : r(l.name);
     return be(e.value, o) && (v += " *"), _(
       ps,
       {
@@ -1134,27 +1134,40 @@ function vs(e, t, n) {
       },
       () => [
         _("span", { class: "ml-1", innerHTML: v }),
-        _("div", { style: { width: n.value } }, u)
+        _("div", { style: { width: n.value } }, a)
       ]
     );
   } };
 }
 const ce = (e, t, n, r, i, o) => {
-  if (i !== void 0 && !o) {
-    if (n[i] === void 0) {
-      const l = N(t, !0);
-      l !== void 0 && (n[i] = l, r(e, n[i]));
+  if (i !== void 0)
+    if (o) {
+      if (n[t.key] === void 0) {
+        const l = E(t);
+        l !== void 0 && (n[t.key] = l, r(e, n[t.key]));
+      }
+      return n[t.key];
+    } else {
+      if (n[i] === void 0) {
+        const l = E(t, !0);
+        l !== void 0 && (n[i] = l, r(e, n[i]));
+      }
+      return n[i];
     }
-    return n[i];
-  } else {
+  else {
     if (n[t.key] === void 0) {
-      const l = N(t);
-      l !== void 0 && (n[t.key] = l, r(e, n[t.key]));
+      const l = E(t);
+      t.ui === "switch" ? l && (n[t.key] = !0, r(e, n[t.key])) : t.ui === "select" || t.ui === "multiTypes" ? l && (n[t.key] = l, r(e, n[t.key])) : l !== void 0 && (n[t.key] = l, r(e, n[t.key]));
     }
     return n[t.key];
   }
 }, he = (e, t, n, r, i, o, l) => {
-  o !== void 0 && !l ? r !== n[o] && (n[o] = r, i(e, n[o])) : r !== n[t.key] && (n[t.key] = r, i(e, n[t.key]));
+  if (o !== void 0)
+    l ? r !== n[t.key] && (n[t.key] = r, i(e, n[t.key])) : r !== n[o] && (n[o] = r, i(e, n[o]));
+  else {
+    let a = r;
+    (t.ui === "switch" || t.ui === "select" || t.ui === "multiTypes") && (r || (a = void 0)), a !== n[t.key] && (n[t.key] = a, i(e, n[t.key]));
+  }
 };
 function ms(e) {
   return { renderUiDummy: (n, r, i, o, l) => {
@@ -1165,7 +1178,7 @@ function ms(e) {
     ce(n, r, i, e, o, l);
   } };
 }
-const gs = { class: "d-flex justify-space-between align-center" }, ys = /* @__PURE__ */ K({
+const ys = { class: "d-flex justify-space-between align-center" }, gs = /* @__PURE__ */ K({
   __name: "strInput",
   props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
@@ -1178,9 +1191,9 @@ const gs = { class: "d-flex justify-space-between align-center" }, ys = /* @__PU
   setup(e, { emit: t }) {
     const n = oe(e, "modelValue"), r = t;
     return (i, o) => {
-      const l = M("v-text-field"), u = M("v-icon"), a = ae("ripple");
-      return w(), H("div", gs, [
-        re(B(l, {
+      const l = V("v-text-field"), a = V("v-icon"), u = ae("ripple");
+      return w(), H("div", ys, [
+        re(N(l, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (s) => n.value = s),
           density: "compact",
@@ -1189,16 +1202,16 @@ const gs = { class: "d-flex justify-space-between align-center" }, ys = /* @__PU
           readonly: i.readonly
         }, null, 8, ["modelValue", "readonly"]), [
           [
-            a,
+            u,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        i.hasDelete ? (w(), F(u, {
+        i.hasDelete ? (w(), F(a, {
           key: 0,
           class: "mx-2",
-          icon: E(ye),
+          icon: k(ge),
           onClick: o[1] || (o[1] = q((s) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
@@ -1206,7 +1219,7 @@ const gs = { class: "d-flex justify-space-between align-center" }, ys = /* @__PU
   }
 });
 function hs(e) {
-  return { renderUiStrInput: (n, r, i, o, l) => r.ui !== "strInput" ? (console.assert(!1), _("div", "renderUiStrInput prop ui must be strInput")) : _(ys, {
+  return { renderUiStrInput: (n, r, i, o, l) => r.ui !== "strInput" ? (console.assert(!1), _("div", "renderUiStrInput prop ui must be strInput")) : _(gs, {
     modelValue: r.static ? r.value : ce(
       n,
       r,
@@ -1215,12 +1228,12 @@ function hs(e) {
       o,
       l
     ),
-    "onUpdate:modelValue": (u) => {
+    "onUpdate:modelValue": (a) => {
       r.static || he(
         n,
         r,
         i,
-        u,
+        a,
         e,
         o,
         l
@@ -1251,9 +1264,9 @@ const _s = { class: "d-flex justify-space-between align-center" }, bs = /* @__PU
   setup(e, { emit: t }) {
     const n = oe(e, "modelValue"), r = t;
     return (i, o) => {
-      const l = M("v-number-input"), u = M("v-icon"), a = ae("ripple");
+      const l = V("v-number-input"), a = V("v-icon"), u = ae("ripple");
       return w(), H("div", _s, [
-        re(B(l, {
+        re(N(l, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (s) => n.value = s),
           density: "compact",
@@ -1267,16 +1280,16 @@ const _s = { class: "d-flex justify-space-between align-center" }, bs = /* @__PU
           readonly: i.readonly
         }, null, 8, ["modelValue", "precision", "min", "max", "step", "readonly"]), [
           [
-            a,
+            u,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        i.hasDelete ? (w(), F(u, {
+        i.hasDelete ? (w(), F(a, {
           key: 0,
           class: "mx-2",
-          icon: E(ye),
+          icon: k(ge),
           onClick: o[1] || (o[1] = q((s) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
@@ -1293,12 +1306,12 @@ function $s(e) {
       o,
       l
     ),
-    "onUpdate:modelValue": (u) => {
+    "onUpdate:modelValue": (a) => {
       he(
         n,
         r,
         i,
-        u,
+        a,
         e,
         o,
         l
@@ -1328,22 +1341,22 @@ const Ts = { class: "d-flex justify-space-between align-center" }, Ss = /* @__PU
   setup(e, { emit: t }) {
     const n = oe(e, "modelValue"), r = t;
     return (i, o) => {
-      const l = M("v-switch"), u = M("v-icon");
+      const l = V("v-switch"), a = V("v-icon");
       return w(), H("div", Ts, [
-        B(l, {
+        N(l, {
           modelValue: n.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (a) => n.value = a),
+          "onUpdate:modelValue": o[0] || (o[0] = (u) => n.value = u),
           class: "ml-1",
           density: "compact",
           color: "primary",
           "hide-details": "",
           readonly: i.readonly
         }, null, 8, ["modelValue", "readonly"]),
-        i.hasDelete ? (w(), F(u, {
+        i.hasDelete ? (w(), F(a, {
           key: 0,
           class: "mx-2",
-          icon: E(ye),
-          onClick: o[1] || (o[1] = q((a) => r("delete"), ["stop"]))
+          icon: k(ge),
+          onClick: o[1] || (o[1] = q((u) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
@@ -1359,12 +1372,12 @@ function ws(e) {
       o,
       l
     ),
-    "onUpdate:modelValue": (u) => {
+    "onUpdate:modelValue": (a) => {
       he(
         n,
         r,
         i,
-        u,
+        a,
         e,
         o,
         l
@@ -1389,24 +1402,24 @@ const As = { class: "d-flex justify-space-between align-center" }, Cs = /* @__PU
   }),
   emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const { t: n } = ue(), r = oe(e, "modelValue"), i = t, o = hn(), l = k(() => {
-      var a;
-      const u = [];
-      return (a = zt[o.value]) == null || a.items[e.items].forEach(({ title: s, value: v }) => {
-        u.push({ title: n(s), value: v });
-      }), u;
+    const { t: n } = ue(), r = oe(e, "modelValue"), i = t, o = hn(), l = R(() => {
+      var u;
+      const a = [];
+      return (u = zt[o.value]) == null || u.items[e.items].forEach(({ title: s, value: v }) => {
+        a.push({ title: n(s), value: v });
+      }), a;
     });
-    return (u, a) => {
-      const s = M("v-select"), v = M("v-icon"), d = ae("ripple");
+    return (a, u) => {
+      const s = V("v-select"), v = V("v-icon"), d = ae("ripple");
       return w(), H("div", As, [
-        re(B(s, {
+        re(N(s, {
           modelValue: r.value,
-          "onUpdate:modelValue": a[0] || (a[0] = (f) => r.value = f),
+          "onUpdate:modelValue": u[0] || (u[0] = (f) => r.value = f),
           density: "compact",
           items: l.value,
           "hide-details": "",
           "single-line": "",
-          readonly: u.readonly
+          readonly: a.readonly
         }, null, 8, ["modelValue", "items", "readonly"]), [
           [
             d,
@@ -1415,11 +1428,11 @@ const As = { class: "d-flex justify-space-between align-center" }, Cs = /* @__PU
             { stop: !0 }
           ]
         ]),
-        u.hasDelete ? (w(), F(v, {
+        a.hasDelete ? (w(), F(v, {
           key: 0,
           class: "mx-2",
-          icon: E(ye),
-          onClick: a[1] || (a[1] = q((f) => i("delete"), ["stop"]))
+          icon: k(ge),
+          onClick: u[1] || (u[1] = q((f) => i("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
@@ -1435,12 +1448,12 @@ function Ps(e) {
       o,
       l
     ),
-    "onUpdate:modelValue": (u) => {
+    "onUpdate:modelValue": (a) => {
       he(
         n,
         r,
         i,
-        u,
+        a,
         e,
         o,
         l
@@ -1454,7 +1467,7 @@ function Ps(e) {
     readonly: r.readonly
   }) };
 }
-const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-grey ml-1" }, Vs = /* @__PURE__ */ K({
+const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-grey ml-1" }, Ms = /* @__PURE__ */ K({
   __name: "group",
   props: {
     id: {},
@@ -1464,23 +1477,23 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
   },
   emits: ["x-click"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = we(), i = e, o = t, l = R(!1), u = k(() => ({
+    const { backgroundColor2: n, highlightColor: r } = we(), i = e, o = t, l = B(!1), a = R(() => ({
       background: l.value ? r.value : n.value,
       height: "30px",
       marginBottom: "1px",
       userSelect: "none"
     }));
-    return (a, s) => {
-      const v = M("v-icon"), d = ae("ripple");
+    return (u, s) => {
+      const v = V("v-icon"), d = ae("ripple");
       return re((w(), H("div", {
         class: "d-flex align-center cursor-pointer",
-        style: le(u.value),
+        style: le(a.value),
         onClick: s[0] || (s[0] = (f) => o("x-click", i.id)),
         onMouseover: s[1] || (s[1] = (f) => l.value = !0),
         onMouseout: s[2] || (s[2] = (f) => l.value = !1)
       }, [
-        B(v, {
-          icon: i.collapse ? E($n) : E(bn),
+        N(v, {
+          icon: i.collapse ? k($n) : k(bn),
           size: "small"
         }, null, 8, ["icon"]),
         z("span", Os, ne(i.title), 1),
@@ -1490,7 +1503,7 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
       ]);
     };
   }
-}), Ms = { class: "text-subtitle-1 ml-6" }, Us = /* @__PURE__ */ K({
+}), Vs = { class: "text-subtitle-1 ml-6" }, Us = /* @__PURE__ */ K({
   __name: "item",
   props: {
     id: {},
@@ -1498,22 +1511,22 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
   },
   emits: ["x-click"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = we(), i = e, o = t, l = R(!1), u = k(() => ({
+    const { backgroundColor2: n, highlightColor: r } = we(), i = e, o = t, l = B(!1), a = R(() => ({
       background: l.value ? r.value : n.value,
       height: "48px",
       marginBottom: "1px",
       userSelect: "none"
     }));
-    return (a, s) => {
+    return (u, s) => {
       const v = ae("ripple");
       return re((w(), H("div", {
         class: "d-flex align-center cursor-pointer",
-        style: le(u.value),
+        style: le(a.value),
         onClick: s[0] || (s[0] = (d) => o("x-click", i.id)),
         onMouseover: s[1] || (s[1] = (d) => l.value = !0),
         onMouseout: s[2] || (s[2] = (d) => l.value = !1)
       }, [
-        z("span", Ms, ne(i.title), 1)
+        z("span", Vs, ne(i.title), 1)
       ], 36)), [
         [v]
       ]);
@@ -1532,17 +1545,17 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
   },
   emits: ["update:modelValue", "update:open"],
   setup(e) {
-    const { t } = ue(), n = oe(e, "modelValue"), r = oe(e, "open"), i = _n(), o = (u) => {
-      const a = fn(i, u);
-      a && zl(i, u, !a.collapse);
-    }, l = (u) => {
-      n.value = u, r.value = !1, _e.emit("refreshDepends");
+    const { t } = ue(), n = oe(e, "modelValue"), r = oe(e, "open"), i = _n(), o = (a) => {
+      const u = fn(i, a);
+      u && zl(i, a, !u.collapse);
+    }, l = (a) => {
+      n.value = a, r.value = !1, _e.emit("refreshDepends");
     };
-    return (u, a) => E(i).length > 0 ? (w(), H("div", Ls, [
-      (w(!0), H(He, null, Ht(E(i), (s) => (w(), H(He, {
+    return (a, u) => k(i).length > 0 ? (w(), H("div", Ls, [
+      (w(!0), H(He, null, Ht(k(i), (s) => (w(), H(He, {
         key: s.id
       }, [
-        s.type === 0 ? (w(), F(Vs, {
+        s.type === 0 ? (w(), F(Ms, {
           key: 0,
           id: s.id,
           title: s.name,
@@ -1557,9 +1570,9 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
           onXClick: l
         }, null, 8, ["id", "title"])) : I("", !0)
       ], 64))), 128))
-    ])) : (w(), H("div", Ds, ne(E(t)("x-prop-tree.noComp")), 1));
+    ])) : (w(), H("div", Ds, ne(k(t)("x-prop-tree.noComp")), 1));
   }
-}), Es = { class: "text-subtitle-1 ml-3" }, Ns = /* @__PURE__ */ K({
+}), ks = { class: "text-subtitle-1 ml-3" }, Es = /* @__PURE__ */ K({
   __name: "index",
   props: {
     modelValue: {},
@@ -1567,22 +1580,22 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const { t } = ue(), n = Kn(), { sysBarAvail: r } = kn(), { backgroundColor1: i } = we(), o = oe(e, "modelValue"), l = _n(), u = k(() => {
+    const { t } = ue(), n = Kn(), { sysBarAvail: r } = Rn(), { backgroundColor1: i } = we(), o = oe(e, "modelValue"), l = _n(), a = R(() => {
       let f = "100%";
       return n.mdAndUp.value && (f = "400px"), {
         background: i.value,
         width: f,
         height: "100%"
       };
-    }), a = k(() => {
+    }), u = R(() => {
       let f = 48;
       return r.value && (f += 24), {
         position: "relative",
         height: `calc(100% - ${f}px)`
       };
-    }), s = k(() => ({
+    }), s = R(() => ({
       height: "60px"
-    })), v = k(() => {
+    })), v = R(() => {
       if (!o.value)
         return t("x-runtime-lib.notSet");
       const f = fn(l, o.value);
@@ -1591,18 +1604,18 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
     return Kt(() => {
       d.value = !1;
     }), (f, p) => {
-      const h = M("v-btn"), P = M("v-sheet"), A = M("v-icon"), C = M("v-dialog");
+      const h = V("v-btn"), P = V("v-sheet"), A = V("v-icon"), C = V("v-dialog");
       return w(), F(C, {
-        modelValue: E(d),
+        modelValue: k(d),
         "onUpdate:modelValue": p[5] || (p[5] = ($) => Fe(d) ? d.value = $ : null),
         transition: "scroll-x-reverse-transition",
         persistent: "",
         "no-click-animation": "",
         fullscreen: "",
-        onKeydown: p[6] || (p[6] = En(q(($) => d.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: p[6] || (p[6] = kn(q(($) => d.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
         activator: J(({ props: $ }) => [
-          B(h, qt($, {
+          N(h, qt($, {
             density: "comfortable",
             block: ""
           }), {
@@ -1620,35 +1633,35 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
           }, [
             z("div", {
               class: "elevation-2",
-              style: le(u.value)
+              style: le(a.value)
             }, [
-              E(r) ? (w(), F(P, {
+              k(r) ? (w(), F(P, {
                 key: 0,
                 color: "transparent",
                 height: 24
               })) : I("", !0),
-              B(P, {
+              N(P, {
                 class: "d-flex align-center px-3",
                 color: "transparent",
                 height: 48
               }, {
                 default: J(() => [
-                  B(A, {
-                    icon: E(fs),
+                  N(A, {
+                    icon: k(fs),
                     onClick: p[0] || (p[0] = ($) => d.value = !1)
                   }, null, 8, ["icon"]),
-                  z("span", Es, ne(E(t)("x-prop-tree.dlg.compSelect.title")), 1)
+                  z("span", ks, ne(k(t)("x-prop-tree.dlg.compSelect.title")), 1)
                 ]),
                 _: 1
               }),
               z("div", {
                 class: "overflow-y-auto",
-                style: le(a.value)
+                style: le(u.value)
               }, [
-                B(js, {
+                N(js, {
                   modelValue: o.value,
                   "onUpdate:modelValue": p[1] || (p[1] = ($) => o.value = $),
-                  open: E(d),
+                  open: k(d),
                   "onUpdate:open": p[2] || (p[2] = ($) => Fe(d) ? d.value = $ : null)
                 }, null, 8, ["modelValue", "open"]),
                 z("div", {
@@ -1663,8 +1676,8 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
     };
   }
 });
-function Bs(e) {
-  return { renderUiCompSelect: (n, r, i, o, l) => r.ui !== "compSelect" ? (console.assert(!1), _("div", "renderUiCompSelect prop ui must be compSelect")) : _(Ns, {
+function Ns(e) {
+  return { renderUiCompSelect: (n, r, i, o, l) => r.ui !== "compSelect" ? (console.assert(!1), _("div", "renderUiCompSelect prop ui must be compSelect")) : _(Es, {
     modelValue: ce(
       n,
       r,
@@ -1673,12 +1686,12 @@ function Bs(e) {
       o,
       l
     ),
-    "onUpdate:modelValue": (u) => {
+    "onUpdate:modelValue": (a) => {
       he(
         n,
         r,
         i,
-        u,
+        a,
         e,
         o,
         l
@@ -1686,7 +1699,7 @@ function Bs(e) {
     }
   }) };
 }
-const Rs = { class: "d-flex justify-space-between align-center" }, ks = /* @__PURE__ */ K({
+const Bs = { class: "d-flex justify-space-between align-center" }, Rs = /* @__PURE__ */ K({
   __name: "colorPicker",
   props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
@@ -1697,50 +1710,50 @@ const Rs = { class: "d-flex justify-space-between align-center" }, ks = /* @__PU
   }),
   emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const { t: n } = ue(), r = oe(e, "modelValue"), i = t, o = k(() => {
-      let a = "100%";
-      return e.hasDelete && (a = "calc(100% - 37px)"), {
-        width: a
+    const { t: n } = ue(), r = oe(e, "modelValue"), i = t, o = R(() => {
+      let u = "100%";
+      return e.hasDelete && (u = "calc(100% - 37px)"), {
+        width: u
       };
-    }), l = k(() => e.readonly), { open: u } = ut(`propTreeColorPickerMenu${Gt()}`);
+    }), l = R(() => e.readonly), { open: a } = ut(`propTreeColorPickerMenu${Gt()}`);
     return Kt(() => {
-      u.value = !1;
-    }), (a, s) => {
-      const v = M("v-btn"), d = M("v-icon"), f = M("v-color-picker"), p = M("v-menu");
+      a.value = !1;
+    }), (u, s) => {
+      const v = V("v-btn"), d = V("v-icon"), f = V("v-color-picker"), p = V("v-menu");
       return w(), F(p, {
-        modelValue: E(u),
-        "onUpdate:modelValue": s[2] || (s[2] = (h) => Fe(u) ? u.value = h : null),
+        modelValue: k(a),
+        "onUpdate:modelValue": s[2] || (s[2] = (h) => Fe(a) ? a.value = h : null),
         "close-on-content-click": !1,
         scrim: "transparent"
       }, {
         activator: J(({ props: h }) => [
-          z("div", Rs, [
+          z("div", Bs, [
             z("div", {
               class: "flex-grow-1",
               style: le(o.value)
             }, [
-              B(v, qt(h, {
+              N(v, qt(h, {
                 density: "comfortable",
                 color: r.value,
                 block: "",
                 disabled: l.value
               }), {
                 default: J(() => [
-                  at(ne(r.value ? r.value : E(n)("x-runtime-lib.notSet")), 1)
+                  at(ne(r.value ? r.value : k(n)("x-runtime-lib.notSet")), 1)
                 ]),
                 _: 2
               }, 1040, ["color", "disabled"])
             ], 4),
-            a.hasDelete ? (w(), F(d, {
+            u.hasDelete ? (w(), F(d, {
               key: 0,
               class: "mx-2",
-              icon: E(ye),
+              icon: k(ge),
               onClick: s[0] || (s[0] = q((P) => i("delete"), ["stop"]))
             }, null, 8, ["icon"])) : I("", !0)
           ])
         ]),
         default: J(() => [
-          B(f, {
+          N(f, {
             modelValue: r.value,
             "onUpdate:modelValue": s[1] || (s[1] = (h) => r.value = h),
             mode: "hexa",
@@ -1754,7 +1767,7 @@ const Rs = { class: "d-flex justify-space-between align-center" }, ks = /* @__PU
   }
 });
 function Fs(e) {
-  return { renderUiColorPicker: (n, r, i, o, l) => r.ui !== "colorPicker" ? (console.assert(!1), _("div", "renderUiColorPicker prop ui must be colorPicker")) : _(ks, {
+  return { renderUiColorPicker: (n, r, i, o, l) => r.ui !== "colorPicker" ? (console.assert(!1), _("div", "renderUiColorPicker prop ui must be colorPicker")) : _(Rs, {
     modelValue: ce(
       n,
       r,
@@ -1763,12 +1776,12 @@ function Fs(e) {
       o,
       l
     ),
-    "onUpdate:modelValue": (u) => {
+    "onUpdate:modelValue": (a) => {
       he(
         n,
         r,
         i,
-        u,
+        a,
         e,
         o,
         l
@@ -1792,10 +1805,10 @@ const Hs = { class: "d-flex justify-space-between align-center my-2" }, Gs = { c
   }),
   emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const { t: n } = ue(), r = oe(e, "modelValue"), i = t, o = hn(), l = k(() => {
+    const { t: n } = ue(), r = oe(e, "modelValue"), i = t, o = hn(), l = R(() => {
       var f;
       return (f = zt[o.value]) == null ? void 0 : f.types[e.types];
-    }), u = R(0), a = k(() => {
+    }), a = B(0), u = R(() => {
       var p;
       const f = [];
       return (p = l.value) == null || p.forEach(({ title: h }, P) => {
@@ -1807,15 +1820,15 @@ const Hs = { class: "d-flex justify-space-between align-center my-2" }, Gs = { c
     });
     mt(() => {
       var f;
-      (f = l.value) == null || f.some((p, h) => p.validator(r.value) ? (u.value = h, !0) : !1);
+      (f = l.value) == null || f.some((p, h) => p.validator(r.value) ? (a.value = h, !0) : !1);
     });
-    const s = k(() => {
+    const s = R(() => {
       var f;
-      return (f = l.value) == null ? void 0 : f[u.value];
+      return (f = l.value) == null ? void 0 : f[a.value];
     }), v = () => {
       var f;
       r.value = (f = s.value) == null ? void 0 : f.default;
-    }, d = R(0);
+    }, d = B(0);
     return mt(() => {
       var f, p;
       ((f = s.value) == null ? void 0 : f.ui) === "pixelInput" ? d.value = Fn(r.value) : ((p = s.value) == null ? void 0 : p.ui) === "percentInput" && (d.value = Hn(r.value));
@@ -1824,17 +1837,17 @@ const Hs = { class: "d-flex justify-space-between align-center my-2" }, Gs = { c
       ((p = s.value) == null ? void 0 : p.ui) === "pixelInput" ? r.value = f + "px" : ((h = s.value) == null ? void 0 : h.ui) === "percentInput" && (r.value = f + "%");
     }), (f, p) => {
       var $, O;
-      const h = M("v-select"), P = M("v-number-input"), A = M("v-icon"), C = ae("ripple");
+      const h = V("v-select"), P = V("v-number-input"), A = V("v-icon"), C = ae("ripple");
       return w(), H("div", Hs, [
         z("div", Gs, [
-          re(B(h, {
-            modelValue: u.value,
+          re(N(h, {
+            modelValue: a.value,
             "onUpdate:modelValue": [
-              p[0] || (p[0] = (T) => u.value = T),
+              p[0] || (p[0] = (T) => a.value = T),
               v
             ],
             density: "compact",
-            items: a.value,
+            items: u.value,
             "hide-details": "",
             "single-line": ""
           }, null, 8, ["modelValue", "items"]), [
@@ -1869,7 +1882,7 @@ const Hs = { class: "d-flex justify-space-between align-center my-2" }, Gs = { c
         f.hasDelete ? (w(), F(A, {
           key: 0,
           class: "mx-2",
-          icon: E(ye),
+          icon: k(ge),
           onClick: p[2] || (p[2] = q((T) => i("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
@@ -1886,12 +1899,12 @@ function qs(e) {
       o,
       l
     ),
-    "onUpdate:modelValue": (u) => {
+    "onUpdate:modelValue": (a) => {
       he(
         n,
         r,
         i,
-        u,
+        a,
         e,
         o,
         l
@@ -1914,46 +1927,46 @@ const zs = /* @__PURE__ */ K({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const { t: n } = ue(), { backgroundColor1: r } = we(), i = e, o = t, l = R("20px"), u = R("56px"), a = R("200px"), s = Nn({}), v = R({}), d = (g, c) => {
-      Ft(v, i.config, i.object), o("change", g, c);
+    const { t: n } = ue(), { backgroundColor1: r } = we(), i = e, o = t, l = B("20px"), a = B("56px"), u = B("200px"), s = En({}), v = B({}), d = (y, c) => {
+      Ft(v, i.config, i.object), o("change", y, c);
     };
     Oe(
       [() => i.config, () => i.object],
       () => {
-        Ft(v, i.config, i.object, (g, c) => {
-          o("change", g, c);
+        Ft(v, i.config, i.object, (y, c) => {
+          o("change", y, c);
         });
       },
       { immediate: !0 }
     );
-    const f = R(i.version);
+    const f = B(i.version);
     es(f), Oe(
       () => i.version,
       () => {
         f.value = i.version;
       }
     );
-    const p = R(i.config);
+    const p = B(i.config);
     ts(p), Oe(
       () => i.config,
       () => {
         p.value = i.config;
       }
     );
-    const h = R(i.object);
+    const h = B(i.object);
     rs(h), Oe(
       () => i.object,
       () => {
         h.value = i.object;
       }
     ), is(v), ss(d);
-    const P = R([]);
+    const P = B([]);
     us(P);
     const A = () => {
-      const { compGroups: g, comps: c } = Gn.app.activeApp, y = [];
-      g.forEach(({ id: m, name: b, position: x }) => {
+      const { compGroups: y, comps: c } = Gn.app.activeApp, g = [];
+      y.forEach(({ id: m, name: b, position: x }) => {
         const D = P.value.find((Q) => Q.id === m);
-        y.push({
+        g.push({
           id: m,
           type: 0,
           name: b,
@@ -1961,8 +1974,8 @@ const zs = /* @__PURE__ */ K({
           collapse: (D == null ? void 0 : D.collapse) ?? !0
         });
       }), c.forEach(({ id: m, groupid: b, name: x, position: D }) => {
-        y.push({ id: m, type: 1, name: x, position: D, group: b });
-      }), ql(y, !0), P.value = y;
+        g.push({ id: m, type: 1, name: x, position: D, group: b });
+      }), ql(g, !0), P.value = g;
     };
     let C;
     const $ = () => {
@@ -1972,19 +1985,19 @@ const zs = /* @__PURE__ */ K({
     }, O = () => {
       clearTimeout(C), C = void 0;
     };
-    Bn(() => {
+    Nn(() => {
       $();
-    }), Rn(() => {
+    }), Bn(() => {
       O();
     });
-    const { renderProp: T } = vs(v, u, a), { renderUiDummy: L } = ms(d), { renderUiStrInput: W } = hs(d), { renderUiNumInput: Ye } = $s(d), { renderUiSwitch: Tn } = ws(d), { renderUiSelect: Sn } = Ps(d), { renderUiColorPicker: wn } = Fs(d), { renderUiMultiTypes: An } = qs(d), { renderUiCompSelect: Cn } = Bs(d), De = (g, c, y, m, b, x) => (g = an(g), b !== void 0 ? (g.push(b), x && g.push(c.key)) : g.push(c.key), c.ui ? c.array && m ? xn(g, c, y, m, b, x) : Vn(g, c, y, b, x) : c.array ? Pn(g, c, y, m, b, x) : On(
-      g,
-      c,
+    const { renderProp: T } = vs(v, a, u), { renderUiDummy: L } = ms(d), { renderUiStrInput: W } = hs(d), { renderUiNumInput: Ye } = $s(d), { renderUiSwitch: Tn } = ws(d), { renderUiSelect: Sn } = Ps(d), { renderUiColorPicker: wn } = Fs(d), { renderUiMultiTypes: An } = qs(d), { renderUiCompSelect: Cn } = Ns(d), De = (y, c, g, m, b, x) => (y = an(y), b !== void 0 ? (y.push(b), x && y.push(c.key)) : y.push(c.key), c.ui ? c.array && m ? xn(y, c, g, m, b, x) : Mn(y, c, g, b, x) : c.array ? Pn(y, c, g, m, b, x) : On(
       y,
+      c,
+      g,
       m,
       b,
       x
-    )), Pn = (g, c, y, m, b, x) => {
+    )), Pn = (y, c, g, m, b, x) => {
       if (c.ui)
         return console.assert(!1), _("div", "renderBranchArray prop ui must be invalid");
       if (!c.array)
@@ -1992,10 +2005,10 @@ const zs = /* @__PURE__ */ K({
       if (!m)
         return console.assert(!1), _("div", "renderBranchArray branch must be valid");
       let D;
-      b !== void 0 && !x ? (y[b] instanceof Array || (y[b] = N(c), d(g, y[c.key])), D = y[b]) : (y[c.key] instanceof Array || (y[c.key] = N(c), d(g, y[c.key])), D = y[c.key]);
+      b !== void 0 && !x ? (g[b] instanceof Array || (g[b] = E(c), d(y, g[c.key])), D = g[b]) : (g[c.key] instanceof Array || (g[c.key] = E(c), d(y, g[c.key])), D = g[c.key]);
       let Q = n(c.name);
-      m.collapse && be(v.value, g) && (Q += " *");
-      const Ae = _(Re, {
+      m.collapse && be(v.value, y) && (Q += " *");
+      const Ae = _(Be, {
         title: Q,
         collapse: m.collapse,
         hasCreate: !0,
@@ -2003,10 +2016,10 @@ const zs = /* @__PURE__ */ K({
           m.collapse = S;
         },
         onMenu: (S, j) => {
-          _e.emit("propTreeMenu", { x: S, y: j, keys: g });
+          _e.emit("propTreeMenu", { x: S, y: j, keys: y });
         },
         onCreate: () => {
-          D.push({}), d(g, D);
+          D.push({}), d(y, D);
         }
       }), G = _(
         "div",
@@ -2026,10 +2039,10 @@ const zs = /* @__PURE__ */ K({
               collapse: !0,
               children: {}
             });
-            const je = [...g, j], Ee = m.children[j];
+            const je = [...y, j], ke = m.children[j];
             let vt = `[${j + 1}]`;
             m.children[j].collapse && be(v.value, je) && (vt += " *");
-            const Un = _(Re, {
+            const Un = _(Be, {
               title: vt,
               collapse: m.children[j].collapse,
               hasDelete: !0,
@@ -2049,7 +2062,7 @@ const zs = /* @__PURE__ */ K({
                   console.assert(!1);
                   return;
                 }
-                m.children.splice(ee, 1), D.splice(ee, 1), d(g, D);
+                m.children.splice(ee, 1), D.splice(ee, 1), d(y, D);
               }
             });
             S.push(Un);
@@ -2063,19 +2076,19 @@ const zs = /* @__PURE__ */ K({
               (() => {
                 const ee = [];
                 return c.children.forEach((fe) => {
-                  if (!kt(Ee.children)) {
+                  if (!Rt(ke.children)) {
                     console.assert(!1);
                     return;
                   }
-                  Ee.children[fe.key] || (Ee.children[fe.key] = {
+                  ke.children[fe.key] || (ke.children[fe.key] = {
                     collapse: !0,
                     children: fe.array ? [] : {}
                   });
                   const Dn = De(
-                    g,
+                    y,
                     fe,
                     D[j],
-                    Ee.children[fe.key],
+                    ke.children[fe.key],
                     j,
                     !0
                   );
@@ -2100,7 +2113,7 @@ const zs = /* @__PURE__ */ K({
           return S.push(Ae), m.collapse || S.push(G), S;
         })()
       );
-    }, On = (g, c, y, m, b, x) => {
+    }, On = (y, c, g, m, b, x) => {
       if (c.ui)
         return console.assert(!1), _("div", "renderBranchScalar prop ui must be invalid");
       if (c.array)
@@ -2108,8 +2121,8 @@ const zs = /* @__PURE__ */ K({
       if (!m)
         return console.assert(!1), _("div", "renderBranchScalar branch must be valid");
       let D = n(c.name);
-      m.collapse && be(v.value, g) && (D += " *");
-      const Q = _(Re, {
+      m.collapse && be(v.value, y) && (D += " *");
+      const Q = _(Be, {
         title: D,
         collapse: m.collapse,
         hasDelete: b !== void 0 && !x,
@@ -2117,10 +2130,10 @@ const zs = /* @__PURE__ */ K({
           m.collapse = G;
         },
         onMenu: (G, S) => {
-          _e.emit("propTreeMenu", { x: G, y: S, keys: g });
+          _e.emit("propTreeMenu", { x: G, y: S, keys: y });
         },
         onDelete: () => {
-          b === void 0 || x || (y.splice(b, 1), d(g.slice(0, -1), y));
+          b === void 0 || x || (g.splice(b, 1), d(y.slice(0, -1), g));
         }
       }), Ae = _(
         "div",
@@ -2132,7 +2145,7 @@ const zs = /* @__PURE__ */ K({
         (() => {
           const G = [];
           return c.children.forEach((S) => {
-            if (!kt(m.children)) {
+            if (!Rt(m.children)) {
               console.assert(!1);
               return;
             }
@@ -2141,9 +2154,9 @@ const zs = /* @__PURE__ */ K({
               children: !S.ui && S.array ? [] : {}
             });
             const j = De(
-              g,
+              y,
               S,
-              (typeof y[c.key] != "object" && (y[c.key] = {}, d(g, y[c.key])), y[c.key]),
+              (typeof g[c.key] != "object" && (g[c.key] = {}, d(y, g[c.key])), g[c.key]),
               m.children[S.key]
             );
             G.push(j);
@@ -2162,7 +2175,7 @@ const zs = /* @__PURE__ */ K({
           return G.push(Q), m.collapse || G.push(Ae), G;
         })()
       );
-    }, xn = (g, c, y, m, b, x) => {
+    }, xn = (y, c, g, m, b, x) => {
       if (!c.ui)
         return console.assert(!1), _("div", "renderLeafArray prop ui must be valid");
       if (!c.array)
@@ -2170,10 +2183,10 @@ const zs = /* @__PURE__ */ K({
       if (!m)
         return console.assert(!1), _("div", "renderLeafArray branch must be valid");
       let D;
-      b !== void 0 && !x ? (y[b] instanceof Array || (y[b] = N(c), d(g, y[b])), D = y[b]) : (y[c.key] instanceof Array || (y[c.key] = N(c), d(g, y[c.key])), D = y[c.key]);
+      b !== void 0 && !x ? (g[b] instanceof Array || (g[b] = E(c), d(y, g[b])), D = g[b]) : (g[c.key] instanceof Array || (g[c.key] = E(c), d(y, g[c.key])), D = g[c.key]);
       let Q = n(c.name);
-      m.collapse && be(v.value, g) && (Q += " *");
-      const Ae = _(Re, {
+      m.collapse && be(v.value, y) && (Q += " *");
+      const Ae = _(Be, {
         title: Q,
         collapse: m.collapse,
         hasCreate: !0,
@@ -2181,10 +2194,10 @@ const zs = /* @__PURE__ */ K({
           m.collapse = S;
         },
         onMenu: (S, j) => {
-          _e.emit("propTreeMenu", { x: S, y: j, keys: g });
+          _e.emit("propTreeMenu", { x: S, y: j, keys: y });
         },
         onCreate: () => {
-          D.push(N(c, !0)), d(g, D);
+          D.push(E(c, !0)), d(y, D);
         }
       }), G = _(
         "div",
@@ -2196,7 +2209,7 @@ const zs = /* @__PURE__ */ K({
         (() => {
           const S = [];
           for (let j = 0; j < D.length; j++) {
-            const je = De(g, c, D, void 0, j, !1);
+            const je = De(y, c, D, void 0, j, !1);
             S.push(je);
           }
           return S;
@@ -2214,12 +2227,12 @@ const zs = /* @__PURE__ */ K({
           return S.push(Ae), m.collapse || S.push(G), S;
         })()
       );
-    }, Vn = (g, c, y, m, b) => {
+    }, Mn = (y, c, g, m, b) => {
       if (!c.ui)
         return console.assert(!1), _("div", "renderLeafScalar prop ui must be valid");
       let x;
-      return c.ui === "dummy" ? x = L(g, c, y, m, b) : c.ui === "strInput" ? x = W(g, c, y, m, b) : c.ui === "numInput" ? x = Ye(g, c, y, m, b) : c.ui === "switch" ? x = Tn(g, c, y, m, b) : c.ui === "select" ? x = Sn(g, c, y, m, b) : c.ui === "colorPicker" ? x = wn(g, c, y, m, b) : c.ui === "multiTypes" ? x = An(g, c, y, m, b) : c.ui === "compSelect" ? x = Cn(g, c, y, m, b) : console.assert(!1, "renderLeafScalar not implemented"), x ? T(g, c, x) : _("div");
-    }, Mn = () => _(
+      return c.ui === "dummy" ? x = L(y, c, g, m, b) : c.ui === "strInput" ? x = W(y, c, g, m, b) : c.ui === "numInput" ? x = Ye(y, c, g, m, b) : c.ui === "switch" ? x = Tn(y, c, g, m, b) : c.ui === "select" ? x = Sn(y, c, g, m, b) : c.ui === "colorPicker" ? x = wn(y, c, g, m, b) : c.ui === "multiTypes" ? x = An(y, c, g, m, b) : c.ui === "compSelect" ? x = Cn(y, c, g, m, b) : console.assert(!1, "renderLeafScalar not implemented"), x ? T(y, c, x) : _("div");
+    }, Vn = () => _(
       "div",
       {
         class: "text-body-2",
@@ -2228,25 +2241,25 @@ const zs = /* @__PURE__ */ K({
         }
       },
       (() => {
-        const g = [];
+        const y = [];
         if (i.unique && i.config.length > 0 && i.object) {
           s[i.unique] || (s[i.unique] = {});
           const c = s[i.unique];
-          i.config.forEach((y) => {
-            c[y.key] || (c[y.key] = {
+          i.config.forEach((g) => {
+            c[g.key] || (c[g.key] = {
               collapse: !0,
-              children: !y.ui && y.array ? [] : {}
+              children: !g.ui && g.array ? [] : {}
             });
-            const m = De([], y, i.object, c[y.key]);
-            g.push(m);
+            const m = De([], g, i.object, c[g.key]);
+            y.push(m);
           });
         }
-        return g;
+        return y;
       })()
     );
-    return (g, c) => (w(), H(He, null, [
-      B(Mn),
-      B(cs, {
+    return (y, c) => (w(), H(He, null, [
+      N(Vn),
+      N(cs, {
         config: i.config,
         object: i.object,
         "prop-states": v.value