x-prop-tree 0.6.3 → 0.6.4

package/dist/index.js

@@ -1,10 +1,10 @@
-import { provide as Me, inject as Ue, defineComponent as z, ref as B, computed as G, resolveComponent as O, createBlock as R, openBlock as S, unref as E, isRef as Fe, withCtx as J, createVNode as k, createElementBlock as F, Fragment as He, renderList as Ft, createTextVNode as st, toDisplayString as ne, resolveDirective as ae, withDirectives as re, withModifiers as K, normalizeStyle as ie, createElementVNode as q, createCommentVNode as X, renderSlot as xn, h, mergeModels as I, useModel as oe, useId as Ht, onUnmounted as Gt, withKeys as Mn, mergeProps as zt, watch as Ce, watchEffect as Un, reactive as Ln, onMounted as Dn, onBeforeUnmount as jn } from "vue";
+import { provide as Me, inject as Ue, defineComponent as z, ref as B, computed as G, resolveComponent as O, createBlock as R, openBlock as S, unref as E, isRef as Fe, withCtx as J, createVNode as k, createElementBlock as F, Fragment as He, renderList as Ht, createTextVNode as st, toDisplayString as ne, resolveDirective as ae, withDirectives as re, withModifiers as K, normalizeStyle as ie, createElementVNode as q, createCommentVNode as X, renderSlot as Mn, h, mergeModels as I, useModel as oe, useId as Gt, onUnmounted as zt, withKeys as Un, mergeProps as Kt, watchEffect as vt, watch as Ce, reactive as Ln, onMounted as Dn, onBeforeUnmount as jn } from "vue";
 import { useI18n as de } from "vue-i18n";
 import { useViewStack as at, useColor as Te, eventBus as _e, useSystem as En } from "x-essential-lib";
 import { getPropDefault as N, parsePixelStr as Nn, parsePercentStr as kn } from "x-runtime-lib";
 import { useDisplay as Bn } from "vuetify";
 import { globalState as Rn } from "x-state-lib";
-var Kt = typeof global == "object" && global && global.Object === Object && global, Fn = typeof self == "object" && self && self.Object === Object && self, Y = Kt || Fn || Function("return this")(), se = Y.Symbol, qt = Object.prototype, Hn = qt.hasOwnProperty, Gn = qt.toString, we = se ? se.toStringTag : void 0;
+var qt = typeof global == "object" && global && global.Object === Object && global, Fn = typeof self == "object" && self && self.Object === Object && self, Y = qt || Fn || Function("return this")(), se = Y.Symbol, Xt = Object.prototype, Hn = Xt.hasOwnProperty, Gn = Xt.toString, we = se ? se.toStringTag : void 0;
 function zn(e) {
   var t = Hn.call(e, we), n = e[we];
   try {
@@ -19,9 +19,9 @@ var Kn = Object.prototype, qn = Kn.toString;
 function Xn(e) {
   return qn.call(e);
 }
-var In = "[object Null]", Zn = "[object Undefined]", vt = se ? se.toStringTag : void 0;
+var In = "[object Null]", Zn = "[object Undefined]", gt = se ? se.toStringTag : void 0;
 function Le(e) {
-  return e == null ? e === void 0 ? Zn : In : vt && vt in Object(e) ? zn(e) : Xn(e);
+  return e == null ? e === void 0 ? Zn : In : gt && gt in Object(e) ? zn(e) : Xn(e);
 }
 function ce(e) {
   return e != null && typeof e == "object";
@@ -32,18 +32,18 @@ function qe(e) {
   return e != null && (t == "object" || t == "function");
 }
 var Jn = "[object AsyncFunction]", Wn = "[object Function]", Yn = "[object GeneratorFunction]", Qn = "[object Proxy]";
-function Xt(e) {
+function It(e) {
   if (!qe(e))
     return !1;
   var t = Le(e);
   return t == Wn || t == Yn || t == Jn || t == Qn;
 }
-var Ye = Y["__core-js_shared__"], gt = function() {
+var Ye = Y["__core-js_shared__"], yt = function() {
   var e = /[^.]+$/.exec(Ye && Ye.keys && Ye.keys.IE_PROTO || "");
   return e ? "Symbol(src)_1." + e : "";
 }();
 function er(e) {
-  return !!gt && gt in e;
+  return !!yt && yt in e;
 }
 var tr = Function.prototype, nr = tr.toString;
 function pe(e) {
@@ -65,7 +65,7 @@ var rr = /[\\^$.*+?()[\]{}|]/g, or = /^\[object .+?Constructor\]$/, lr = Functio
 function cr(e) {
   if (!qe(e) || er(e))
     return !1;
-  var t = Xt(e) ? ur : or;
+  var t = It(e) ? ur : or;
   return t.test(pe(e));
 }
 function fr(e, t) {
@@ -75,19 +75,19 @@ function me(e, t) {
   var n = fr(e, t);
   return cr(n) ? n : void 0;
 }
-var nt = me(Y, "WeakMap"), yt = Object.create, dr = /* @__PURE__ */ function() {
+var nt = me(Y, "WeakMap"), ht = Object.create, dr = /* @__PURE__ */ function() {
   function e() {
   }
   return function(t) {
     if (!qe(t))
       return {};
-    if (yt)
-      return yt(t);
+    if (ht)
+      return ht(t);
     e.prototype = t;
     var n = new e();
     return e.prototype = void 0, n;
   };
-}(), ht = function() {
+}(), _t = function() {
   try {
     var e = me(Object, "defineProperty");
     return e({}, "", {}), e;
@@ -105,7 +105,7 @@ function gr(e, t) {
   return t = t ?? mr, !!t && (n == "number" || n != "symbol" && vr.test(e)) && e > -1 && e % 1 == 0 && e < t;
 }
 function yr(e, t, n) {
-  t == "__proto__" && ht ? ht(e, t, {
+  t == "__proto__" && _t ? _t(e, t, {
     configurable: !0,
     enumerable: !0,
     value: n,
@@ -121,14 +121,14 @@ function br(e, t, n) {
   (!(_r.call(e, t) && ut(r, n)) || n === void 0 && !(t in e)) && yr(e, t, n);
 }
 var $r = 9007199254740991;
-function It(e) {
+function Zt(e) {
   return typeof e == "number" && e > -1 && e % 1 == 0 && e <= $r;
 }
 function Tr(e) {
-  return e != null && It(e.length) && !Xt(e);
+  return e != null && Zt(e.length) && !It(e);
 }
 var Sr = Object.prototype;
-function Zt(e) {
+function Jt(e) {
   var t = e && e.constructor, n = typeof t == "function" && t.prototype || Sr;
   return e === n;
 }
@@ -138,37 +138,37 @@ function wr(e, t) {
   return r;
 }
 var Ar = "[object Arguments]";
-function _t(e) {
+function bt(e) {
   return ce(e) && Le(e) == Ar;
 }
-var Jt = Object.prototype, Cr = Jt.hasOwnProperty, Pr = Jt.propertyIsEnumerable, Or = _t(/* @__PURE__ */ function() {
+var Wt = Object.prototype, Cr = Wt.hasOwnProperty, Pr = Wt.propertyIsEnumerable, Or = bt(/* @__PURE__ */ function() {
   return arguments;
-}()) ? _t : function(e) {
+}()) ? bt : function(e) {
   return ce(e) && Cr.call(e, "callee") && !Pr.call(e, "callee");
 };
 function Vr() {
   return !1;
 }
-var Wt = typeof exports == "object" && exports && !exports.nodeType && exports, bt = Wt && typeof module == "object" && module && !module.nodeType && module, xr = bt && bt.exports === Wt, $t = xr ? Y.Buffer : void 0, Mr = $t ? $t.isBuffer : void 0, Ge = Mr || Vr, Ur = "[object Arguments]", Lr = "[object Array]", Dr = "[object Boolean]", jr = "[object Date]", Er = "[object Error]", Nr = "[object Function]", kr = "[object Map]", Br = "[object Number]", Rr = "[object Object]", Fr = "[object RegExp]", Hr = "[object Set]", Gr = "[object String]", zr = "[object WeakMap]", Kr = "[object ArrayBuffer]", qr = "[object DataView]", Xr = "[object Float32Array]", Ir = "[object Float64Array]", Zr = "[object Int8Array]", Jr = "[object Int16Array]", Wr = "[object Int32Array]", Yr = "[object Uint8Array]", Qr = "[object Uint8ClampedArray]", eo = "[object Uint16Array]", to = "[object Uint32Array]", x = {};
+var Yt = typeof exports == "object" && exports && !exports.nodeType && exports, $t = Yt && typeof module == "object" && module && !module.nodeType && module, xr = $t && $t.exports === Yt, Tt = xr ? Y.Buffer : void 0, Mr = Tt ? Tt.isBuffer : void 0, Ge = Mr || Vr, Ur = "[object Arguments]", Lr = "[object Array]", Dr = "[object Boolean]", jr = "[object Date]", Er = "[object Error]", Nr = "[object Function]", kr = "[object Map]", Br = "[object Number]", Rr = "[object Object]", Fr = "[object RegExp]", Hr = "[object Set]", Gr = "[object String]", zr = "[object WeakMap]", Kr = "[object ArrayBuffer]", qr = "[object DataView]", Xr = "[object Float32Array]", Ir = "[object Float64Array]", Zr = "[object Int8Array]", Jr = "[object Int16Array]", Wr = "[object Int32Array]", Yr = "[object Uint8Array]", Qr = "[object Uint8ClampedArray]", eo = "[object Uint16Array]", to = "[object Uint32Array]", x = {};
 x[Xr] = x[Ir] = x[Zr] = x[Jr] = x[Wr] = x[Yr] = x[Qr] = x[eo] = x[to] = !0;
 x[Ur] = x[Lr] = x[Kr] = x[Dr] = x[qr] = x[jr] = x[Er] = x[Nr] = x[kr] = x[Br] = x[Rr] = x[Fr] = x[Hr] = x[Gr] = x[zr] = !1;
 function no(e) {
-  return ce(e) && It(e.length) && !!x[Le(e)];
+  return ce(e) && Zt(e.length) && !!x[Le(e)];
 }
 function ct(e) {
   return function(t) {
     return e(t);
   };
 }
-var Yt = typeof exports == "object" && exports && !exports.nodeType && exports, Pe = Yt && typeof module == "object" && module && !module.nodeType && module, ro = Pe && Pe.exports === Yt, Qe = ro && Kt.process, $e = function() {
+var Qt = typeof exports == "object" && exports && !exports.nodeType && exports, Pe = Qt && typeof module == "object" && module && !module.nodeType && module, ro = Pe && Pe.exports === Qt, Qe = ro && qt.process, $e = function() {
   try {
     var e = Pe && Pe.require && Pe.require("util").types;
     return e || Qe && Qe.binding && Qe.binding("util");
   } catch {
   }
-}(), Tt = $e && $e.isTypedArray, Qt = Tt ? ct(Tt) : no, oo = Object.prototype, lo = oo.hasOwnProperty;
+}(), St = $e && $e.isTypedArray, en = St ? ct(St) : no, oo = Object.prototype, lo = oo.hasOwnProperty;
 function io(e, t) {
-  var n = Oe(e), r = !n && Or(e), l = !n && !r && Ge(e), o = !n && !r && !l && Qt(e), i = n || r || l || o, s = i ? wr(e.length, String) : [], a = s.length;
+  var n = Oe(e), r = !n && Or(e), l = !n && !r && Ge(e), o = !n && !r && !l && en(e), i = n || r || l || o, s = i ? wr(e.length, String) : [], a = s.length;
   for (var u in e)
     lo.call(e, u) && !(i && // Safari 9 has enumerable `arguments.length` in strict mode.
     (u == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
@@ -177,14 +177,14 @@ function io(e, t) {
     gr(u, a))) && s.push(u);
   return s;
 }
-function en(e, t) {
+function tn(e, t) {
   return function(n) {
     return e(t(n));
   };
 }
-var so = en(Object.keys, Object), ao = Object.prototype, uo = ao.hasOwnProperty;
+var so = tn(Object.keys, Object), ao = Object.prototype, uo = ao.hasOwnProperty;
 function co(e) {
-  if (!Zt(e))
+  if (!Jt(e))
     return so(e);
   var t = [];
   for (var n in Object(e))
@@ -320,7 +320,7 @@ function No(e, t) {
     e[l + n] = t[n];
   return e;
 }
-var ko = en(Object.getPrototypeOf, Object);
+var ko = tn(Object.getPrototypeOf, Object);
 function Bo() {
   this.__data__ = new le(), this.size = 0;
 }
@@ -354,8 +354,8 @@ te.prototype.delete = Ro;
 te.prototype.get = Fo;
 te.prototype.has = Ho;
 te.prototype.set = zo;
-var tn = typeof exports == "object" && exports && !exports.nodeType && exports, St = tn && typeof module == "object" && module && !module.nodeType && module, Ko = St && St.exports === tn, wt = Ko ? Y.Buffer : void 0;
-wt && wt.allocUnsafe;
+var nn = typeof exports == "object" && exports && !exports.nodeType && exports, wt = nn && typeof module == "object" && module && !module.nodeType && module, Ko = wt && wt.exports === nn, At = Ko ? Y.Buffer : void 0;
+At && At.allocUnsafe;
 function qo(e, t) {
   return e.slice();
 }
@@ -369,8 +369,8 @@ function Xo(e, t) {
 function Io() {
   return [];
 }
-var Zo = Object.prototype, Jo = Zo.propertyIsEnumerable, At = Object.getOwnPropertySymbols, Wo = At ? function(e) {
-  return e == null ? [] : (e = Object(e), Xo(At(e), function(t) {
+var Zo = Object.prototype, Jo = Zo.propertyIsEnumerable, Ct = Object.getOwnPropertySymbols, Wo = Ct ? function(e) {
+  return e == null ? [] : (e = Object(e), Xo(Ct(e), function(t) {
     return Jo.call(e, t);
   }));
 } : Io;
@@ -381,21 +381,21 @@ function Yo(e, t, n) {
 function rt(e) {
   return Yo(e, fo, Wo);
 }
-var ot = me(Y, "DataView"), lt = me(Y, "Promise"), it = me(Y, "Set"), Ct = "[object Map]", Qo = "[object Object]", Pt = "[object Promise]", Ot = "[object Set]", Vt = "[object WeakMap]", xt = "[object DataView]", el = pe(ot), tl = pe(xe), nl = pe(lt), rl = pe(it), ol = pe(nt), Z = Le;
-(ot && Z(new ot(new ArrayBuffer(1))) != xt || xe && Z(new xe()) != Ct || lt && Z(lt.resolve()) != Pt || it && Z(new it()) != Ot || nt && Z(new nt()) != Vt) && (Z = function(e) {
+var ot = me(Y, "DataView"), lt = me(Y, "Promise"), it = me(Y, "Set"), Pt = "[object Map]", Qo = "[object Object]", Ot = "[object Promise]", Vt = "[object Set]", xt = "[object WeakMap]", Mt = "[object DataView]", el = pe(ot), tl = pe(xe), nl = pe(lt), rl = pe(it), ol = pe(nt), Z = Le;
+(ot && Z(new ot(new ArrayBuffer(1))) != Mt || xe && Z(new xe()) != Pt || lt && Z(lt.resolve()) != Ot || it && Z(new it()) != Vt || nt && Z(new nt()) != xt) && (Z = function(e) {
   var t = Le(e), n = t == Qo ? e.constructor : void 0, r = n ? pe(n) : "";
   if (r)
     switch (r) {
       case el:
-        return xt;
+        return Mt;
       case tl:
-        return Ct;
-      case nl:
         return Pt;
-      case rl:
+      case nl:
         return Ot;
-      case ol:
+      case rl:
         return Vt;
+      case ol:
+        return xt;
     }
   return t;
 });
@@ -418,9 +418,9 @@ function cl(e) {
   var t = new e.constructor(e.source, ul.exec(e));
   return t.lastIndex = e.lastIndex, t;
 }
-var Mt = se ? se.prototype : void 0, Ut = Mt ? Mt.valueOf : void 0;
+var Ut = se ? se.prototype : void 0, Lt = Ut ? Ut.valueOf : void 0;
 function fl(e) {
-  return Ut ? Object(Ut.call(e)) : {};
+  return Lt ? Object(Lt.call(e)) : {};
 }
 function dl(e, t) {
   var n = ft(e.buffer);
@@ -461,19 +461,19 @@ function Ul(e, t, n) {
   }
 }
 function Ll(e) {
-  return typeof e.constructor == "function" && !Zt(e) ? dr(ko(e)) : {};
+  return typeof e.constructor == "function" && !Jt(e) ? dr(ko(e)) : {};
 }
 var Dl = "[object Map]";
 function jl(e) {
   return ce(e) && Z(e) == Dl;
 }
-var Lt = $e && $e.isMap, El = Lt ? ct(Lt) : jl, Nl = "[object Set]";
+var Dt = $e && $e.isMap, El = Dt ? ct(Dt) : jl, Nl = "[object Set]";
 function kl(e) {
   return ce(e) && Z(e) == Nl;
 }
-var Dt = $e && $e.isSet, Bl = Dt ? ct(Dt) : kl, nn = "[object Arguments]", Rl = "[object Array]", Fl = "[object Boolean]", Hl = "[object Date]", Gl = "[object Error]", rn = "[object Function]", zl = "[object GeneratorFunction]", Kl = "[object Map]", ql = "[object Number]", on = "[object Object]", Xl = "[object RegExp]", Il = "[object Set]", Zl = "[object String]", Jl = "[object Symbol]", Wl = "[object WeakMap]", Yl = "[object ArrayBuffer]", Ql = "[object DataView]", ei = "[object Float32Array]", ti = "[object Float64Array]", ni = "[object Int8Array]", ri = "[object Int16Array]", oi = "[object Int32Array]", li = "[object Uint8Array]", ii = "[object Uint8ClampedArray]", si = "[object Uint16Array]", ai = "[object Uint32Array]", P = {};
-P[nn] = P[Rl] = P[Yl] = P[Ql] = P[Fl] = P[Hl] = P[ei] = P[ti] = P[ni] = P[ri] = P[oi] = P[Kl] = P[ql] = P[on] = P[Xl] = P[Il] = P[Zl] = P[Jl] = P[li] = P[ii] = P[si] = P[ai] = !0;
-P[Gl] = P[rn] = P[Wl] = !1;
+var jt = $e && $e.isSet, Bl = jt ? ct(jt) : kl, rn = "[object Arguments]", Rl = "[object Array]", Fl = "[object Boolean]", Hl = "[object Date]", Gl = "[object Error]", on = "[object Function]", zl = "[object GeneratorFunction]", Kl = "[object Map]", ql = "[object Number]", ln = "[object Object]", Xl = "[object RegExp]", Il = "[object Set]", Zl = "[object String]", Jl = "[object Symbol]", Wl = "[object WeakMap]", Yl = "[object ArrayBuffer]", Ql = "[object DataView]", ei = "[object Float32Array]", ti = "[object Float64Array]", ni = "[object Int8Array]", ri = "[object Int16Array]", oi = "[object Int32Array]", li = "[object Uint8Array]", ii = "[object Uint8ClampedArray]", si = "[object Uint16Array]", ai = "[object Uint32Array]", P = {};
+P[rn] = P[Rl] = P[Yl] = P[Ql] = P[Fl] = P[Hl] = P[ei] = P[ti] = P[ni] = P[ri] = P[oi] = P[Kl] = P[ql] = P[ln] = P[Xl] = P[Il] = P[Zl] = P[Jl] = P[li] = P[ii] = P[si] = P[ai] = !0;
+P[Gl] = P[on] = P[Wl] = !1;
 function Re(e, t, n, r, l, o) {
   var i;
   if (i !== void 0)
@@ -484,10 +484,10 @@ function Re(e, t, n, r, l, o) {
   if (s)
     i = sl(e);
   else {
-    var a = Z(e), u = a == rn || a == zl;
+    var a = Z(e), u = a == on || a == zl;
     if (Ge(e))
       return qo(e);
-    if (a == on || a == nn || u && !l)
+    if (a == ln || a == rn || u && !l)
       i = u ? {} : Ll(e);
     else {
       if (!P[a])
@@ -510,7 +510,7 @@ function Re(e, t, n, r, l, o) {
   }), i;
 }
 var ui = 1, ci = 4;
-function ln(e) {
+function sn(e) {
   return Re(e, ui | ci);
 }
 var fi = "__lodash_hash_undefined__";
@@ -537,7 +537,7 @@ function vi(e, t) {
   return e.has(t);
 }
 var gi = 1, yi = 2;
-function sn(e, t, n, r, l, o) {
+function an(e, t, n, r, l, o) {
   var i = n & gi, s = e.length, a = t.length;
   if (s != a && !(i && a > s))
     return !1;
@@ -582,7 +582,7 @@ function _i(e) {
     n[++t] = r;
   }), n;
 }
-var bi = 1, $i = 2, Ti = "[object Boolean]", Si = "[object Date]", wi = "[object Error]", Ai = "[object Map]", Ci = "[object Number]", Pi = "[object RegExp]", Oi = "[object Set]", Vi = "[object String]", xi = "[object Symbol]", Mi = "[object ArrayBuffer]", Ui = "[object DataView]", jt = se ? se.prototype : void 0, et = jt ? jt.valueOf : void 0;
+var bi = 1, $i = 2, Ti = "[object Boolean]", Si = "[object Date]", wi = "[object Error]", Ai = "[object Map]", Ci = "[object Number]", Pi = "[object RegExp]", Oi = "[object Set]", Vi = "[object String]", xi = "[object Symbol]", Mi = "[object ArrayBuffer]", Ui = "[object DataView]", Et = se ? se.prototype : void 0, et = Et ? Et.valueOf : void 0;
 function Li(e, t, n, r, l, o, i) {
   switch (n) {
     case Ui:
@@ -610,7 +610,7 @@ function Li(e, t, n, r, l, o, i) {
       if (u)
         return u == t;
       r |= $i, i.set(e, t);
-      var f = sn(s(e), s(t), r, l, o, i);
+      var f = an(s(e), s(t), r, l, o, i);
       return i.delete(e), f;
     case xi:
       if (et)
@@ -650,10 +650,10 @@ function Ni(e, t, n, r, l, o) {
   }
   return o.delete(e), o.delete(t), V;
 }
-var ki = 1, Et = "[object Arguments]", Nt = "[object Array]", Ne = "[object Object]", Bi = Object.prototype, kt = Bi.hasOwnProperty;
+var ki = 1, Nt = "[object Arguments]", kt = "[object Array]", Ne = "[object Object]", Bi = Object.prototype, Bt = Bi.hasOwnProperty;
 function Ri(e, t, n, r, l, o) {
-  var i = Oe(e), s = Oe(t), a = i ? Nt : Z(e), u = s ? Nt : Z(t);
-  a = a == Et ? Ne : a, u = u == Et ? Ne : u;
+  var i = Oe(e), s = Oe(t), a = i ? kt : Z(e), u = s ? kt : Z(t);
+  a = a == Nt ? Ne : a, u = u == Nt ? Ne : u;
   var f = a == Ne, d = u == Ne, y = a == u;
   if (y && Ge(e)) {
     if (!Ge(t))
@@ -661,9 +661,9 @@ function Ri(e, t, n, r, l, o) {
     i = !0, f = !1;
   }
   if (y && !f)
-    return o || (o = new te()), i || Qt(e) ? sn(e, t, n, r, l, o) : Li(e, t, a, n, r, l, o);
+    return o || (o = new te()), i || en(e) ? an(e, t, n, r, l, o) : Li(e, t, a, n, r, l, o);
   if (!(n & ki)) {
-    var v = f && kt.call(e, "__wrapped__"), _ = d && kt.call(t, "__wrapped__");
+    var v = f && Bt.call(e, "__wrapped__"), _ = d && Bt.call(t, "__wrapped__");
     if (v || _) {
       var V = v ? e.value() : e, $ = _ ? t.value() : t;
       return o || (o = new te()), l(V, $, n, r, o);
@@ -671,11 +671,11 @@ function Ri(e, t, n, r, l, o) {
   }
   return y ? (o || (o = new te()), Ni(e, t, n, r, l, o)) : !1;
 }
-function an(e, t, n, r, l) {
-  return e === t ? !0 : e == null || t == null || !ce(e) && !ce(t) ? e !== e && t !== t : Ri(e, t, n, r, an, l);
+function un(e, t, n, r, l) {
+  return e === t ? !0 : e == null || t == null || !ce(e) && !ce(t) ? e !== e && t !== t : Ri(e, t, n, r, un, l);
 }
 function Ze(e, t) {
-  return an(e, t);
+  return un(e, t);
 }
 function Fi(e, t) {
   const n = [];
@@ -695,7 +695,7 @@ function Fi(e, t) {
     }), i.count = s.length, i.count > 0 && (o.push(i), o.push(...s));
   }), o;
 }
-function un(e, t) {
+function cn(e, t) {
   return e.value.find((n) => n.id === t);
 }
 function Hi(e, t, n) {
@@ -736,7 +736,7 @@ const ke = (e, t) => {
     }
     n = n[r];
   }), n;
-}, Bt = (e) => !(e instanceof Array), tt = (e) => e instanceof Array, Gi = (e, t) => {
+}, Rt = (e) => !(e instanceof Array), tt = (e) => e instanceof Array, Gi = (e, t) => {
   const n = (r, l) => {
     if (r.ui !== l.ui || r.array !== l.array)
       return !1;
@@ -753,7 +753,7 @@ const ke = (e, t) => {
 }, dt = (e) => !(e instanceof Array), pt = (e) => e instanceof Array, zi = [
   ["basic", "id"],
   ["basic", "name"]
-], Ki = (e) => zi.find((t) => Ze(e, t)), Je = (e, t, n, r, l, o, i) => (e = ln(e), o !== void 0 ? (e.push(o), i && e.push(t.key)) : e.push(t.key), Ki(e) ? (r.change = !1, r.change) : t.ui ? t.array && o === void 0 ? Ii(
+], Ki = (e) => zi.find((t) => Ze(e, t)), Je = (e, t, n, r, l, o, i) => (e = sn(e), o !== void 0 ? (e.push(o), i && e.push(t.key)) : e.push(t.key), Ki(e) ? (r.change = !1, r.change) : t.ui ? t.array && o === void 0 ? Ii(
   e,
   t,
   n,
@@ -849,7 +849,7 @@ const ke = (e, t) => {
     return console.assert(!1, "execPropLeafScalar prop ui must be valid"), !1;
   let o;
   return r !== void 0 && !l ? o = t[r] : o = t[e.key], n.change = !Ze(o, N(e, !0)), n.change;
-}, Rt = (e, t, n, r) => {
+}, Ft = (e, t, n, r) => {
   if (t.length <= 0 || !n) {
     e.value = {};
     return;
@@ -868,36 +868,36 @@ const ke = (e, t) => {
       return console.assert(!1, `isPropChanged state must be valid keys=${t}`), !1;
     typeof r == "string" ? dt(n.children) && (n = n.children[r]) : pt(n.children) && (n = n.children[r]);
   }), (n == null ? void 0 : n.change) ?? !1;
-}, cn = Symbol(), fn = Symbol(), dn = Symbol(), pn = Symbol(), mn = Symbol();
+}, fn = Symbol(), dn = Symbol(), pn = Symbol(), mn = Symbol(), vn = Symbol();
 function Ji(e) {
-  Me(cn, e);
+  Me(fn, e);
 }
 function Wi() {
-  return Ue(cn);
+  return Ue(fn);
 }
 function Yi(e) {
-  Me(fn, e);
+  Me(dn, e);
 }
 function Qi() {
-  return Ue(fn);
+  return Ue(dn);
 }
 function es(e) {
-  Me(dn, e);
+  Me(pn, e);
 }
 function ts() {
-  return Ue(dn);
+  return Ue(pn);
 }
 function ns(e) {
-  Me(pn, e);
+  Me(mn, e);
 }
 function rs() {
-  return Ue(pn);
+  return Ue(mn);
 }
 function os(e) {
-  Me(mn, e);
+  Me(vn, e);
 }
-function vn() {
-  return Ue(mn);
+function gn() {
+  return Ue(vn);
 }
 const ls = /* @__PURE__ */ z({
   __name: "menu",
@@ -1000,7 +1000,7 @@ const ls = /* @__PURE__ */ z({
         default: J(() => [
           k(A, null, {
             default: J(() => [
-              (S(!0), F(He, null, Ft(v.value, (W, We) => (S(), R(M, {
+              (S(!0), F(He, null, Ht(v.value, (W, We) => (S(), R(M, {
                 key: We,
                 link: "",
                 onClick: W.func
@@ -1024,7 +1024,7 @@ const ls = /* @__PURE__ */ z({
     };
   }
 });
-var gn = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", yn = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", is = "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", ss = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
+var yn = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", hn = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", is = "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", ss = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
 const Be = /* @__PURE__ */ z({
   __name: "title",
   props: {
@@ -1058,7 +1058,7 @@ const Be = /* @__PURE__ */ z({
       }, [
         k(d, {
           class: "mr-1",
-          icon: u.collapse ? E(yn) : E(gn)
+          icon: u.collapse ? E(hn) : E(yn)
         }, null, 8, ["icon"]),
         q("span", null, ne(u.title), 1),
         k(y),
@@ -1104,7 +1104,7 @@ const Be = /* @__PURE__ */ z({
         onMouseover: u[0] || (u[0] = (d) => o.value = !0),
         onMouseout: u[1] || (u[1] = (d) => o.value = !1)
       }, [
-        xn(a.$slots, "default")
+        Mn(a.$slots, "default")
       ], 36)), [
         [f]
       ]);
@@ -1469,7 +1469,7 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
         onMouseout: u[2] || (u[2] = (y) => i.value = !1)
       }, [
         k(f, {
-          icon: l.collapse ? E(yn) : E(gn),
+          icon: l.collapse ? E(hn) : E(yn),
           size: "small"
         }, null, 8, ["icon"]),
         q("span", Ss, ne(l.title), 1),
@@ -1521,14 +1521,14 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
   },
   emits: ["update:modelValue", "update:open"],
   setup(e) {
-    const { t } = de(), n = oe(e, "modelValue"), r = oe(e, "open"), l = vn(), o = (s) => {
-      const a = un(l, s);
+    const { t } = de(), n = oe(e, "modelValue"), r = oe(e, "open"), l = gn(), o = (s) => {
+      const a = cn(l, s);
       a && Hi(l, s, !a.collapse);
     }, i = (s) => {
       n.value = s, r.value = !1, _e.emit("refreshDepends");
     };
     return (s, a) => E(l).length > 0 ? (S(), F("div", Os, [
-      (S(!0), F(He, null, Ft(E(l), (u) => (S(), F(He, {
+      (S(!0), F(He, null, Ht(E(l), (u) => (S(), F(He, {
         key: u.id
       }, [
         u.type === 0 ? (S(), R(As, {
@@ -1556,7 +1556,7 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const { t } = de(), n = Bn(), { sysBarAvail: r } = En(), { backgroundColor1: l } = Te(), o = oe(e, "modelValue"), i = vn(), s = G(() => {
+    const { t } = de(), n = Bn(), { sysBarAvail: r } = En(), { backgroundColor1: l } = Te(), o = oe(e, "modelValue"), i = gn(), s = G(() => {
       let y = "100%";
       return n.mdAndUp.value && (y = "400px"), {
         background: l.value,
@@ -1567,7 +1567,6 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
       let y = 48;
       return r.value && (y += 24), {
         position: "relative",
-        width: "100%",
         height: `calc(100% - ${y}px)`
       };
     }), u = G(() => ({
@@ -1575,10 +1574,10 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
     })), f = G(() => {
       if (!o.value)
         return t("x-prop-tree.notSet");
-      const y = un(i, o.value);
+      const y = cn(i, o.value);
       return y ? y.name : t("x-runtime-lib.compNotAvail");
-    }), { open: d } = at(`propTreeCompSelectDlg${Ht()}`);
-    return Gt(() => {
+    }), { open: d } = at(`propTreeCompSelectDlg${Gt()}`);
+    return zt(() => {
       d.value = !1;
     }), (y, v) => {
       const _ = O("v-btn"), V = O("v-sheet"), $ = O("v-icon"), D = O("v-dialog");
@@ -1589,10 +1588,10 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
         persistent: "",
         "no-click-animation": "",
         fullscreen: "",
-        onKeydown: v[6] || (v[6] = Mn(K((w) => d.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: v[6] || (v[6] = Un(K((w) => d.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
         activator: J(({ props: w }) => [
-          k(_, zt(w, {
+          k(_, Kt(w, {
             density: "comfortable",
             block: ""
           }), {
@@ -1692,8 +1691,8 @@ const Ds = { class: "d-flex justify-space-between align-center" }, js = /* @__PU
       return e.hasDelete && (s = "calc(100% - 37px)"), {
         width: s
       };
-    }), o = G(() => e.readonly), { open: i } = at(`propTreeColorPickerMenu${Ht()}`);
-    return Gt(() => {
+    }), o = G(() => e.readonly), { open: i } = at(`propTreeColorPickerMenu${Gt()}`);
+    return zt(() => {
       i.value = !1;
     }), (s, a) => {
       const u = O("v-btn"), f = O("v-icon"), d = O("v-color-picker"), y = O("v-menu");
@@ -1709,7 +1708,7 @@ const Ds = { class: "d-flex justify-space-between align-center" }, js = /* @__PU
               class: "flex-grow-1",
               style: ie(l.value)
             }, [
-              k(u, zt(v, {
+              k(u, Kt(v, {
                 density: "comfortable",
                 color: n.value,
                 block: "",
@@ -1784,20 +1783,22 @@ const Ns = { class: "d-flex justify-space-between align-center my-2" }, ks = { c
   setup(e, { emit: t }) {
     const { t: n } = de(), r = oe(e, "modelValue"), l = t, o = B(0), i = G(() => {
       const u = [];
-      return e.types.forEach((f, d) => {
+      return e.types.forEach(({ name: f }, d) => {
         u.push({
-          title: n(f.name),
+          title: n(f),
           value: d
         });
       }), u;
     });
-    e.types.some((u, f) => u.validator(r.value) ? (o.value = f, !0) : !1);
+    vt(() => {
+      e.types.some((u, f) => u.validator(r.value) ? (o.value = f, !0) : !1);
+    });
     const s = G(() => e.types[o.value]);
     Ce(s, (u) => {
       r.value = u.default;
     });
     const a = B(0);
-    return Un(() => {
+    return vt(() => {
       s.value.ui === "pixelInput" ? a.value = Nn(r.value) : s.value.ui === "percentInput" && (a.value = kn(r.value));
     }), Ce(a, (u) => {
       s.value.ui === "pixelInput" ? r.value = u + "px" : s.value.ui === "percentInput" && (r.value = u + "%");
@@ -1889,12 +1890,12 @@ const Fs = /* @__PURE__ */ z({
   emits: ["change"],
   setup(e, { emit: t }) {
     const { t: n } = de(), { backgroundColor1: r } = Te(), l = e, o = t, i = B("20px"), s = B("56px"), a = B("200px"), u = Ln({}), f = B({}), d = (m, c) => {
-      Rt(f, l.config, l.object), o("change", m, c);
+      Ft(f, l.config, l.object), o("change", m, c);
     };
     Ce(
       [() => l.config, () => l.object],
       () => {
-        Rt(f, l.config, l.object, (m, c) => {
+        Ft(f, l.config, l.object, (m, c) => {
           o("change", m, c);
         });
       },
@@ -1944,14 +1945,14 @@ const Fs = /* @__PURE__ */ z({
     }), jn(() => {
       w();
     });
-    const { renderProp: M } = us(f, s, a), { renderUiDummy: A } = cs(d), { renderUiStrInput: U } = ps(d), { renderUiNumInput: W } = gs(d), { renderUiSwitch: We } = _s(d), { renderUiSelect: hn } = Ts(d), { renderUiColorPicker: _n } = Es(d), { renderUiMultiTypes: bn } = Rs(d), { renderUiCompSelect: $n } = Ls(d), De = (m, c, g, p, b, C) => (m = ln(m), b !== void 0 ? (m.push(b), C && m.push(c.key)) : m.push(c.key), c.ui ? c.array && b === void 0 ? wn(m, c, g, p, b, C) : An(m, c, g, b, C) : c.array ? Tn(m, c, g, p, b, C) : Sn(
+    const { renderProp: M } = us(f, s, a), { renderUiDummy: A } = cs(d), { renderUiStrInput: U } = ps(d), { renderUiNumInput: W } = gs(d), { renderUiSwitch: We } = _s(d), { renderUiSelect: _n } = Ts(d), { renderUiColorPicker: bn } = Es(d), { renderUiMultiTypes: $n } = Rs(d), { renderUiCompSelect: Tn } = Ls(d), De = (m, c, g, p, b, C) => (m = sn(m), b !== void 0 ? (m.push(b), C && m.push(c.key)) : m.push(c.key), c.ui ? c.array && b === void 0 ? An(m, c, g, p, b, C) : Cn(m, c, g, b, C) : c.array ? Sn(m, c, g, p, b, C) : wn(
       m,
       c,
       g,
       p,
       b,
       C
-    )), Tn = (m, c, g, p, b, C) => {
+    )), Sn = (m, c, g, p, b, C) => {
       if (c.ui)
         return console.assert(!1), h("div", "renderBranchArray prop ui must be invalid");
       if (!c.array)
@@ -1996,7 +1997,7 @@ const Fs = /* @__PURE__ */ z({
             const je = [...m, j], Ee = p.children[j];
             let mt = n("x-prop-tree.entry", { index: j });
             p.children[j].collapse && be(f.value, je) && (mt += " *");
-            const Pn = h(Be, {
+            const On = h(Be, {
               title: mt,
               collapse: p.children[j].collapse,
               hasDelete: !0,
@@ -2019,8 +2020,8 @@ const Fs = /* @__PURE__ */ z({
                 p.children.splice(ee, 1), L.splice(ee, 1), d(m, L);
               }
             });
-            T.push(Pn);
-            const On = h(
+            T.push(On);
+            const Vn = h(
               "div",
               {
                 style: {
@@ -2030,7 +2031,7 @@ const Fs = /* @__PURE__ */ z({
               (() => {
                 const ee = [];
                 return c.children.forEach((ue) => {
-                  if (!Bt(Ee.children)) {
+                  if (!Rt(Ee.children)) {
                     console.assert(!1);
                     return;
                   }
@@ -2038,7 +2039,7 @@ const Fs = /* @__PURE__ */ z({
                     collapse: !0,
                     children: ue.array ? [] : {}
                   });
-                  const Vn = De(
+                  const xn = De(
                     m,
                     ue,
                     L[j],
@@ -2046,11 +2047,11 @@ const Fs = /* @__PURE__ */ z({
                     j,
                     !0
                   );
-                  ee.push(Vn);
+                  ee.push(xn);
                 }), ee;
               })()
             );
-            p.children[j].collapse || T.push(On);
+            p.children[j].collapse || T.push(Vn);
           }
           return T;
         })()
@@ -2067,7 +2068,7 @@ const Fs = /* @__PURE__ */ z({
           return T.push(Se), p.collapse || T.push(H), T;
         })()
       );
-    }, Sn = (m, c, g, p, b, C) => {
+    }, wn = (m, c, g, p, b, C) => {
       if (c.ui)
         return console.assert(!1), h("div", "renderBranchScalar prop ui must be invalid");
       if (c.array)
@@ -2099,7 +2100,7 @@ const Fs = /* @__PURE__ */ z({
         (() => {
           const H = [];
           return c.children.forEach((T) => {
-            if (!Bt(p.children)) {
+            if (!Rt(p.children)) {
               console.assert(!1);
               return;
             }
@@ -2129,7 +2130,7 @@ const Fs = /* @__PURE__ */ z({
           return H.push(Q), p.collapse || H.push(Se), H;
         })()
       );
-    }, wn = (m, c, g, p, b, C) => {
+    }, An = (m, c, g, p, b, C) => {
       if (!c.ui)
         return console.assert(!1), h("div", "renderLeafArray prop ui must be valid");
       if (!c.array)
@@ -2181,12 +2182,12 @@ const Fs = /* @__PURE__ */ z({
           return T.push(Se), p.collapse || T.push(H), T;
         })()
       );
-    }, An = (m, c, g, p, b) => {
+    }, Cn = (m, c, g, p, b) => {
       if (!c.ui)
         return console.assert(!1), h("div", "renderLeafScalar prop ui must be valid");
       let C;
-      return c.ui === "dummy" ? C = A(m, c, g, p, b) : c.ui === "strInput" ? C = U(m, c, g, p, b) : c.ui === "numInput" ? C = W(m, c, g, p, b) : c.ui === "switch" ? C = We(m, c, g, p, b) : c.ui === "select" ? C = hn(m, c, g, p, b) : c.ui === "colorPicker" ? C = _n(m, c, g, p, b) : c.ui === "multiTypes" ? C = bn(m, c, g, p, b) : c.ui === "compSelect" ? C = $n(m, c, g, p, b) : console.assert(!1, "renderLeafScalar not implemented"), C ? M(m, c, C) : h("div");
-    }, Cn = () => h(
+      return c.ui === "dummy" ? C = A(m, c, g, p, b) : c.ui === "strInput" ? C = U(m, c, g, p, b) : c.ui === "numInput" ? C = W(m, c, g, p, b) : c.ui === "switch" ? C = We(m, c, g, p, b) : c.ui === "select" ? C = _n(m, c, g, p, b) : c.ui === "colorPicker" ? C = bn(m, c, g, p, b) : c.ui === "multiTypes" ? C = $n(m, c, g, p, b) : c.ui === "compSelect" ? C = Tn(m, c, g, p, b) : console.assert(!1, "renderLeafScalar not implemented"), C ? M(m, c, C) : h("div");
+    }, Pn = () => h(
       "div",
       {
         class: "text-body-2",
@@ -2212,7 +2213,7 @@ const Fs = /* @__PURE__ */ z({
       })()
     );
     return (m, c) => (S(), F(He, null, [
-      k(Cn),
+      k(Pn),
       k(ls, {
         config: l.config,
         object: l.object,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-prop-tree",
   "private": false,
-  "version": "0.6.3",
+  "version": "0.6.4",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -28,7 +28,7 @@
     "vuetify": "^3.8.1",
     "x-essential-lib": "^0.8.6",
     "x-group-list": "^0.4.1",
-    "x-runtime-lib": "^0.6.12",
+    "x-runtime-lib": "^0.6.13",
     "x-state-lib": "^0.2.1"
   },
   "devDependencies": {