x-prop-tree 0.6.17 → 0.6.19

package/dist/components/propTree/components/values/select.vue.d.ts

@@ -5,13 +5,13 @@ interface Props {
 }
 type __VLS_Props = Props;
 type __VLS_PublicProps = __VLS_Props & {
-    modelValue: string;
+    modelValue?: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     delete: (...args: any[]) => void;
-    "update:modelValue": (value: string) => void;
+    "update:modelValue": (value: string | undefined) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onDelete?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/propTree/components/values/strInput.vue.d.ts

@@ -4,13 +4,13 @@ interface Props {
 }
 type __VLS_Props = Props;
 type __VLS_PublicProps = __VLS_Props & {
-    modelValue: string;
+    modelValue?: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     delete: (...args: any[]) => void;
-    "update:modelValue": (value: string) => void;
+    "update:modelValue": (value: string | undefined) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onDelete?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/propTree/components/values/switch.vue.d.ts

@@ -4,13 +4,13 @@ interface Props {
 }
 type __VLS_Props = Props;
 type __VLS_PublicProps = __VLS_Props & {
-    modelValue: boolean;
+    modelValue?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     delete: (...args: any[]) => void;
-    "update:modelValue": (value: boolean) => void;
+    "update:modelValue": (value: boolean | undefined) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onDelete?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/index.js

@@ -1,12 +1,12 @@
-import { provide as Te, inject as Se, defineComponent as K, ref as B, computed as R, resolveComponent as V, createBlock as F, openBlock as w, unref as k, isRef as Fe, withCtx as J, createVNode as N, createElementBlock as H, Fragment as He, renderList as Ht, createTextVNode as at, toDisplayString as ne, resolveDirective as ae, withDirectives as re, withModifiers as q, normalizeStyle as le, createElementVNode as z, createCommentVNode as I, renderSlot as jn, h as _, mergeModels as X, useModel as oe, useId as Gt, onUnmounted as Kt, withKeys as kn, mergeProps as qt, watchEffect as mt, watch as Oe, reactive as En, onMounted as Nn, onBeforeUnmount as Bn } from "vue";
+import { 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 { 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 zt, parsePixelStr as Fn, parsePercentStr as Hn } from "x-runtime-lib";
+import { getPropDefault as E, 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, qn = typeof self == "object" && self && self.Object === Object && self, Y = It || qn || Function("return this")(), se = Y.Symbol, Xt = Object.prototype, zn = Xt.hasOwnProperty, In = Xt.toString, Ce = se ? se.toStringTag : void 0;
+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;
 function Xn(e) {
-  var t = zn.call(e, Ce), n = e[Ce];
+  var t = qn.call(e, Ce), n = e[Ce];
   try {
     e[Ce] = void 0;
     var r = !0;
@@ -19,31 +19,31 @@ var Zn = Object.prototype, Jn = Zn.toString;
 function Wn(e) {
   return Jn.call(e);
 }
-var Yn = "[object Null]", Qn = "[object Undefined]", yt = se ? se.toStringTag : void 0;
+var Yn = "[object Null]", Qn = "[object Undefined]", gt = se ? se.toStringTag : void 0;
 function Le(e) {
-  return e == null ? e === void 0 ? Qn : Yn : yt && yt in Object(e) ? Xn(e) : Wn(e);
+  return e == null ? e === void 0 ? Qn : Yn : gt && gt in Object(e) ? Xn(e) : Wn(e);
 }
 function de(e) {
   return e != null && typeof e == "object";
 }
 var Me = Array.isArray;
-function ze(e) {
+function qe(e) {
   var t = typeof e;
   return e != null && (t == "object" || t == "function");
 }
 var er = "[object AsyncFunction]", tr = "[object Function]", nr = "[object GeneratorFunction]", rr = "[object Proxy]";
 function Zt(e) {
-  if (!ze(e))
+  if (!qe(e))
     return !1;
   var t = Le(e);
   return t == tr || t == nr || t == er || t == rr;
 }
-var Qe = Y["__core-js_shared__"], gt = function() {
+var Qe = Y["__core-js_shared__"], yt = function() {
   var e = /[^.]+$/.exec(Qe && Qe.keys && Qe.keys.IE_PROTO || "");
   return e ? "Symbol(src)_1." + e : "";
 }();
 function or(e) {
-  return !!gt && gt in e;
+  return !!yt && yt in e;
 }
 var ir = Function.prototype, lr = ir.toString;
 function ve(e) {
@@ -63,7 +63,7 @@ var sr = /[\\^$.*+?()[\]{}|]/g, ar = /^\[object .+?Constructor\]$/, ur = Functio
   "^" + fr.call(dr).replace(sr, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
 function vr(e) {
-  if (!ze(e) || or(e))
+  if (!qe(e) || or(e))
     return !1;
   var t = Zt(e) ? pr : ar;
   return t.test(ve(e));
@@ -75,11 +75,11 @@ function me(e, t) {
   var n = mr(e, t);
   return vr(n) ? n : void 0;
 }
-var rt = me(Y, "WeakMap"), ht = Object.create, yr = /* @__PURE__ */ function() {
+var rt = me(Y, "WeakMap"), ht = Object.create, gr = /* @__PURE__ */ function() {
   function e() {
   }
   return function(t) {
-    if (!ze(t))
+    if (!qe(t))
       return {};
     if (ht)
       return ht(t);
@@ -94,7 +94,7 @@ var rt = me(Y, "WeakMap"), ht = Object.create, yr = /* @__PURE__ */ function() {
   } catch {
   }
 }();
-function gr(e, t) {
+function yr(e, t) {
   for (var n = -1, r = e == null ? 0 : e.length; ++n < r && t(e[n], n, e) !== !1; )
     ;
   return e;
@@ -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]", qr = "[object RegExp]", zr = "[object Set]", Ir = "[object String]", Xr = "[object WeakMap]", Zr = "[object ArrayBuffer]", Jr = "[object DataView]", Wr = "[object Float32Array]", Yr = "[object Float64Array]", Qr = "[object Int8Array]", eo = "[object Int16Array]", to = "[object Int32Array]", no = "[object Uint8Array]", ro = "[object Uint8ClampedArray]", oo = "[object Uint16Array]", io = "[object Uint32Array]", U = {};
+var Qt = typeof exports == "object" && exports && !exports.nodeType && exports, $t = Qt && typeof module == "object" && module && !module.nodeType && module, Dr = $t && $t.exports === Qt, Tt = Dr ? Y.Buffer : void 0, jr = Tt ? Tt.isBuffer : void 0, Ge = jr || Lr, kr = "[object Arguments]", Er = "[object Array]", Nr = "[object Boolean]", Br = "[object Date]", Rr = "[object Error]", Fr = "[object Function]", Hr = "[object Map]", Gr = "[object Number]", Kr = "[object Object]", 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[qr] = U[zr] = U[Ir] = U[Xr] = !1;
+U[kr] = U[Er] = U[Zr] = U[Nr] = U[Jr] = U[Br] = U[Rr] = U[Fr] = U[Hr] = U[Gr] = U[Kr] = U[zr] = U[qr] = U[Ir] = U[Xr] = !1;
 function lo(e) {
   return de(e) && Jt(e.length) && !!U[Le(e)];
 }
@@ -191,11 +191,11 @@ function mo(e) {
     vo.call(e, n) && n != "constructor" && t.push(n);
   return t;
 }
-function yo(e) {
+function go(e) {
   return Cr(e) ? co(e) : mo(e);
 }
 var Ve = me(Object, "create");
-function go() {
+function yo() {
   this.__data__ = Ve ? Ve(null) : {}, this.size = 0;
 }
 function ho(e) {
@@ -228,7 +228,7 @@ function pe(e) {
     this.set(r[0], r[1]);
   }
 }
-pe.prototype.clear = go;
+pe.prototype.clear = yo;
 pe.prototype.delete = ho;
 pe.prototype.get = To;
 pe.prototype.has = Ao;
@@ -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 ye(e) {
+function ge(e) {
   var t = -1, n = e == null ? 0 : e.length;
   for (this.clear(); ++t < n; ) {
     var r = e[t];
     this.set(r[0], r[1]);
   }
 }
-ye.prototype.clear = jo;
-ye.prototype.delete = Eo;
-ye.prototype.get = No;
-ye.prototype.has = Bo;
-ye.prototype.set = Ro;
+ge.prototype.clear = jo;
+ge.prototype.delete = Eo;
+ge.prototype.get = No;
+ge.prototype.has = Bo;
+ge.prototype.set = Ro;
 function Fo(e, t) {
   for (var n = -1, r = t.length, i = e.length; ++n < r; )
     e[i + n] = t[n];
@@ -328,10 +328,10 @@ function Ko(e) {
   var t = this.__data__, n = t.delete(e);
   return this.size = t.size, n;
 }
-function qo(e) {
+function zo(e) {
   return this.__data__.get(e);
 }
-function zo(e) {
+function qo(e) {
   return this.__data__.has(e);
 }
 var Io = 200;
@@ -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 ye(r);
+    n = this.__data__ = new ge(r);
   }
   return n.set(e, t), this.size = n.size, this;
 }
@@ -351,8 +351,8 @@ function te(e) {
 }
 te.prototype.clear = Go;
 te.prototype.delete = Ko;
-te.prototype.get = qo;
-te.prototype.has = zo;
+te.prototype.get = zo;
+te.prototype.has = qo;
 te.prototype.set = Xo;
 var rn = typeof exports == "object" && exports && !exports.nodeType && exports, wt = rn && typeof module == "object" && module && !module.nodeType && module, Zo = wt && wt.exports === rn, At = Zo ? Y.Buffer : void 0;
 At && At.allocUnsafe;
@@ -379,7 +379,7 @@ function ni(e, t, n) {
   return Me(e) ? r : Fo(r, n(e));
 }
 function ot(e) {
-  return ni(e, yo, ti);
+  return ni(e, go, 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) {
@@ -422,17 +422,17 @@ var Ut = se ? se.prototype : void 0, Lt = Ut ? Ut.valueOf : void 0;
 function mi(e) {
   return Lt ? Object(Lt.call(e)) : {};
 }
-function yi(e, t) {
+function gi(e, t) {
   var n = dt(e.buffer);
   return new e.constructor(n, e.byteOffset, e.length);
 }
-var gi = "[object Boolean]", hi = "[object Date]", _i = "[object Map]", bi = "[object Number]", $i = "[object RegExp]", Ti = "[object Set]", Si = "[object String]", wi = "[object Symbol]", Ai = "[object ArrayBuffer]", Ci = "[object DataView]", Pi = "[object Float32Array]", Oi = "[object Float64Array]", xi = "[object Int8Array]", Mi = "[object Int16Array]", Vi = "[object Int32Array]", Ui = "[object Uint8Array]", Li = "[object Uint8ClampedArray]", Di = "[object Uint16Array]", ji = "[object Uint32Array]";
+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 r = e.constructor;
   switch (t) {
     case Ai:
       return dt(e);
-    case gi:
+    case yi:
     case hi:
       return new r(+e);
     case Ci:
@@ -446,7 +446,7 @@ function ki(e, t, n) {
     case Li:
     case Di:
     case ji:
-      return yi(e);
+      return gi(e);
     case _i:
       return new r();
     case bi:
@@ -461,7 +461,7 @@ function ki(e, t, n) {
   }
 }
 function Ei(e) {
-  return typeof e.constructor == "function" && !Wt(e) ? yr(Ho(e)) : {};
+  return typeof e.constructor == "function" && !Wt(e) ? gr(Ho(e)) : {};
 }
 var Ni = "[object Map]";
 function Bi(e) {
@@ -471,14 +471,14 @@ var Dt = $e && $e.isMap, Ri = Dt ? ft(Dt) : Bi, Fi = "[object Set]";
 function Hi(e) {
   return de(e) && Z(e) == Fi;
 }
-var jt = $e && $e.isSet, Gi = jt ? ft(jt) : Hi, on = "[object Arguments]", Ki = "[object Array]", qi = "[object Boolean]", zi = "[object Date]", Ii = "[object Error]", ln = "[object Function]", Xi = "[object GeneratorFunction]", Zi = "[object Map]", Ji = "[object Number]", sn = "[object Object]", Wi = "[object RegExp]", Yi = "[object Set]", Qi = "[object String]", el = "[object Symbol]", tl = "[object WeakMap]", nl = "[object ArrayBuffer]", rl = "[object DataView]", ol = "[object Float32Array]", il = "[object Float64Array]", ll = "[object Int8Array]", sl = "[object Int16Array]", al = "[object Int32Array]", ul = "[object Uint8Array]", cl = "[object Uint8ClampedArray]", fl = "[object Uint16Array]", dl = "[object Uint32Array]", M = {};
-M[on] = M[Ki] = M[nl] = M[rl] = M[qi] = M[zi] = M[ol] = M[il] = M[ll] = M[sl] = M[al] = M[Zi] = M[Ji] = M[sn] = M[Wi] = M[Yi] = M[Qi] = M[el] = M[ul] = M[cl] = M[fl] = M[dl] = !0;
+var jt = $e && $e.isSet, Gi = jt ? ft(jt) : Hi, on = "[object Arguments]", Ki = "[object Array]", zi = "[object Boolean]", qi = "[object Date]", Ii = "[object Error]", ln = "[object Function]", Xi = "[object GeneratorFunction]", Zi = "[object Map]", Ji = "[object Number]", sn = "[object Object]", Wi = "[object RegExp]", Yi = "[object Set]", Qi = "[object String]", el = "[object Symbol]", tl = "[object WeakMap]", nl = "[object ArrayBuffer]", rl = "[object DataView]", ol = "[object Float32Array]", il = "[object Float64Array]", ll = "[object Int8Array]", sl = "[object Int16Array]", al = "[object Int32Array]", ul = "[object Uint8Array]", cl = "[object Uint8ClampedArray]", fl = "[object Uint16Array]", dl = "[object Uint32Array]", M = {};
+M[on] = M[Ki] = M[nl] = M[rl] = M[zi] = M[qi] = M[ol] = M[il] = M[ll] = M[sl] = M[al] = M[Zi] = M[Ji] = M[sn] = M[Wi] = M[Yi] = M[Qi] = M[el] = M[ul] = M[cl] = M[fl] = M[dl] = !0;
 M[Ii] = M[ln] = M[tl] = !1;
 function Re(e, t, n, r, i, o) {
   var l;
   if (l !== void 0)
     return l;
-  if (!ze(e))
+  if (!qe(e))
     return e;
   var a = Me(e);
   if (a)
@@ -505,7 +505,7 @@ function Re(e, t, n, r, i, o) {
     l.set(h, Re(p, t, n, h, e, o));
   });
   var d = ot, f = a ? void 0 : d(e);
-  return gr(f || e, function(p, h) {
+  return yr(f || e, function(p, h) {
     f && (h = p, p = e[h]), wr(l, h, Re(p, t, n, h, e, o));
   }), l;
 }
@@ -514,19 +514,19 @@ function an(e) {
   return Re(e, pl | vl);
 }
 var ml = "__lodash_hash_undefined__";
-function yl(e) {
+function gl(e) {
   return this.__data__.set(e, ml), this;
 }
-function gl(e) {
+function yl(e) {
   return this.__data__.has(e);
 }
-function qe(e) {
+function ze(e) {
   var t = -1, n = e == null ? 0 : e.length;
-  for (this.__data__ = new ye(); ++t < n; )
+  for (this.__data__ = new ge(); ++t < n; )
     this.add(e[t]);
 }
-qe.prototype.add = qe.prototype.push = yl;
-qe.prototype.has = gl;
+ze.prototype.add = ze.prototype.push = gl;
+ze.prototype.has = yl;
 function hl(e, t) {
   for (var n = -1, r = e == null ? 0 : e.length; ++n < r; )
     if (t(e[n], n, e))
@@ -544,7 +544,7 @@ function un(e, t, n, r, i, o) {
   var s = o.get(e), v = o.get(t);
   if (s && v)
     return s == t && v == e;
-  var d = -1, f = !0, p = n & $l ? new qe() : void 0;
+  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];
     if (r)
@@ -677,7 +677,7 @@ function cn(e, t, n, r, i) {
 function Ze(e, t) {
   return cn(e, t);
 }
-function ql(e, t) {
+function zl(e, t) {
   const n = [];
   let r = [];
   e.forEach((l) => {
@@ -698,7 +698,7 @@ function ql(e, t) {
 function fn(e, t) {
   return e.value.find((n) => n.id === t);
 }
-function zl(e, t, n) {
+function ql(e, t, n) {
   for (let r = 0; r < e.value.length; r++) {
     let i = e.value[r];
     if (i.id === t) {
@@ -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(), yn = Symbol(), gn = Symbol();
+}, dn = Symbol(), pn = Symbol(), vn = Symbol(), mn = Symbol(), gn = Symbol(), yn = Symbol();
 function es(e) {
   Te(dn, e);
 }
@@ -896,16 +896,16 @@ function ls() {
   return Se(mn);
 }
 function ss(e) {
-  Te(yn, e);
+  Te(gn, e);
 }
 function as() {
-  return Se(yn);
+  return Se(gn);
 }
 function us(e) {
-  Te(gn, e);
+  Te(yn, e);
 }
 function _n() {
-  return Se(gn);
+  return Se(yn);
 }
 const cs = /* @__PURE__ */ K({
   __name: "menu",
@@ -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", ge = "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", ye = "M19,13H5V11H19V13Z", ds = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
 const Be = /* @__PURE__ */ K({
   __name: "title",
   props: {
@@ -1060,7 +1060,7 @@ const Be = /* @__PURE__ */ K({
         class: "d-flex align-center cursor-pointer",
         style: le(l.value),
         onClick: a,
-        onContextmenu: q(u, ["prevent"]),
+        onContextmenu: z(u, ["prevent"]),
         onMouseover: v[2] || (v[2] = (h) => o.value = !0),
         onMouseout: v[3] || (v[3] = (h) => o.value = !1)
       }, [
@@ -1068,19 +1068,19 @@ const Be = /* @__PURE__ */ K({
           class: "mr-1",
           icon: s.collapse ? k($n) : k(bn)
         }, null, 8, ["icon"]),
-        z("span", null, ne(s.title), 1),
+        q("span", null, ne(s.title), 1),
         N(f),
         s.hasCreate ? (w(), F(d, {
           key: 0,
           class: "mx-3",
           icon: k(ds),
-          onClick: v[0] || (v[0] = q((h) => i("create"), ["stop"]))
+          onClick: v[0] || (v[0] = z((h) => i("create"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0),
         s.hasDelete ? (w(), F(d, {
           key: 1,
           class: "mx-3",
-          icon: k(ge),
-          onClick: v[1] || (v[1] = q((h) => i("delete", s.index), ["stop"]))
+          icon: k(ye),
+          onClick: v[1] || (v[1] = z((h) => i("delete", s.index), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ], 36)), [
         [p]
@@ -1108,7 +1108,7 @@ const Be = /* @__PURE__ */ K({
       return re((w(), H("div", {
         class: "d-flex justify-space-between align-center cursor-pointer",
         style: le(l.value),
-        onContextmenu: q(a, ["prevent"]),
+        onContextmenu: z(a, ["prevent"]),
         onMouseover: s[0] || (s[0] = (d) => o.value = !0),
         onMouseout: s[1] || (s[1] = (d) => o.value = !1)
       }, [
@@ -1157,7 +1157,7 @@ const ce = (e, t, n, r, i, o) => {
   else {
     if (n[t.key] === void 0) {
       const l = E(t);
-      t.ui === "switch" ? l && (n[t.key] = !0, r(e, n[t.key])) : t.ui === "select" || t.ui === "multiTypes" ? l && (n[t.key] = l, r(e, n[t.key])) : l !== void 0 && (n[t.key] = l, r(e, n[t.key]));
+      t.ui === "strInput" || 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]));
     }
     return n[t.key];
   }
@@ -1166,7 +1166,7 @@ const ce = (e, t, n, r, i, o) => {
     l ? r !== n[t.key] && (n[t.key] = r, i(e, n[t.key])) : r !== n[o] && (n[o] = r, i(e, n[o]));
   else {
     let a = r;
-    (t.ui === "switch" || t.ui === "select" || t.ui === "multiTypes") && (r || (a = void 0)), a !== n[t.key] && (n[t.key] = a, i(e, n[t.key]));
+    (t.ui === "strInput" || t.ui === "switch" || t.ui === "select" || t.ui === "colorPicker" || t.ui === "multiTypes" || t.ui === "compSelect") && (r || (a = void 0)), a !== n[t.key] && (n[t.key] = a, i(e, n[t.key]));
   }
 };
 function ms(e) {
@@ -1178,13 +1178,13 @@ function ms(e) {
     ce(n, r, i, e, o, l);
   } };
 }
-const ys = { class: "d-flex justify-space-between align-center" }, gs = /* @__PURE__ */ K({
+const gs = { class: "d-flex justify-space-between align-center" }, ys = /* @__PURE__ */ K({
   __name: "strInput",
   props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
-    modelValue: { required: !0 },
+    modelValue: {},
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
@@ -1192,7 +1192,7 @@ const ys = { class: "d-flex justify-space-between align-center" }, gs = /* @__PU
     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", ys, [
+      return w(), H("div", gs, [
         re(N(l, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (s) => n.value = s),
@@ -1211,15 +1211,15 @@ const ys = { class: "d-flex justify-space-between align-center" }, gs = /* @__PU
         i.hasDelete ? (w(), F(a, {
           key: 0,
           class: "mx-2",
-          icon: k(ge),
-          onClick: o[1] || (o[1] = q((s) => r("delete"), ["stop"]))
+          icon: k(ye),
+          onClick: o[1] || (o[1] = z((s) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
   }
 });
 function hs(e) {
-  return { renderUiStrInput: (n, r, i, o, l) => r.ui !== "strInput" ? (console.assert(!1), _("div", "renderUiStrInput prop ui must be strInput")) : _(gs, {
+  return { renderUiStrInput: (n, r, i, o, l) => r.ui !== "strInput" ? (console.assert(!1), _("div", "renderUiStrInput prop ui must be strInput")) : _(ys, {
     modelValue: r.static ? r.value : ce(
       n,
       r,
@@ -1289,8 +1289,8 @@ const _s = { class: "d-flex justify-space-between align-center" }, bs = /* @__PU
         i.hasDelete ? (w(), F(a, {
           key: 0,
           class: "mx-2",
-          icon: k(ge),
-          onClick: o[1] || (o[1] = q((s) => r("delete"), ["stop"]))
+          icon: k(ye),
+          onClick: o[1] || (o[1] = z((s) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
@@ -1334,7 +1334,7 @@ const Ts = { class: "d-flex justify-space-between align-center" }, Ss = /* @__PU
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
-    modelValue: { type: Boolean, required: !0 },
+    modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
@@ -1355,8 +1355,8 @@ const Ts = { class: "d-flex justify-space-between align-center" }, Ss = /* @__PU
         i.hasDelete ? (w(), F(a, {
           key: 0,
           class: "mx-2",
-          icon: k(ge),
-          onClick: o[1] || (o[1] = q((u) => r("delete"), ["stop"]))
+          icon: k(ye),
+          onClick: o[1] || (o[1] = z((u) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
@@ -1397,7 +1397,7 @@ const As = { class: "d-flex justify-space-between align-center" }, Cs = /* @__PU
     readonly: { type: Boolean, default: !1 },
     items: {}
   }, {
-    modelValue: { required: !0 },
+    modelValue: {},
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
@@ -1405,7 +1405,7 @@ const As = { class: "d-flex justify-space-between align-center" }, Cs = /* @__PU
     const { t: n } = ue(), r = oe(e, "modelValue"), i = t, o = hn(), l = R(() => {
       var u;
       const a = [];
-      return (u = zt[o.value]) == null || u.items[e.items].forEach(({ title: s, value: v }) => {
+      return (u = qt[o.value]) == null || u.items[e.items].forEach(({ title: s, value: v }) => {
         a.push({ title: n(s), value: v });
       }), a;
     });
@@ -1431,8 +1431,8 @@ const As = { class: "d-flex justify-space-between align-center" }, Cs = /* @__PU
         a.hasDelete ? (w(), F(v, {
           key: 0,
           class: "mx-2",
-          icon: k(ge),
-          onClick: u[1] || (u[1] = q((f) => i("delete"), ["stop"]))
+          icon: k(ye),
+          onClick: u[1] || (u[1] = z((f) => i("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
@@ -1496,8 +1496,8 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
           icon: i.collapse ? k($n) : k(bn),
           size: "small"
         }, null, 8, ["icon"]),
-        z("span", Os, ne(i.title), 1),
-        z("span", xs, ne(i.count), 1)
+        q("span", Os, ne(i.title), 1),
+        q("span", xs, ne(i.count), 1)
       ], 36)), [
         [d]
       ]);
@@ -1526,7 +1526,7 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
         onMouseover: s[1] || (s[1] = (d) => l.value = !0),
         onMouseout: s[2] || (s[2] = (d) => l.value = !1)
       }, [
-        z("span", Vs, ne(i.title), 1)
+        q("span", Vs, ne(i.title), 1)
       ], 36)), [
         [v]
       ]);
@@ -1547,7 +1547,7 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
   setup(e) {
     const { t } = ue(), n = oe(e, "modelValue"), r = oe(e, "open"), i = _n(), o = (a) => {
       const u = fn(i, a);
-      u && zl(i, a, !u.collapse);
+      u && ql(i, a, !u.collapse);
     }, l = (a) => {
       n.value = a, r.value = !1, _e.emit("refreshDepends");
     };
@@ -1612,10 +1612,10 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
         persistent: "",
         "no-click-animation": "",
         fullscreen: "",
-        onKeydown: p[6] || (p[6] = kn(q(($) => d.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: p[6] || (p[6] = kn(z(($) => d.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
         activator: J(({ props: $ }) => [
-          N(h, qt($, {
+          N(h, zt($, {
             density: "comfortable",
             block: ""
           }), {
@@ -1626,12 +1626,12 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
           }, 1040)
         ]),
         default: J(() => [
-          z("div", {
+          q("div", {
             class: "w-100 h-100 d-flex flex-row-reverse",
-            onClick: p[3] || (p[3] = q(($) => d.value = !1, ["self"])),
-            onContextmenu: p[4] || (p[4] = q(($) => d.value = !1, ["self", "prevent"]))
+            onClick: p[3] || (p[3] = z(($) => d.value = !1, ["self"])),
+            onContextmenu: p[4] || (p[4] = z(($) => d.value = !1, ["self", "prevent"]))
           }, [
-            z("div", {
+            q("div", {
               class: "elevation-2",
               style: le(a.value)
             }, [
@@ -1650,11 +1650,11 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
                     icon: k(fs),
                     onClick: p[0] || (p[0] = ($) => d.value = !1)
                   }, null, 8, ["icon"]),
-                  z("span", ks, ne(k(t)("x-prop-tree.dlg.compSelect.title")), 1)
+                  q("span", ks, ne(k(t)("x-prop-tree.dlg.compSelect.title")), 1)
                 ]),
                 _: 1
               }),
-              z("div", {
+              q("div", {
                 class: "overflow-y-auto",
                 style: le(u.value)
               }, [
@@ -1664,7 +1664,7 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
                   open: k(d),
                   "onUpdate:open": p[2] || (p[2] = ($) => Fe(d) ? d.value = $ : null)
                 }, null, 8, ["modelValue", "open"]),
-                z("div", {
+                q("div", {
                   style: le(s.value)
                 }, null, 4)
               ], 4)
@@ -1727,12 +1727,12 @@ const Bs = { class: "d-flex justify-space-between align-center" }, Rs = /* @__PU
         scrim: "transparent"
       }, {
         activator: J(({ props: h }) => [
-          z("div", Bs, [
-            z("div", {
+          q("div", Bs, [
+            q("div", {
               class: "flex-grow-1",
               style: le(o.value)
             }, [
-              N(v, qt(h, {
+              N(v, zt(h, {
                 density: "comfortable",
                 color: r.value,
                 block: "",
@@ -1747,8 +1747,8 @@ const Bs = { class: "d-flex justify-space-between align-center" }, Rs = /* @__PU
             u.hasDelete ? (w(), F(d, {
               key: 0,
               class: "mx-2",
-              icon: k(ge),
-              onClick: s[0] || (s[0] = q((P) => i("delete"), ["stop"]))
+              icon: k(ye),
+              onClick: s[0] || (s[0] = z((P) => i("delete"), ["stop"]))
             }, null, 8, ["icon"])) : I("", !0)
           ])
         ]),
@@ -1807,7 +1807,7 @@ const Hs = { class: "d-flex justify-space-between align-center my-2" }, Gs = { c
   setup(e, { emit: t }) {
     const { t: n } = ue(), r = oe(e, "modelValue"), i = t, o = hn(), l = R(() => {
       var f;
-      return (f = zt[o.value]) == null ? void 0 : f.types[e.types];
+      return (f = qt[o.value]) == null ? void 0 : f.types[e.types];
     }), a = B(0), u = R(() => {
       var p;
       const f = [];
@@ -1839,7 +1839,7 @@ const Hs = { class: "d-flex justify-space-between align-center my-2" }, Gs = { c
       var $, O;
       const h = V("v-select"), P = V("v-number-input"), A = V("v-icon"), C = ae("ripple");
       return w(), H("div", Hs, [
-        z("div", Gs, [
+        q("div", Gs, [
           re(N(h, {
             modelValue: a.value,
             "onUpdate:modelValue": [
@@ -1882,14 +1882,14 @@ const Hs = { class: "d-flex justify-space-between align-center my-2" }, Gs = { c
         f.hasDelete ? (w(), F(A, {
           key: 0,
           class: "mx-2",
-          icon: k(ge),
-          onClick: p[2] || (p[2] = q((T) => i("delete"), ["stop"]))
+          icon: k(ye),
+          onClick: p[2] || (p[2] = z((T) => i("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
   }
 });
-function qs(e) {
+function zs(e) {
   return { renderUiMultiTypes: (n, r, i, o, l) => r.ui !== "multiTypes" ? (console.assert(!1), _("div", "renderUiMultiTypes prop ui must be multiTypes")) : _(Ks, {
     modelValue: ce(
       n,
@@ -1917,7 +1917,7 @@ function qs(e) {
     types: r.types
   }) };
 }
-const zs = /* @__PURE__ */ K({
+const qs = /* @__PURE__ */ K({
   __name: "index",
   props: {
     unique: {},
@@ -1927,14 +1927,14 @@ const zs = /* @__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 = (y, c) => {
-      Ft(v, i.config, i.object), o("change", y, c);
+    const { t: n } = ue(), { backgroundColor1: r } = we(), i = e, o = t, l = B("20px"), a = B("56px"), u = B("200px"), s = En({}), v = B({}), d = (g, c) => {
+      Ft(v, i.config, i.object), o("change", g, c);
     };
     Oe(
       [() => i.config, () => i.object],
       () => {
-        Ft(v, i.config, i.object, (y, c) => {
-          o("change", y, c);
+        Ft(v, i.config, i.object, (g, c) => {
+          o("change", g, c);
         });
       },
       { immediate: !0 }
@@ -1963,10 +1963,10 @@ const zs = /* @__PURE__ */ K({
     const P = B([]);
     us(P);
     const A = () => {
-      const { compGroups: y, comps: c } = Gn.app.activeApp, g = [];
-      y.forEach(({ id: m, name: b, position: x }) => {
+      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);
-        g.push({
+        y.push({
           id: m,
           type: 0,
           name: b,
@@ -1974,8 +1974,8 @@ const zs = /* @__PURE__ */ K({
           collapse: (D == null ? void 0 : D.collapse) ?? !0
         });
       }), c.forEach(({ id: m, groupid: b, name: x, position: D }) => {
-        g.push({ id: m, type: 1, name: x, position: D, group: b });
-      }), ql(g, !0), P.value = g;
+        y.push({ id: m, type: 1, name: x, position: D, group: b });
+      }), zl(y, !0), P.value = y;
     };
     let C;
     const $ = () => {
@@ -1990,14 +1990,14 @@ const zs = /* @__PURE__ */ K({
     }), Bn(() => {
       O();
     });
-    const { renderProp: T } = vs(v, a, u), { renderUiDummy: L } = ms(d), { renderUiStrInput: W } = hs(d), { renderUiNumInput: Ye } = $s(d), { renderUiSwitch: Tn } = ws(d), { renderUiSelect: Sn } = Ps(d), { renderUiColorPicker: wn } = Fs(d), { renderUiMultiTypes: An } = qs(d), { renderUiCompSelect: Cn } = Ns(d), De = (y, c, g, m, b, x) => (y = an(y), b !== void 0 ? (y.push(b), x && y.push(c.key)) : y.push(c.key), c.ui ? c.array && m ? xn(y, c, g, m, b, x) : Mn(y, c, g, b, x) : c.array ? Pn(y, c, g, m, b, x) : On(
-      y,
-      c,
+    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,
+      y,
       m,
       b,
       x
-    )), Pn = (y, c, g, m, b, x) => {
+    )), Pn = (g, c, y, m, b, x) => {
       if (c.ui)
         return console.assert(!1), _("div", "renderBranchArray prop ui must be invalid");
       if (!c.array)
@@ -2005,9 +2005,9 @@ const zs = /* @__PURE__ */ K({
       if (!m)
         return console.assert(!1), _("div", "renderBranchArray branch must be valid");
       let D;
-      b !== void 0 && !x ? (g[b] instanceof Array || (g[b] = E(c), d(y, g[c.key])), D = g[b]) : (g[c.key] instanceof Array || (g[c.key] = E(c), d(y, g[c.key])), D = g[c.key]);
+      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]);
       let Q = n(c.name);
-      m.collapse && be(v.value, y) && (Q += " *");
+      m.collapse && be(v.value, g) && (Q += " *");
       const Ae = _(Be, {
         title: Q,
         collapse: m.collapse,
@@ -2016,10 +2016,10 @@ const zs = /* @__PURE__ */ K({
           m.collapse = S;
         },
         onMenu: (S, j) => {
-          _e.emit("propTreeMenu", { x: S, y: j, keys: y });
+          _e.emit("propTreeMenu", { x: S, y: j, keys: g });
         },
         onCreate: () => {
-          D.push({}), d(y, D);
+          D.push({}), d(g, D);
         }
       }), G = _(
         "div",
@@ -2039,7 +2039,7 @@ const zs = /* @__PURE__ */ K({
               collapse: !0,
               children: {}
             });
-            const je = [...y, j], ke = m.children[j];
+            const je = [...g, j], ke = m.children[j];
             let vt = `[${j + 1}]`;
             m.children[j].collapse && be(v.value, je) && (vt += " *");
             const Un = _(Be, {
@@ -2062,7 +2062,7 @@ const zs = /* @__PURE__ */ K({
                   console.assert(!1);
                   return;
                 }
-                m.children.splice(ee, 1), D.splice(ee, 1), d(y, D);
+                m.children.splice(ee, 1), D.splice(ee, 1), d(g, D);
               }
             });
             S.push(Un);
@@ -2085,7 +2085,7 @@ const zs = /* @__PURE__ */ K({
                     children: fe.array ? [] : {}
                   });
                   const Dn = De(
-                    y,
+                    g,
                     fe,
                     D[j],
                     ke.children[fe.key],
@@ -2113,7 +2113,7 @@ const zs = /* @__PURE__ */ K({
           return S.push(Ae), m.collapse || S.push(G), S;
         })()
       );
-    }, On = (y, c, g, m, b, x) => {
+    }, On = (g, c, y, m, b, x) => {
       if (c.ui)
         return console.assert(!1), _("div", "renderBranchScalar prop ui must be invalid");
       if (c.array)
@@ -2121,7 +2121,7 @@ const zs = /* @__PURE__ */ K({
       if (!m)
         return console.assert(!1), _("div", "renderBranchScalar branch must be valid");
       let D = n(c.name);
-      m.collapse && be(v.value, y) && (D += " *");
+      m.collapse && be(v.value, g) && (D += " *");
       const Q = _(Be, {
         title: D,
         collapse: m.collapse,
@@ -2130,10 +2130,10 @@ const zs = /* @__PURE__ */ K({
           m.collapse = G;
         },
         onMenu: (G, S) => {
-          _e.emit("propTreeMenu", { x: G, y: S, keys: y });
+          _e.emit("propTreeMenu", { x: G, y: S, keys: g });
         },
         onDelete: () => {
-          b === void 0 || x || (g.splice(b, 1), d(y.slice(0, -1), g));
+          b === void 0 || x || (y.splice(b, 1), d(g.slice(0, -1), y));
         }
       }), Ae = _(
         "div",
@@ -2154,9 +2154,9 @@ const zs = /* @__PURE__ */ K({
               children: !S.ui && S.array ? [] : {}
             });
             const j = De(
-              y,
+              g,
               S,
-              (typeof g[c.key] != "object" && (g[c.key] = {}, d(y, g[c.key])), g[c.key]),
+              (typeof y[c.key] != "object" && (y[c.key] = {}, d(g, y[c.key])), y[c.key]),
               m.children[S.key]
             );
             G.push(j);
@@ -2175,7 +2175,7 @@ const zs = /* @__PURE__ */ K({
           return G.push(Q), m.collapse || G.push(Ae), G;
         })()
       );
-    }, xn = (y, c, g, m, b, x) => {
+    }, xn = (g, c, y, m, b, x) => {
       if (!c.ui)
         return console.assert(!1), _("div", "renderLeafArray prop ui must be valid");
       if (!c.array)
@@ -2183,9 +2183,9 @@ const zs = /* @__PURE__ */ K({
       if (!m)
         return console.assert(!1), _("div", "renderLeafArray branch must be valid");
       let D;
-      b !== void 0 && !x ? (g[b] instanceof Array || (g[b] = E(c), d(y, g[b])), D = g[b]) : (g[c.key] instanceof Array || (g[c.key] = E(c), d(y, g[c.key])), D = g[c.key]);
+      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]);
       let Q = n(c.name);
-      m.collapse && be(v.value, y) && (Q += " *");
+      m.collapse && be(v.value, g) && (Q += " *");
       const Ae = _(Be, {
         title: Q,
         collapse: m.collapse,
@@ -2194,10 +2194,10 @@ const zs = /* @__PURE__ */ K({
           m.collapse = S;
         },
         onMenu: (S, j) => {
-          _e.emit("propTreeMenu", { x: S, y: j, keys: y });
+          _e.emit("propTreeMenu", { x: S, y: j, keys: g });
         },
         onCreate: () => {
-          D.push(E(c, !0)), d(y, D);
+          D.push(E(c, !0)), d(g, D);
         }
       }), G = _(
         "div",
@@ -2209,7 +2209,7 @@ const zs = /* @__PURE__ */ K({
         (() => {
           const S = [];
           for (let j = 0; j < D.length; j++) {
-            const je = De(y, c, D, void 0, j, !1);
+            const je = De(g, c, D, void 0, j, !1);
             S.push(je);
           }
           return S;
@@ -2227,11 +2227,11 @@ const zs = /* @__PURE__ */ K({
           return S.push(Ae), m.collapse || S.push(G), S;
         })()
       );
-    }, Mn = (y, c, g, m, b) => {
+    }, Mn = (g, c, y, m, b) => {
       if (!c.ui)
         return console.assert(!1), _("div", "renderLeafScalar prop ui must be valid");
       let x;
-      return c.ui === "dummy" ? x = L(y, c, g, m, b) : c.ui === "strInput" ? x = W(y, c, g, m, b) : c.ui === "numInput" ? x = Ye(y, c, g, m, b) : c.ui === "switch" ? x = Tn(y, c, g, m, b) : c.ui === "select" ? x = Sn(y, c, g, m, b) : c.ui === "colorPicker" ? x = wn(y, c, g, m, b) : c.ui === "multiTypes" ? x = An(y, c, g, m, b) : c.ui === "compSelect" ? x = Cn(y, c, g, m, b) : console.assert(!1, "renderLeafScalar not implemented"), x ? T(y, c, x) : _("div");
+      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 = () => _(
       "div",
       {
@@ -2241,23 +2241,23 @@ const zs = /* @__PURE__ */ K({
         }
       },
       (() => {
-        const y = [];
+        const g = [];
         if (i.unique && i.config.length > 0 && i.object) {
           s[i.unique] || (s[i.unique] = {});
           const c = s[i.unique];
-          i.config.forEach((g) => {
-            c[g.key] || (c[g.key] = {
+          i.config.forEach((y) => {
+            c[y.key] || (c[y.key] = {
               collapse: !0,
-              children: !g.ui && g.array ? [] : {}
+              children: !y.ui && y.array ? [] : {}
             });
-            const m = De([], g, i.object, c[g.key]);
-            y.push(m);
+            const m = De([], y, i.object, c[y.key]);
+            g.push(m);
           });
         }
-        return y;
+        return g;
       })()
     );
-    return (y, c) => (w(), H(He, null, [
+    return (g, c) => (w(), H(He, null, [
       N(Vn),
       N(cs, {
         config: i.config,
@@ -2267,7 +2267,7 @@ const zs = /* @__PURE__ */ K({
     ], 64));
   }
 }), Is = (e) => {
-  e.component("XPropTree", zs);
+  e.component("XPropTree", qs);
 }, Xs = (e, t, n) => {
   const r = e[t];
   return r ? typeof r == "function" ? r() : Promise.resolve(r) : new Promise((i, o) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-prop-tree",
   "private": false,
-  "version": "0.6.17",
+  "version": "0.6.19",
   "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.35",
+    "x-runtime-lib": "^0.6.38",
     "x-state-lib": "^0.2.1"
   },
   "devDependencies": {