x-prop-tree 0.6.14 → 0.6.15

package/dist/index.js

@@ -1,4 +1,4 @@
-import { provide as Te, inject as Se, defineComponent as K, ref as R, computed as k, resolveComponent as x, createBlock as F, openBlock as S, unref as E, isRef as Fe, withCtx as J, createVNode as B, createElementBlock as H, Fragment as He, renderList as Ht, createTextVNode as at, toDisplayString as ne, resolveDirective as ae, withDirectives as re, withModifiers as q, normalizeStyle as le, createElementVNode as z, createCommentVNode as I, renderSlot as jn, h as _, mergeModels as X, useModel as oe, useId as Gt, onUnmounted as Kt, withKeys as En, mergeProps as qt, watchEffect as mt, watch as Oe, reactive as Nn, onMounted as Bn, onBeforeUnmount as Rn } from "vue";
+import { provide as Te, inject as Se, defineComponent as K, ref as R, computed as k, resolveComponent as M, createBlock as F, openBlock as w, unref as E, isRef as Fe, withCtx as J, createVNode as B, createElementBlock as H, Fragment as He, renderList as Ht, createTextVNode as at, toDisplayString as ne, resolveDirective as ae, withDirectives as re, withModifiers as q, normalizeStyle as le, createElementVNode as z, createCommentVNode as I, renderSlot as jn, h as _, mergeModels as X, useModel as oe, useId as Gt, onUnmounted as Kt, withKeys as En, mergeProps as qt, watchEffect as mt, watch as Oe, reactive as Nn, onMounted as Bn, onBeforeUnmount as Rn } from "vue";
 import { useI18n as ue } from "vue-i18n";
 import { useViewStack as ut, useColor as we, eventBus as _e, useSystem as kn } from "x-essential-lib";
 import { getPropDefault as N, pkgs as zt, parsePixelStr as Fn, parsePercentStr as Hn } from "x-runtime-lib";
@@ -149,11 +149,11 @@ var Yt = Object.prototype, Vr = Yt.hasOwnProperty, Mr = 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, Er = "[object Arguments]", Nr = "[object Array]", Br = "[object Boolean]", Rr = "[object Date]", kr = "[object Error]", Fr = "[object Function]", Hr = "[object Map]", Gr = "[object Number]", Kr = "[object Object]", qr = "[object RegExp]", zr = "[object Set]", Ir = "[object String]", Xr = "[object WeakMap]", Zr = "[object ArrayBuffer]", Jr = "[object DataView]", Wr = "[object Float32Array]", Yr = "[object Float64Array]", Qr = "[object Int8Array]", eo = "[object Int16Array]", to = "[object Int32Array]", no = "[object Uint8Array]", ro = "[object Uint8ClampedArray]", oo = "[object Uint16Array]", io = "[object Uint32Array]", M = {};
-M[Wr] = M[Yr] = M[Qr] = M[eo] = M[to] = M[no] = M[ro] = M[oo] = M[io] = !0;
-M[Er] = M[Nr] = M[Zr] = M[Br] = M[Jr] = M[Rr] = M[kr] = M[Fr] = M[Hr] = M[Gr] = M[Kr] = M[qr] = M[zr] = M[Ir] = M[Xr] = !1;
+var Qt = typeof exports == "object" && exports && !exports.nodeType && exports, $t = Qt && typeof module == "object" && module && !module.nodeType && module, Dr = $t && $t.exports === Qt, Tt = Dr ? Y.Buffer : void 0, jr = Tt ? Tt.isBuffer : void 0, Ge = jr || Lr, Er = "[object Arguments]", Nr = "[object Array]", Br = "[object Boolean]", Rr = "[object Date]", kr = "[object Error]", Fr = "[object Function]", Hr = "[object Map]", Gr = "[object Number]", Kr = "[object Object]", qr = "[object RegExp]", zr = "[object Set]", Ir = "[object String]", Xr = "[object WeakMap]", Zr = "[object ArrayBuffer]", Jr = "[object DataView]", Wr = "[object Float32Array]", Yr = "[object Float64Array]", Qr = "[object Int8Array]", eo = "[object Int16Array]", to = "[object Int32Array]", no = "[object Uint8Array]", ro = "[object Uint8ClampedArray]", oo = "[object Uint16Array]", io = "[object Uint32Array]", U = {};
+U[Wr] = U[Yr] = U[Qr] = U[eo] = U[to] = U[no] = U[ro] = U[oo] = U[io] = !0;
+U[Er] = U[Nr] = U[Zr] = U[Br] = U[Jr] = U[Rr] = U[kr] = U[Fr] = U[Hr] = U[Gr] = U[Kr] = U[qr] = U[zr] = U[Ir] = U[Xr] = !1;
 function lo(e) {
-  return de(e) && Jt(e.length) && !!M[Le(e)];
+  return de(e) && Jt(e.length) && !!U[Le(e)];
 }
 function ft(e) {
   return function(t) {
@@ -471,9 +471,9 @@ var Dt = $e && $e.isMap, ki = Dt ? ft(Dt) : Ri, 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]", O = {};
-O[on] = O[Ki] = O[nl] = O[rl] = O[qi] = O[zi] = O[ol] = O[il] = O[ll] = O[sl] = O[al] = O[Zi] = O[Ji] = O[sn] = O[Wi] = O[Yi] = O[Qi] = O[el] = O[ul] = O[cl] = O[fl] = O[dl] = !0;
-O[Ii] = O[ln] = O[tl] = !1;
+var jt = $e && $e.isSet, Gi = jt ? ft(jt) : Hi, on = "[object Arguments]", Ki = "[object Array]", qi = "[object Boolean]", zi = "[object Date]", Ii = "[object Error]", ln = "[object Function]", Xi = "[object GeneratorFunction]", Zi = "[object Map]", Ji = "[object Number]", sn = "[object Object]", Wi = "[object RegExp]", Yi = "[object Set]", Qi = "[object String]", el = "[object Symbol]", tl = "[object WeakMap]", nl = "[object ArrayBuffer]", rl = "[object DataView]", ol = "[object Float32Array]", il = "[object Float64Array]", ll = "[object Int8Array]", sl = "[object Int16Array]", al = "[object Int32Array]", ul = "[object Uint8Array]", cl = "[object Uint8ClampedArray]", fl = "[object Uint16Array]", dl = "[object Uint32Array]", V = {};
+V[on] = V[Ki] = V[nl] = V[rl] = V[qi] = V[zi] = V[ol] = V[il] = V[ll] = V[sl] = V[al] = V[Zi] = V[Ji] = V[sn] = V[Wi] = V[Yi] = V[Qi] = V[el] = V[ul] = V[cl] = V[fl] = V[dl] = !0;
+V[Ii] = V[ln] = V[tl] = !1;
 function ke(e, t, n, r, i, o) {
   var l;
   if (l !== void 0)
@@ -490,23 +490,23 @@ function ke(e, t, n, r, i, o) {
     if (a == sn || a == on || s && !i)
       l = s ? {} : Ni(e);
     else {
-      if (!O[a])
+      if (!V[a])
         return i ? e : {};
       l = Ei(e, a);
     }
   }
   o || (o = new te());
-  var p = o.get(e);
-  if (p)
-    return p;
-  o.set(e, l), Gi(e) ? e.forEach(function(v) {
-    l.add(ke(v, t, n, v, e, o));
-  }) : ki(e) && e.forEach(function(v, h) {
-    l.set(h, ke(v, t, n, h, e, o));
+  var v = o.get(e);
+  if (v)
+    return v;
+  o.set(e, l), Gi(e) ? e.forEach(function(p) {
+    l.add(ke(p, t, n, p, e, o));
+  }) : ki(e) && e.forEach(function(p, h) {
+    l.set(h, ke(p, t, n, h, e, o));
   });
-  var f = ot, d = u ? void 0 : f(e);
-  return yr(d || e, function(v, h) {
-    d && (h = v, v = e[h]), wr(l, h, ke(v, t, n, h, e, o));
+  var d = ot, f = u ? void 0 : d(e);
+  return yr(f || e, function(p, h) {
+    f && (h = p, p = e[h]), wr(l, h, ke(p, t, n, h, e, o));
   }), l;
 }
 var pl = 1, vl = 4;
@@ -541,34 +541,34 @@ function un(e, t, n, r, i, o) {
   var l = n & bl, u = e.length, a = t.length;
   if (u != a && !(l && a > u))
     return !1;
-  var s = o.get(e), p = o.get(t);
-  if (s && p)
-    return s == t && p == e;
-  var f = -1, d = !0, v = n & $l ? new qe() : void 0;
-  for (o.set(e, t), o.set(t, e); ++f < u; ) {
-    var h = e[f], V = t[f];
+  var s = o.get(e), v = o.get(t);
+  if (s && v)
+    return s == t && v == e;
+  var d = -1, f = !0, p = n & $l ? new qe() : void 0;
+  for (o.set(e, t), o.set(t, e); ++d < u; ) {
+    var h = e[d], P = t[d];
     if (r)
-      var w = l ? r(V, h, f, t, e, o) : r(h, V, f, e, t, o);
-    if (w !== void 0) {
-      if (w)
+      var A = l ? r(P, h, d, t, e, o) : r(h, P, d, e, t, o);
+    if (A !== void 0) {
+      if (A)
         continue;
-      d = !1;
+      f = !1;
       break;
     }
-    if (v) {
-      if (!hl(t, function(A, b) {
-        if (!_l(v, b) && (h === A || i(h, A, n, r, o)))
-          return v.push(b);
+    if (p) {
+      if (!hl(t, function(C, $) {
+        if (!_l(p, $) && (h === C || i(h, C, n, r, o)))
+          return p.push($);
       })) {
-        d = !1;
+        f = !1;
         break;
       }
-    } else if (!(h === V || i(h, V, n, r, o))) {
-      d = !1;
+    } else if (!(h === P || i(h, P, n, r, o))) {
+      f = !1;
       break;
     }
   }
-  return o.delete(e), o.delete(t), d;
+  return o.delete(e), o.delete(t), f;
 }
 function Tl(e) {
   var t = -1, n = Array(e.size);
@@ -610,8 +610,8 @@ function Nl(e, t, n, r, i, o, l) {
       if (s)
         return s == t;
       r |= Al, l.set(e, t);
-      var p = un(u(e), u(t), r, i, o, l);
-      return l.delete(e), p;
+      var v = un(u(e), u(t), r, i, o, l);
+      return l.delete(e), v;
     case Dl:
       if (tt)
         return tt.call(e) == tt.call(t);
@@ -620,56 +620,56 @@ function Nl(e, t, n, r, i, o, l) {
 }
 var Bl = 1, Rl = Object.prototype, kl = Rl.hasOwnProperty;
 function Fl(e, t, n, r, i, o) {
-  var l = n & Bl, u = ot(e), a = u.length, s = ot(t), p = s.length;
-  if (a != p && !l)
+  var l = n & Bl, u = ot(e), a = u.length, s = ot(t), v = s.length;
+  if (a != v && !l)
     return !1;
-  for (var f = a; f--; ) {
-    var d = u[f];
-    if (!(l ? d in t : kl.call(t, d)))
+  for (var d = a; d--; ) {
+    var f = u[d];
+    if (!(l ? f in t : kl.call(t, f)))
       return !1;
   }
-  var v = o.get(e), h = o.get(t);
-  if (v && h)
-    return v == t && h == e;
-  var V = !0;
+  var p = o.get(e), h = o.get(t);
+  if (p && h)
+    return p == t && h == e;
+  var P = !0;
   o.set(e, t), o.set(t, e);
-  for (var w = l; ++f < a; ) {
-    d = u[f];
-    var A = e[d], b = t[d];
+  for (var A = l; ++d < a; ) {
+    f = u[d];
+    var C = e[f], $ = t[f];
     if (r)
-      var U = l ? r(b, A, d, t, e, o) : r(A, b, d, e, t, o);
-    if (!(U === void 0 ? A === b || i(A, b, n, r, o) : U)) {
-      V = !1;
+      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;
       break;
     }
-    w || (w = d == "constructor");
+    A || (A = f == "constructor");
   }
-  if (V && !w) {
-    var C = e.constructor, L = t.constructor;
-    C != L && "constructor" in e && "constructor" in t && !(typeof C == "function" && C instanceof C && typeof L == "function" && L instanceof L) && (V = !1);
+  if (P && !A) {
+    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);
   }
-  return o.delete(e), o.delete(t), V;
+  return o.delete(e), o.delete(t), P;
 }
 var Hl = 1, Nt = "[object Arguments]", Bt = "[object Array]", Ne = "[object Object]", Gl = Object.prototype, Rt = Gl.hasOwnProperty;
 function Kl(e, t, n, r, i, o) {
   var l = Ve(e), u = Ve(t), a = l ? Bt : Z(e), s = u ? Bt : Z(t);
   a = a == Nt ? Ne : a, s = s == Nt ? Ne : s;
-  var p = a == Ne, f = s == Ne, d = a == s;
-  if (d && Ge(e)) {
+  var v = a == Ne, d = s == Ne, f = a == s;
+  if (f && Ge(e)) {
     if (!Ge(t))
       return !1;
-    l = !0, p = !1;
+    l = !0, v = !1;
   }
-  if (d && !p)
+  if (f && !v)
     return o || (o = new te()), l || tn(e) ? un(e, t, n, r, i, o) : Nl(e, t, a, n, r, i, o);
   if (!(n & Hl)) {
-    var v = p && Rt.call(e, "__wrapped__"), h = f && Rt.call(t, "__wrapped__");
-    if (v || h) {
-      var V = v ? e.value() : e, w = h ? t.value() : t;
-      return o || (o = new te()), i(V, w, n, r, o);
+    var p = v && Rt.call(e, "__wrapped__"), h = d && Rt.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);
     }
   }
-  return d ? (o || (o = new te()), Fl(e, t, n, r, i, o)) : !1;
+  return f ? (o || (o = new te()), Fl(e, t, n, r, i, o)) : !1;
 }
 function cn(e, t, n, r, i) {
   return e === t ? !0 : e == null || t == null || !de(e) && !de(t) ? e !== e && t !== t : Kl(e, t, n, r, cn, i);
@@ -792,19 +792,19 @@ const Be = (e, t) => {
       children: {}
     });
     const s = r.children[a];
-    t.children.forEach((p) => {
+    t.children.forEach((v) => {
       if (!s.children || !pt(s.children)) {
         console.assert(!1);
         return;
       }
-      s.children[p.key] = {
+      s.children[v.key] = {
         change: !1,
-        children: p.array ? [] : {}
+        children: v.array ? [] : {}
       }, We(
         e,
-        p,
+        v,
         u[a],
-        s.children[p.key],
+        s.children[v.key],
         i,
         a,
         !0
@@ -910,111 +910,111 @@ function _n() {
 const cs = /* @__PURE__ */ K({
   __name: "menu",
   setup(e) {
-    const { t } = ue(), n = ns(), r = os(), i = ls(), o = as(), l = R(0), u = R(0), a = R([]), s = k(() => [l.value, u.value]), p = (w) => {
-      const A = () => !(a.value.length <= 0 || !be(i.value, a.value)), b = () => {
-        if (!A())
+    const { t } = ue(), n = ns(), r = os(), i = ls(), o = as(), l = R(0), u = R(0), a = R([]), s = k(() => [l.value, u.value]), v = (A) => {
+      const C = () => !(a.value.length <= 0 || !be(i.value, a.value)), $ = () => {
+        if (!C())
           return;
-        const U = Be(n.value, a.value);
-        if (U)
-          if (U.ui) {
-            const C = Pe(r.value, a.value.slice(0, -1));
-            if (!C)
+        const O = Be(n.value, a.value);
+        if (O)
+          if (O.ui) {
+            const T = Pe(r.value, a.value.slice(0, -1));
+            if (!T)
               return;
-            C[a.value.at(-1)] = N(U), o(a.value, C[a.value.at(-1)]);
-          } else if (U.array) {
-            const C = a.value.at(-1);
-            if (C === void 0) {
+            T[a.value.at(-1)] = N(O), o(a.value, T[a.value.at(-1)]);
+          } else if (O.array) {
+            const T = a.value.at(-1);
+            if (T === void 0) {
               console.assert(!1, "invalid last key");
               return;
             }
-            if (typeof C == "string") {
+            if (typeof T == "string") {
               const L = Pe(r.value, a.value.slice(0, -1));
               if (!L)
                 return;
-              L[a.value.at(-1)] = N(U), o(a.value, L[a.value.at(-1)]);
+              L[a.value.at(-1)] = N(O), o(a.value, L[a.value.at(-1)]);
             } else {
               const L = Pe(r.value, a.value);
               if (!L)
                 return;
-              U.children.forEach((W) => {
-                L[W.key] = N(U), o([...a.value, W.key], L[W.key]);
+              O.children.forEach((W) => {
+                L[W.key] = N(O), o([...a.value, W.key], L[W.key]);
               });
             }
           } else {
-            const C = Pe(r.value, a.value);
-            if (!C)
+            const T = Pe(r.value, a.value);
+            if (!T)
               return;
-            U.children.forEach((L) => {
-              C[L.key] = N(U), o([...a.value, L.key], C[L.key]);
+            O.children.forEach((L) => {
+              T[L.key] = N(O), o([...a.value, L.key], T[L.key]);
             });
           }
       };
-      A() && w.push({
+      C() && A.push({
         title: t("x-prop-tree.reset"),
-        func: b
+        func: $
       });
-    }, f = (w) => {
-      const A = () => {
-        const b = Be(n.value, a.value), U = Pe(r.value, a.value);
-        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: b, object: U }));
+    }, d = (A) => {
+      const C = () => {
+        const $ = Be(n.value, a.value), O = Pe(r.value, a.value);
+        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: $, object: O }));
       };
-      w.push({
+      A.push({
         title: t("x-prop-tree.copy"),
-        func: A
+        func: C
       });
-    }, d = (w) => {
-      const A = () => {
-        const U = localStorage.getItem("propTreeCopy");
-        if (!U)
+    }, f = (A) => {
+      const C = () => {
+        const O = localStorage.getItem("propTreeCopy");
+        if (!O)
           return !1;
         try {
-          const { prop: C } = JSON.parse(U), L = Be(n.value, a.value);
-          return Il(C, L);
-        } catch (C) {
-          console.error(C);
+          const { prop: T } = JSON.parse(O), L = Be(n.value, a.value);
+          return Il(T, L);
+        } catch (T) {
+          console.error(T);
         }
         return !1;
-      }, b = () => {
-        if (!A())
+      }, $ = () => {
+        if (!C())
           return;
-        const U = localStorage.getItem("propTreeCopy");
-        if (U)
+        const O = localStorage.getItem("propTreeCopy");
+        if (O)
           try {
-            const { object: C } = JSON.parse(U), L = Be(n.value, a.value);
-            console.log(C, L);
-          } catch (C) {
-            console.error(C);
+            const { object: T } = JSON.parse(O), L = Be(n.value, a.value);
+            console.log(T, L);
+          } catch (T) {
+            console.error(T);
           }
       };
-      A() && w.push({
+      C() && A.push({
         title: t("x-prop-tree.paste"),
-        func: b
+        func: $
       });
-    }, v = k(() => {
-      const w = [];
-      return p(w), f(w), d(w), w;
-    }), h = (w) => {
-      l.value = w.x, u.value = w.y, a.value = w.keys;
-    }, { open: V } = ut("propTreeMenu", h);
-    return (w, A) => {
-      const b = x("v-list-item-title"), U = x("v-list-item"), C = x("v-list"), L = x("v-menu");
-      return S(), F(L, {
-        modelValue: E(V),
-        "onUpdate:modelValue": A[0] || (A[0] = (W) => Fe(V) ? V.value = W : null),
+    }, p = k(() => {
+      const A = [];
+      return v(A), d(A), f(A), A;
+    }), h = (A) => {
+      l.value = A.x, u.value = A.y, a.value = A.keys;
+    }, { open: P } = ut("propTreeMenu", h);
+    return (A, C) => {
+      const $ = M("v-list-item-title"), O = M("v-list-item"), T = M("v-list"), L = M("v-menu");
+      return w(), F(L, {
+        modelValue: E(P),
+        "onUpdate:modelValue": C[0] || (C[0] = (W) => Fe(P) ? P.value = W : null),
         "location-strategy": "connected",
         target: s.value,
         scrim: "transparent"
       }, {
         default: J(() => [
-          B(C, null, {
+          B(T, null, {
             default: J(() => [
-              (S(!0), H(He, null, Ht(v.value, (W, Ye) => (S(), F(U, {
+              (w(!0), H(He, null, Ht(p.value, (W, Ye) => (w(), F(O, {
                 key: Ye,
                 link: "",
                 onClick: W.func
               }, {
                 default: J(() => [
-                  B(b, null, {
+                  B($, null, {
                     default: J(() => [
                       at(ne(W.title), 1)
                     ]),
@@ -1054,36 +1054,36 @@ const Re = /* @__PURE__ */ K({
     }, a = (s) => {
       i("menu", s.clientX, s.clientY);
     };
-    return (s, p) => {
-      const f = x("v-icon"), d = x("v-spacer"), v = ae("ripple");
-      return re((S(), H("div", {
+    return (s, v) => {
+      const d = M("v-icon"), f = M("v-spacer"), p = ae("ripple");
+      return re((w(), H("div", {
         class: "d-flex align-center cursor-pointer",
         style: le(l.value),
         onClick: u,
         onContextmenu: q(a, ["prevent"]),
-        onMouseover: p[2] || (p[2] = (h) => o.value = !0),
-        onMouseout: p[3] || (p[3] = (h) => o.value = !1)
+        onMouseover: v[2] || (v[2] = (h) => o.value = !0),
+        onMouseout: v[3] || (v[3] = (h) => o.value = !1)
       }, [
-        B(f, {
+        B(d, {
           class: "mr-1",
           icon: s.collapse ? E($n) : E(bn)
         }, null, 8, ["icon"]),
         z("span", null, ne(s.title), 1),
-        B(d),
-        s.hasCreate ? (S(), F(f, {
+        B(f),
+        s.hasCreate ? (w(), F(d, {
           key: 0,
           class: "mx-3",
           icon: E(ds),
-          onClick: p[0] || (p[0] = q((h) => i("create"), ["stop"]))
+          onClick: v[0] || (v[0] = q((h) => i("create"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0),
-        s.hasDelete ? (S(), F(f, {
+        s.hasDelete ? (w(), F(d, {
           key: 1,
           class: "mx-3",
           icon: E(ye),
-          onClick: p[1] || (p[1] = q((h) => i("delete", s.index), ["stop"]))
+          onClick: v[1] || (v[1] = q((h) => i("delete", s.index), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ], 36)), [
-        [v]
+        [p]
       ]);
     };
   }
@@ -1104,17 +1104,17 @@ const Re = /* @__PURE__ */ K({
       i("menu", a.clientX, a.clientY);
     };
     return (a, s) => {
-      const p = ae("ripple");
-      return re((S(), H("div", {
+      const v = ae("ripple");
+      return re((w(), H("div", {
         class: "d-flex justify-space-between align-center cursor-pointer",
         style: le(l.value),
         onContextmenu: q(u, ["prevent"]),
-        onMouseover: s[0] || (s[0] = (f) => o.value = !0),
-        onMouseout: s[1] || (s[1] = (f) => o.value = !1)
+        onMouseover: s[0] || (s[0] = (d) => o.value = !0),
+        onMouseout: s[1] || (s[1] = (d) => o.value = !1)
       }, [
         jn(a.$slots, "default")
       ], 36)), [
-        [p]
+        [v]
       ]);
     };
   }
@@ -1123,17 +1123,17 @@ function vs(e, t, n) {
   const { t: r } = ue();
   return { renderProp: (o, l, u) => {
     const a = o.at(-1);
-    let p = typeof a == "number" ? `[${a + 1}]` : r(l.name);
-    return be(e.value, o) && (p += " *"), _(
+    let v = typeof a == "number" ? `[${a + 1}]` : r(l.name);
+    return be(e.value, o) && (v += " *"), _(
       ps,
       {
         minHeight: t.value,
-        onMenu: (f, d) => {
-          _e.emit("propTreeMenu", { x: f, y: d, keys: o });
+        onMenu: (d, f) => {
+          _e.emit("propTreeMenu", { x: d, y: f, keys: o });
         }
       },
       () => [
-        _("span", { class: "ml-1", innerHTML: p }),
+        _("span", { class: "ml-1", innerHTML: v }),
         _("div", { style: { width: n.value } }, u)
       ]
     );
@@ -1178,8 +1178,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 = x("v-text-field"), u = x("v-icon"), a = ae("ripple");
-      return S(), H("div", gs, [
+      const l = M("v-text-field"), u = M("v-icon"), a = ae("ripple");
+      return w(), H("div", gs, [
         re(B(l, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (s) => n.value = s),
@@ -1195,7 +1195,7 @@ const gs = { class: "d-flex justify-space-between align-center" }, ys = /* @__PU
             { stop: !0 }
           ]
         ]),
-        i.hasDelete ? (S(), F(u, {
+        i.hasDelete ? (w(), F(u, {
           key: 0,
           class: "mx-2",
           icon: E(ye),
@@ -1251,8 +1251,8 @@ 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 = x("v-number-input"), u = x("v-icon"), a = ae("ripple");
-      return S(), H("div", _s, [
+      const l = M("v-number-input"), u = M("v-icon"), a = ae("ripple");
+      return w(), H("div", _s, [
         re(B(l, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (s) => n.value = s),
@@ -1273,7 +1273,7 @@ const _s = { class: "d-flex justify-space-between align-center" }, bs = /* @__PU
             { stop: !0 }
           ]
         ]),
-        i.hasDelete ? (S(), F(u, {
+        i.hasDelete ? (w(), F(u, {
           key: 0,
           class: "mx-2",
           icon: E(ye),
@@ -1328,8 +1328,8 @@ 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 = x("v-switch"), u = x("v-icon");
-      return S(), H("div", Ts, [
+      const l = M("v-switch"), u = M("v-icon");
+      return w(), H("div", Ts, [
         B(l, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (a) => n.value = a),
@@ -1339,7 +1339,7 @@ const Ts = { class: "d-flex justify-space-between align-center" }, Ss = /* @__PU
           "hide-details": "",
           readonly: i.readonly
         }, null, 8, ["modelValue", "readonly"]),
-        i.hasDelete ? (S(), F(u, {
+        i.hasDelete ? (w(), F(u, {
           key: 0,
           class: "mx-2",
           icon: E(ye),
@@ -1392,16 +1392,16 @@ 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 = k(() => {
       var a;
       const u = [];
-      return (a = zt[o.value]) == null || a.items[e.items].forEach(({ title: s, value: p }) => {
-        u.push({ title: n(s), value: p });
+      return (a = zt[o.value]) == null || a.items[e.items].forEach(({ title: s, value: v }) => {
+        u.push({ title: n(s), value: v });
       }), u;
     });
     return (u, a) => {
-      const s = x("v-select"), p = x("v-icon"), f = ae("ripple");
-      return S(), H("div", As, [
+      const s = M("v-select"), v = M("v-icon"), d = ae("ripple");
+      return w(), H("div", As, [
         re(B(s, {
           modelValue: r.value,
-          "onUpdate:modelValue": a[0] || (a[0] = (d) => r.value = d),
+          "onUpdate:modelValue": a[0] || (a[0] = (f) => r.value = f),
           density: "compact",
           items: l.value,
           "hide-details": "",
@@ -1409,17 +1409,17 @@ const As = { class: "d-flex justify-space-between align-center" }, Cs = /* @__PU
           readonly: u.readonly
         }, null, 8, ["modelValue", "items", "readonly"]), [
           [
-            f,
+            d,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        u.hasDelete ? (S(), F(p, {
+        u.hasDelete ? (w(), F(v, {
           key: 0,
           class: "mx-2",
           icon: E(ye),
-          onClick: a[1] || (a[1] = q((d) => i("delete"), ["stop"]))
+          onClick: a[1] || (a[1] = q((f) => i("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
@@ -1471,22 +1471,22 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
       userSelect: "none"
     }));
     return (a, s) => {
-      const p = x("v-icon"), f = ae("ripple");
-      return re((S(), H("div", {
+      const v = M("v-icon"), d = ae("ripple");
+      return re((w(), H("div", {
         class: "d-flex align-center cursor-pointer",
         style: le(u.value),
-        onClick: s[0] || (s[0] = (d) => o("x-click", i.id)),
-        onMouseover: s[1] || (s[1] = (d) => l.value = !0),
-        onMouseout: s[2] || (s[2] = (d) => l.value = !1)
+        onClick: s[0] || (s[0] = (f) => o("x-click", i.id)),
+        onMouseover: s[1] || (s[1] = (f) => l.value = !0),
+        onMouseout: s[2] || (s[2] = (f) => l.value = !1)
       }, [
-        B(p, {
+        B(v, {
           icon: i.collapse ? E($n) : E(bn),
           size: "small"
         }, null, 8, ["icon"]),
         z("span", Os, ne(i.title), 1),
         z("span", xs, ne(i.count), 1)
       ], 36)), [
-        [f]
+        [d]
       ]);
     };
   }
@@ -1505,17 +1505,17 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
       userSelect: "none"
     }));
     return (a, s) => {
-      const p = ae("ripple");
-      return re((S(), H("div", {
+      const v = ae("ripple");
+      return re((w(), H("div", {
         class: "d-flex align-center cursor-pointer",
         style: le(u.value),
-        onClick: s[0] || (s[0] = (f) => o("x-click", i.id)),
-        onMouseover: s[1] || (s[1] = (f) => l.value = !0),
-        onMouseout: s[2] || (s[2] = (f) => l.value = !1)
+        onClick: s[0] || (s[0] = (d) => o("x-click", i.id)),
+        onMouseover: s[1] || (s[1] = (d) => l.value = !0),
+        onMouseout: s[2] || (s[2] = (d) => l.value = !1)
       }, [
         z("span", Ms, ne(i.title), 1)
       ], 36)), [
-        [p]
+        [v]
       ]);
     };
   }
@@ -1538,11 +1538,11 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
     }, l = (u) => {
       n.value = u, r.value = !1, _e.emit("refreshDepends");
     };
-    return (u, a) => E(i).length > 0 ? (S(), H("div", Ls, [
-      (S(!0), H(He, null, Ht(E(i), (s) => (S(), H(He, {
+    return (u, a) => 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 ? (S(), F(Vs, {
+        s.type === 0 ? (w(), F(Vs, {
           key: 0,
           id: s.id,
           title: s.name,
@@ -1550,14 +1550,14 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
           count: s.count ?? 0,
           onXClick: o
         }, null, 8, ["id", "title", "collapse", "count"])) : I("", !0),
-        s.type === 1 && s.show ? (S(), F(Us, {
+        s.type === 1 && s.show ? (w(), F(Us, {
           key: 1,
           id: s.id,
           title: s.name,
           onXClick: l
         }, null, 8, ["id", "title"])) : I("", !0)
       ], 64))), 128))
-    ])) : (S(), H("div", Ds, ne(E(t)("x-prop-tree.noComp")), 1));
+    ])) : (w(), H("div", Ds, ne(E(t)("x-prop-tree.noComp")), 1));
   }
 }), Es = { class: "text-subtitle-1 ml-3" }, Ns = /* @__PURE__ */ K({
   __name: "index",
@@ -1568,46 +1568,46 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
   emits: ["update:modelValue"],
   setup(e) {
     const { t } = ue(), n = Kn(), { sysBarAvail: r } = kn(), { backgroundColor1: i } = we(), o = oe(e, "modelValue"), l = _n(), u = k(() => {
-      let d = "100%";
-      return n.mdAndUp.value && (d = "400px"), {
+      let f = "100%";
+      return n.mdAndUp.value && (f = "400px"), {
         background: i.value,
-        width: d,
+        width: f,
         height: "100%"
       };
     }), a = k(() => {
-      let d = 48;
-      return r.value && (d += 24), {
+      let f = 48;
+      return r.value && (f += 24), {
         position: "relative",
-        height: `calc(100% - ${d}px)`
+        height: `calc(100% - ${f}px)`
       };
     }), s = k(() => ({
       height: "60px"
-    })), p = k(() => {
+    })), v = k(() => {
       if (!o.value)
         return t("x-runtime-lib.notSet");
-      const d = fn(l, o.value);
-      return d ? d.name : t("x-runtime-lib.compNotAvail");
-    }), { open: f } = ut(`propTreeCompSelectDlg${Gt()}`);
+      const f = fn(l, o.value);
+      return f ? f.name : t("x-runtime-lib.compNotAvail");
+    }), { open: d } = ut(`propTreeCompSelectDlg${Gt()}`);
     return Kt(() => {
-      f.value = !1;
-    }), (d, v) => {
-      const h = x("v-btn"), V = x("v-sheet"), w = x("v-icon"), A = x("v-dialog");
-      return S(), F(A, {
-        modelValue: E(f),
-        "onUpdate:modelValue": v[5] || (v[5] = (b) => Fe(f) ? f.value = b : null),
+      d.value = !1;
+    }), (f, p) => {
+      const h = M("v-btn"), P = M("v-sheet"), A = M("v-icon"), C = M("v-dialog");
+      return w(), F(C, {
+        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: v[6] || (v[6] = En(q((b) => f.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: p[6] || (p[6] = En(q(($) => d.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: J(({ props: b }) => [
-          B(h, qt(b, {
+        activator: J(({ props: $ }) => [
+          B(h, qt($, {
             density: "comfortable",
             block: ""
           }), {
             default: J(() => [
-              at(ne(p.value), 1)
+              at(ne(v.value), 1)
             ]),
             _: 2
           }, 1040)
@@ -1615,27 +1615,27 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
         default: J(() => [
           z("div", {
             class: "w-100 h-100 d-flex flex-row-reverse",
-            onClick: v[3] || (v[3] = q((b) => f.value = !1, ["self"])),
-            onContextmenu: v[4] || (v[4] = q((b) => f.value = !1, ["self", "prevent"]))
+            onClick: p[3] || (p[3] = q(($) => d.value = !1, ["self"])),
+            onContextmenu: p[4] || (p[4] = q(($) => d.value = !1, ["self", "prevent"]))
           }, [
             z("div", {
               class: "elevation-2",
               style: le(u.value)
             }, [
-              E(r) ? (S(), F(V, {
+              E(r) ? (w(), F(P, {
                 key: 0,
                 color: "transparent",
                 height: 24
               })) : I("", !0),
-              B(V, {
+              B(P, {
                 class: "d-flex align-center px-3",
                 color: "transparent",
                 height: 48
               }, {
                 default: J(() => [
-                  B(w, {
+                  B(A, {
                     icon: E(fs),
-                    onClick: v[0] || (v[0] = (b) => f.value = !1)
+                    onClick: p[0] || (p[0] = ($) => d.value = !1)
                   }, null, 8, ["icon"]),
                   z("span", Es, ne(E(t)("x-prop-tree.dlg.compSelect.title")), 1)
                 ]),
@@ -1647,9 +1647,9 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
               }, [
                 B(js, {
                   modelValue: o.value,
-                  "onUpdate:modelValue": v[1] || (v[1] = (b) => o.value = b),
-                  open: E(f),
-                  "onUpdate:open": v[2] || (v[2] = (b) => Fe(f) ? f.value = b : null)
+                  "onUpdate:modelValue": p[1] || (p[1] = ($) => o.value = $),
+                  open: E(d),
+                  "onUpdate:open": p[2] || (p[2] = ($) => Fe(d) ? d.value = $ : null)
                 }, null, 8, ["modelValue", "open"]),
                 z("div", {
                   style: le(s.value)
@@ -1706,8 +1706,8 @@ const Rs = { class: "d-flex justify-space-between align-center" }, ks = /* @__PU
     return Kt(() => {
       u.value = !1;
     }), (a, s) => {
-      const p = x("v-btn"), f = x("v-icon"), d = x("v-color-picker"), v = x("v-menu");
-      return S(), F(v, {
+      const v = M("v-btn"), d = M("v-icon"), f = M("v-color-picker"), p = M("v-menu");
+      return w(), F(p, {
         modelValue: E(u),
         "onUpdate:modelValue": s[2] || (s[2] = (h) => Fe(u) ? u.value = h : null),
         "close-on-content-click": !1,
@@ -1719,7 +1719,7 @@ const Rs = { class: "d-flex justify-space-between align-center" }, ks = /* @__PU
               class: "flex-grow-1",
               style: le(o.value)
             }, [
-              B(p, qt(h, {
+              B(v, qt(h, {
                 density: "comfortable",
                 color: r.value,
                 block: "",
@@ -1731,16 +1731,16 @@ const Rs = { class: "d-flex justify-space-between align-center" }, ks = /* @__PU
                 _: 2
               }, 1040, ["color", "disabled"])
             ], 4),
-            a.hasDelete ? (S(), F(f, {
+            a.hasDelete ? (w(), F(d, {
               key: 0,
               class: "mx-2",
               icon: E(ye),
-              onClick: s[0] || (s[0] = q((V) => i("delete"), ["stop"]))
+              onClick: s[0] || (s[0] = q((P) => i("delete"), ["stop"]))
             }, null, 8, ["icon"])) : I("", !0)
           ])
         ]),
         default: J(() => [
-          B(d, {
+          B(f, {
             modelValue: r.value,
             "onUpdate:modelValue": s[1] || (s[1] = (h) => r.value = h),
             mode: "hexa",
@@ -1793,36 +1793,45 @@ const Hs = { class: "d-flex justify-space-between align-center my-2" }, Gs = { c
   emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const { t: n } = ue(), r = oe(e, "modelValue"), i = t, o = hn(), l = k(() => {
-      var d;
-      return (d = zt[o.value]) == null ? void 0 : d.types[e.types];
+      var f;
+      return (f = zt[o.value]) == null ? void 0 : f.types[e.types];
     }), u = R(0), a = k(() => {
-      const d = [];
-      return l.value.forEach(({ title: v }, h) => {
-        d.push({
-          title: n(v),
-          value: h
+      var p;
+      const f = [];
+      return (p = l.value) == null || p.forEach(({ title: h }, P) => {
+        f.push({
+          title: n(h),
+          value: P
         });
-      }), d;
+      }), f;
     });
     mt(() => {
-      l.value.some((d, v) => d.validator(r.value) ? (u.value = v, !0) : !1);
+      var f;
+      (f = l.value) == null || f.some((p, h) => p.validator(r.value) ? (u.value = h, !0) : !1);
     });
-    const s = k(() => l.value[u.value]), p = () => {
-      r.value = s.value.default;
-    }, f = R(0);
+    const s = k(() => {
+      var f;
+      return (f = l.value) == null ? void 0 : f[u.value];
+    }), v = () => {
+      var f;
+      r.value = (f = s.value) == null ? void 0 : f.default;
+    }, d = R(0);
     return mt(() => {
-      s.value.ui === "pixelInput" ? f.value = Fn(r.value) : s.value.ui === "percentInput" && (f.value = Hn(r.value));
-    }), Oe(f, (d) => {
-      s.value.ui === "pixelInput" ? r.value = d + "px" : s.value.ui === "percentInput" && (r.value = d + "%");
-    }), (d, v) => {
-      const h = x("v-select"), V = x("v-number-input"), w = x("v-icon"), A = ae("ripple");
-      return S(), H("div", Hs, [
+      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 + "%");
+    }), (f, p) => {
+      var $, O;
+      const h = M("v-select"), P = M("v-number-input"), A = M("v-icon"), C = ae("ripple");
+      return w(), H("div", Hs, [
         z("div", Gs, [
           re(B(h, {
             modelValue: u.value,
             "onUpdate:modelValue": [
-              v[0] || (v[0] = (b) => u.value = b),
-              p
+              p[0] || (p[0] = (T) => u.value = T),
+              v
             ],
             density: "compact",
             items: a.value,
@@ -1830,16 +1839,16 @@ const Hs = { class: "d-flex justify-space-between align-center my-2" }, Gs = { c
             "single-line": ""
           }, null, 8, ["modelValue", "items"]), [
             [
-              A,
+              C,
               void 0,
               void 0,
               { stop: !0 }
             ]
           ]),
-          s.value.ui === "pixelInput" || s.value.ui === "percentInput" ? re((S(), F(V, {
+          (($ = s.value) == null ? void 0 : $.ui) === "pixelInput" || ((O = s.value) == null ? void 0 : O.ui) === "percentInput" ? re((w(), F(P, {
             key: 0,
-            modelValue: f.value,
-            "onUpdate:modelValue": v[1] || (v[1] = (b) => f.value = b),
+            modelValue: d.value,
+            "onUpdate:modelValue": p[1] || (p[1] = (T) => d.value = T),
             density: "compact",
             "control-variant": "stacked",
             precision: s.value.precision,
@@ -1850,18 +1859,18 @@ const Hs = { class: "d-flex justify-space-between align-center my-2" }, Gs = { c
             "single-line": ""
           }, null, 8, ["modelValue", "precision", "min", "max", "step"])), [
             [
-              A,
+              C,
               void 0,
               void 0,
               { stop: !0 }
             ]
           ]) : I("", !0)
         ]),
-        d.hasDelete ? (S(), F(w, {
+        f.hasDelete ? (w(), F(A, {
           key: 0,
           class: "mx-2",
           icon: E(ye),
-          onClick: v[2] || (v[2] = q((b) => i("delete"), ["stop"]))
+          onClick: p[2] || (p[2] = q((T) => i("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
@@ -1905,30 +1914,30 @@ const zs = /* @__PURE__ */ K({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const { t: n } = ue(), { backgroundColor1: r } = we(), i = e, o = t, l = R("20px"), u = R("56px"), a = R("200px"), s = Nn({}), p = R({}), f = (g, c) => {
-      Ft(p, i.config, i.object), o("change", g, c);
+    const { t: n } = ue(), { backgroundColor1: r } = we(), i = e, o = t, l = R("20px"), u = R("56px"), a = R("200px"), s = Nn({}), v = R({}), d = (g, c) => {
+      Ft(v, i.config, i.object), o("change", g, c);
     };
     Oe(
       [() => i.config, () => i.object],
       () => {
-        Ft(p, i.config, i.object, (g, c) => {
+        Ft(v, i.config, i.object, (g, c) => {
           o("change", g, c);
         });
       },
       { immediate: !0 }
     );
-    const d = R(i.version);
-    es(d), Oe(
+    const f = R(i.version);
+    es(f), Oe(
       () => i.version,
       () => {
-        d.value = i.version;
+        f.value = i.version;
       }
     );
-    const v = R(i.config);
-    ts(v), Oe(
+    const p = R(i.config);
+    ts(p), Oe(
       () => i.config,
       () => {
-        v.value = i.config;
+        p.value = i.config;
       }
     );
     const h = R(i.object);
@@ -1937,45 +1946,45 @@ const zs = /* @__PURE__ */ K({
       () => {
         h.value = i.object;
       }
-    ), is(p), ss(f);
-    const V = R([]);
-    us(V);
-    const w = () => {
+    ), is(v), ss(d);
+    const P = R([]);
+    us(P);
+    const A = () => {
       const { compGroups: g, comps: c } = Gn.app.activeApp, y = [];
-      g.forEach(({ id: m, name: $, position: P }) => {
-        const D = V.value.find((Q) => Q.id === m);
+      g.forEach(({ id: m, name: b, position: x }) => {
+        const D = P.value.find((Q) => Q.id === m);
         y.push({
           id: m,
           type: 0,
-          name: $,
-          position: P,
+          name: b,
+          position: x,
           collapse: (D == null ? void 0 : D.collapse) ?? !0
         });
-      }), c.forEach(({ id: m, groupid: $, name: P, position: D }) => {
-        y.push({ id: m, type: 1, name: P, position: D, group: $ });
-      }), ql(y, !0), V.value = y;
+      }), c.forEach(({ id: m, groupid: b, name: x, position: D }) => {
+        y.push({ id: m, type: 1, name: x, position: D, group: b });
+      }), ql(y, !0), P.value = y;
     };
-    let A;
-    const b = () => {
-      clearTimeout(A), A = window.setTimeout(() => {
-        w(), A && b();
+    let C;
+    const $ = () => {
+      clearTimeout(C), C = window.setTimeout(() => {
+        A(), C && $();
       }, 1e3);
-    }, U = () => {
-      clearTimeout(A), A = void 0;
+    }, O = () => {
+      clearTimeout(C), C = void 0;
     };
     Bn(() => {
-      b();
+      $();
     }), Rn(() => {
-      U();
+      O();
     });
-    const { renderProp: C } = vs(p, u, a), { renderUiDummy: L } = ms(f), { renderUiStrInput: W } = hs(f), { renderUiNumInput: Ye } = $s(f), { renderUiSwitch: Tn } = ws(f), { renderUiSelect: Sn } = Ps(f), { renderUiColorPicker: wn } = Fs(f), { renderUiMultiTypes: An } = qs(f), { renderUiCompSelect: Cn } = Bs(f), De = (g, c, y, m, $, P) => (g = an(g), $ !== void 0 ? (g.push($), P && g.push(c.key)) : g.push(c.key), c.ui ? c.array && m ? xn(g, c, y, m, $, P) : Vn(g, c, y, $, P) : c.array ? Pn(g, c, y, m, $, P) : On(
+    const { renderProp: T } = vs(v, u, a), { renderUiDummy: L } = ms(d), { renderUiStrInput: W } = hs(d), { renderUiNumInput: Ye } = $s(d), { renderUiSwitch: Tn } = ws(d), { renderUiSelect: Sn } = Ps(d), { renderUiColorPicker: wn } = Fs(d), { renderUiMultiTypes: An } = qs(d), { renderUiCompSelect: Cn } = Bs(d), De = (g, c, y, m, b, x) => (g = an(g), b !== void 0 ? (g.push(b), x && g.push(c.key)) : g.push(c.key), c.ui ? c.array && m ? xn(g, c, y, m, b, x) : Vn(g, c, y, b, x) : c.array ? Pn(g, c, y, m, b, x) : On(
       g,
       c,
       y,
       m,
-      $,
-      P
-    )), Pn = (g, c, y, m, $, P) => {
+      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)
@@ -1983,21 +1992,21 @@ const zs = /* @__PURE__ */ K({
       if (!m)
         return console.assert(!1), _("div", "renderBranchArray branch must be valid");
       let D;
-      $ !== void 0 && !P ? (y[$] instanceof Array || (y[$] = N(c), f(g, y[c.key])), D = y[$]) : (y[c.key] instanceof Array || (y[c.key] = N(c), f(g, y[c.key])), D = y[c.key]);
+      b !== void 0 && !x ? (y[b] instanceof Array || (y[b] = N(c), d(g, y[c.key])), D = y[b]) : (y[c.key] instanceof Array || (y[c.key] = N(c), d(g, y[c.key])), D = y[c.key]);
       let Q = n(c.name);
-      m.collapse && be(p.value, g) && (Q += " *");
+      m.collapse && be(v.value, g) && (Q += " *");
       const Ae = _(Re, {
         title: Q,
         collapse: m.collapse,
         hasCreate: !0,
-        onCollapse: (T) => {
-          m.collapse = T;
+        onCollapse: (S) => {
+          m.collapse = S;
         },
-        onMenu: (T, j) => {
-          _e.emit("propTreeMenu", { x: T, y: j, keys: g });
+        onMenu: (S, j) => {
+          _e.emit("propTreeMenu", { x: S, y: j, keys: g });
         },
         onCreate: () => {
-          D.push({}), f(g, D);
+          D.push({}), d(g, D);
         }
       }), G = _(
         "div",
@@ -2007,7 +2016,7 @@ const zs = /* @__PURE__ */ K({
           }
         },
         (() => {
-          const T = [];
+          const S = [];
           for (let j = 0; j < D.length; j++) {
             if (!nt(m.children)) {
               console.assert(!1);
@@ -2019,7 +2028,7 @@ const zs = /* @__PURE__ */ K({
             });
             const je = [...g, j], Ee = m.children[j];
             let vt = `[${j + 1}]`;
-            m.children[j].collapse && be(p.value, je) && (vt += " *");
+            m.children[j].collapse && be(v.value, je) && (vt += " *");
             const Un = _(Re, {
               title: vt,
               collapse: m.children[j].collapse,
@@ -2040,10 +2049,10 @@ const zs = /* @__PURE__ */ K({
                   console.assert(!1);
                   return;
                 }
-                m.children.splice(ee, 1), D.splice(ee, 1), f(g, D);
+                m.children.splice(ee, 1), D.splice(ee, 1), d(g, D);
               }
             });
-            T.push(Un);
+            S.push(Un);
             const Ln = _(
               "div",
               {
@@ -2074,9 +2083,9 @@ const zs = /* @__PURE__ */ K({
                 }), ee;
               })()
             );
-            m.children[j].collapse || T.push(Ln);
+            m.children[j].collapse || S.push(Ln);
           }
-          return T;
+          return S;
         })()
       );
       return _(
@@ -2087,11 +2096,11 @@ const zs = /* @__PURE__ */ K({
           }
         },
         (() => {
-          const T = [];
-          return T.push(Ae), m.collapse || T.push(G), T;
+          const S = [];
+          return S.push(Ae), m.collapse || S.push(G), S;
         })()
       );
-    }, On = (g, c, y, m, $, P) => {
+    }, On = (g, c, y, m, b, x) => {
       if (c.ui)
         return console.assert(!1), _("div", "renderBranchScalar prop ui must be invalid");
       if (c.array)
@@ -2099,19 +2108,19 @@ const zs = /* @__PURE__ */ K({
       if (!m)
         return console.assert(!1), _("div", "renderBranchScalar branch must be valid");
       let D = n(c.name);
-      m.collapse && be(p.value, g) && (D += " *");
+      m.collapse && be(v.value, g) && (D += " *");
       const Q = _(Re, {
         title: D,
         collapse: m.collapse,
-        hasDelete: $ !== void 0 && !P,
+        hasDelete: b !== void 0 && !x,
         onCollapse: (G) => {
           m.collapse = G;
         },
-        onMenu: (G, T) => {
-          _e.emit("propTreeMenu", { x: G, y: T, keys: g });
+        onMenu: (G, S) => {
+          _e.emit("propTreeMenu", { x: G, y: S, keys: g });
         },
         onDelete: () => {
-          $ === void 0 || P || (y.splice($, 1), f(g.slice(0, -1), y));
+          b === void 0 || x || (y.splice(b, 1), d(g.slice(0, -1), y));
         }
       }), Ae = _(
         "div",
@@ -2122,20 +2131,20 @@ const zs = /* @__PURE__ */ K({
         },
         (() => {
           const G = [];
-          return c.children.forEach((T) => {
+          return c.children.forEach((S) => {
             if (!kt(m.children)) {
               console.assert(!1);
               return;
             }
-            m.children[T.key] || (m.children[T.key] = {
+            m.children[S.key] || (m.children[S.key] = {
               collapse: !0,
-              children: !T.ui && T.array ? [] : {}
+              children: !S.ui && S.array ? [] : {}
             });
             const j = De(
               g,
-              T,
-              (typeof y[c.key] != "object" && (y[c.key] = {}, f(g, y[c.key])), y[c.key]),
-              m.children[T.key]
+              S,
+              (typeof y[c.key] != "object" && (y[c.key] = {}, d(g, y[c.key])), y[c.key]),
+              m.children[S.key]
             );
             G.push(j);
           }), G;
@@ -2153,7 +2162,7 @@ const zs = /* @__PURE__ */ K({
           return G.push(Q), m.collapse || G.push(Ae), G;
         })()
       );
-    }, xn = (g, c, y, m, $, P) => {
+    }, xn = (g, c, y, m, b, x) => {
       if (!c.ui)
         return console.assert(!1), _("div", "renderLeafArray prop ui must be valid");
       if (!c.array)
@@ -2161,21 +2170,21 @@ const zs = /* @__PURE__ */ K({
       if (!m)
         return console.assert(!1), _("div", "renderLeafArray branch must be valid");
       let D;
-      $ !== void 0 && !P ? (y[$] instanceof Array || (y[$] = N(c), f(g, y[$])), D = y[$]) : (y[c.key] instanceof Array || (y[c.key] = N(c), f(g, y[c.key])), D = y[c.key]);
+      b !== void 0 && !x ? (y[b] instanceof Array || (y[b] = N(c), d(g, y[b])), D = y[b]) : (y[c.key] instanceof Array || (y[c.key] = N(c), d(g, y[c.key])), D = y[c.key]);
       let Q = n(c.name);
-      m.collapse && be(p.value, g) && (Q += " *");
+      m.collapse && be(v.value, g) && (Q += " *");
       const Ae = _(Re, {
         title: Q,
         collapse: m.collapse,
         hasCreate: !0,
-        onCollapse: (T) => {
-          m.collapse = T;
+        onCollapse: (S) => {
+          m.collapse = S;
         },
-        onMenu: (T, j) => {
-          _e.emit("propTreeMenu", { x: T, y: j, keys: g });
+        onMenu: (S, j) => {
+          _e.emit("propTreeMenu", { x: S, y: j, keys: g });
         },
         onCreate: () => {
-          D.push(N(c, !0)), f(g, D);
+          D.push(N(c, !0)), d(g, D);
         }
       }), G = _(
         "div",
@@ -2185,12 +2194,12 @@ const zs = /* @__PURE__ */ K({
           }
         },
         (() => {
-          const T = [];
+          const S = [];
           for (let j = 0; j < D.length; j++) {
             const je = De(g, c, D, void 0, j, !1);
-            T.push(je);
+            S.push(je);
           }
-          return T;
+          return S;
         })()
       );
       return _(
@@ -2201,15 +2210,15 @@ const zs = /* @__PURE__ */ K({
           }
         },
         (() => {
-          const T = [];
-          return T.push(Ae), m.collapse || T.push(G), T;
+          const S = [];
+          return S.push(Ae), m.collapse || S.push(G), S;
         })()
       );
-    }, Vn = (g, c, y, m, $) => {
+    }, Vn = (g, c, y, m, b) => {
       if (!c.ui)
         return console.assert(!1), _("div", "renderLeafScalar prop ui must be valid");
-      let P;
-      return c.ui === "dummy" ? P = L(g, c, y, m, $) : c.ui === "strInput" ? P = W(g, c, y, m, $) : c.ui === "numInput" ? P = Ye(g, c, y, m, $) : c.ui === "switch" ? P = Tn(g, c, y, m, $) : c.ui === "select" ? P = Sn(g, c, y, m, $) : c.ui === "colorPicker" ? P = wn(g, c, y, m, $) : c.ui === "multiTypes" ? P = An(g, c, y, m, $) : c.ui === "compSelect" ? P = Cn(g, c, y, m, $) : console.assert(!1, "renderLeafScalar not implemented"), P ? C(g, c, P) : _("div");
+      let x;
+      return c.ui === "dummy" ? x = L(g, c, y, m, b) : c.ui === "strInput" ? x = W(g, c, y, m, b) : c.ui === "numInput" ? x = Ye(g, c, y, m, b) : c.ui === "switch" ? x = Tn(g, c, y, m, b) : c.ui === "select" ? x = Sn(g, c, y, m, b) : c.ui === "colorPicker" ? x = wn(g, c, y, m, b) : c.ui === "multiTypes" ? x = An(g, c, y, m, b) : c.ui === "compSelect" ? x = Cn(g, c, y, m, b) : console.assert(!1, "renderLeafScalar not implemented"), x ? T(g, c, x) : _("div");
     }, Mn = () => _(
       "div",
       {
@@ -2235,12 +2244,12 @@ const zs = /* @__PURE__ */ K({
         return g;
       })()
     );
-    return (g, c) => (S(), H(He, null, [
+    return (g, c) => (w(), H(He, null, [
       B(Mn),
       B(cs, {
         config: i.config,
         object: i.object,
-        "prop-states": p.value
+        "prop-states": v.value
       }, null, 8, ["config", "object", "prop-states"])
     ], 64));
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-prop-tree",
   "private": false,
-  "version": "0.6.14",
+  "version": "0.6.15",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",