x-prop-tree 0.6.20 → 0.6.22

package/dist/index.js

@@ -1,7 +1,7 @@
-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 z, normalizeStyle as le, createElementVNode as q, 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 zt, watchEffect as mt, watch as Oe, reactive as En, onMounted as Nn, onBeforeUnmount as Bn } 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 E, 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 z, normalizeStyle as le, createElementVNode as q, createCommentVNode as I, renderSlot as jn, h, mergeModels as X, useModel as oe, useId as Gt, onUnmounted as Kt, withKeys as En, mergeProps as zt, watchEffect as mt, watch as xe, reactive as kn, 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 Rn } from "x-essential-lib";
-import { getPropDefault as E, pkgs as qt, parsePixelStr as Fn, parsePercentStr as Hn } from "x-runtime-lib";
+import { getPropDefault as k, pkgs as qt, 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, zn = typeof self == "object" && self && self.Object === Object && self, Y = It || zn || Function("return this")(), se = Y.Symbol, Xt = Object.prototype, qn = Xt.hasOwnProperty, In = Xt.toString, Ce = se ? se.toStringTag : void 0;
@@ -19,9 +19,9 @@ 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";
@@ -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;
@@ -132,14 +132,14 @@ function Wt(e) {
   var t = e && e.constructor, n = typeof t == "function" && t.prototype || Pr;
   return e === n;
 }
-function Or(e, t) {
+function xr(e, t) {
   for (var n = -1, r = Array(e); ++n < e; )
     r[n] = t(n);
   return r;
 }
-var xr = "[object Arguments]";
+var Or = "[object Arguments]";
 function bt(e) {
-  return de(e) && Le(e) == xr;
+  return de(e) && Le(e) == Or;
 }
 var Yt = Object.prototype, Mr = Yt.hasOwnProperty, Vr = Yt.propertyIsEnumerable, Ur = bt(/* @__PURE__ */ function() {
   return arguments;
@@ -149,9 +149,9 @@ var Yt = Object.prototype, Mr = Yt.hasOwnProperty, Vr = Yt.propertyIsEnumerable,
 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, 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]", zr = "[object RegExp]", qr = "[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, Er = "[object Arguments]", kr = "[object Array]", Nr = "[object Boolean]", Br = "[object Date]", Rr = "[object Error]", Fr = "[object Function]", Hr = "[object Map]", Gr = "[object Number]", Kr = "[object Object]", zr = "[object RegExp]", qr = "[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[kr] = U[Er] = U[Zr] = U[Nr] = U[Jr] = U[Br] = U[Rr] = U[Fr] = U[Hr] = U[Gr] = U[Kr] = U[zr] = U[qr] = U[Ir] = U[Xr] = !1;
+U[Er] = U[kr] = U[Zr] = U[Nr] = U[Jr] = U[Br] = U[Rr] = U[Fr] = U[Hr] = U[Gr] = U[Kr] = U[zr] = U[qr] = U[Ir] = U[Xr] = !1;
 function lo(e) {
   return de(e) && Jt(e.length) && !!U[Le(e)];
 }
@@ -160,15 +160,15 @@ function ft(e) {
     return e(t);
   };
 }
-var en = typeof exports == "object" && exports && !exports.nodeType && exports, xe = en && typeof module == "object" && module && !module.nodeType && module, so = xe && xe.exports === en, et = so && It.process, $e = function() {
+var en = typeof exports == "object" && exports && !exports.nodeType && exports, Oe = en && typeof module == "object" && module && !module.nodeType && module, so = Oe && Oe.exports === en, et = so && It.process, $e = function() {
   try {
-    var e = xe && xe.require && xe.require("util").types;
+    var e = Oe && Oe.require && Oe.require("util").types;
     return e || et && et.binding && et.binding("util");
   } catch {
   }
 }(), St = $e && $e.isTypedArray, tn = St ? ft(St) : lo, ao = Object.prototype, uo = ao.hasOwnProperty;
 function co(e, t) {
-  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;
+  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 ? xr(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.
@@ -191,11 +191,11 @@ 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 Ve = me(Object, "create");
-function yo() {
+function go() {
   this.__data__ = Ve ? Ve(null) : {}, this.size = 0;
 }
 function ho(e) {
@@ -228,12 +228,12 @@ 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;
 pe.prototype.set = Po;
-function Oo() {
+function xo() {
   this.__data__ = [], this.size = 0;
 }
 function Ie(e, t) {
@@ -242,7 +242,7 @@ function Ie(e, t) {
       return n;
   return -1;
 }
-var xo = Array.prototype, Mo = xo.splice;
+var Oo = Array.prototype, Mo = Oo.splice;
 function Vo(e) {
   var t = this.__data__, n = Ie(t, e);
   if (n < 0)
@@ -268,7 +268,7 @@ function ie(e) {
     this.set(r[0], r[1]);
   }
 }
-ie.prototype.clear = Oo;
+ie.prototype.clear = xo;
 ie.prototype.delete = Vo;
 ie.prototype.get = Uo;
 ie.prototype.has = Lo;
@@ -281,15 +281,15 @@ function jo() {
     string: new pe()
   };
 }
-function ko(e) {
+function Eo(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 ko(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
+  return Eo(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
 }
-function Eo(e) {
+function ko(e) {
   var t = Xe(this, e).delete(e);
   return this.size -= t ? 1 : 0, t;
 }
@@ -303,18 +303,18 @@ 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 = Eo;
-ge.prototype.get = No;
-ge.prototype.has = Bo;
-ge.prototype.set = Ro;
+ye.prototype.clear = jo;
+ye.prototype.delete = ko;
+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;
 }
@@ -379,10 +379,10 @@ function ni(e, t, n) {
   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]", 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 it = me(Y, "DataView"), lt = me(Y, "Promise"), st = me(Y, "Set"), Pt = "[object Map]", ri = "[object Object]", xt = "[object Promise]", Ot = "[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()) != xt || st && Z(new st()) != Ot || 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) {
@@ -391,9 +391,9 @@ var it = me(Y, "DataView"), lt = me(Y, "Promise"), st = me(Y, "Set"), Pt = "[obj
       case ii:
         return Pt;
       case li:
-        return Ot;
-      case si:
         return xt;
+      case si:
+        return Ot;
       case ai:
         return Mt;
     }
@@ -422,31 +422,31 @@ 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]", Mi = "[object Int16Array]", Vi = "[object Int32Array]", Ui = "[object Uint8Array]", Li = "[object Uint8ClampedArray]", Di = "[object Uint16Array]", ji = "[object Uint32Array]";
-function ki(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]", xi = "[object Float64Array]", Oi = "[object Int8Array]", Mi = "[object Int16Array]", Vi = "[object Int32Array]", Ui = "[object Uint8Array]", Li = "[object Uint8ClampedArray]", Di = "[object Uint16Array]", ji = "[object Uint32Array]";
+function Ei(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:
       return di(e);
     case Pi:
-    case Oi:
     case xi:
+    case Oi:
     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,8 +460,8 @@ function ki(e, t, n) {
       return mi(e);
   }
 }
-function Ei(e) {
-  return typeof e.constructor == "function" && !Wt(e) ? gr(Ho(e)) : {};
+function ki(e) {
+  return typeof e.constructor == "function" && !Wt(e) ? yr(Ho(e)) : {};
 }
 var Ni = "[object Map]";
 function Bi(e) {
@@ -488,11 +488,11 @@ function Re(e, t, n, r, i, o) {
     if (Ge(e))
       return Jo(e);
     if (u == sn || u == on || s && !i)
-      l = s ? {} : Ei(e);
+      l = s ? {} : ki(e);
     else {
       if (!M[u])
         return i ? e : {};
-      l = ki(e, u);
+      l = Ei(e, u);
     }
   }
   o || (o = new te());
@@ -501,12 +501,12 @@ function Re(e, t, n, r, i, o) {
     return v;
   o.set(e, l), Gi(e) ? e.forEach(function(p) {
     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));
+  }) : Ri(e) && e.forEach(function(p, _) {
+    l.set(_, Re(p, t, n, _, e, o));
   });
   var d = ot, f = a ? void 0 : d(e);
-  return yr(f || e, function(p, h) {
-    f && (h = p, p = e[h]), wr(l, h, Re(p, t, n, h, e, o));
+  return gr(f || e, function(p, _) {
+    f && (_ = p, p = e[_]), wr(l, _, Re(p, t, n, _, e, o));
   }), l;
 }
 var pl = 1, vl = 4;
@@ -514,19 +514,19 @@ function an(e) {
   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 ze(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]);
 }
-ze.prototype.add = ze.prototype.push = gl;
-ze.prototype.has = yl;
+ze.prototype.add = ze.prototype.push = yl;
+ze.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))
@@ -546,24 +546,24 @@ function un(e, t, n, r, i, o) {
     return s == t && v == e;
   var d = -1, f = !0, p = n & $l ? new ze() : void 0;
   for (o.set(e, t), o.set(t, e); ++d < a; ) {
-    var h = e[d], P = t[d];
+    var _ = e[d], A = t[d];
     if (r)
-      var A = l ? r(P, h, d, t, e, o) : r(h, P, d, e, t, o);
-    if (A !== void 0) {
-      if (A)
+      var C = l ? r(A, _, d, t, e, o) : r(_, A, d, e, t, o);
+    if (C !== void 0) {
+      if (C)
         continue;
       f = !1;
       break;
     }
     if (p) {
-      if (!hl(t, function(C, $) {
-        if (!_l(p, $) && (h === C || i(h, C, n, r, o)))
+      if (!hl(t, function(P, $) {
+        if (!_l(p, $) && (_ === P || i(_, P, n, r, o)))
           return p.push($);
       })) {
         f = !1;
         break;
       }
-    } else if (!(h === P || i(h, P, n, r, o))) {
+    } else if (!(_ === A || i(_, A, n, r, o))) {
       f = !1;
       break;
     }
@@ -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]", 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) {
+var wl = 1, Al = 2, Cl = "[object Boolean]", Pl = "[object Date]", xl = "[object Error]", Ol = "[object Map]", Ml = "[object Number]", Vl = "[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 kl(e, t, n, r, i, o, l) {
   switch (n) {
-    case kl:
+    case El:
       if (e.byteLength != t.byteLength || e.byteOffset != t.byteOffset)
         return !1;
       e = e.buffer, t = t.buffer;
@@ -595,12 +595,12 @@ function El(e, t, n, r, i, o, l) {
     case Pl:
     case Ml:
       return ct(+e, +t);
-    case Ol:
+    case xl:
       return e.name == t.name && e.message == t.message;
     case Vl:
     case Ll:
       return e == t + "";
-    case xl:
+    case Ol:
       var a = Tl;
     case Ul:
       var u = r & wl;
@@ -628,45 +628,45 @@ function Fl(e, t, n, r, i, o) {
     if (!(l ? f in t : Rl.call(t, f)))
       return !1;
   }
-  var p = o.get(e), h = o.get(t);
-  if (p && h)
-    return p == t && h == e;
-  var P = !0;
+  var p = o.get(e), _ = o.get(t);
+  if (p && _)
+    return p == t && _ == e;
+  var A = !0;
   o.set(e, t), o.set(t, e);
-  for (var A = l; ++d < u; ) {
+  for (var C = l; ++d < u; ) {
     f = a[d];
-    var C = e[f], $ = t[f];
+    var P = e[f], $ = t[f];
     if (r)
-      var O = l ? r($, C, f, t, e, o) : r(C, $, f, e, t, o);
-    if (!(O === void 0 ? C === $ || i(C, $, n, r, o) : O)) {
-      P = !1;
+      var x = l ? r($, P, f, t, e, o) : r(P, $, f, e, t, o);
+    if (!(x === void 0 ? P === $ || i(P, $, n, r, o) : x)) {
+      A = !1;
       break;
     }
-    A || (A = f == "constructor");
+    C || (C = f == "constructor");
   }
-  if (P && !A) {
+  if (A && !C) {
     var T = e.constructor, L = t.constructor;
-    T != L && "constructor" in e && "constructor" in t && !(typeof T == "function" && T instanceof T && typeof L == "function" && L instanceof L) && (P = !1);
+    T != L && "constructor" in e && "constructor" in t && !(typeof T == "function" && T instanceof T && typeof L == "function" && L instanceof L) && (A = !1);
   }
-  return o.delete(e), o.delete(t), P;
+  return o.delete(e), o.delete(t), A;
 }
-var Hl = 1, Et = "[object Arguments]", Nt = "[object Array]", Ee = "[object Object]", Gl = Object.prototype, Bt = Gl.hasOwnProperty;
+var Hl = 1, kt = "[object Arguments]", Nt = "[object Array]", ke = "[object Object]", Gl = Object.prototype, Bt = Gl.hasOwnProperty;
 function Kl(e, t, n, r, i, o) {
   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;
+  u = u == kt ? ke : u, s = s == kt ? ke : s;
+  var v = u == ke, d = s == ke, 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) : El(e, t, u, n, r, i, o);
+    return o || (o = new te()), l || tn(e) ? un(e, t, n, r, i, o) : kl(e, t, u, n, r, i, o);
   if (!(n & Hl)) {
-    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);
+    var p = v && Bt.call(e, "__wrapped__"), _ = d && Bt.call(t, "__wrapped__");
+    if (p || _) {
+      var A = p ? e.value() : e, C = _ ? t.value() : t;
+      return o || (o = new te()), i(A, C, n, r, o);
     }
   }
   return f ? (o || (o = new te()), Fl(e, t, n, r, i, o)) : !1;
@@ -785,7 +785,7 @@ const Ne = (e, t) => {
   if (!r.children || !Je(r.children))
     return console.assert(!1, "execPropBranchArray state children must be array"), !1;
   let a;
-  o !== void 0 && !l ? (n[o] instanceof Array || (n[o] = 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;
+  o !== void 0 && !l ? (n[o] instanceof Array || (n[o] = k(t), i == null || i(e, n[o])), a = n[o]) : (n[t.key] instanceof Array || (n[t.key] = k(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,
@@ -811,7 +811,7 @@ const Ne = (e, t) => {
       ) && (s.change = !0), s.change && (r.change = !0);
     });
   }
-  return r.change || (r.change = !Ze(a, E(t))), r.change;
+  return r.change || (r.change = !Ze(a, k(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;
@@ -837,18 +837,18 @@ const Ne = (e, t) => {
   if (!r.children || !Je(r.children))
     return console.assert(!1, "execPropLeafArray state children must be array"), !1;
   let a;
-  o !== void 0 && !l ? (n[o] instanceof Array || (n[o] = 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;
+  o !== void 0 && !l ? (n[o] instanceof Array || (n[o] = k(t), i == null || i(e, n[o])), a = n[o]) : (n[t.key] instanceof Array || (n[t.key] = k(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, a, r.children[u], i, u, !1) && (r.change = !0);
-  return r.change || (r.change = !Ze(a, E(t))), r.change;
+  return r.change || (r.change = !Ze(a, k(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, E(e, !0)), n.change;
+  return r !== void 0 && !i ? o = t[r] : o = t[e.key], n.change = !Ze(o, k(e, !0)), n.change;
 }, Ft = (e, t, n, r) => {
   if (t.length <= 0 || !n) {
     e.value = {};
@@ -870,7 +870,7 @@ const Ne = (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,32 +896,32 @@ 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 = 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())
+    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 = (C) => {
+      const P = () => !(u.value.length <= 0 || !be(i.value, u.value)), $ = () => {
+        if (!P())
           return;
-        const O = Ne(n.value, u.value);
-        if (O)
-          if (O.ui) {
+        const x = Ne(n.value, u.value);
+        if (x)
+          if (x.ui) {
             const T = Pe(r.value, u.value.slice(0, -1));
             if (!T)
               return;
-            T[u.value.at(-1)] = E(O), o(u.value, T[u.value.at(-1)]);
-          } else if (O.array) {
+            T[u.value.at(-1)] = k(x), o(u.value, T[u.value.at(-1)]);
+          } else if (x.array) {
             const T = u.value.at(-1);
             if (T === void 0) {
               console.assert(!1, "invalid last key");
@@ -931,76 +931,76 @@ const cs = /* @__PURE__ */ K({
               const L = Pe(r.value, u.value.slice(0, -1));
               if (!L)
                 return;
-              L[u.value.at(-1)] = E(O), o(u.value, L[u.value.at(-1)]);
+              L[u.value.at(-1)] = k(x), o(u.value, L[u.value.at(-1)]);
             } else {
               const L = Pe(r.value, u.value);
               if (!L)
                 return;
-              O.children.forEach((W) => {
-                L[W.key] = E(O), o([...u.value, W.key], L[W.key]);
+              x.children.forEach((W) => {
+                L[W.key] = k(x), o([...u.value, W.key], L[W.key]);
               });
             }
           } else {
             const T = Pe(r.value, u.value);
             if (!T)
               return;
-            O.children.forEach((L) => {
-              T[L.key] = E(O), o([...u.value, L.key], T[L.key]);
+            x.children.forEach((L) => {
+              T[L.key] = k(x), o([...u.value, L.key], T[L.key]);
             });
           }
       };
-      C() && A.push({
+      P() && C.push({
         title: t("x-prop-tree.reset"),
         func: $
       });
-    }, d = (A) => {
-      const C = () => {
-        const $ = Ne(n.value, u.value), O = Pe(r.value, u.value);
-        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: $, object: O }));
+    }, d = (C) => {
+      const P = () => {
+        const $ = Ne(n.value, u.value), x = Pe(r.value, u.value);
+        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: $, object: x }));
       };
-      A.push({
+      C.push({
         title: t("x-prop-tree.copy"),
-        func: C
+        func: P
       });
-    }, f = (A) => {
-      const C = () => {
-        const O = localStorage.getItem("propTreeCopy");
-        if (!O)
+    }, f = (C) => {
+      const P = () => {
+        const x = localStorage.getItem("propTreeCopy");
+        if (!x)
           return !1;
         try {
-          const { prop: T } = JSON.parse(O), L = Ne(n.value, u.value);
+          const { prop: T } = JSON.parse(x), L = Ne(n.value, u.value);
           return Il(T, L);
         } catch (T) {
           console.error(T);
         }
         return !1;
       }, $ = () => {
-        if (!C())
+        if (!P())
           return;
-        const O = localStorage.getItem("propTreeCopy");
-        if (O)
+        const x = localStorage.getItem("propTreeCopy");
+        if (x)
           try {
-            const { object: T } = JSON.parse(O), L = Ne(n.value, u.value);
+            const { object: T } = JSON.parse(x), L = Ne(n.value, u.value);
             console.log(T, L);
           } catch (T) {
             console.error(T);
           }
       };
-      C() && A.push({
+      P() && C.push({
         title: t("x-prop-tree.paste"),
         func: $
       });
     }, p = R(() => {
-      const A = [];
-      return v(A), d(A), f(A), A;
-    }), h = (A) => {
-      l.value = A.x, a.value = A.y, u.value = A.keys;
-    }, { open: P } = ut("propTreeMenu", h);
-    return (A, C) => {
-      const $ = V("v-list-item-title"), O = V("v-list-item"), T = V("v-list"), L = V("v-menu");
+      const C = [];
+      return v(C), d(C), f(C), C;
+    }), _ = (C) => {
+      l.value = C.x, a.value = C.y, u.value = C.keys;
+    }, { open: A } = ut("propTreeMenu", _);
+    return (C, P) => {
+      const $ = V("v-list-item-title"), x = V("v-list-item"), T = V("v-list"), L = V("v-menu");
       return w(), F(L, {
-        modelValue: k(P),
-        "onUpdate:modelValue": C[0] || (C[0] = (W) => Fe(P) ? P.value = W : null),
+        modelValue: E(A),
+        "onUpdate:modelValue": P[0] || (P[0] = (W) => Fe(A) ? A.value = W : null),
         "location-strategy": "connected",
         target: s.value,
         scrim: "transparent"
@@ -1008,7 +1008,7 @@ const cs = /* @__PURE__ */ K({
         default: J(() => [
           N(T, null, {
             default: J(() => [
-              (w(!0), H(He, null, Ht(p.value, (W, Ye) => (w(), F(O, {
+              (w(!0), H(He, null, Ht(p.value, (W, Ye) => (w(), F(x, {
                 key: Ye,
                 link: "",
                 onClick: W.func
@@ -1032,7 +1032,7 @@ 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";
+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: {
@@ -1055,35 +1055,39 @@ const Be = /* @__PURE__ */ K({
       i("menu", s.clientX, s.clientY);
     };
     return (s, v) => {
-      const d = V("v-icon"), f = V("v-spacer"), p = ae("ripple");
+      const d = V("v-icon"), f = V("v-spacer"), p = V("v-btn"), _ = ae("ripple");
       return re((w(), H("div", {
         class: "d-flex align-center cursor-pointer",
         style: le(l.value),
         onClick: a,
         onContextmenu: z(u, ["prevent"]),
-        onMouseover: v[2] || (v[2] = (h) => o.value = !0),
-        onMouseout: v[3] || (v[3] = (h) => o.value = !1)
+        onMouseover: v[2] || (v[2] = (A) => o.value = !0),
+        onMouseout: v[3] || (v[3] = (A) => o.value = !1)
       }, [
         N(d, {
           class: "mr-1",
-          icon: s.collapse ? k($n) : k(bn)
+          icon: s.collapse ? E($n) : E(bn)
         }, null, 8, ["icon"]),
         q("span", null, ne(s.title), 1),
         N(f),
-        s.hasCreate ? (w(), F(d, {
+        s.hasCreate ? (w(), F(p, {
           key: 0,
-          class: "mx-3",
-          icon: k(ds),
-          onClick: v[0] || (v[0] = z((h) => i("create"), ["stop"]))
+          class: "mx-2",
+          variant: "text",
+          density: "compact",
+          icon: E(ds),
+          onClick: v[0] || (v[0] = z((A) => i("create"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0),
-        s.hasDelete ? (w(), F(d, {
+        s.hasDelete ? (w(), F(p, {
           key: 1,
-          class: "mx-3",
-          icon: k(ye),
-          onClick: v[1] || (v[1] = z((h) => i("delete", s.index), ["stop"]))
+          class: "mx-2",
+          variant: "text",
+          density: "compact",
+          icon: E(ge),
+          onClick: v[1] || (v[1] = z((A) => i("delete", s.index), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ], 36)), [
-        [p]
+        [_]
       ]);
     };
   }
@@ -1124,7 +1128,7 @@ function vs(e, t, n) {
   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 += " *"), _(
+    return be(e.value, o) && (v += " *"), h(
       ps,
       {
         minHeight: t.value,
@@ -1133,8 +1137,8 @@ function vs(e, t, n) {
         }
       },
       () => [
-        _("span", { class: "ml-1", innerHTML: v }),
-        _("div", { style: { width: n.value } }, a)
+        h("span", { class: "ml-1", innerHTML: v }),
+        h("div", { style: { width: n.value } }, a)
       ]
     );
   } };
@@ -1143,21 +1147,21 @@ const ce = (e, t, n, r, i, o) => {
   if (i !== void 0)
     if (o) {
       if (n[t.key] === void 0) {
-        const l = E(t);
+        const l = k(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);
+        const l = k(t, !0);
         l !== void 0 && (n[i] = l, r(e, n[i]));
       }
       return n[i];
     }
   else {
     if (n[t.key] === void 0) {
-      const l = E(t);
-      t.ui === "switch" || t.ui === "select" || t.ui === "colorPicker" || t.ui === "multiTypes" || t.ui === "compSelect" ? l && (n[t.key] = l, r(e, n[t.key])) : l !== void 0 && (n[t.key] = l, r(e, n[t.key]));
+      const l = k(t);
+      l !== void 0 && (n[t.key] = l, r(e, n[t.key]));
     }
     return n[t.key];
   }
@@ -1178,7 +1182,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 },
@@ -1191,8 +1195,8 @@ 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 = V("v-text-field"), a = V("v-icon"), u = ae("ripple");
-      return w(), H("div", gs, [
+      const l = V("v-text-field"), a = V("v-btn"), u = ae("ripple");
+      return w(), H("div", ys, [
         re(N(l, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (s) => n.value = s),
@@ -1211,7 +1215,9 @@ const gs = { class: "d-flex justify-space-between align-center" }, ys = /* @__PU
         i.hasDelete ? (w(), F(a, {
           key: 0,
           class: "mx-2",
-          icon: k(ye),
+          variant: "text",
+          density: "compact",
+          icon: E(ge),
           onClick: o[1] || (o[1] = z((s) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
@@ -1219,7 +1225,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), h("div", "renderUiStrInput prop ui must be strInput")) : h(gs, {
     modelValue: r.static ? r.value : ce(
       n,
       r,
@@ -1264,7 +1270,7 @@ 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 = V("v-number-input"), a = V("v-icon"), u = ae("ripple");
+      const l = V("v-number-input"), a = V("v-btn"), u = ae("ripple");
       return w(), H("div", _s, [
         re(N(l, {
           modelValue: n.value,
@@ -1289,7 +1295,9 @@ const _s = { class: "d-flex justify-space-between align-center" }, bs = /* @__PU
         i.hasDelete ? (w(), F(a, {
           key: 0,
           class: "mx-2",
-          icon: k(ye),
+          variant: "text",
+          density: "compact",
+          icon: E(ge),
           onClick: o[1] || (o[1] = z((s) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
@@ -1297,7 +1305,7 @@ const _s = { class: "d-flex justify-space-between align-center" }, bs = /* @__PU
   }
 });
 function $s(e) {
-  return { renderUiNumInput: (n, r, i, o, l) => r.ui !== "numInput" ? (console.assert(!1), _("div", "renderUiNumInput prop ui must be numInput")) : _(bs, {
+  return { renderUiNumInput: (n, r, i, o, l) => r.ui !== "numInput" ? (console.assert(!1), h("div", "renderUiNumInput prop ui must be numInput")) : h(bs, {
     modelValue: ce(
       n,
       r,
@@ -1341,7 +1349,7 @@ 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 = V("v-switch"), a = V("v-icon");
+      const l = V("v-switch"), a = V("v-btn");
       return w(), H("div", Ts, [
         N(l, {
           modelValue: n.value,
@@ -1355,7 +1363,9 @@ const Ts = { class: "d-flex justify-space-between align-center" }, Ss = /* @__PU
         i.hasDelete ? (w(), F(a, {
           key: 0,
           class: "mx-2",
-          icon: k(ye),
+          variant: "text",
+          density: "compact",
+          icon: E(ge),
           onClick: o[1] || (o[1] = z((u) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
@@ -1363,7 +1373,7 @@ const Ts = { class: "d-flex justify-space-between align-center" }, Ss = /* @__PU
   }
 });
 function ws(e) {
-  return { renderUiSwitch: (n, r, i, o, l) => r.ui !== "switch" ? (console.assert(!1), _("div", "renderUiSwitch prop ui must be switch")) : _(Ss, {
+  return { renderUiSwitch: (n, r, i, o, l) => r.ui !== "switch" ? (console.assert(!1), h("div", "renderUiSwitch prop ui must be switch")) : h(Ss, {
     modelValue: ce(
       n,
       r,
@@ -1410,7 +1420,7 @@ const As = { class: "d-flex justify-space-between align-center" }, Cs = /* @__PU
       }), a;
     });
     return (a, u) => {
-      const s = V("v-select"), v = V("v-icon"), d = ae("ripple");
+      const s = V("v-select"), v = V("v-btn"), d = ae("ripple");
       return w(), H("div", As, [
         re(N(s, {
           modelValue: r.value,
@@ -1431,7 +1441,9 @@ const As = { class: "d-flex justify-space-between align-center" }, Cs = /* @__PU
         a.hasDelete ? (w(), F(v, {
           key: 0,
           class: "mx-2",
-          icon: k(ye),
+          variant: "text",
+          density: "compact",
+          icon: E(ge),
           onClick: u[1] || (u[1] = z((f) => i("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
@@ -1439,7 +1451,7 @@ const As = { class: "d-flex justify-space-between align-center" }, Cs = /* @__PU
   }
 });
 function Ps(e) {
-  return { renderUiSelect: (n, r, i, o, l) => r.ui !== "select" ? (console.assert(!1), _("div", "renderUiSelect prop ui must be select")) : _(Cs, {
+  return { renderUiSelect: (n, r, i, o, l) => r.ui !== "select" ? (console.assert(!1), h("div", "renderUiSelect prop ui must be select")) : h(Cs, {
     modelValue: ce(
       n,
       r,
@@ -1467,7 +1479,7 @@ function Ps(e) {
     readonly: r.readonly
   }) };
 }
-const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-grey ml-1" }, Ms = /* @__PURE__ */ K({
+const xs = { class: "text-subtitle-2 ml-1" }, Os = { class: "text-caption text-grey ml-1" }, Ms = /* @__PURE__ */ K({
   __name: "group",
   props: {
     id: {},
@@ -1493,11 +1505,11 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
         onMouseout: s[2] || (s[2] = (f) => l.value = !1)
       }, [
         N(v, {
-          icon: i.collapse ? k($n) : k(bn),
+          icon: i.collapse ? E($n) : E(bn),
           size: "small"
         }, null, 8, ["icon"]),
-        q("span", Os, ne(i.title), 1),
-        q("span", xs, ne(i.count), 1)
+        q("span", xs, ne(i.title), 1),
+        q("span", Os, ne(i.count), 1)
       ], 36)), [
         [d]
       ]);
@@ -1551,8 +1563,8 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
     }, l = (a) => {
       n.value = a, r.value = !1, _e.emit("refreshDepends");
     };
-    return (a, u) => k(i).length > 0 ? (w(), H("div", Ls, [
-      (w(!0), H(He, null, Ht(k(i), (s) => (w(), H(He, {
+    return (a, u) => E(i).length > 0 ? (w(), H("div", Ls, [
+      (w(!0), H(He, null, Ht(E(i), (s) => (w(), H(He, {
         key: s.id
       }, [
         s.type === 0 ? (w(), F(Ms, {
@@ -1570,9 +1582,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(k(t)("x-prop-tree.noComp")), 1));
+    ])) : (w(), H("div", Ds, ne(E(t)("x-prop-tree.noComp")), 1));
   }
-}), ks = { class: "text-subtitle-1 ml-3" }, Es = /* @__PURE__ */ K({
+}), Es = { class: "text-subtitle-1 ml-3" }, ks = /* @__PURE__ */ K({
   __name: "index",
   props: {
     modelValue: {},
@@ -1604,18 +1616,18 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
     return Kt(() => {
       d.value = !1;
     }), (f, p) => {
-      const h = V("v-btn"), P = V("v-sheet"), A = V("v-icon"), C = V("v-dialog");
-      return w(), F(C, {
-        modelValue: k(d),
+      const _ = V("v-btn"), A = V("v-sheet"), C = V("v-icon"), P = V("v-dialog");
+      return w(), F(P, {
+        modelValue: E(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] = kn(z(($) => d.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: p[6] || (p[6] = En(z(($) => d.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
         activator: J(({ props: $ }) => [
-          N(h, zt($, {
+          N(_, zt($, {
             density: "comfortable",
             block: ""
           }), {
@@ -1635,22 +1647,22 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
               class: "elevation-2",
               style: le(a.value)
             }, [
-              k(r) ? (w(), F(P, {
+              E(r) ? (w(), F(A, {
                 key: 0,
                 color: "transparent",
                 height: 24
               })) : I("", !0),
-              N(P, {
+              N(A, {
                 class: "d-flex align-center px-3",
                 color: "transparent",
                 height: 48
               }, {
                 default: J(() => [
-                  N(A, {
-                    icon: k(fs),
+                  N(C, {
+                    icon: E(fs),
                     onClick: p[0] || (p[0] = ($) => d.value = !1)
                   }, null, 8, ["icon"]),
-                  q("span", ks, ne(k(t)("x-prop-tree.dlg.compSelect.title")), 1)
+                  q("span", Es, ne(E(t)("x-prop-tree.dlg.compSelect.title")), 1)
                 ]),
                 _: 1
               }),
@@ -1661,7 +1673,7 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
                 N(js, {
                   modelValue: o.value,
                   "onUpdate:modelValue": p[1] || (p[1] = ($) => o.value = $),
-                  open: k(d),
+                  open: E(d),
                   "onUpdate:open": p[2] || (p[2] = ($) => Fe(d) ? d.value = $ : null)
                 }, null, 8, ["modelValue", "open"]),
                 q("div", {
@@ -1677,7 +1689,7 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
   }
 });
 function Ns(e) {
-  return { renderUiCompSelect: (n, r, i, o, l) => r.ui !== "compSelect" ? (console.assert(!1), _("div", "renderUiCompSelect prop ui must be compSelect")) : _(Es, {
+  return { renderUiCompSelect: (n, r, i, o, l) => r.ui !== "compSelect" ? (console.assert(!1), h("div", "renderUiCompSelect prop ui must be compSelect")) : h(ks, {
     modelValue: ce(
       n,
       r,
@@ -1719,43 +1731,45 @@ const Bs = { class: "d-flex justify-space-between align-center" }, Rs = /* @__PU
     return Kt(() => {
       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: k(a),
-        "onUpdate:modelValue": s[2] || (s[2] = (h) => Fe(a) ? a.value = h : null),
+      const v = V("v-btn"), d = V("v-color-picker"), f = V("v-menu");
+      return w(), F(f, {
+        modelValue: E(a),
+        "onUpdate:modelValue": s[2] || (s[2] = (p) => Fe(a) ? a.value = p : null),
         "close-on-content-click": !1,
         scrim: "transparent"
       }, {
-        activator: J(({ props: h }) => [
+        activator: J(({ props: p }) => [
           q("div", Bs, [
             q("div", {
               class: "flex-grow-1",
               style: le(o.value)
             }, [
-              N(v, zt(h, {
+              N(v, zt(p, {
                 density: "comfortable",
                 color: r.value,
                 block: "",
                 disabled: l.value
               }), {
                 default: J(() => [
-                  at(ne(r.value ? r.value : k(n)("x-runtime-lib.notSet")), 1)
+                  at(ne(r.value ? r.value : E(n)("x-runtime-lib.notSet")), 1)
                 ]),
                 _: 2
               }, 1040, ["color", "disabled"])
             ], 4),
-            u.hasDelete ? (w(), F(d, {
+            u.hasDelete ? (w(), F(v, {
               key: 0,
               class: "mx-2",
-              icon: k(ye),
-              onClick: s[0] || (s[0] = z((P) => i("delete"), ["stop"]))
+              variant: "text",
+              density: "compact",
+              icon: E(ge),
+              onClick: s[0] || (s[0] = z((_) => i("delete"), ["stop"]))
             }, null, 8, ["icon"])) : I("", !0)
           ])
         ]),
         default: J(() => [
-          N(f, {
+          N(d, {
             modelValue: r.value,
-            "onUpdate:modelValue": s[1] || (s[1] = (h) => r.value = h),
+            "onUpdate:modelValue": s[1] || (s[1] = (p) => r.value = p),
             mode: "hexa",
             "show-swatches": "",
             "swatches-max-height": "150px"
@@ -1767,7 +1781,7 @@ const Bs = { class: "d-flex justify-space-between align-center" }, Rs = /* @__PU
   }
 });
 function Fs(e) {
-  return { renderUiColorPicker: (n, r, i, o, l) => r.ui !== "colorPicker" ? (console.assert(!1), _("div", "renderUiColorPicker prop ui must be colorPicker")) : _(Rs, {
+  return { renderUiColorPicker: (n, r, i, o, l) => r.ui !== "colorPicker" ? (console.assert(!1), h("div", "renderUiColorPicker prop ui must be colorPicker")) : h(Rs, {
     modelValue: ce(
       n,
       r,
@@ -1811,16 +1825,16 @@ const Hs = { class: "d-flex justify-space-between align-center my-2" }, Gs = { c
     }), a = B(0), u = R(() => {
       var p;
       const f = [];
-      return (p = l.value) == null || p.forEach(({ title: h }, P) => {
+      return (p = l.value) == null || p.forEach(({ title: _ }, A) => {
         f.push({
-          title: n(h),
-          value: P
+          title: n(_),
+          value: A
         });
       }), f;
     });
     mt(() => {
       var f;
-      (f = l.value) == null || f.some((p, h) => p.validator(r.value) ? (a.value = h, !0) : !1);
+      (f = l.value) == null || f.some((p, _) => p.validator(r.value) ? (a.value = _, !0) : !1);
     });
     const s = R(() => {
       var f;
@@ -1832,15 +1846,15 @@ const Hs = { class: "d-flex justify-space-between align-center my-2" }, Gs = { c
     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));
-    }), Oe(d, (f) => {
-      var p, h;
-      ((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 + "%");
+    }), xe(d, (f) => {
+      var p, _;
+      ((p = s.value) == null ? void 0 : p.ui) === "pixelInput" ? r.value = f + "px" : ((_ = s.value) == null ? void 0 : _.ui) === "percentInput" && (r.value = f + "%");
     }), (f, p) => {
-      var $, O;
-      const h = V("v-select"), P = V("v-number-input"), A = V("v-icon"), C = ae("ripple");
+      var $, x;
+      const _ = V("v-select"), A = V("v-number-input"), C = V("v-btn"), P = ae("ripple");
       return w(), H("div", Hs, [
         q("div", Gs, [
-          re(N(h, {
+          re(N(_, {
             modelValue: a.value,
             "onUpdate:modelValue": [
               p[0] || (p[0] = (T) => a.value = T),
@@ -1852,13 +1866,13 @@ const Hs = { class: "d-flex justify-space-between align-center my-2" }, Gs = { c
             "single-line": ""
           }, null, 8, ["modelValue", "items"]), [
             [
-              C,
+              P,
               void 0,
               void 0,
               { stop: !0 }
             ]
           ]),
-          (($ = s.value) == null ? void 0 : $.ui) === "pixelInput" || ((O = s.value) == null ? void 0 : O.ui) === "percentInput" ? re((w(), F(P, {
+          (($ = s.value) == null ? void 0 : $.ui) === "pixelInput" || ((x = s.value) == null ? void 0 : x.ui) === "percentInput" ? re((w(), F(A, {
             key: 0,
             modelValue: d.value,
             "onUpdate:modelValue": p[1] || (p[1] = (T) => d.value = T),
@@ -1872,17 +1886,19 @@ const Hs = { class: "d-flex justify-space-between align-center my-2" }, Gs = { c
             "single-line": ""
           }, null, 8, ["modelValue", "precision", "min", "max", "step"])), [
             [
-              C,
+              P,
               void 0,
               void 0,
               { stop: !0 }
             ]
           ]) : I("", !0)
         ]),
-        f.hasDelete ? (w(), F(A, {
+        f.hasDelete ? (w(), F(C, {
           key: 0,
           class: "mx-2",
-          icon: k(ye),
+          variant: "text",
+          density: "compact",
+          icon: E(ge),
           onClick: p[2] || (p[2] = z((T) => i("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
@@ -1890,7 +1906,7 @@ const Hs = { class: "d-flex justify-space-between align-center my-2" }, Gs = { c
   }
 });
 function zs(e) {
-  return { renderUiMultiTypes: (n, r, i, o, l) => r.ui !== "multiTypes" ? (console.assert(!1), _("div", "renderUiMultiTypes prop ui must be multiTypes")) : _(Ks, {
+  return { renderUiMultiTypes: (n, r, i, o, l) => r.ui !== "multiTypes" ? (console.assert(!1), h("div", "renderUiMultiTypes prop ui must be multiTypes")) : h(Ks, {
     modelValue: ce(
       n,
       r,
@@ -1927,88 +1943,88 @@ const qs = /* @__PURE__ */ K({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    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 = (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 = kn({}), v = B({}), d = (y, c) => {
+      Ft(v, i.config, i.object), o("change", y, c);
     };
-    Oe(
+    xe(
       [() => 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 = B(i.version);
-    es(f), Oe(
+    es(f), xe(
       () => i.version,
       () => {
         f.value = i.version;
       }
     );
     const p = B(i.config);
-    ts(p), Oe(
+    ts(p), xe(
       () => i.config,
       () => {
         p.value = i.config;
       }
     );
-    const h = B(i.object);
-    rs(h), Oe(
+    const _ = B(i.object);
+    rs(_), xe(
       () => i.object,
       () => {
-        h.value = i.object;
+        _.value = i.object;
       }
     ), is(v), ss(d);
-    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 D = P.value.find((Q) => Q.id === m);
-        y.push({
+    const A = B([]);
+    us(A);
+    const C = () => {
+      const { compGroups: y, comps: c } = Gn.app.activeApp, g = [];
+      y.forEach(({ id: m, name: b, position: O }) => {
+        const D = A.value.find((Q) => Q.id === m);
+        g.push({
           id: m,
           type: 0,
           name: b,
-          position: x,
+          position: O,
           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 });
-      }), zl(y, !0), P.value = y;
+      }), c.forEach(({ id: m, groupid: b, name: O, position: D }) => {
+        g.push({ id: m, type: 1, name: O, position: D, group: b });
+      }), zl(g, !0), A.value = g;
     };
-    let C;
+    let P;
     const $ = () => {
-      clearTimeout(C), C = window.setTimeout(() => {
-        A(), C && $();
+      clearTimeout(P), P = window.setTimeout(() => {
+        C(), P && $();
       }, 1e3);
-    }, O = () => {
-      clearTimeout(C), C = void 0;
+    }, x = () => {
+      clearTimeout(P), P = void 0;
     };
     Nn(() => {
       $();
     }), Bn(() => {
-      O();
+      x();
     });
-    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 } = zs(d), { renderUiCompSelect: Cn } = Ns(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) : Mn(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 } = zs(d), { renderUiCompSelect: Cn } = Ns(d), De = (y, c, g, m, b, O) => (y = an(y), b !== void 0 ? (y.push(b), O && y.push(c.key)) : y.push(c.key), c.ui ? c.array && m ? On(y, c, g, m, b, O) : Mn(y, c, g, b, O) : c.array ? Pn(y, c, g, m, b, O) : xn(
       y,
+      c,
+      g,
       m,
       b,
-      x
-    )), Pn = (g, c, y, m, b, x) => {
+      O
+    )), Pn = (y, c, g, m, b, O) => {
       if (c.ui)
-        return console.assert(!1), _("div", "renderBranchArray prop ui must be invalid");
+        return console.assert(!1), h("div", "renderBranchArray prop ui must be invalid");
       if (!c.array)
-        return console.assert(!1), _("div", "renderBranchArray prop array must be valid");
+        return console.assert(!1), h("div", "renderBranchArray prop array must be valid");
       if (!m)
-        return console.assert(!1), _("div", "renderBranchArray branch must be valid");
+        return console.assert(!1), h("div", "renderBranchArray branch must be valid");
       let D;
-      b !== void 0 && !x ? (y[b] instanceof Array || (y[b] = E(c), d(g, y[c.key])), D = y[b]) : (y[c.key] instanceof Array || (y[c.key] = E(c), d(g, y[c.key])), D = y[c.key]);
+      b !== void 0 && !O ? (g[b] instanceof Array || (g[b] = k(c), d(y, g[c.key])), D = g[b]) : (g[c.key] instanceof Array || (g[c.key] = k(c), d(y, g[c.key])), D = g[c.key]);
       let Q = n(c.name);
-      m.collapse && be(v.value, g) && (Q += " *");
-      const Ae = _(Be, {
+      m.collapse && be(v.value, y) && (Q += " *");
+      const Ae = h(Be, {
         title: Q,
         collapse: m.collapse,
         hasCreate: !0,
@@ -2016,12 +2032,12 @@ const qs = /* @__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 = _(
+      }), G = h(
         "div",
         {
           style: {
@@ -2039,10 +2055,10 @@ const qs = /* @__PURE__ */ K({
               collapse: !0,
               children: {}
             });
-            const je = [...g, j], ke = m.children[j];
+            const je = [...y, j], Ee = m.children[j];
             let vt = `[${j + 1}]`;
             m.children[j].collapse && be(v.value, je) && (vt += " *");
-            const Un = _(Be, {
+            const Un = h(Be, {
               title: vt,
               collapse: m.children[j].collapse,
               hasDelete: !0,
@@ -2062,11 +2078,11 @@ const qs = /* @__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);
-            const Ln = _(
+            const Ln = h(
               "div",
               {
                 style: {
@@ -2076,19 +2092,19 @@ const qs = /* @__PURE__ */ K({
               (() => {
                 const ee = [];
                 return c.children.forEach((fe) => {
-                  if (!Rt(ke.children)) {
+                  if (!Rt(Ee.children)) {
                     console.assert(!1);
                     return;
                   }
-                  ke.children[fe.key] || (ke.children[fe.key] = {
+                  Ee.children[fe.key] || (Ee.children[fe.key] = {
                     collapse: !0,
                     children: fe.array ? [] : {}
                   });
                   const Dn = De(
-                    g,
+                    y,
                     fe,
                     D[j],
-                    ke.children[fe.key],
+                    Ee.children[fe.key],
                     j,
                     !0
                   );
@@ -2101,7 +2117,7 @@ const qs = /* @__PURE__ */ K({
           return S;
         })()
       );
-      return _(
+      return h(
         "div",
         {
           style: {
@@ -2113,29 +2129,29 @@ const qs = /* @__PURE__ */ K({
           return S.push(Ae), m.collapse || S.push(G), S;
         })()
       );
-    }, On = (g, c, y, m, b, x) => {
+    }, xn = (y, c, g, m, b, O) => {
       if (c.ui)
-        return console.assert(!1), _("div", "renderBranchScalar prop ui must be invalid");
+        return console.assert(!1), h("div", "renderBranchScalar prop ui must be invalid");
       if (c.array)
-        return console.assert(!1), _("div", "renderBranchScalar prop array must be invalid");
+        return console.assert(!1), h("div", "renderBranchScalar prop array must be invalid");
       if (!m)
-        return console.assert(!1), _("div", "renderBranchScalar branch must be valid");
+        return console.assert(!1), h("div", "renderBranchScalar branch must be valid");
       let D = n(c.name);
-      m.collapse && be(v.value, g) && (D += " *");
-      const Q = _(Be, {
+      m.collapse && be(v.value, y) && (D += " *");
+      const Q = h(Be, {
         title: D,
         collapse: m.collapse,
-        hasDelete: b !== void 0 && !x,
+        hasDelete: b !== void 0 && !O,
         onCollapse: (G) => {
           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 || O || (g.splice(b, 1), d(y.slice(0, -1), g));
         }
-      }), Ae = _(
+      }), Ae = h(
         "div",
         {
           style: {
@@ -2154,16 +2170,16 @@ const qs = /* @__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);
           }), G;
         })()
       );
-      return _(
+      return h(
         "div",
         {
           style: {
@@ -2175,18 +2191,18 @@ const qs = /* @__PURE__ */ K({
           return G.push(Q), m.collapse || G.push(Ae), G;
         })()
       );
-    }, xn = (g, c, y, m, b, x) => {
+    }, On = (y, c, g, m, b, O) => {
       if (!c.ui)
-        return console.assert(!1), _("div", "renderLeafArray prop ui must be valid");
+        return console.assert(!1), h("div", "renderLeafArray prop ui must be valid");
       if (!c.array)
-        return console.assert(!1), _("div", "renderLeafArray prop array must be valid");
+        return console.assert(!1), h("div", "renderLeafArray prop array must be valid");
       if (!m)
-        return console.assert(!1), _("div", "renderLeafArray branch must be valid");
+        return console.assert(!1), h("div", "renderLeafArray branch must be valid");
       let D;
-      b !== void 0 && !x ? (y[b] instanceof Array || (y[b] = E(c), d(g, y[b])), D = y[b]) : (y[c.key] instanceof Array || (y[c.key] = E(c), d(g, y[c.key])), D = y[c.key]);
+      b !== void 0 && !O ? (g[b] instanceof Array || (g[b] = k(c), d(y, g[b])), D = g[b]) : (g[c.key] instanceof Array || (g[c.key] = k(c), d(y, g[c.key])), D = g[c.key]);
       let Q = n(c.name);
-      m.collapse && be(v.value, g) && (Q += " *");
-      const Ae = _(Be, {
+      m.collapse && be(v.value, y) && (Q += " *");
+      const Ae = h(Be, {
         title: Q,
         collapse: m.collapse,
         hasCreate: !0,
@@ -2194,12 +2210,12 @@ const qs = /* @__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(E(c, !0)), d(g, D);
+          D.push(k(c, !0)), d(y, D);
         }
-      }), G = _(
+      }), G = h(
         "div",
         {
           style: {
@@ -2209,13 +2225,13 @@ const qs = /* @__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;
         })()
       );
-      return _(
+      return h(
         "div",
         {
           style: {
@@ -2227,12 +2243,12 @@ const qs = /* @__PURE__ */ K({
           return S.push(Ae), m.collapse || S.push(G), S;
         })()
       );
-    }, Mn = (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");
-    }, Vn = () => _(
+        return console.assert(!1), h("div", "renderLeafScalar prop ui must be valid");
+      let O;
+      return c.ui === "dummy" ? O = L(y, c, g, m, b) : c.ui === "strInput" ? O = W(y, c, g, m, b) : c.ui === "numInput" ? O = Ye(y, c, g, m, b) : c.ui === "switch" ? O = Tn(y, c, g, m, b) : c.ui === "select" ? O = Sn(y, c, g, m, b) : c.ui === "colorPicker" ? O = wn(y, c, g, m, b) : c.ui === "multiTypes" ? O = An(y, c, g, m, b) : c.ui === "compSelect" ? O = Cn(y, c, g, m, b) : console.assert(!1, "renderLeafScalar not implemented"), O ? T(y, c, O) : h("div");
+    }, Vn = () => h(
       "div",
       {
         class: "text-body-2",
@@ -2241,23 +2257,23 @@ const qs = /* @__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, [
+    return (y, c) => (w(), H(He, null, [
       N(Vn),
       N(cs, {
         config: i.config,