x-prop-tree 0.6.28 → 0.6.30

package/dist/index.js

@@ -1,1023 +1,316 @@
-import { provide as we, inject as Ae, defineComponent as G, ref as N, computed as F, resolveComponent as V, createBlock as B, openBlock as A, unref as w, isRef as Ve, withCtx as H, createVNode as k, createElementBlock as K, Fragment as He, renderList as zt, createTextVNode as ze, toDisplayString as Y, resolveDirective as ce, withDirectives as le, withModifiers as J, normalizeStyle as re, createElementVNode as z, createCommentVNode as X, renderSlot as Bn, h as _, mergeModels as Z, useModel as I, useId as ct, onUnmounted as ft, withKeys as Jt, mergeProps as dt, watchEffect as _t, watch as be, useTemplateRef as It, reactive as Fn, onMounted as Hn, onBeforeUnmount as Gn } from "vue";
-import { useI18n as ie } from "vue-i18n";
-import { useViewStack as Je, useColor as me, eventBus as $e, useSystem as Xt, injectDark as Kn, injectLocale as qn } from "x-essential-lib";
-import { getPropDefault as R, pkgs as Zt, parsePixelStr as zn, parsePercentStr as Jn } from "x-runtime-lib";
-import { globalState as In } from "x-state-lib";
-import { useDisplay as Xn } from "vuetify";
-import { XBlockly as Zn } from "x-block-lib";
-var Wt = typeof global == "object" && global && global.Object === Object && global, Wn = typeof self == "object" && self && self.Object === Object && self, ee = Wt || Wn || Function("return this")(), ue = ee.Symbol, Yt = Object.prototype, Yn = Yt.hasOwnProperty, Qn = Yt.toString, Pe = ue ? ue.toStringTag : void 0;
-function er(e) {
-  var t = Yn.call(e, Pe), n = e[Pe];
-  try {
-    e[Pe] = void 0;
-    var r = !0;
-  } catch {
-  }
-  var l = Qn.call(e);
-  return r && (t ? e[Pe] = n : delete e[Pe]), l;
-}
-var tr = Object.prototype, nr = tr.toString;
-function rr(e) {
-  return nr.call(e);
-}
-var or = "[object Null]", lr = "[object Undefined]", bt = ue ? ue.toStringTag : void 0;
-function De(e) {
-  return e == null ? e === void 0 ? lr : or : bt && bt in Object(e) ? er(e) : rr(e);
-}
-function pe(e) {
-  return e != null && typeof e == "object";
-}
-var Ue = Array.isArray;
-function Ie(e) {
-  var t = typeof e;
-  return e != null && (t == "object" || t == "function");
-}
-var ir = "[object AsyncFunction]", sr = "[object Function]", ar = "[object GeneratorFunction]", ur = "[object Proxy]";
-function Qt(e) {
-  if (!Ie(e))
-    return !1;
-  var t = De(e);
-  return t == sr || t == ar || t == ir || t == ur;
-}
-var tt = ee["__core-js_shared__"], $t = function() {
-  var e = /[^.]+$/.exec(tt && tt.keys && tt.keys.IE_PROTO || "");
-  return e ? "Symbol(src)_1." + e : "";
-}();
-function cr(e) {
-  return !!$t && $t in e;
-}
-var fr = Function.prototype, dr = fr.toString;
-function ge(e) {
-  if (e != null) {
-    try {
-      return dr.call(e);
-    } catch {
-    }
-    try {
-      return e + "";
-    } catch {
-    }
-  }
-  return "";
-}
-var pr = /[\\^$.*+?()[\]{}|]/g, vr = /^\[object .+?Constructor\]$/, mr = Function.prototype, gr = Object.prototype, yr = mr.toString, hr = gr.hasOwnProperty, _r = RegExp(
-  "^" + yr.call(hr).replace(pr, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-);
-function br(e) {
-  if (!Ie(e) || cr(e))
-    return !1;
-  var t = Qt(e) ? _r : vr;
-  return t.test(ge(e));
-}
-function $r(e, t) {
-  return e == null ? void 0 : e[t];
-}
-function ye(e, t) {
-  var n = $r(e, t);
-  return br(n) ? n : void 0;
-}
-var lt = ye(ee, "WeakMap"), Tt = Object.create, Tr = /* @__PURE__ */ function() {
-  function e() {
-  }
-  return function(t) {
-    if (!Ie(t))
-      return {};
-    if (Tt)
-      return Tt(t);
-    e.prototype = t;
-    var n = new e();
-    return e.prototype = void 0, n;
-  };
-}(), St = function() {
-  try {
-    var e = ye(Object, "defineProperty");
-    return e({}, "", {}), e;
-  } catch {
-  }
-}();
-function Sr(e, t) {
-  for (var n = -1, r = e == null ? 0 : e.length; ++n < r && t(e[n], n, e) !== !1; )
-    ;
-  return e;
-}
-var wr = 9007199254740991, Ar = /^(?:0|[1-9]\d*)$/;
-function Cr(e, t) {
-  var n = typeof e;
-  return t = t ?? wr, !!t && (n == "number" || n != "symbol" && Ar.test(e)) && e > -1 && e % 1 == 0 && e < t;
-}
-function Pr(e, t, n) {
-  t == "__proto__" && St ? St(e, t, {
-    configurable: !0,
-    enumerable: !0,
-    value: n,
-    writable: !0
-  }) : e[t] = n;
-}
-function pt(e, t) {
-  return e === t || e !== e && t !== t;
-}
-var xr = Object.prototype, Or = xr.hasOwnProperty;
-function Vr(e, t, n) {
-  var r = e[t];
-  (!(Or.call(e, t) && pt(r, n)) || n === void 0 && !(t in e)) && Pr(e, t, n);
-}
-var Ur = 9007199254740991;
-function en(e) {
-  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= Ur;
-}
-function Mr(e) {
-  return e != null && en(e.length) && !Qt(e);
-}
-var Lr = Object.prototype;
-function tn(e) {
-  var t = e && e.constructor, n = typeof t == "function" && t.prototype || Lr;
-  return e === n;
-}
-function Dr(e, t) {
-  for (var n = -1, r = Array(e); ++n < e; )
-    r[n] = t(n);
-  return r;
-}
-var jr = "[object Arguments]";
-function wt(e) {
-  return pe(e) && De(e) == jr;
-}
-var nn = Object.prototype, kr = nn.hasOwnProperty, Er = nn.propertyIsEnumerable, Nr = wt(/* @__PURE__ */ function() {
-  return arguments;
-}()) ? wt : function(e) {
-  return pe(e) && kr.call(e, "callee") && !Er.call(e, "callee");
-};
-function Rr() {
-  return !1;
-}
-var rn = typeof exports == "object" && exports && !exports.nodeType && exports, At = rn && typeof module == "object" && module && !module.nodeType && module, Br = At && At.exports === rn, Ct = Br ? ee.Buffer : void 0, Fr = Ct ? Ct.isBuffer : void 0, Ge = Fr || Rr, Hr = "[object Arguments]", Gr = "[object Array]", Kr = "[object Boolean]", qr = "[object Date]", zr = "[object Error]", Jr = "[object Function]", Ir = "[object Map]", Xr = "[object Number]", Zr = "[object Object]", Wr = "[object RegExp]", Yr = "[object Set]", Qr = "[object String]", eo = "[object WeakMap]", to = "[object ArrayBuffer]", no = "[object DataView]", ro = "[object Float32Array]", oo = "[object Float64Array]", lo = "[object Int8Array]", io = "[object Int16Array]", so = "[object Int32Array]", ao = "[object Uint8Array]", uo = "[object Uint8ClampedArray]", co = "[object Uint16Array]", fo = "[object Uint32Array]", L = {};
-L[ro] = L[oo] = L[lo] = L[io] = L[so] = L[ao] = L[uo] = L[co] = L[fo] = !0;
-L[Hr] = L[Gr] = L[to] = L[Kr] = L[no] = L[qr] = L[zr] = L[Jr] = L[Ir] = L[Xr] = L[Zr] = L[Wr] = L[Yr] = L[Qr] = L[eo] = !1;
-function po(e) {
-  return pe(e) && en(e.length) && !!L[De(e)];
-}
-function vt(e) {
-  return function(t) {
-    return e(t);
-  };
-}
-var on = typeof exports == "object" && exports && !exports.nodeType && exports, Oe = on && typeof module == "object" && module && !module.nodeType && module, vo = Oe && Oe.exports === on, nt = vo && Wt.process, Se = function() {
-  try {
-    var e = Oe && Oe.require && Oe.require("util").types;
-    return e || nt && nt.binding && nt.binding("util");
-  } catch {
-  }
-}(), Pt = Se && Se.isTypedArray, ln = Pt ? vt(Pt) : po, mo = Object.prototype, go = mo.hasOwnProperty;
-function yo(e, t) {
-  var n = Ue(e), r = !n && Nr(e), l = !n && !r && Ge(e), o = !n && !r && !l && ln(e), i = n || r || l || o, a = i ? Dr(e.length, String) : [], u = a.length;
-  for (var s in e)
-    go.call(e, s) && !(i && // Safari 9 has enumerable `arguments.length` in strict mode.
-    (s == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-    l && (s == "offset" || s == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-    o && (s == "buffer" || s == "byteLength" || s == "byteOffset") || // Skip index properties.
-    Cr(s, u))) && a.push(s);
-  return a;
-}
-function sn(e, t) {
-  return function(n) {
-    return e(t(n));
-  };
-}
-var ho = sn(Object.keys, Object), _o = Object.prototype, bo = _o.hasOwnProperty;
-function $o(e) {
-  if (!tn(e))
-    return ho(e);
-  var t = [];
-  for (var n in Object(e))
-    bo.call(e, n) && n != "constructor" && t.push(n);
-  return t;
-}
-function To(e) {
-  return Mr(e) ? yo(e) : $o(e);
-}
-var Me = ye(Object, "create");
-function So() {
-  this.__data__ = Me ? Me(null) : {}, this.size = 0;
-}
-function wo(e) {
-  var t = this.has(e) && delete this.__data__[e];
-  return this.size -= t ? 1 : 0, t;
-}
-var Ao = "__lodash_hash_undefined__", Co = Object.prototype, Po = Co.hasOwnProperty;
-function xo(e) {
-  var t = this.__data__;
-  if (Me) {
-    var n = t[e];
-    return n === Ao ? void 0 : n;
-  }
-  return Po.call(t, e) ? t[e] : void 0;
-}
-var Oo = Object.prototype, Vo = Oo.hasOwnProperty;
-function Uo(e) {
-  var t = this.__data__;
-  return Me ? t[e] !== void 0 : Vo.call(t, e);
-}
-var Mo = "__lodash_hash_undefined__";
-function Lo(e, t) {
-  var n = this.__data__;
-  return this.size += this.has(e) ? 0 : 1, n[e] = Me && t === void 0 ? Mo : t, this;
-}
-function ve(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]);
-  }
-}
-ve.prototype.clear = So;
-ve.prototype.delete = wo;
-ve.prototype.get = xo;
-ve.prototype.has = Uo;
-ve.prototype.set = Lo;
-function Do() {
-  this.__data__ = [], this.size = 0;
-}
-function Xe(e, t) {
-  for (var n = e.length; n--; )
-    if (pt(e[n][0], t))
-      return n;
-  return -1;
-}
-var jo = Array.prototype, ko = jo.splice;
-function Eo(e) {
-  var t = this.__data__, n = Xe(t, e);
-  if (n < 0)
-    return !1;
-  var r = t.length - 1;
-  return n == r ? t.pop() : ko.call(t, n, 1), --this.size, !0;
-}
-function No(e) {
-  var t = this.__data__, n = Xe(t, e);
-  return n < 0 ? void 0 : t[n][1];
-}
-function Ro(e) {
-  return Xe(this.__data__, e) > -1;
-}
-function Bo(e, t) {
-  var n = this.__data__, r = Xe(n, e);
-  return r < 0 ? (++this.size, n.push([e, t])) : n[r][1] = t, this;
-}
-function se(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]);
-  }
-}
-se.prototype.clear = Do;
-se.prototype.delete = Eo;
-se.prototype.get = No;
-se.prototype.has = Ro;
-se.prototype.set = Bo;
-var Le = ye(ee, "Map");
-function Fo() {
-  this.size = 0, this.__data__ = {
-    hash: new ve(),
-    map: new (Le || se)(),
-    string: new ve()
-  };
-}
-function Ho(e) {
-  var t = typeof e;
-  return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
-}
-function Ze(e, t) {
-  var n = e.__data__;
-  return Ho(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
-}
-function Go(e) {
-  var t = Ze(this, e).delete(e);
-  return this.size -= t ? 1 : 0, t;
-}
-function Ko(e) {
-  return Ze(this, e).get(e);
-}
-function qo(e) {
-  return Ze(this, e).has(e);
-}
-function zo(e, t) {
-  var n = Ze(this, e), r = n.size;
-  return n.set(e, t), this.size += n.size == r ? 0 : 1, this;
-}
-function he(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]);
-  }
-}
-he.prototype.clear = Fo;
-he.prototype.delete = Go;
-he.prototype.get = Ko;
-he.prototype.has = qo;
-he.prototype.set = zo;
-function Jo(e, t) {
-  for (var n = -1, r = t.length, l = e.length; ++n < r; )
-    e[l + n] = t[n];
-  return e;
-}
-var Io = sn(Object.getPrototypeOf, Object);
-function Xo() {
-  this.__data__ = new se(), this.size = 0;
-}
-function Zo(e) {
-  var t = this.__data__, n = t.delete(e);
-  return this.size = t.size, n;
-}
-function Wo(e) {
-  return this.__data__.get(e);
-}
-function Yo(e) {
-  return this.__data__.has(e);
-}
-var Qo = 200;
-function el(e, t) {
-  var n = this.__data__;
-  if (n instanceof se) {
-    var r = n.__data__;
-    if (!Le || r.length < Qo - 1)
-      return r.push([e, t]), this.size = ++n.size, this;
-    n = this.__data__ = new he(r);
-  }
-  return n.set(e, t), this.size = n.size, this;
-}
-function oe(e) {
-  var t = this.__data__ = new se(e);
-  this.size = t.size;
-}
-oe.prototype.clear = Xo;
-oe.prototype.delete = Zo;
-oe.prototype.get = Wo;
-oe.prototype.has = Yo;
-oe.prototype.set = el;
-var an = typeof exports == "object" && exports && !exports.nodeType && exports, xt = an && typeof module == "object" && module && !module.nodeType && module, tl = xt && xt.exports === an, Ot = tl ? ee.Buffer : void 0;
-Ot && Ot.allocUnsafe;
-function nl(e, t) {
-  return e.slice();
-}
-function rl(e, t) {
-  for (var n = -1, r = e == null ? 0 : e.length, l = 0, o = []; ++n < r; ) {
-    var i = e[n];
-    t(i, n, e) && (o[l++] = i);
-  }
-  return o;
-}
-function ol() {
-  return [];
-}
-var ll = Object.prototype, il = ll.propertyIsEnumerable, Vt = Object.getOwnPropertySymbols, sl = Vt ? function(e) {
-  return e == null ? [] : (e = Object(e), rl(Vt(e), function(t) {
-    return il.call(e, t);
-  }));
-} : ol;
-function al(e, t, n) {
-  var r = t(e);
-  return Ue(e) ? r : Jo(r, n(e));
-}
-function it(e) {
-  return al(e, To, sl);
-}
-var st = ye(ee, "DataView"), at = ye(ee, "Promise"), ut = ye(ee, "Set"), Ut = "[object Map]", ul = "[object Object]", Mt = "[object Promise]", Lt = "[object Set]", Dt = "[object WeakMap]", jt = "[object DataView]", cl = ge(st), fl = ge(Le), dl = ge(at), pl = ge(ut), vl = ge(lt), W = De;
-(st && W(new st(new ArrayBuffer(1))) != jt || Le && W(new Le()) != Ut || at && W(at.resolve()) != Mt || ut && W(new ut()) != Lt || lt && W(new lt()) != Dt) && (W = function(e) {
-  var t = De(e), n = t == ul ? e.constructor : void 0, r = n ? ge(n) : "";
-  if (r)
-    switch (r) {
-      case cl:
-        return jt;
-      case fl:
-        return Ut;
-      case dl:
-        return Mt;
-      case pl:
-        return Lt;
-      case vl:
-        return Dt;
-    }
-  return t;
-});
-var ml = Object.prototype, gl = ml.hasOwnProperty;
-function yl(e) {
-  var t = e.length, n = new e.constructor(t);
-  return t && typeof e[0] == "string" && gl.call(e, "index") && (n.index = e.index, n.input = e.input), n;
-}
-var Ke = ee.Uint8Array;
-function mt(e) {
-  var t = new e.constructor(e.byteLength);
-  return new Ke(t).set(new Ke(e)), t;
-}
-function hl(e, t) {
-  var n = mt(e.buffer);
-  return new e.constructor(n, e.byteOffset, e.byteLength);
-}
-var _l = /\w*$/;
-function bl(e) {
-  var t = new e.constructor(e.source, _l.exec(e));
-  return t.lastIndex = e.lastIndex, t;
-}
-var kt = ue ? ue.prototype : void 0, Et = kt ? kt.valueOf : void 0;
-function $l(e) {
-  return Et ? Object(Et.call(e)) : {};
-}
-function Tl(e, t) {
-  var n = mt(e.buffer);
-  return new e.constructor(n, e.byteOffset, e.length);
-}
-var Sl = "[object Boolean]", wl = "[object Date]", Al = "[object Map]", Cl = "[object Number]", Pl = "[object RegExp]", xl = "[object Set]", Ol = "[object String]", Vl = "[object Symbol]", Ul = "[object ArrayBuffer]", Ml = "[object DataView]", Ll = "[object Float32Array]", Dl = "[object Float64Array]", jl = "[object Int8Array]", kl = "[object Int16Array]", El = "[object Int32Array]", Nl = "[object Uint8Array]", Rl = "[object Uint8ClampedArray]", Bl = "[object Uint16Array]", Fl = "[object Uint32Array]";
-function Hl(e, t, n) {
-  var r = e.constructor;
-  switch (t) {
-    case Ul:
-      return mt(e);
-    case Sl:
-    case wl:
-      return new r(+e);
-    case Ml:
-      return hl(e);
-    case Ll:
-    case Dl:
-    case jl:
-    case kl:
-    case El:
-    case Nl:
-    case Rl:
-    case Bl:
-    case Fl:
-      return Tl(e);
-    case Al:
-      return new r();
-    case Cl:
-    case Ol:
-      return new r(e);
-    case Pl:
-      return bl(e);
-    case xl:
-      return new r();
-    case Vl:
-      return $l(e);
-  }
-}
-function Gl(e) {
-  return typeof e.constructor == "function" && !tn(e) ? Tr(Io(e)) : {};
-}
-var Kl = "[object Map]";
-function ql(e) {
-  return pe(e) && W(e) == Kl;
-}
-var Nt = Se && Se.isMap, zl = Nt ? vt(Nt) : ql, Jl = "[object Set]";
-function Il(e) {
-  return pe(e) && W(e) == Jl;
-}
-var Rt = Se && Se.isSet, Xl = Rt ? vt(Rt) : Il, un = "[object Arguments]", Zl = "[object Array]", Wl = "[object Boolean]", Yl = "[object Date]", Ql = "[object Error]", cn = "[object Function]", ei = "[object GeneratorFunction]", ti = "[object Map]", ni = "[object Number]", fn = "[object Object]", ri = "[object RegExp]", oi = "[object Set]", li = "[object String]", ii = "[object Symbol]", si = "[object WeakMap]", ai = "[object ArrayBuffer]", ui = "[object DataView]", ci = "[object Float32Array]", fi = "[object Float64Array]", di = "[object Int8Array]", pi = "[object Int16Array]", vi = "[object Int32Array]", mi = "[object Uint8Array]", gi = "[object Uint8ClampedArray]", yi = "[object Uint16Array]", hi = "[object Uint32Array]", M = {};
-M[un] = M[Zl] = M[ai] = M[ui] = M[Wl] = M[Yl] = M[ci] = M[fi] = M[di] = M[pi] = M[vi] = M[ti] = M[ni] = M[fn] = M[ri] = M[oi] = M[li] = M[ii] = M[mi] = M[gi] = M[yi] = M[hi] = !0;
-M[Ql] = M[cn] = M[si] = !1;
-function Fe(e, t, n, r, l, o) {
-  var i;
-  if (i !== void 0)
-    return i;
-  if (!Ie(e))
-    return e;
-  var a = Ue(e);
-  if (a)
-    i = yl(e);
-  else {
-    var u = W(e), s = u == cn || u == ei;
-    if (Ge(e))
-      return nl(e);
-    if (u == fn || u == un || s && !l)
-      i = s ? {} : Gl(e);
-    else {
-      if (!M[u])
-        return l ? e : {};
-      i = Hl(e, u);
-    }
-  }
-  o || (o = new oe());
-  var v = o.get(e);
-  if (v)
-    return v;
-  o.set(e, i), Xl(e) ? e.forEach(function(d) {
-    i.add(Fe(d, t, n, d, e, o));
-  }) : zl(e) && e.forEach(function(d, m) {
-    i.set(m, Fe(d, t, n, m, e, o));
-  });
-  var c = it, f = a ? void 0 : c(e);
-  return Sr(f || e, function(d, m) {
-    f && (m = d, d = e[m]), Vr(i, m, Fe(d, t, n, m, e, o));
-  }), i;
-}
-var _i = 1, bi = 4;
-function dn(e) {
-  return Fe(e, _i | bi);
-}
-var $i = "__lodash_hash_undefined__";
-function Ti(e) {
-  return this.__data__.set(e, $i), this;
-}
-function Si(e) {
-  return this.__data__.has(e);
-}
-function qe(e) {
-  var t = -1, n = e == null ? 0 : e.length;
-  for (this.__data__ = new he(); ++t < n; )
-    this.add(e[t]);
-}
-qe.prototype.add = qe.prototype.push = Ti;
-qe.prototype.has = Si;
-function wi(e, t) {
-  for (var n = -1, r = e == null ? 0 : e.length; ++n < r; )
-    if (t(e[n], n, e))
-      return !0;
-  return !1;
-}
-function Ai(e, t) {
-  return e.has(t);
-}
-var Ci = 1, Pi = 2;
-function pn(e, t, n, r, l, o) {
-  var i = n & Ci, a = e.length, u = t.length;
-  if (a != u && !(i && u > a))
-    return !1;
-  var s = o.get(e), v = o.get(t);
-  if (s && v)
-    return s == t && v == e;
-  var c = -1, f = !0, d = n & Pi ? new qe() : void 0;
-  for (o.set(e, t), o.set(t, e); ++c < a; ) {
-    var m = e[c], C = t[c];
-    if (r)
-      var S = i ? r(C, m, c, t, e, o) : r(m, C, c, e, t, o);
-    if (S !== void 0) {
-      if (S)
-        continue;
-      f = !1;
-      break;
-    }
-    if (d) {
-      if (!wi(t, function(x, $) {
-        if (!Ai(d, $) && (m === x || l(m, x, n, r, o)))
-          return d.push($);
-      })) {
-        f = !1;
-        break;
-      }
-    } else if (!(m === C || l(m, C, n, r, o))) {
-      f = !1;
-      break;
-    }
-  }
-  return o.delete(e), o.delete(t), f;
-}
-function xi(e) {
-  var t = -1, n = Array(e.size);
-  return e.forEach(function(r, l) {
-    n[++t] = [l, r];
-  }), n;
-}
-function Oi(e) {
-  var t = -1, n = Array(e.size);
-  return e.forEach(function(r) {
-    n[++t] = r;
-  }), n;
-}
-var Vi = 1, Ui = 2, Mi = "[object Boolean]", Li = "[object Date]", Di = "[object Error]", ji = "[object Map]", ki = "[object Number]", Ei = "[object RegExp]", Ni = "[object Set]", Ri = "[object String]", Bi = "[object Symbol]", Fi = "[object ArrayBuffer]", Hi = "[object DataView]", Bt = ue ? ue.prototype : void 0, rt = Bt ? Bt.valueOf : void 0;
-function Gi(e, t, n, r, l, o, i) {
-  switch (n) {
-    case Hi:
-      if (e.byteLength != t.byteLength || e.byteOffset != t.byteOffset)
-        return !1;
-      e = e.buffer, t = t.buffer;
-    case Fi:
-      return !(e.byteLength != t.byteLength || !o(new Ke(e), new Ke(t)));
-    case Mi:
-    case Li:
-    case ki:
-      return pt(+e, +t);
-    case Di:
-      return e.name == t.name && e.message == t.message;
-    case Ei:
-    case Ri:
-      return e == t + "";
-    case ji:
-      var a = xi;
-    case Ni:
-      var u = r & Vi;
-      if (a || (a = Oi), e.size != t.size && !u)
-        return !1;
-      var s = i.get(e);
-      if (s)
-        return s == t;
-      r |= Ui, i.set(e, t);
-      var v = pn(a(e), a(t), r, l, o, i);
-      return i.delete(e), v;
-    case Bi:
-      if (rt)
-        return rt.call(e) == rt.call(t);
-  }
-  return !1;
-}
-var Ki = 1, qi = Object.prototype, zi = qi.hasOwnProperty;
-function Ji(e, t, n, r, l, o) {
-  var i = n & Ki, a = it(e), u = a.length, s = it(t), v = s.length;
-  if (u != v && !i)
-    return !1;
-  for (var c = u; c--; ) {
-    var f = a[c];
-    if (!(i ? f in t : zi.call(t, f)))
-      return !1;
-  }
-  var d = o.get(e), m = o.get(t);
-  if (d && m)
-    return d == t && m == e;
-  var C = !0;
-  o.set(e, t), o.set(t, e);
-  for (var S = i; ++c < u; ) {
-    f = a[c];
-    var x = e[f], $ = t[f];
-    if (r)
-      var b = i ? r($, x, f, t, e, o) : r(x, $, f, e, t, o);
-    if (!(b === void 0 ? x === $ || l(x, $, n, r, o) : b)) {
-      C = !1;
-      break;
-    }
-    S || (S = f == "constructor");
-  }
-  if (C && !S) {
-    var P = e.constructor, D = t.constructor;
-    P != D && "constructor" in e && "constructor" in t && !(typeof P == "function" && P instanceof P && typeof D == "function" && D instanceof D) && (C = !1);
-  }
-  return o.delete(e), o.delete(t), C;
-}
-var Ii = 1, Ft = "[object Arguments]", Ht = "[object Array]", Ne = "[object Object]", Xi = Object.prototype, Gt = Xi.hasOwnProperty;
-function Zi(e, t, n, r, l, o) {
-  var i = Ue(e), a = Ue(t), u = i ? Ht : W(e), s = a ? Ht : W(t);
-  u = u == Ft ? Ne : u, s = s == Ft ? Ne : s;
-  var v = u == Ne, c = s == Ne, f = u == s;
-  if (f && Ge(e)) {
-    if (!Ge(t))
-      return !1;
-    i = !0, v = !1;
-  }
-  if (f && !v)
-    return o || (o = new oe()), i || ln(e) ? pn(e, t, n, r, l, o) : Gi(e, t, u, n, r, l, o);
-  if (!(n & Ii)) {
-    var d = v && Gt.call(e, "__wrapped__"), m = c && Gt.call(t, "__wrapped__");
-    if (d || m) {
-      var C = d ? e.value() : e, S = m ? t.value() : t;
-      return o || (o = new oe()), l(C, S, n, r, o);
-    }
-  }
-  return f ? (o || (o = new oe()), Ji(e, t, n, r, l, o)) : !1;
-}
-function vn(e, t, n, r, l) {
-  return e === t ? !0 : e == null || t == null || !pe(e) && !pe(t) ? e !== e && t !== t : Zi(e, t, n, r, vn, l);
-}
-function We(e, t) {
-  return vn(e, t);
-}
-function Wi(e, t) {
-  const n = [];
-  let r = [];
-  e.forEach((i) => {
-    i.type === 0 ? n.push(i) : i.type === 1 ? r.push(i) : console.assert(!1);
-  }), n.sort((i, a) => i.position - a.position), r.sort((i, a) => i.position - a.position);
-  const l = [];
-  r.forEach((i) => {
-    n.find((a) => a.id === i.group) || l.push(i.id);
-  }), r = r.filter((i) => !l.find((a) => a === i.id));
-  const o = [];
-  return n.forEach((i) => {
-    const a = [];
-    r.forEach((u) => {
-      u.group === i.id && (u.show = !i.collapse, a.push(u));
-    }), i.count = a.length, i.count > 0 && (o.push(i), o.push(...a));
-  }), o;
-}
-function mn(e, t) {
-  return e.value.find((n) => n.id === t);
-}
-function Yi(e, t, n) {
-  for (let r = 0; r < e.value.length; r++) {
-    let l = e.value[r];
-    if (l.id === t) {
-      if (l.type !== 0) {
-        console.assert(!1, "type must be 0");
-        break;
-      }
-      for (l.collapse = n, r++; r < e.value.length && (l = e.value[r], l.type !== 0); r++)
-        l.show = !n;
-      break;
-    }
-  }
-}
-const Re = (e, t) => {
-  let n = { key: "", name: "", children: e };
-  return t.forEach((r) => {
-    if (typeof r != "number") {
-      if (!n) {
-        console.assert(!1, `unpkgProp invalid prop keys=${t}`);
+import { provide as de, inject as fe, defineComponent as J, ref as O, computed as K, resolveComponent as $, createBlock as B, openBlock as S, unref as C, isRef as pe, withCtx as R, createVNode as A, createElementBlock as H, Fragment as Ve, renderList as Be, createTextVNode as Ce, toDisplayString as Q, resolveDirective as le, withDirectives as ee, withModifiers as z, normalizeStyle as I, createElementVNode as F, createCommentVNode as Y, renderSlot as pt, h as _, mergeModels as W, useModel as G, useId as we, onUnmounted as De, withKeys as Ke, mergeProps as Ae, watchEffect as Ne, watch as ue, useTemplateRef as Re, reactive as yt, onMounted as gt, onBeforeUnmount as _t } from "vue";
+import { useI18n as te } from "vue-i18n";
+import { useViewStack as Se, useColor as ie, eventBus as ae, useSystem as Je, injectDark as ht, injectLocale as kt } from "x-essential-lib";
+import { c as He, i as Ue, m as Xe, a as Fe, b as Vt, d as re, r as ze, v as Ct, e as Ge, f as St } from "./vendor.h3srogcv.js";
+import { getPropDefault as q, pkgs as Ye, parsePixelStr as Ut, parsePercentStr as $t } from "x-runtime-lib";
+import { globalState as xt } from "x-state-lib";
+import { useDisplay as Pt } from "vuetify";
+import { XBlockly as Mt } from "x-block-lib";
+const he = (o, s) => {
+  let t = { key: "", name: "", children: o };
+  return s.forEach((e) => {
+    if (typeof e != "number") {
+      if (!t) {
+        console.assert(!1, `unpkgProp invalid prop keys=${s}`);
         return;
       }
-      if (n.ui) {
-        console.assert(!1, `unpkgProp prop ui must be invalid keys=${t}`);
+      if (t.ui) {
+        console.assert(!1, `unpkgProp prop ui must be invalid keys=${s}`);
         return;
       }
-      n = n.children.find((l) => l.key === r);
+      t = t.children.find((n) => n.key === e);
     }
-  }), n;
-}, xe = (e, t) => {
-  let n = e;
-  return t.forEach((r) => {
-    if (!n) {
-      console.assert(!1, `unpkgObject object must be valid keys=${t}`);
+  }), t;
+}, ve = (o, s) => {
+  let t = o;
+  return s.forEach((e) => {
+    if (!t) {
+      console.assert(!1, `unpkgObject object must be valid keys=${s}`);
       return;
     }
-    n = n[r];
-  }), n;
-}, Kt = (e) => !(e instanceof Array), ot = (e) => e instanceof Array, Qi = (e, t) => {
-  const n = (r, l) => {
-    if (r.ui !== l.ui || r.array !== l.array)
+    t = t[e];
+  }), t;
+}, Oe = (o) => !(o instanceof Array), Me = (o) => o instanceof Array, wt = (o, s) => {
+  const t = (e, n) => {
+    if (e.ui !== n.ui || e.array !== n.array)
       return !1;
-    if (r.ui || l.ui)
+    if (e.ui || n.ui)
       return !0;
-    if (r.children.length !== l.children.length)
+    if (e.children.length !== n.children.length)
       return !1;
-    for (let o = 0; o < r.children.length; o++)
-      if (!n(r.children[o], l.children[o]))
+    for (let l = 0; l < e.children.length; l++)
+      if (!t(e.children[l], n.children[l]))
         return !1;
     return !0;
   };
-  return n(e, t);
-}, gt = (e) => !(e instanceof Array), Ye = (e) => e instanceof Array, es = [
+  return t(o, s);
+}, be = (o) => !(o instanceof Array), $e = (o) => o instanceof Array, Dt = [
   ["basic", "id"],
   ["basic", "name"]
-], ts = (e) => es.find((t) => We(e, t)), Qe = (e, t, n, r, l, o, i) => (e = dn(e), o !== void 0 ? (e.push(o), i && e.push(t.key)) : e.push(t.key), ts(e) ? (r.change = !1, r.change) : t.ui ? t.array && r.children && Ye(r.children) ? os(
-  e,
+], At = (o) => Dt.find((s) => Ue(o, s)), xe = (o, s, t, e, n, l, i) => (o = He(o), l !== void 0 ? (o.push(l), i && o.push(s.key)) : o.push(s.key), At(o) ? (e.change = !1, e.change) : s.ui ? s.array && e.children && $e(e.children) ? Lt(
+  o,
+  s,
   t,
+  e,
   n,
-  r,
   l,
-  o,
   i
-) : ls(t, n, r, o, i) : t.array ? ns(
-  e,
+) : Nt(s, t, e, l, i) : s.array ? bt(
+  o,
+  s,
   t,
+  e,
   n,
-  r,
   l,
-  o,
   i
-) : rs(
-  e,
+) : Tt(
+  o,
+  s,
   t,
+  e,
   n,
-  r,
   l,
-  o,
   i
-)), ns = (e, t, n, r, l, o, i) => {
-  if (t.ui)
+)), bt = (o, s, t, e, n, l, i) => {
+  if (s.ui)
     return console.assert(!1, "execPropBranchArray prop ui must be invalid"), !1;
-  if (!t.array)
+  if (!s.array)
     return console.assert(!1, "execPropBranchArray prop array must be valid"), !1;
-  if (!r.children || !Ye(r.children))
+  if (!e.children || !$e(e.children))
     return console.assert(!1, "execPropBranchArray state children must be array"), !1;
   let a;
-  o !== void 0 && !i ? (n[o] instanceof Array || (n[o] = R(t), l == null || l(e, n[o])), a = n[o]) : (n[t.key] instanceof Array || (n[t.key] = R(t), l == null || l(e, n[t.key])), a = n[t.key]), r.change = !1;
+  l !== void 0 && !i ? (t[l] instanceof Array || (t[l] = q(s), n == null || n(o, t[l])), a = t[l]) : (t[s.key] instanceof Array || (t[s.key] = q(s), n == null || n(o, t[s.key])), a = t[s.key]), e.change = !1;
   for (let u = 0; u < a.length; u++) {
-    r.children.push({
+    e.children.push({
       change: !1,
       children: {}
     });
-    const s = r.children[u];
-    t.children.forEach((v) => {
-      if (!s.children || !gt(s.children)) {
+    const r = e.children[u];
+    s.children.forEach((g) => {
+      if (!r.children || !be(r.children)) {
         console.assert(!1);
         return;
       }
-      s.children[v.key] = {
+      r.children[g.key] = {
         change: !1,
-        children: v.array ? [] : {}
-      }, Qe(
-        e,
-        v,
+        children: g.array ? [] : {}
+      }, xe(
+        o,
+        g,
         a[u],
-        s.children[v.key],
-        l,
+        r.children[g.key],
+        n,
         u,
         !0
-      ) && (s.change = !0), s.change && (r.change = !0);
+      ) && (r.change = !0), r.change && (e.change = !0);
     });
   }
-  return r.change || (r.change = !We(a, R(t))), r.change;
-}, rs = (e, t, n, r, l, o, i) => {
-  if (t.ui)
+  return e.change || (e.change = !Ue(a, q(s))), e.change;
+}, Tt = (o, s, t, e, n, l, i) => {
+  if (s.ui)
     return console.assert(!1, "execPropBranchScalar prop ui must be invalid"), !1;
-  if (t.array)
+  if (s.array)
     return console.assert(!1, "execPropBranchScalar prop array must be invalid"), !1;
-  if (!r.children || !gt(r.children))
+  if (!e.children || !be(e.children))
     return console.assert(!1, "execPropBranchScalar state children must be map"), !1;
   let a;
-  o !== void 0 && !i ? (n[o] || (n[o] = {}), a = n[o]) : (n[t.key] || (n[t.key] = {}), a = n[t.key]), r.change = !1;
-  for (let u = 0; u < t.children.length; u++) {
-    const s = t.children[u];
-    r.children[s.key] = {
+  l !== void 0 && !i ? (t[l] || (t[l] = {}), a = t[l]) : (t[s.key] || (t[s.key] = {}), a = t[s.key]), e.change = !1;
+  for (let u = 0; u < s.children.length; u++) {
+    const r = s.children[u];
+    e.children[r.key] = {
       change: !1,
-      children: s.array ? [] : {}
-    }, Qe(e, s, a, r.children[s.key], l) && (r.change = !0);
+      children: r.array ? [] : {}
+    }, xe(o, r, a, e.children[r.key], n) && (e.change = !0);
   }
-  return r.change;
-}, os = (e, t, n, r, l, o, i) => {
-  if (!t.ui)
+  return e.change;
+}, Lt = (o, s, t, e, n, l, i) => {
+  if (!s.ui)
     return console.assert(!1, "execPropLeafArray prop ui must be valid"), !1;
-  if (!t.array)
+  if (!s.array)
     return console.assert(!1, "execPropLeafArray prop aray must be valid"), !1;
-  if (!r.children || !Ye(r.children))
+  if (!e.children || !$e(e.children))
     return console.assert(!1, "execPropLeafArray state children must be array"), !1;
   let a;
-  o !== void 0 && !i ? (n[o] instanceof Array || (n[o] = R(t), l == null || l(e, n[o])), a = n[o]) : (n[t.key] instanceof Array || (n[t.key] = R(t), l == null || l(e, n[t.key])), a = n[t.key]), r.change = !1;
+  l !== void 0 && !i ? (t[l] instanceof Array || (t[l] = q(s), n == null || n(o, t[l])), a = t[l]) : (t[s.key] instanceof Array || (t[s.key] = q(s), n == null || n(o, t[s.key])), a = t[s.key]), e.change = !1;
   for (let u = 0; u < a.length; u++)
-    r.children[u] = {
+    e.children[u] = {
       change: !1,
       children: {}
-    }, Qe(e, t, a, r.children[u], l, u, !1) && (r.change = !0);
-  return r.change || (r.change = !We(a, R(t))), r.change;
-}, ls = (e, t, n, r, l) => {
-  if (!e.ui)
+    }, xe(o, s, a, e.children[u], n, u, !1) && (e.change = !0);
+  return e.change || (e.change = !Ue(a, q(s))), e.change;
+}, Nt = (o, s, t, e, n) => {
+  if (!o.ui)
     return console.assert(!1, "execPropLeafScalar prop ui must be valid"), !1;
-  let o;
-  return r !== void 0 && !l ? o = t[r] : o = t[e.key], n.change = !We(o, R(e, !0)), n.change;
-}, qt = (e, t, n, r) => {
-  if (t.length <= 0 || !n) {
-    e.value = {};
+  let l;
+  return e !== void 0 && !n ? l = s[e] : l = s[o.key], t.change = !Ue(l, q(o, !0)), t.change;
+}, qe = (o, s, t, e) => {
+  if (s.length <= 0 || !t) {
+    o.value = {};
     return;
   }
-  const l = {};
-  t.forEach((o) => {
-    l[o.key] = {
+  const n = {};
+  s.forEach((l) => {
+    n[l.key] = {
       change: !1,
-      children: o.array ? [] : {}
-    }, Qe([], o, n, l[o.key], r);
-  }), e.value = l;
-}, Te = (e, t) => {
-  let n = { change: !1, children: e };
-  return t.forEach((r) => {
-    if (!n)
-      return console.assert(!1, `isPropChanged state must be valid keys=${t}`), !1;
-    if (!n.children)
-      return console.assert(!1, `isPropChanged state must be valid keys=${t}`), !1;
-    typeof r == "string" ? gt(n.children) && (n = n.children[r]) : Ye(n.children) && (n = n.children[r]);
-  }), (n == null ? void 0 : n.change) ?? !1;
-}, gn = Symbol(), yn = Symbol(), hn = Symbol(), _n = Symbol(), bn = Symbol(), $n = Symbol();
-function is(e) {
-  we(gn, e);
+      children: l.array ? [] : {}
+    }, xe([], l, t, n[l.key], e);
+  }), o.value = n;
+}, ce = (o, s) => {
+  let t = { change: !1, children: o };
+  return s.forEach((e) => {
+    if (!t)
+      return console.assert(!1, `isPropChanged state must be valid keys=${s}`), !1;
+    if (!t.children)
+      return console.assert(!1, `isPropChanged state must be valid keys=${s}`), !1;
+    typeof e == "string" ? be(t.children) && (t = t.children[e]) : $e(t.children) && (t = t.children[e]);
+  }), (t == null ? void 0 : t.change) ?? !1;
+}, We = Symbol(), Qe = Symbol(), Ze = Symbol(), Ee = Symbol(), je = Symbol(), Ie = Symbol();
+function Ot(o) {
+  de(We, o);
 }
-function yt() {
-  return Ae(gn);
+function Te() {
+  return fe(We);
 }
-function ss(e) {
-  we(yn, e);
+function qt(o) {
+  de(Qe, o);
 }
-function as() {
-  return Ae(yn);
+function Bt() {
+  return fe(Qe);
 }
-function us(e) {
-  we(hn, e);
+function Kt(o) {
+  de(Ze, o);
 }
-function cs() {
-  return Ae(hn);
+function Rt() {
+  return fe(Ze);
 }
-function fs(e) {
-  we(_n, e);
+function Jt(o) {
+  de(Ee, o);
 }
-function ds() {
-  return Ae(_n);
+function Ht() {
+  return fe(Ee);
 }
-function ps(e) {
-  we(bn, e);
+function Xt(o) {
+  de(je, o);
 }
-function vs() {
-  return Ae(bn);
+function Ft() {
+  return fe(je);
 }
-function ms(e) {
-  we($n, e);
+function zt(o) {
+  de(Ie, o);
 }
-function Tn() {
-  return Ae($n);
+function et() {
+  return fe(Ie);
 }
-const gs = /* @__PURE__ */ G({
+const Gt = /* @__PURE__ */ J({
   __name: "menu",
-  setup(e) {
-    const { t } = ie(), n = as(), r = cs(), l = ds(), o = vs(), i = N(0), a = N(0), u = N([]), s = F(() => [i.value, a.value]), v = (S) => {
-      const x = () => !(u.value.length <= 0 || !Te(l.value, u.value)), $ = () => {
-        if (!x())
+  setup(o) {
+    const { t: s } = te(), t = Bt(), e = Rt(), n = Ht(), l = Ft(), i = O(0), a = O(0), u = O([]), r = K(() => [i.value, a.value]), g = (w) => {
+      const b = () => !(u.value.length <= 0 || !ce(n.value, u.value)), P = () => {
+        if (!b())
           return;
-        const b = Re(n.value, u.value);
-        if (b)
-          if (b.ui) {
-            const P = xe(r.value, u.value.slice(0, -1));
-            if (!P)
+        const h = he(t.value, u.value);
+        if (h)
+          if (h.ui) {
+            const M = ve(e.value, u.value.slice(0, -1));
+            if (!M)
               return;
-            P[u.value.at(-1)] = R(b), o(u.value, P[u.value.at(-1)]);
-          } else if (b.array) {
-            const P = u.value.at(-1);
-            if (P === void 0) {
+            M[u.value.at(-1)] = q(h), l(u.value, M[u.value.at(-1)]);
+          } else if (h.array) {
+            const M = u.value.at(-1);
+            if (M === void 0) {
               console.assert(!1, "invalid last key");
               return;
             }
-            if (typeof P == "string") {
-              const D = xe(r.value, u.value.slice(0, -1));
-              if (!D)
+            if (typeof M == "string") {
+              const N = ve(e.value, u.value.slice(0, -1));
+              if (!N)
                 return;
-              D[u.value.at(-1)] = R(b), o(u.value, D[u.value.at(-1)]);
+              N[u.value.at(-1)] = q(h), l(u.value, N[u.value.at(-1)]);
             } else {
-              const D = xe(r.value, u.value);
-              if (!D)
+              const N = ve(e.value, u.value);
+              if (!N)
                 return;
-              b.children.forEach((Q) => {
-                D[Q.key] = R(b), o([...u.value, Q.key], D[Q.key]);
+              h.children.forEach((Z) => {
+                N[Z.key] = q(h), l([...u.value, Z.key], N[Z.key]);
               });
             }
           } else {
-            const P = xe(r.value, u.value);
-            if (!P)
+            const M = ve(e.value, u.value);
+            if (!M)
               return;
-            b.children.forEach((D) => {
-              P[D.key] = R(b), o([...u.value, D.key], P[D.key]);
+            h.children.forEach((N) => {
+              M[N.key] = q(h), l([...u.value, N.key], M[N.key]);
             });
           }
       };
-      x() && S.push({
-        title: t("x-prop-tree.reset"),
-        func: $
+      b() && w.push({
+        title: s("x-prop-tree.reset"),
+        func: P
       });
-    }, c = (S) => {
-      const x = () => {
-        const $ = Re(n.value, u.value), b = xe(r.value, u.value);
-        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: $, object: b }));
+    }, d = (w) => {
+      const b = () => {
+        const P = he(t.value, u.value), h = ve(e.value, u.value);
+        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: P, object: h }));
       };
-      S.push({
-        title: t("x-prop-tree.copy"),
-        func: x
+      w.push({
+        title: s("x-prop-tree.copy"),
+        func: b
       });
-    }, f = (S) => {
-      const x = () => {
-        const b = localStorage.getItem("propTreeCopy");
-        if (!b)
+    }, f = (w) => {
+      const b = () => {
+        const h = localStorage.getItem("propTreeCopy");
+        if (!h)
           return !1;
         try {
-          const { prop: P } = JSON.parse(b), D = Re(n.value, u.value);
-          return Qi(P, D);
-        } catch (P) {
-          console.error(P);
+          const { prop: M } = JSON.parse(h), N = he(t.value, u.value);
+          return wt(M, N);
+        } catch (M) {
+          console.error(M);
         }
         return !1;
-      }, $ = () => {
-        if (!x())
+      }, P = () => {
+        if (!b())
           return;
-        const b = localStorage.getItem("propTreeCopy");
-        if (b)
+        const h = localStorage.getItem("propTreeCopy");
+        if (h)
           try {
-            const { object: P } = JSON.parse(b), D = Re(n.value, u.value);
-            console.log(P, D);
-          } catch (P) {
-            console.error(P);
+            const { object: M } = JSON.parse(h), N = he(t.value, u.value);
+            console.log(M, N);
+          } catch (M) {
+            console.error(M);
           }
       };
-      x() && S.push({
-        title: t("x-prop-tree.paste"),
-        func: $
+      b() && w.push({
+        title: s("x-prop-tree.paste"),
+        func: P
       });
-    }, d = F(() => {
-      const S = [];
-      return v(S), c(S), f(S), S;
-    }), m = (S) => {
-      i.value = S.x, a.value = S.y, u.value = S.keys;
-    }, { open: C } = Je("propTreeMenu", m);
-    return (S, x) => {
-      const $ = V("v-list-item-title"), b = V("v-list-item"), P = V("v-list"), D = V("v-menu");
-      return A(), B(D, {
-        modelValue: w(C),
-        "onUpdate:modelValue": x[0] || (x[0] = (Q) => Ve(C) ? C.value = Q : null),
+    }, m = K(() => {
+      const w = [];
+      return g(w), d(w), f(w), w;
+    }), k = (w) => {
+      i.value = w.x, a.value = w.y, u.value = w.keys;
+    }, { open: L } = Se("propTreeMenu", k);
+    return (w, b) => {
+      const P = $("v-list-item-title"), h = $("v-list-item"), M = $("v-list"), N = $("v-menu");
+      return S(), B(N, {
+        modelValue: C(L),
+        "onUpdate:modelValue": b[0] || (b[0] = (Z) => pe(L) ? L.value = Z : null),
         "location-strategy": "connected",
-        target: s.value,
+        target: r.value,
         scrim: "transparent"
       }, {
-        default: H(() => [
-          k(P, null, {
-            default: H(() => [
-              (A(!0), K(He, null, zt(d.value, (Q, et) => (A(), B(b, {
-                key: et,
+        default: R(() => [
+          A(M, null, {
+            default: R(() => [
+              (S(!0), H(Ve, null, Be(m.value, (Z, Pe) => (S(), B(h, {
+                key: Pe,
                 link: "",
-                onClick: Q.func
+                onClick: Z.func
               }, {
-                default: H(() => [
-                  k($, null, {
-                    default: H(() => [
-                      ze(Y(Q.title), 1)
+                default: R(() => [
+                  A(P, null, {
+                    default: R(() => [
+                      Ce(Q(Z.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -1032,9 +325,7 @@ const gs = /* @__PURE__ */ G({
       }, 8, ["modelValue", "target"]);
     };
   }
-});
-var Sn = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", wn = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", An = "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", _e = "M19,13H5V11H19V13Z", ys = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
-const Be = /* @__PURE__ */ G({
+}), ke = /* @__PURE__ */ J({
   __name: "title",
   props: {
     title: {},
@@ -1044,167 +335,167 @@ const Be = /* @__PURE__ */ G({
     index: { default: 0 }
   },
   emits: ["collapse", "menu", "create", "delete"],
-  setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = me(), l = t, o = N(!1), i = F(() => ({
-      background: o.value ? r.value : n.value,
+  setup(o, { emit: s }) {
+    const { backgroundColor2: t, highlightColor: e } = ie(), n = s, l = O(!1), i = K(() => ({
+      background: l.value ? e.value : t.value,
       height: "36px",
       marginBottom: "1px",
       userSelect: "none"
     })), a = () => {
-      l("collapse", !e.collapse);
-    }, u = (s) => {
-      l("menu", s.clientX, s.clientY);
+      n("collapse", !o.collapse);
+    }, u = (r) => {
+      n("menu", r.clientX, r.clientY);
     };
-    return (s, v) => {
-      const c = V("v-icon"), f = V("v-spacer"), d = V("v-btn"), m = ce("ripple");
-      return le((A(), K("div", {
+    return (r, g) => {
+      const d = $("v-icon"), f = $("v-spacer"), m = $("v-btn"), k = le("ripple");
+      return ee((S(), H("div", {
         class: "d-flex align-center cursor-pointer",
-        style: re(i.value),
+        style: I(i.value),
         onClick: a,
-        onContextmenu: J(u, ["self", "prevent"]),
-        onMouseover: v[2] || (v[2] = (C) => o.value = !0),
-        onMouseout: v[3] || (v[3] = (C) => o.value = !1)
+        onContextmenu: z(u, ["self", "prevent"]),
+        onMouseover: g[2] || (g[2] = (L) => l.value = !0),
+        onMouseout: g[3] || (g[3] = (L) => l.value = !1)
       }, [
-        k(c, {
+        A(d, {
           class: "mr-1",
-          icon: s.collapse ? w(wn) : w(Sn)
+          icon: r.collapse ? C(Xe) : C(Fe)
         }, null, 8, ["icon"]),
-        z("span", null, Y(s.title), 1),
-        k(f),
-        s.hasCreate ? (A(), B(d, {
+        F("span", null, Q(r.title), 1),
+        A(f),
+        r.hasCreate ? (S(), B(m, {
           key: 0,
           class: "mx-3",
           variant: "text",
           density: "compact",
-          icon: w(ys),
-          onClick: v[0] || (v[0] = J((C) => l("create"), ["stop"]))
-        }, null, 8, ["icon"])) : X("", !0),
-        s.hasDelete ? (A(), B(d, {
+          icon: C(Vt),
+          onClick: g[0] || (g[0] = z((L) => n("create"), ["stop"]))
+        }, null, 8, ["icon"])) : Y("", !0),
+        r.hasDelete ? (S(), B(m, {
           key: 1,
           class: "mx-3",
           variant: "text",
           density: "compact",
-          icon: w(_e),
-          onClick: v[1] || (v[1] = J((C) => l("delete", s.index), ["stop"]))
-        }, null, 8, ["icon"])) : X("", !0)
+          icon: C(re),
+          onClick: g[1] || (g[1] = z((L) => n("delete", r.index), ["stop"]))
+        }, null, 8, ["icon"])) : Y("", !0)
       ], 36)), [
-        [m]
+        [k]
       ]);
     };
   }
-}), hs = /* @__PURE__ */ G({
+}), Yt = /* @__PURE__ */ J({
   __name: "entry",
   props: {
     minHeight: {}
   },
   emits: ["menu"],
-  setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = me(), l = t, o = N(!1), i = F(() => ({
-      background: o.value ? r.value : n.value,
-      minHeight: e.minHeight,
+  setup(o, { emit: s }) {
+    const { backgroundColor2: t, highlightColor: e } = ie(), n = s, l = O(!1), i = K(() => ({
+      background: l.value ? e.value : t.value,
+      minHeight: o.minHeight,
       paddingRight: "4px",
       marginBottom: "1px",
       userSelect: "none"
     })), a = (u) => {
-      l("menu", u.clientX, u.clientY);
+      n("menu", u.clientX, u.clientY);
     };
-    return (u, s) => {
-      const v = ce("ripple");
-      return le((A(), K("div", {
+    return (u, r) => {
+      const g = le("ripple");
+      return ee((S(), H("div", {
         class: "d-flex justify-space-between align-center cursor-pointer",
-        style: re(i.value),
-        onContextmenu: J(a, ["self", "prevent"]),
-        onMouseover: s[0] || (s[0] = (c) => o.value = !0),
-        onMouseout: s[1] || (s[1] = (c) => o.value = !1)
+        style: I(i.value),
+        onContextmenu: z(a, ["self", "prevent"]),
+        onMouseover: r[0] || (r[0] = (d) => l.value = !0),
+        onMouseout: r[1] || (r[1] = (d) => l.value = !1)
       }, [
-        Bn(u.$slots, "default")
+        pt(u.$slots, "default")
       ], 36)), [
-        [v]
+        [g]
       ]);
     };
   }
 });
-function _s(e, t, n) {
-  const { t: r } = ie();
-  return { renderProp: (o, i, a) => {
-    const u = o.at(-1);
-    let v = typeof u == "number" ? `[${u + 1}]` : r(i.name);
-    return Te(e.value, o) && (v += " *"), _(
-      hs,
+function Wt(o, s, t) {
+  const { t: e } = te();
+  return { renderProp: (l, i, a) => {
+    const u = l.at(-1);
+    let g = typeof u == "number" ? `[${u + 1}]` : e(i.name);
+    return ce(o.value, l) && (g += " *"), _(
+      Yt,
       {
-        minHeight: t.value,
-        onMenu: (c, f) => {
-          $e.emit("propTreeMenu", { x: c, y: f, keys: o });
+        minHeight: s.value,
+        onMenu: (d, f) => {
+          ae.emit("propTreeMenu", { x: d, y: f, keys: l });
         }
       },
       () => [
-        _("span", { class: "ml-1", innerHTML: v }),
-        _("div", { style: { width: n.value } }, a)
+        _("span", { class: "ml-1", innerHTML: g }),
+        _("div", { style: { width: t.value } }, a)
       ]
     );
   } };
 }
-const ae = (e, t, n, r, l, o) => {
-  if (l !== void 0)
-    if (o) {
-      if (n[t.key] === void 0) {
-        const i = R(t);
-        i !== void 0 && (n[t.key] = i, r(e, n[t.key]));
+const ne = (o, s, t, e, n, l) => {
+  if (n !== void 0)
+    if (l) {
+      if (t[s.key] === void 0) {
+        const i = q(s);
+        i !== void 0 && (t[s.key] = i, e(o, t[s.key]));
       }
-      return n[t.key];
+      return t[s.key];
     } else {
-      if (n[l] === void 0) {
-        const i = R(t, !0);
-        i !== void 0 && (n[l] = i, r(e, n[l]));
+      if (t[n] === void 0) {
+        const i = q(s, !0);
+        i !== void 0 && (t[n] = i, e(o, t[n]));
       }
-      return n[l];
+      return t[n];
     }
   else {
-    if (n[t.key] === void 0) {
-      const i = R(t);
-      i !== void 0 && (n[t.key] = i, r(e, n[t.key]));
+    if (t[s.key] === void 0) {
+      const i = q(s);
+      i !== void 0 && (t[s.key] = i, e(o, t[s.key]));
     }
-    return n[t.key];
+    return t[s.key];
   }
-}, fe = (e, t, n, r, l, o, i) => {
-  if (o !== void 0)
-    i ? r !== n[t.key] && (n[t.key] = r, l(e, n[t.key])) : r !== n[o] && (n[o] = r, l(e, n[o]));
+}, oe = (o, s, t, e, n, l, i) => {
+  if (l !== void 0)
+    i ? e !== t[s.key] && (t[s.key] = e, n(o, t[s.key])) : e !== t[l] && (t[l] = e, n(o, t[l]));
   else {
-    let a = r;
-    (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, l(e, n[t.key]));
+    let a = e;
+    (s.ui === "switch" || s.ui === "select" || s.ui === "colorPicker" || s.ui === "multiTypes" || s.ui === "compSelect") && (e || (a = void 0)), a !== t[s.key] && (t[s.key] = a, n(o, t[s.key]));
   }
 };
-function bs(e) {
-  return { renderUiDummy: (n, r, l, o, i) => {
-    if (r.ui !== "dummy") {
+function Qt(o) {
+  return { renderUiDummy: (t, e, n, l, i) => {
+    if (e.ui !== "dummy") {
       console.assert(!1, "renderUiDummy prop ui must be dummy");
       return;
     }
-    ae(n, r, l, e, o, i);
+    ne(t, e, n, o, l, i);
   } };
 }
-const $s = { class: "d-flex justify-space-between align-center" }, Ts = /* @__PURE__ */ G({
+const Zt = { class: "d-flex justify-space-between align-center" }, Et = /* @__PURE__ */ J({
   __name: "strInput",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
-  setup(e, { emit: t }) {
-    const n = I(e, "modelValue"), r = t;
-    return (l, o) => {
-      const i = V("v-text-field"), a = V("v-btn"), u = ce("ripple");
-      return A(), K("div", $s, [
-        le(k(i, {
-          modelValue: n.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (s) => n.value = s),
+  emits: /* @__PURE__ */ W(["delete"], ["update:modelValue"]),
+  setup(o, { emit: s }) {
+    const t = G(o, "modelValue"), e = s;
+    return (n, l) => {
+      const i = $("v-text-field"), a = $("v-btn"), u = le("ripple");
+      return S(), H("div", Zt, [
+        ee(A(i, {
+          modelValue: t.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (r) => t.value = r),
           density: "compact",
           "hide-details": "",
           "single-line": "",
-          readonly: l.readonly
+          readonly: n.readonly
         }, null, 8, ["modelValue", "readonly"]), [
           [
             u,
@@ -1213,49 +504,49 @@ const $s = { class: "d-flex justify-space-between align-center" }, Ts = /* @__PU
             { stop: !0 }
           ]
         ]),
-        l.hasDelete ? (A(), B(a, {
+        n.hasDelete ? (S(), B(a, {
           key: 0,
           class: "mx-2",
           variant: "text",
           density: "compact",
-          icon: w(_e),
-          onClick: o[1] || (o[1] = J((s) => r("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : X("", !0)
+          icon: C(re),
+          onClick: l[1] || (l[1] = z((r) => e("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : Y("", !0)
       ]);
     };
   }
 });
-function Ss(e) {
-  return { renderUiStrInput: (n, r, l, o, i) => r.ui !== "strInput" ? (console.assert(!1), _("div", "renderUiStrInput prop ui must be strInput")) : _(Ts, {
-    modelValue: r.static ? r.value : ae(
-      n,
-      r,
-      l,
+function jt(o) {
+  return { renderUiStrInput: (t, e, n, l, i) => e.ui !== "strInput" ? (console.assert(!1), _("div", "renderUiStrInput prop ui must be strInput")) : _(Et, {
+    modelValue: e.static ? e.value : ne(
+      t,
       e,
+      n,
       o,
+      l,
       i
     ),
     "onUpdate:modelValue": (a) => {
-      r.static || fe(
+      e.static || oe(
+        t,
+        e,
         n,
-        r,
-        l,
         a,
-        e,
         o,
+        l,
         i
       );
     },
-    hasDelete: o !== void 0 && !i,
+    hasDelete: l !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (l.splice(o, 1), e(n.slice(0, -1), l));
+      l === void 0 || i || (n.splice(l, 1), o(t.slice(0, -1), n));
     },
-    readonly: r.static || r.readonly
+    readonly: e.static || e.readonly
   }) };
 }
-const ws = { class: "d-flex justify-space-between align-center" }, As = /* @__PURE__ */ G({
+const It = { class: "d-flex justify-space-between align-center" }, en = /* @__PURE__ */ J({
   __name: "numInput",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     hasDelete: { type: Boolean, default: !1 },
     precision: { default: () => {
     } },
@@ -1267,24 +558,24 @@ const ws = { class: "d-flex justify-space-between align-center" }, As = /* @__PU
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
-  setup(e, { emit: t }) {
-    const n = I(e, "modelValue"), r = t;
-    return (l, o) => {
-      const i = V("v-number-input"), a = V("v-btn"), u = ce("ripple");
-      return A(), K("div", ws, [
-        le(k(i, {
-          modelValue: n.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (s) => n.value = s),
+  emits: /* @__PURE__ */ W(["delete"], ["update:modelValue"]),
+  setup(o, { emit: s }) {
+    const t = G(o, "modelValue"), e = s;
+    return (n, l) => {
+      const i = $("v-number-input"), a = $("v-btn"), u = le("ripple");
+      return S(), H("div", It, [
+        ee(A(i, {
+          modelValue: t.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (r) => t.value = r),
           density: "compact",
           "control-variant": "stacked",
-          precision: l.precision,
-          min: l.min,
-          max: l.max,
-          step: l.step,
+          precision: n.precision,
+          min: n.min,
+          max: n.max,
+          step: n.step,
           "hide-details": "",
           "single-line": "",
-          readonly: l.readonly
+          readonly: n.readonly
         }, null, 8, ["modelValue", "precision", "min", "max", "step", "readonly"]), [
           [
             u,
@@ -1293,117 +584,117 @@ const ws = { class: "d-flex justify-space-between align-center" }, As = /* @__PU
             { stop: !0 }
           ]
         ]),
-        l.hasDelete ? (A(), B(a, {
+        n.hasDelete ? (S(), B(a, {
           key: 0,
           class: "mx-2",
           variant: "text",
           density: "compact",
-          icon: w(_e),
-          onClick: o[1] || (o[1] = J((s) => r("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : X("", !0)
+          icon: C(re),
+          onClick: l[1] || (l[1] = z((r) => e("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : Y("", !0)
       ]);
     };
   }
 });
-function Cs(e) {
-  return { renderUiNumInput: (n, r, l, o, i) => r.ui !== "numInput" ? (console.assert(!1), _("div", "renderUiNumInput prop ui must be numInput")) : _(As, {
-    modelValue: ae(
-      n,
-      r,
-      l,
+function tn(o) {
+  return { renderUiNumInput: (t, e, n, l, i) => e.ui !== "numInput" ? (console.assert(!1), _("div", "renderUiNumInput prop ui must be numInput")) : _(en, {
+    modelValue: ne(
+      t,
       e,
+      n,
       o,
+      l,
       i
     ),
     "onUpdate:modelValue": (a) => {
-      fe(
+      oe(
+        t,
+        e,
         n,
-        r,
-        l,
         a,
-        e,
         o,
+        l,
         i
       );
     },
-    hasDelete: o !== void 0 && !i,
+    hasDelete: l !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (l.splice(o, 1), e(n.slice(0, -1), l));
+      l === void 0 || i || (n.splice(l, 1), o(t.slice(0, -1), n));
     },
-    precision: r.precision,
-    min: r.min,
-    max: r.max,
-    step: r.step,
-    readonly: r.readonly
+    precision: e.precision,
+    min: e.min,
+    max: e.max,
+    step: e.step,
+    readonly: e.readonly
   }) };
 }
-const Ps = { class: "d-flex justify-space-between align-center" }, xs = /* @__PURE__ */ G({
+const nn = { class: "d-flex justify-space-between align-center" }, ln = /* @__PURE__ */ J({
   __name: "switch",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
-  setup(e, { emit: t }) {
-    const n = I(e, "modelValue"), r = t;
-    return (l, o) => {
-      const i = V("v-switch"), a = V("v-btn");
-      return A(), K("div", Ps, [
-        k(i, {
-          modelValue: n.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (u) => n.value = u),
+  emits: /* @__PURE__ */ W(["delete"], ["update:modelValue"]),
+  setup(o, { emit: s }) {
+    const t = G(o, "modelValue"), e = s;
+    return (n, l) => {
+      const i = $("v-switch"), a = $("v-btn");
+      return S(), H("div", nn, [
+        A(i, {
+          modelValue: t.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (u) => t.value = u),
           class: "ml-1",
           density: "compact",
           color: "primary",
           "hide-details": "",
-          readonly: l.readonly
+          readonly: n.readonly
         }, null, 8, ["modelValue", "readonly"]),
-        l.hasDelete ? (A(), B(a, {
+        n.hasDelete ? (S(), B(a, {
           key: 0,
           class: "mx-2",
           variant: "text",
           density: "compact",
-          icon: w(_e),
-          onClick: o[1] || (o[1] = J((u) => r("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : X("", !0)
+          icon: C(re),
+          onClick: l[1] || (l[1] = z((u) => e("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : Y("", !0)
       ]);
     };
   }
 });
-function Os(e) {
-  return { renderUiSwitch: (n, r, l, o, i) => r.ui !== "switch" ? (console.assert(!1), _("div", "renderUiSwitch prop ui must be switch")) : _(xs, {
-    modelValue: ae(
-      n,
-      r,
-      l,
+function on(o) {
+  return { renderUiSwitch: (t, e, n, l, i) => e.ui !== "switch" ? (console.assert(!1), _("div", "renderUiSwitch prop ui must be switch")) : _(ln, {
+    modelValue: ne(
+      t,
       e,
+      n,
       o,
+      l,
       i
     ) ?? !1,
     "onUpdate:modelValue": (a) => {
-      fe(
+      oe(
+        t,
+        e,
         n,
-        r,
-        l,
         a,
-        e,
         o,
+        l,
         i
       );
     },
-    hasDelete: o !== void 0 && !i,
+    hasDelete: l !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (l.splice(o, 1), e(n.slice(0, 1), l));
+      l === void 0 || i || (n.splice(l, 1), o(t.slice(0, 1), n));
     },
-    readonly: r.readonly
+    readonly: e.readonly
   }) };
 }
-const Vs = { class: "d-flex justify-space-between align-center" }, Us = /* @__PURE__ */ G({
+const sn = { class: "d-flex justify-space-between align-center" }, rn = /* @__PURE__ */ J({
   __name: "select",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 },
     items: {}
@@ -1411,21 +702,21 @@ const Vs = { class: "d-flex justify-space-between align-center" }, Us = /* @__PU
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
-  setup(e, { emit: t }) {
-    const { t: n } = ie(), r = I(e, "modelValue"), l = t, o = yt(), i = F(() => {
+  emits: /* @__PURE__ */ W(["delete"], ["update:modelValue"]),
+  setup(o, { emit: s }) {
+    const { t } = te(), e = G(o, "modelValue"), n = s, l = Te(), i = K(() => {
       var u;
       const a = [];
-      return (u = Zt[o.value]) == null || u.items[e.items].forEach(({ title: s, value: v }) => {
-        a.push({ title: n(s), value: v });
+      return (u = Ye[l.value]) == null || u.items[o.items].forEach(({ title: r, value: g }) => {
+        a.push({ title: t(r), value: g });
       }), a;
     });
     return (a, u) => {
-      const s = V("v-select"), v = V("v-btn"), c = ce("ripple");
-      return A(), K("div", Vs, [
-        le(k(s, {
-          modelValue: r.value,
-          "onUpdate:modelValue": u[0] || (u[0] = (f) => r.value = f),
+      const r = $("v-select"), g = $("v-btn"), d = le("ripple");
+      return S(), H("div", sn, [
+        ee(A(r, {
+          modelValue: e.value,
+          "onUpdate:modelValue": u[0] || (u[0] = (f) => e.value = f),
           density: "compact",
           items: i.value,
           "hide-details": "",
@@ -1433,54 +724,54 @@ const Vs = { class: "d-flex justify-space-between align-center" }, Us = /* @__PU
           readonly: a.readonly
         }, null, 8, ["modelValue", "items", "readonly"]), [
           [
-            c,
+            d,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        a.hasDelete ? (A(), B(v, {
+        a.hasDelete ? (S(), B(g, {
           key: 0,
           class: "mx-2",
           variant: "text",
           density: "compact",
-          icon: w(_e),
-          onClick: u[1] || (u[1] = J((f) => l("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : X("", !0)
+          icon: C(re),
+          onClick: u[1] || (u[1] = z((f) => n("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : Y("", !0)
       ]);
     };
   }
 });
-function Ms(e) {
-  return { renderUiSelect: (n, r, l, o, i) => r.ui !== "select" ? (console.assert(!1), _("div", "renderUiSelect prop ui must be select")) : _(Us, {
-    modelValue: ae(
-      n,
-      r,
-      l,
+function un(o) {
+  return { renderUiSelect: (t, e, n, l, i) => e.ui !== "select" ? (console.assert(!1), _("div", "renderUiSelect prop ui must be select")) : _(rn, {
+    modelValue: ne(
+      t,
       e,
+      n,
       o,
+      l,
       i
     ) ?? "",
     "onUpdate:modelValue": (a) => {
-      fe(
+      oe(
+        t,
+        e,
         n,
-        r,
-        l,
         a,
-        e,
         o,
+        l,
         i
       );
     },
-    hasDelete: o !== void 0 && !i,
+    hasDelete: l !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (l.splice(o, 1), e(n.slice(0, -1), l));
+      l === void 0 || i || (n.splice(l, 1), o(t.slice(0, -1), n));
     },
-    items: r.items,
-    readonly: r.readonly
+    items: e.items,
+    readonly: e.readonly
   }) };
 }
-const Ls = { class: "text-subtitle-2 ml-1" }, Ds = { class: "text-caption text-grey ml-1" }, js = /* @__PURE__ */ G({
+const an = { class: "text-subtitle-2 ml-1" }, cn = { class: "text-caption text-grey ml-1" }, dn = /* @__PURE__ */ J({
   __name: "group",
   props: {
     id: {},
@@ -1489,66 +780,66 @@ const Ls = { class: "text-subtitle-2 ml-1" }, Ds = { class: "text-caption text-g
     count: {}
   },
   emits: ["x-click"],
-  setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = me(), l = e, o = t, i = N(!1), a = F(() => ({
-      background: i.value ? r.value : n.value,
+  setup(o, { emit: s }) {
+    const { backgroundColor2: t, highlightColor: e } = ie(), n = o, l = s, i = O(!1), a = K(() => ({
+      background: i.value ? e.value : t.value,
       height: "30px",
       marginBottom: "1px",
       userSelect: "none"
     }));
-    return (u, s) => {
-      const v = V("v-icon"), c = ce("ripple");
-      return le((A(), K("div", {
+    return (u, r) => {
+      const g = $("v-icon"), d = le("ripple");
+      return ee((S(), H("div", {
         class: "d-flex align-center cursor-pointer",
-        style: re(a.value),
-        onClick: s[0] || (s[0] = (f) => o("x-click", l.id)),
-        onMouseover: s[1] || (s[1] = (f) => i.value = !0),
-        onMouseout: s[2] || (s[2] = (f) => i.value = !1)
+        style: I(a.value),
+        onClick: r[0] || (r[0] = (f) => l("x-click", n.id)),
+        onMouseover: r[1] || (r[1] = (f) => i.value = !0),
+        onMouseout: r[2] || (r[2] = (f) => i.value = !1)
       }, [
-        k(v, {
-          icon: l.collapse ? w(wn) : w(Sn),
+        A(g, {
+          icon: n.collapse ? C(Xe) : C(Fe),
           size: "small"
         }, null, 8, ["icon"]),
-        z("span", Ls, Y(l.title), 1),
-        z("span", Ds, Y(l.count), 1)
+        F("span", an, Q(n.title), 1),
+        F("span", cn, Q(n.count), 1)
       ], 36)), [
-        [c]
+        [d]
       ]);
     };
   }
-}), ks = { class: "text-subtitle-1 ml-6" }, Es = /* @__PURE__ */ G({
+}), fn = { class: "text-subtitle-1 ml-6" }, mn = /* @__PURE__ */ J({
   __name: "item",
   props: {
     id: {},
     title: {}
   },
   emits: ["x-click"],
-  setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = me(), l = e, o = t, i = N(!1), a = F(() => ({
-      background: i.value ? r.value : n.value,
+  setup(o, { emit: s }) {
+    const { backgroundColor2: t, highlightColor: e } = ie(), n = o, l = s, i = O(!1), a = K(() => ({
+      background: i.value ? e.value : t.value,
       height: "48px",
       marginBottom: "1px",
       userSelect: "none"
     }));
-    return (u, s) => {
-      const v = ce("ripple");
-      return le((A(), K("div", {
+    return (u, r) => {
+      const g = le("ripple");
+      return ee((S(), H("div", {
         class: "d-flex align-center cursor-pointer",
-        style: re(a.value),
-        onClick: s[0] || (s[0] = (c) => o("x-click", l.id)),
-        onMouseover: s[1] || (s[1] = (c) => i.value = !0),
-        onMouseout: s[2] || (s[2] = (c) => i.value = !1)
+        style: I(a.value),
+        onClick: r[0] || (r[0] = (d) => l("x-click", n.id)),
+        onMouseover: r[1] || (r[1] = (d) => i.value = !0),
+        onMouseout: r[2] || (r[2] = (d) => i.value = !1)
       }, [
-        z("span", ks, Y(l.title), 1)
+        F("span", fn, Q(n.title), 1)
       ], 36)), [
-        [v]
+        [g]
       ]);
     };
   }
-}), Ns = { key: 0 }, Rs = {
+}), vn = { key: 0 }, pn = {
   key: 1,
   class: "text-body-2 text-grey ml-3"
-}, Bs = /* @__PURE__ */ G({
+}, yn = /* @__PURE__ */ J({
   __name: "index",
   props: {
     modelValue: {},
@@ -1557,128 +848,128 @@ const Ls = { class: "text-subtitle-2 ml-1" }, Ds = { class: "text-caption text-g
     openModifiers: {}
   },
   emits: ["update:modelValue", "update:open"],
-  setup(e) {
-    const { t } = ie(), n = I(e, "modelValue"), r = I(e, "open"), l = Tn(), o = (a) => {
-      const u = mn(l, a);
-      u && Yi(l, a, !u.collapse);
+  setup(o) {
+    const { t: s } = te(), t = G(o, "modelValue"), e = G(o, "open"), n = et(), l = (a) => {
+      const u = ze(n, a);
+      u && Ct(n, a, !u.collapse);
     }, i = (a) => {
-      n.value = a, r.value = !1, $e.emit("refreshDepends");
+      t.value = a, e.value = !1, ae.emit("refreshDepends");
     };
-    return (a, u) => w(l).length > 0 ? (A(), K("div", Ns, [
-      (A(!0), K(He, null, zt(w(l), (s) => (A(), K(He, {
-        key: s.id
+    return (a, u) => C(n).length > 0 ? (S(), H("div", vn, [
+      (S(!0), H(Ve, null, Be(C(n), (r) => (S(), H(Ve, {
+        key: r.id
       }, [
-        s.type === 0 ? (A(), B(js, {
+        r.type === 0 ? (S(), B(dn, {
           key: 0,
-          id: s.id,
-          title: s.name,
-          collapse: s.collapse,
-          count: s.count ?? 0,
-          onXClick: o
-        }, null, 8, ["id", "title", "collapse", "count"])) : X("", !0),
-        s.type === 1 && s.show ? (A(), B(Es, {
+          id: r.id,
+          title: r.name,
+          collapse: r.collapse,
+          count: r.count ?? 0,
+          onXClick: l
+        }, null, 8, ["id", "title", "collapse", "count"])) : Y("", !0),
+        r.type === 1 && r.show ? (S(), B(mn, {
           key: 1,
-          id: s.id,
-          title: s.name,
+          id: r.id,
+          title: r.name,
           onXClick: i
-        }, null, 8, ["id", "title"])) : X("", !0)
+        }, null, 8, ["id", "title"])) : Y("", !0)
       ], 64))), 128))
-    ])) : (A(), K("div", Rs, Y(w(t)("x-prop-tree.noComp")), 1));
+    ])) : (S(), H("div", pn, Q(C(s)("x-prop-tree.noComp")), 1));
   }
-}), Fs = { class: "text-subtitle-1 ml-3" }, Hs = /* @__PURE__ */ G({
+}), gn = { class: "text-subtitle-1 ml-3" }, _n = /* @__PURE__ */ J({
   __name: "index",
   props: {
     modelValue: {},
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(e) {
-    const { t } = ie(), n = Xn(), { sysBarAvail: r } = Xt(), { backgroundColor1: l } = me(), o = I(e, "modelValue"), i = Tn(), a = F(() => {
+  setup(o) {
+    const { t: s } = te(), t = Pt(), { sysBarAvail: e } = Je(), { backgroundColor1: n } = ie(), l = G(o, "modelValue"), i = et(), a = K(() => {
       let f = "100%";
-      return n.mdAndUp.value && (f = "400px"), {
-        background: l.value,
+      return t.mdAndUp.value && (f = "400px"), {
+        background: n.value,
         width: f,
         height: "100%"
       };
-    }), u = F(() => {
+    }), u = K(() => {
       let f = 48;
-      return r.value && (f += 24), {
+      return e.value && (f += 24), {
         position: "relative",
         height: `calc(100% - ${f}px)`
       };
-    }), s = F(() => ({
+    }), r = K(() => ({
       height: "60px"
-    })), v = F(() => {
-      if (!o.value)
-        return t("x-runtime-lib.notSet");
-      const f = mn(i, o.value);
-      return f ? f.name : t("x-runtime-lib.compNotAvail");
-    }), { open: c } = Je(`propTreeCompSelectDlg${ct()}`);
-    return ft(() => {
-      c.value = !1;
-    }), (f, d) => {
-      const m = V("v-btn"), C = V("v-sheet"), S = V("v-icon"), x = V("v-dialog");
-      return A(), B(x, {
-        modelValue: w(c),
-        "onUpdate:modelValue": d[5] || (d[5] = ($) => Ve(c) ? c.value = $ : null),
+    })), g = K(() => {
+      if (!l.value)
+        return s("x-runtime-lib.notSet");
+      const f = ze(i, l.value);
+      return f ? f.name : s("x-runtime-lib.compNotAvail");
+    }), { open: d } = Se(`propTreeCompSelectDlg${we()}`);
+    return De(() => {
+      d.value = !1;
+    }), (f, m) => {
+      const k = $("v-btn"), L = $("v-sheet"), w = $("v-icon"), b = $("v-dialog");
+      return S(), B(b, {
+        modelValue: C(d),
+        "onUpdate:modelValue": m[5] || (m[5] = (P) => pe(d) ? d.value = P : null),
         transition: "scroll-x-reverse-transition",
         persistent: "",
         "no-click-animation": "",
         fullscreen: "",
-        onKeydown: d[6] || (d[6] = Jt(J(($) => c.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: m[6] || (m[6] = Ke(z((P) => d.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: H(({ props: $ }) => [
-          k(m, dt($, {
+        activator: R(({ props: P }) => [
+          A(k, Ae(P, {
             density: "comfortable",
             block: ""
           }), {
-            default: H(() => [
-              ze(Y(v.value), 1)
+            default: R(() => [
+              Ce(Q(g.value), 1)
             ]),
             _: 2
           }, 1040)
         ]),
-        default: H(() => [
-          z("div", {
+        default: R(() => [
+          F("div", {
             class: "w-100 h-100 d-flex flex-row-reverse",
-            onClick: d[3] || (d[3] = J(($) => c.value = !1, ["self"])),
-            onContextmenu: d[4] || (d[4] = J(($) => c.value = !1, ["self", "prevent"]))
+            onClick: m[3] || (m[3] = z((P) => d.value = !1, ["self"])),
+            onContextmenu: m[4] || (m[4] = z((P) => d.value = !1, ["self", "prevent"]))
           }, [
-            z("div", {
+            F("div", {
               class: "elevation-2",
-              style: re(a.value)
+              style: I(a.value)
             }, [
-              w(r) ? (A(), B(C, {
+              C(e) ? (S(), B(L, {
                 key: 0,
                 color: "transparent",
                 height: 24
-              })) : X("", !0),
-              k(C, {
+              })) : Y("", !0),
+              A(L, {
                 class: "d-flex align-center px-3",
                 color: "transparent",
                 height: 48
               }, {
-                default: H(() => [
-                  k(S, {
-                    icon: w(An),
-                    onClick: d[0] || (d[0] = ($) => c.value = !1)
+                default: R(() => [
+                  A(w, {
+                    icon: C(Ge),
+                    onClick: m[0] || (m[0] = (P) => d.value = !1)
                   }, null, 8, ["icon"]),
-                  z("span", Fs, Y(w(t)("x-prop-tree.dlg.compSelect.title")), 1)
+                  F("span", gn, Q(C(s)("x-prop-tree.dlg.compSelect.title")), 1)
                 ]),
                 _: 1
               }),
-              z("div", {
+              F("div", {
                 class: "overflow-y-auto",
-                style: re(u.value)
+                style: I(u.value)
               }, [
-                k(Bs, {
-                  modelValue: o.value,
-                  "onUpdate:modelValue": d[1] || (d[1] = ($) => o.value = $),
-                  open: w(c),
-                  "onUpdate:open": d[2] || (d[2] = ($) => Ve(c) ? c.value = $ : null)
+                A(yn, {
+                  modelValue: l.value,
+                  "onUpdate:modelValue": m[1] || (m[1] = (P) => l.value = P),
+                  open: C(d),
+                  "onUpdate:open": m[2] || (m[2] = (P) => pe(d) ? d.value = P : null)
                 }, null, 8, ["modelValue", "open"]),
-                z("div", {
-                  style: re(s.value)
+                F("div", {
+                  style: I(r.value)
                 }, null, 4)
               ], 4)
             ], 4)
@@ -1689,88 +980,88 @@ const Ls = { class: "text-subtitle-2 ml-1" }, Ds = { class: "text-caption text-g
     };
   }
 });
-function Gs(e) {
-  return { renderUiCompSelect: (n, r, l, o, i) => r.ui !== "compSelect" ? (console.assert(!1), _("div", "renderUiCompSelect prop ui must be compSelect")) : _(Hs, {
-    modelValue: ae(
-      n,
-      r,
-      l,
+function hn(o) {
+  return { renderUiCompSelect: (t, e, n, l, i) => e.ui !== "compSelect" ? (console.assert(!1), _("div", "renderUiCompSelect prop ui must be compSelect")) : _(_n, {
+    modelValue: ne(
+      t,
       e,
+      n,
       o,
+      l,
       i
     ),
     "onUpdate:modelValue": (a) => {
-      fe(
+      oe(
+        t,
+        e,
         n,
-        r,
-        l,
         a,
-        e,
         o,
+        l,
         i
       );
     }
   }) };
 }
-const Ks = { class: "d-flex justify-space-between align-center" }, qs = /* @__PURE__ */ G({
+const kn = { class: "d-flex justify-space-between align-center" }, Vn = /* @__PURE__ */ J({
   __name: "colorPicker",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
-  setup(e, { emit: t }) {
-    const { t: n } = ie(), r = I(e, "modelValue"), l = t, o = F(() => {
+  emits: /* @__PURE__ */ W(["delete"], ["update:modelValue"]),
+  setup(o, { emit: s }) {
+    const { t } = te(), e = G(o, "modelValue"), n = s, l = K(() => {
       let u = "100%";
-      return e.hasDelete && (u = "calc(100% - 37px)"), {
+      return o.hasDelete && (u = "calc(100% - 37px)"), {
         width: u
       };
-    }), i = F(() => e.readonly), { open: a } = Je(`propTreeColorPickerMenu${ct()}`);
-    return ft(() => {
+    }), i = K(() => o.readonly), { open: a } = Se(`propTreeColorPickerMenu${we()}`);
+    return De(() => {
       a.value = !1;
-    }), (u, s) => {
-      const v = V("v-btn"), c = V("v-color-picker"), f = V("v-menu");
-      return A(), B(f, {
-        modelValue: w(a),
-        "onUpdate:modelValue": s[2] || (s[2] = (d) => Ve(a) ? a.value = d : null),
+    }), (u, r) => {
+      const g = $("v-btn"), d = $("v-color-picker"), f = $("v-menu");
+      return S(), B(f, {
+        modelValue: C(a),
+        "onUpdate:modelValue": r[2] || (r[2] = (m) => pe(a) ? a.value = m : null),
         "close-on-content-click": !1,
         scrim: "transparent"
       }, {
-        activator: H(({ props: d }) => [
-          z("div", Ks, [
-            z("div", {
+        activator: R(({ props: m }) => [
+          F("div", kn, [
+            F("div", {
               class: "flex-grow-1",
-              style: re(o.value)
+              style: I(l.value)
             }, [
-              k(v, dt(d, {
+              A(g, Ae(m, {
                 density: "comfortable",
-                color: r.value,
+                color: e.value,
                 block: "",
                 disabled: i.value
               }), {
-                default: H(() => [
-                  ze(Y(r.value ? r.value : w(n)("x-runtime-lib.notSet")), 1)
+                default: R(() => [
+                  Ce(Q(e.value ? e.value : C(t)("x-runtime-lib.notSet")), 1)
                 ]),
                 _: 2
               }, 1040, ["color", "disabled"])
             ], 4),
-            u.hasDelete ? (A(), B(v, {
+            u.hasDelete ? (S(), B(g, {
               key: 0,
               class: "mx-2",
               variant: "text",
               density: "compact",
-              icon: w(_e),
-              onClick: s[0] || (s[0] = J((m) => l("delete"), ["stop"]))
-            }, null, 8, ["icon"])) : X("", !0)
+              icon: C(re),
+              onClick: r[0] || (r[0] = z((k) => n("delete"), ["stop"]))
+            }, null, 8, ["icon"])) : Y("", !0)
           ])
         ]),
-        default: H(() => [
-          k(c, {
-            modelValue: r.value,
-            "onUpdate:modelValue": s[1] || (s[1] = (d) => r.value = d),
+        default: R(() => [
+          A(d, {
+            modelValue: e.value,
+            "onUpdate:modelValue": r[1] || (r[1] = (m) => e.value = m),
             mode: "hexa",
             "show-swatches": "",
             "swatches-max-height": "150px"
@@ -1781,85 +1072,85 @@ const Ks = { class: "d-flex justify-space-between align-center" }, qs = /* @__PU
     };
   }
 });
-function zs(e) {
-  return { renderUiColorPicker: (n, r, l, o, i) => r.ui !== "colorPicker" ? (console.assert(!1), _("div", "renderUiColorPicker prop ui must be colorPicker")) : _(qs, {
-    modelValue: ae(
-      n,
-      r,
-      l,
+function Cn(o) {
+  return { renderUiColorPicker: (t, e, n, l, i) => e.ui !== "colorPicker" ? (console.assert(!1), _("div", "renderUiColorPicker prop ui must be colorPicker")) : _(Vn, {
+    modelValue: ne(
+      t,
       e,
+      n,
       o,
+      l,
       i
     ),
     "onUpdate:modelValue": (a) => {
-      fe(
+      oe(
+        t,
+        e,
         n,
-        r,
-        l,
         a,
-        e,
         o,
+        l,
         i
       );
     },
-    hasDelete: o !== void 0 && !i,
+    hasDelete: l !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (l.splice(o, 1), e(n.slice(0, -1), l));
+      l === void 0 || i || (n.splice(l, 1), o(t.slice(0, -1), n));
     },
-    readonly: r.readonly
+    readonly: e.readonly
   }) };
 }
-const Js = { class: "d-flex justify-space-between align-center my-2" }, Is = { class: "flex-grow-1" }, Xs = /* @__PURE__ */ G({
+const Sn = { class: "d-flex justify-space-between align-center my-2" }, Un = { class: "flex-grow-1" }, $n = /* @__PURE__ */ J({
   __name: "multiTypes",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     hasDelete: { type: Boolean, default: !1 },
     types: {}
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
-  setup(e, { emit: t }) {
-    const { t: n } = ie(), r = I(e, "modelValue"), l = t, o = yt(), i = F(() => {
+  emits: /* @__PURE__ */ W(["delete"], ["update:modelValue"]),
+  setup(o, { emit: s }) {
+    const { t } = te(), e = G(o, "modelValue"), n = s, l = Te(), i = K(() => {
       var f;
-      return (f = Zt[o.value]) == null ? void 0 : f.types[e.types];
-    }), a = N(0), u = F(() => {
-      var d;
+      return (f = Ye[l.value]) == null ? void 0 : f.types[o.types];
+    }), a = O(0), u = K(() => {
+      var m;
       const f = [];
-      return (d = i.value) == null || d.forEach(({ title: m }, C) => {
+      return (m = i.value) == null || m.forEach(({ title: k }, L) => {
         f.push({
-          title: n(m),
-          value: C
+          title: t(k),
+          value: L
         });
       }), f;
     });
-    _t(() => {
+    Ne(() => {
       var f;
-      (f = i.value) == null || f.some((d, m) => d.validator(r.value) ? (a.value = m, !0) : !1);
+      (f = i.value) == null || f.some((m, k) => m.validator(e.value) ? (a.value = k, !0) : !1);
     });
-    const s = F(() => {
+    const r = K(() => {
       var f;
       return (f = i.value) == null ? void 0 : f[a.value];
-    }), v = () => {
+    }), g = () => {
       var f;
-      r.value = (f = s.value) == null ? void 0 : f.default;
-    }, c = N(0);
-    return _t(() => {
-      var f, d;
-      ((f = s.value) == null ? void 0 : f.ui) === "pixelInput" ? c.value = zn(r.value) : ((d = s.value) == null ? void 0 : d.ui) === "percentInput" && (c.value = Jn(r.value));
-    }), be(c, (f) => {
-      var d, m;
-      ((d = s.value) == null ? void 0 : d.ui) === "pixelInput" ? r.value = f + "px" : ((m = s.value) == null ? void 0 : m.ui) === "percentInput" && (r.value = f + "%");
-    }), (f, d) => {
-      var $, b;
-      const m = V("v-select"), C = V("v-number-input"), S = V("v-btn"), x = ce("ripple");
-      return A(), K("div", Js, [
-        z("div", Is, [
-          le(k(m, {
+      e.value = (f = r.value) == null ? void 0 : f.default;
+    }, d = O(0);
+    return Ne(() => {
+      var f, m;
+      ((f = r.value) == null ? void 0 : f.ui) === "pixelInput" ? d.value = Ut(e.value) : ((m = r.value) == null ? void 0 : m.ui) === "percentInput" && (d.value = $t(e.value));
+    }), ue(d, (f) => {
+      var m, k;
+      ((m = r.value) == null ? void 0 : m.ui) === "pixelInput" ? e.value = f + "px" : ((k = r.value) == null ? void 0 : k.ui) === "percentInput" && (e.value = f + "%");
+    }), (f, m) => {
+      var P, h;
+      const k = $("v-select"), L = $("v-number-input"), w = $("v-btn"), b = le("ripple");
+      return S(), H("div", Sn, [
+        F("div", Un, [
+          ee(A(k, {
             modelValue: a.value,
             "onUpdate:modelValue": [
-              d[0] || (d[0] = (P) => a.value = P),
-              v
+              m[0] || (m[0] = (M) => a.value = M),
+              g
             ],
             density: "compact",
             items: u.value,
@@ -1867,74 +1158,74 @@ const Js = { class: "d-flex justify-space-between align-center my-2" }, Is = { c
             "single-line": ""
           }, null, 8, ["modelValue", "items"]), [
             [
-              x,
+              b,
               void 0,
               void 0,
               { stop: !0 }
             ]
           ]),
-          (($ = s.value) == null ? void 0 : $.ui) === "pixelInput" || ((b = s.value) == null ? void 0 : b.ui) === "percentInput" ? le((A(), B(C, {
+          ((P = r.value) == null ? void 0 : P.ui) === "pixelInput" || ((h = r.value) == null ? void 0 : h.ui) === "percentInput" ? ee((S(), B(L, {
             key: 0,
-            modelValue: c.value,
-            "onUpdate:modelValue": d[1] || (d[1] = (P) => c.value = P),
+            modelValue: d.value,
+            "onUpdate:modelValue": m[1] || (m[1] = (M) => d.value = M),
             density: "compact",
             "control-variant": "stacked",
-            precision: s.value.precision,
-            min: s.value.min,
-            max: s.value.max,
-            step: s.value.step,
+            precision: r.value.precision,
+            min: r.value.min,
+            max: r.value.max,
+            step: r.value.step,
             "hide-details": "",
             "single-line": ""
           }, null, 8, ["modelValue", "precision", "min", "max", "step"])), [
             [
-              x,
+              b,
               void 0,
               void 0,
               { stop: !0 }
             ]
-          ]) : X("", !0)
+          ]) : Y("", !0)
         ]),
-        f.hasDelete ? (A(), B(S, {
+        f.hasDelete ? (S(), B(w, {
           key: 0,
           class: "mx-2",
           variant: "text",
           density: "compact",
-          icon: w(_e),
-          onClick: d[2] || (d[2] = J((P) => l("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : X("", !0)
+          icon: C(re),
+          onClick: m[2] || (m[2] = z((M) => n("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : Y("", !0)
       ]);
     };
   }
 });
-function Zs(e) {
-  return { renderUiMultiTypes: (n, r, l, o, i) => r.ui !== "multiTypes" ? (console.assert(!1), _("div", "renderUiMultiTypes prop ui must be multiTypes")) : _(Xs, {
-    modelValue: ae(
-      n,
-      r,
-      l,
+function xn(o) {
+  return { renderUiMultiTypes: (t, e, n, l, i) => e.ui !== "multiTypes" ? (console.assert(!1), _("div", "renderUiMultiTypes prop ui must be multiTypes")) : _($n, {
+    modelValue: ne(
+      t,
       e,
+      n,
       o,
+      l,
       i
     ) ?? "",
     "onUpdate:modelValue": (a) => {
-      fe(
+      oe(
+        t,
+        e,
         n,
-        r,
-        l,
         a,
-        e,
         o,
+        l,
         i
       );
     },
-    hasDelete: o !== void 0 && !i,
+    hasDelete: l !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (l.splice(o, 1), e(n.slice(0, -1), l));
+      l === void 0 || i || (n.splice(l, 1), o(t.slice(0, -1), n));
     },
-    types: r.types
+    types: e.types
   }) };
 }
-const Ws = /* @__PURE__ */ G({
+const Pn = /* @__PURE__ */ J({
   __name: "editor",
   props: {
     modelValue: { required: !0 },
@@ -1945,116 +1236,116 @@ const Ws = /* @__PURE__ */ G({
     scaleModifiers: {}
   },
   emits: ["update:modelValue", "update:lock", "update:scale"],
-  setup(e, { expose: t }) {
-    const n = I(e, "modelValue"), r = I(e, "lock"), l = I(e, "scale"), o = Kn(), i = qn(), a = yt(), u = It("target"), s = () => {
+  setup(o, { expose: s }) {
+    const t = G(o, "modelValue"), e = G(o, "lock"), n = G(o, "scale"), l = ht(), i = kt(), a = Te(), u = Re("target"), r = () => {
       var f;
-      const c = JSON.parse(n.value);
-      (f = u.value) == null || f.load(c);
+      const d = JSON.parse(t.value);
+      (f = u.value) == null || f.load(d);
     };
-    return t({ save: () => {
-      const c = u.value.save();
-      n.value = JSON.stringify(c, null, 2);
-    } }), (c, f) => (A(), B(w(Zn), {
+    return s({ save: () => {
+      const d = u.value.save();
+      t.value = JSON.stringify(d, null, 2);
+    } }), (d, f) => (S(), B(C(Mt), {
       ref_key: "target",
       ref: u,
-      lock: r.value,
-      "onUpdate:lock": f[0] || (f[0] = (d) => r.value = d),
-      scale: l.value,
-      "onUpdate:scale": f[1] || (f[1] = (d) => l.value = d),
+      lock: e.value,
+      "onUpdate:lock": f[0] || (f[0] = (m) => e.value = m),
+      scale: n.value,
+      "onUpdate:scale": f[1] || (f[1] = (m) => n.value = m),
       type: "json",
-      version: w(a),
-      locale: w(i),
-      dark: w(o),
-      onReady: s
+      version: C(a),
+      locale: C(i),
+      dark: C(l),
+      onReady: r
     }, null, 8, ["lock", "scale", "version", "locale", "dark"]));
   }
-}), Ys = { class: "text-subtitle-1" }, Qs = /* @__PURE__ */ G({
+}), Mn = { class: "text-subtitle-1" }, wn = /* @__PURE__ */ J({
   __name: "index",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(e) {
-    const { t } = ie(), { sysBarAvail: n } = Xt(), { backgroundColor0: r, backgroundColor1: l, backgroundColor2: o } = me(), i = I(e, "modelValue"), a = N(!1), u = N(1), s = F(() => {
-      let d = 48;
-      return n.value && (d += 24), {
+  setup(o) {
+    const { t: s } = te(), { sysBarAvail: t } = Je(), { backgroundColor0: e, backgroundColor1: n, backgroundColor2: l } = ie(), i = G(o, "modelValue"), a = O(!1), u = O(1), r = K(() => {
+      let m = 48;
+      return t.value && (m += 24), {
         position: "relative",
-        background: l.value,
-        height: `calc(100% - ${d}px)`
+        background: n.value,
+        height: `calc(100% - ${m}px)`
       };
-    }), v = F(() => t("x-prop-tree.dlg.jsonObject.title")), { open: c } = Je(`propTreeJsonObjectDlg${ct()}`);
-    ft(() => {
-      c.value = !1;
+    }), g = K(() => s("x-prop-tree.dlg.jsonObject.title")), { open: d } = Se(`propTreeJsonObjectDlg${we()}`);
+    De(() => {
+      d.value = !1;
     });
-    const f = It("editor");
-    return be(c, (d) => {
-      var m;
-      d || (m = f.value) == null || m.save();
-    }), (d, m) => {
-      const C = V("v-btn"), S = V("v-sheet"), x = V("v-spacer"), $ = V("v-dialog");
-      return A(), B($, {
-        modelValue: w(c),
-        "onUpdate:modelValue": m[4] || (m[4] = (b) => Ve(c) ? c.value = b : null),
+    const f = Re("editor");
+    return ue(d, (m) => {
+      var k;
+      m || (k = f.value) == null || k.save();
+    }), (m, k) => {
+      const L = $("v-btn"), w = $("v-sheet"), b = $("v-spacer"), P = $("v-dialog");
+      return S(), B(P, {
+        modelValue: C(d),
+        "onUpdate:modelValue": k[4] || (k[4] = (h) => pe(d) ? d.value = h : null),
         transition: "dialog-bottom-transition",
         persistent: "",
         "no-click-animation": "",
         fullscreen: "",
         attach: "",
-        onKeydown: m[5] || (m[5] = Jt(J((b) => c.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: k[5] || (k[5] = Ke(z((h) => d.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: H(({ props: b }) => [
-          k(C, dt(b, {
+        activator: R(({ props: h }) => [
+          A(L, Ae(h, {
             density: "comfortable",
             block: ""
           }), {
-            default: H(() => [
-              ze(Y(v.value), 1)
+            default: R(() => [
+              Ce(Q(g.value), 1)
             ]),
             _: 2
           }, 1040)
         ]),
-        default: H(() => [
-          k(S, {
-            color: w(r),
+        default: R(() => [
+          A(w, {
+            color: C(e),
             width: "100%",
             height: "100%"
           }, {
-            default: H(() => [
-              w(n) ? (A(), B(S, {
+            default: R(() => [
+              C(t) ? (S(), B(w, {
                 key: 0,
-                color: w(o),
+                color: C(l),
                 height: 24
-              }, null, 8, ["color"])) : X("", !0),
-              k(S, {
+              }, null, 8, ["color"])) : Y("", !0),
+              A(w, {
                 class: "d-flex align-center px-2",
-                color: w(o),
+                color: C(l),
                 height: 48
               }, {
-                default: H(() => [
-                  k(C, {
+                default: R(() => [
+                  A(L, {
                     variant: "text",
                     density: "comfortable",
-                    icon: w(An),
-                    onClick: m[0] || (m[0] = (b) => c.value = !1)
+                    icon: C(Ge),
+                    onClick: k[0] || (k[0] = (h) => d.value = !1)
                   }, null, 8, ["icon"]),
-                  z("span", Ys, Y(w(t)("x-prop-tree.dlg.jsonObject.title")), 1),
-                  k(x)
+                  F("span", Mn, Q(C(s)("x-prop-tree.dlg.jsonObject.title")), 1),
+                  A(b)
                 ]),
                 _: 1
               }, 8, ["color"]),
-              z("div", {
-                style: re(s.value)
+              F("div", {
+                style: I(r.value)
               }, [
-                k(Ws, {
+                A(Pn, {
                   ref_key: "editor",
                   ref: f,
                   modelValue: i.value,
-                  "onUpdate:modelValue": m[1] || (m[1] = (b) => i.value = b),
+                  "onUpdate:modelValue": k[1] || (k[1] = (h) => i.value = h),
                   lock: a.value,
-                  "onUpdate:lock": m[2] || (m[2] = (b) => a.value = b),
+                  "onUpdate:lock": k[2] || (k[2] = (h) => a.value = h),
                   scale: u.value,
-                  "onUpdate:scale": m[3] || (m[3] = (b) => u.value = b)
+                  "onUpdate:scale": k[3] || (k[3] = (h) => u.value = h)
                 }, null, 8, ["modelValue", "lock", "scale"])
               ], 4)
             ]),
@@ -2066,30 +1357,30 @@ const Ws = /* @__PURE__ */ G({
     };
   }
 });
-function ea(e) {
-  return { renderUiJsonEditor: (n, r, l, o, i) => r.ui !== "jsonEditor" ? _("div", "renderUiJsonObject prop ui must be jsonEditor") : _(Qs, {
-    modelValue: ae(
-      n,
-      r,
-      l,
+function Dn(o) {
+  return { renderUiJsonEditor: (t, e, n, l, i) => e.ui !== "jsonEditor" ? _("div", "renderUiJsonObject prop ui must be jsonEditor") : _(wn, {
+    modelValue: ne(
+      t,
       e,
+      n,
       o,
+      l,
       i
     ) ?? "{}",
     "onUpdate:modelValue": (a) => {
-      fe(
+      oe(
+        t,
+        e,
         n,
-        r,
-        l,
         a,
-        e,
         o,
+        l,
         i
       );
     }
   }) };
 }
-const ta = /* @__PURE__ */ G({
+const An = /* @__PURE__ */ J({
   __name: "index",
   props: {
     unique: {},
@@ -2098,102 +1389,102 @@ const ta = /* @__PURE__ */ G({
     version: {}
   },
   emits: ["change"],
-  setup(e, { emit: t }) {
-    const { t: n } = ie(), { backgroundColor1: r } = me(), l = e, o = t, i = N("20px"), a = N("56px"), u = N("200px"), s = Fn({}), v = N({}), c = (y, p) => {
-      qt(v, l.config, l.object), o("change", y, p);
+  setup(o, { emit: s }) {
+    const { t } = te(), { backgroundColor1: e } = ie(), n = o, l = s, i = O("20px"), a = O("56px"), u = O("200px"), r = yt({}), g = O({}), d = (p, c) => {
+      qe(g, n.config, n.object), l("change", p, c);
     };
-    be(
-      [() => l.config, () => l.object],
+    ue(
+      [() => n.config, () => n.object],
       () => {
-        qt(v, l.config, l.object, (y, p) => {
-          o("change", y, p);
+        qe(g, n.config, n.object, (p, c) => {
+          l("change", p, c);
         });
       },
       { immediate: !0 }
     );
-    const f = N(l.version);
-    is(f), be(
-      () => l.version,
+    const f = O(n.version);
+    Ot(f), ue(
+      () => n.version,
       () => {
-        f.value = l.version;
+        f.value = n.version;
       }
     );
-    const d = N(l.config);
-    ss(d), be(
-      () => l.config,
+    const m = O(n.config);
+    qt(m), ue(
+      () => n.config,
       () => {
-        d.value = l.config;
+        m.value = n.config;
       }
     );
-    const m = N(l.object);
-    us(m), be(
-      () => l.object,
+    const k = O(n.object);
+    Kt(k), ue(
+      () => n.object,
       () => {
-        m.value = l.object;
+        k.value = n.object;
       }
-    ), fs(v), ps(c);
-    const C = N([]);
-    ms(C);
-    const S = () => {
-      const { compGroups: y, comps: p } = In.app.activeApp, h = [];
-      y.forEach(({ id: g, name: T, position: U }) => {
-        const j = C.value.find((te) => te.id === g);
-        h.push({
-          id: g,
+    ), Jt(g), Xt(d);
+    const L = O([]);
+    zt(L);
+    const w = () => {
+      const { compGroups: p, comps: c } = xt.app.activeApp, y = [];
+      p.forEach(({ id: v, name: V, position: x }) => {
+        const D = L.value.find((E) => E.id === v);
+        y.push({
+          id: v,
           type: 0,
-          name: T,
-          position: U,
-          collapse: (j == null ? void 0 : j.collapse) ?? !0
+          name: V,
+          position: x,
+          collapse: (D == null ? void 0 : D.collapse) ?? !0
         });
-      }), p.forEach(({ id: g, groupid: T, name: U, position: j }) => {
-        h.push({ id: g, type: 1, name: U, position: j, group: T });
-      }), Wi(h, !0), C.value = h;
+      }), c.forEach(({ id: v, groupid: V, name: x, position: D }) => {
+        y.push({ id: v, type: 1, name: x, position: D, group: V });
+      }), St(y, !0), L.value = y;
     };
-    let x;
-    const $ = () => {
-      clearTimeout(x), x = window.setTimeout(() => {
-        S(), x && $();
+    let b;
+    const P = () => {
+      clearTimeout(b), b = window.setTimeout(() => {
+        w(), b && P();
       }, 1e3);
-    }, b = () => {
-      clearTimeout(x), x = void 0;
+    }, h = () => {
+      clearTimeout(b), b = void 0;
     };
-    Hn(() => {
-      $();
-    }), Gn(() => {
-      b();
+    gt(() => {
+      P();
+    }), _t(() => {
+      h();
     });
-    const { renderProp: P } = _s(v, a, u), { renderUiDummy: D } = bs(c), { renderUiStrInput: Q } = Ss(c), { renderUiNumInput: et } = Cs(c), { renderUiSwitch: Cn } = Os(c), { renderUiSelect: Pn } = Ms(c), { renderUiColorPicker: xn } = zs(c), { renderUiJsonEditor: On } = ea(c), { renderUiMultiTypes: Vn } = Zs(c), { renderUiCompSelect: Un } = Gs(c), je = (y, p, h, g, T, U) => (y = dn(y), T !== void 0 ? (y.push(T), U && y.push(p.key)) : y.push(p.key), p.ui ? p.array && g ? Dn(y, p, h, g, T, U) : jn(y, p, h, T, U) : p.array ? Mn(y, p, h, g, T, U) : Ln(
-      y,
+    const { renderProp: M } = Wt(g, a, u), { renderUiDummy: N } = Qt(d), { renderUiStrInput: Z } = jt(d), { renderUiNumInput: Pe } = tn(d), { renderUiSwitch: tt } = on(d), { renderUiSelect: nt } = un(d), { renderUiColorPicker: lt } = Cn(d), { renderUiJsonEditor: ot } = Dn(d), { renderUiMultiTypes: st } = xn(d), { renderUiCompSelect: it } = hn(d), ye = (p, c, y, v, V, x) => (p = He(p), V !== void 0 ? (p.push(V), x && p.push(c.key)) : p.push(c.key), c.ui ? c.array && v ? at(p, c, y, v, V, x) : ct(p, c, y, V, x) : c.array ? rt(p, c, y, v, V, x) : ut(
       p,
-      h,
-      g,
-      T,
-      U
-    )), Mn = (y, p, h, g, T, U) => {
-      if (p.ui)
+      c,
+      y,
+      v,
+      V,
+      x
+    )), rt = (p, c, y, v, V, x) => {
+      if (c.ui)
         return console.assert(!1), _("div", "renderBranchArray prop ui must be invalid");
-      if (!p.array)
+      if (!c.array)
         return console.assert(!1), _("div", "renderBranchArray prop array must be valid");
-      if (!g)
+      if (!v)
         return console.assert(!1), _("div", "renderBranchArray branch must be valid");
-      let j;
-      T !== void 0 && !U ? (h[T] instanceof Array || (h[T] = R(p), c(y, h[p.key])), j = h[T]) : (h[p.key] instanceof Array || (h[p.key] = R(p), c(y, h[p.key])), j = h[p.key]);
-      let te = n(p.name);
-      g.collapse && Te(v.value, y) && (te += " *");
-      const Ce = _(Be, {
-        title: te,
-        collapse: g.collapse,
+      let D;
+      V !== void 0 && !x ? (y[V] instanceof Array || (y[V] = q(c), d(p, y[c.key])), D = y[V]) : (y[c.key] instanceof Array || (y[c.key] = q(c), d(p, y[c.key])), D = y[c.key]);
+      let E = t(c.name);
+      v.collapse && ce(g.value, p) && (E += " *");
+      const me = _(ke, {
+        title: E,
+        collapse: v.collapse,
         hasCreate: !0,
-        onCollapse: (O) => {
-          g.collapse = O;
+        onCollapse: (U) => {
+          v.collapse = U;
         },
-        onMenu: (O, E) => {
-          $e.emit("propTreeMenu", { x: O, y: E, keys: y });
+        onMenu: (U, T) => {
+          ae.emit("propTreeMenu", { x: U, y: T, keys: p });
         },
         onCreate: () => {
-          j.push({}), c(y, j);
+          D.push({}), d(p, D);
         }
-      }), q = _(
+      }), X = _(
         "div",
         {
           style: {
@@ -2201,44 +1492,44 @@ const ta = /* @__PURE__ */ G({
           }
         },
         (() => {
-          const O = [];
-          for (let E = 0; E < j.length; E++) {
-            if (!ot(g.children)) {
+          const U = [];
+          for (let T = 0; T < D.length; T++) {
+            if (!Me(v.children)) {
               console.assert(!1);
               break;
             }
-            g.children[E] || g.children.push({
+            v.children[T] || v.children.push({
               collapse: !0,
               children: {}
             });
-            const ke = [...y, E], Ee = g.children[E];
-            let ht = `[${E + 1}]`;
-            g.children[E].collapse && Te(v.value, ke) && (ht += " *");
-            const En = _(Be, {
-              title: ht,
-              collapse: g.children[E].collapse,
+            const ge = [...p, T], _e = v.children[T];
+            let Le = `[${T + 1}]`;
+            v.children[T].collapse && ce(g.value, ge) && (Le += " *");
+            const ft = _(ke, {
+              title: Le,
+              collapse: v.children[T].collapse,
               hasDelete: !0,
-              index: E,
-              onCollapse: (ne) => {
-                if (!ot(g.children)) {
+              index: T,
+              onCollapse: (j) => {
+                if (!Me(v.children)) {
                   console.assert(!1);
                   return;
                 }
-                g.children[E].collapse = ne;
+                v.children[T].collapse = j;
               },
-              onMenu: (ne, de) => {
-                $e.emit("propTreeMenu", { x: ne, y: de, keys: ke });
+              onMenu: (j, se) => {
+                ae.emit("propTreeMenu", { x: j, y: se, keys: ge });
               },
-              onDelete: (ne) => {
-                if (!ot(g.children)) {
+              onDelete: (j) => {
+                if (!Me(v.children)) {
                   console.assert(!1);
                   return;
                 }
-                g.children.splice(ne, 1), j.splice(ne, 1), c(y, j);
+                v.children.splice(j, 1), D.splice(j, 1), d(p, D);
               }
             });
-            O.push(En);
-            const Nn = _(
+            U.push(ft);
+            const mt = _(
               "div",
               {
                 style: {
@@ -2246,31 +1537,31 @@ const ta = /* @__PURE__ */ G({
                 }
               },
               (() => {
-                const ne = [];
-                return p.children.forEach((de) => {
-                  if (!Kt(Ee.children)) {
+                const j = [];
+                return c.children.forEach((se) => {
+                  if (!Oe(_e.children)) {
                     console.assert(!1);
                     return;
                   }
-                  Ee.children[de.key] || (Ee.children[de.key] = {
+                  _e.children[se.key] || (_e.children[se.key] = {
                     collapse: !0,
-                    children: de.array ? [] : {}
+                    children: se.array ? [] : {}
                   });
-                  const Rn = je(
-                    y,
-                    de,
-                    j[E],
-                    Ee.children[de.key],
-                    E,
+                  const vt = ye(
+                    p,
+                    se,
+                    D[T],
+                    _e.children[se.key],
+                    T,
                     !0
                   );
-                  ne.push(Rn);
-                }), ne;
+                  j.push(vt);
+                }), j;
               })()
             );
-            g.children[E].collapse || O.push(Nn);
+            v.children[T].collapse || U.push(mt);
           }
-          return O;
+          return U;
         })()
       );
       return _(
@@ -2281,33 +1572,33 @@ const ta = /* @__PURE__ */ G({
           }
         },
         (() => {
-          const O = [];
-          return O.push(Ce), g.collapse || O.push(q), O;
+          const U = [];
+          return U.push(me), v.collapse || U.push(X), U;
         })()
       );
-    }, Ln = (y, p, h, g, T, U) => {
-      if (p.ui)
+    }, ut = (p, c, y, v, V, x) => {
+      if (c.ui)
         return console.assert(!1), _("div", "renderBranchScalar prop ui must be invalid");
-      if (p.array)
+      if (c.array)
         return console.assert(!1), _("div", "renderBranchScalar prop array must be invalid");
-      if (!g)
+      if (!v)
         return console.assert(!1), _("div", "renderBranchScalar branch must be valid");
-      let j = n(p.name);
-      g.collapse && Te(v.value, y) && (j += " *");
-      const te = _(Be, {
-        title: j,
-        collapse: g.collapse,
-        hasDelete: T !== void 0 && !U,
-        onCollapse: (q) => {
-          g.collapse = q;
+      let D = t(c.name);
+      v.collapse && ce(g.value, p) && (D += " *");
+      const E = _(ke, {
+        title: D,
+        collapse: v.collapse,
+        hasDelete: V !== void 0 && !x,
+        onCollapse: (X) => {
+          v.collapse = X;
         },
-        onMenu: (q, O) => {
-          $e.emit("propTreeMenu", { x: q, y: O, keys: y });
+        onMenu: (X, U) => {
+          ae.emit("propTreeMenu", { x: X, y: U, keys: p });
         },
         onDelete: () => {
-          T === void 0 || U || (h.splice(T, 1), c(y.slice(0, -1), h));
+          V === void 0 || x || (y.splice(V, 1), d(p.slice(0, -1), y));
         }
-      }), Ce = _(
+      }), me = _(
         "div",
         {
           style: {
@@ -2315,24 +1606,24 @@ const ta = /* @__PURE__ */ G({
           }
         },
         (() => {
-          const q = [];
-          return p.children.forEach((O) => {
-            if (!Kt(g.children)) {
+          const X = [];
+          return c.children.forEach((U) => {
+            if (!Oe(v.children)) {
               console.assert(!1);
               return;
             }
-            g.children[O.key] || (g.children[O.key] = {
+            v.children[U.key] || (v.children[U.key] = {
               collapse: !0,
-              children: !O.ui && O.array ? [] : {}
+              children: !U.ui && U.array ? [] : {}
             });
-            const E = je(
-              y,
-              O,
-              (typeof h[p.key] != "object" && (h[p.key] = {}, c(y, h[p.key])), h[p.key]),
-              g.children[O.key]
+            const T = ye(
+              p,
+              U,
+              (typeof y[c.key] != "object" && (y[c.key] = {}, d(p, y[c.key])), y[c.key]),
+              v.children[U.key]
             );
-            q.push(E);
-          }), q;
+            X.push(T);
+          }), X;
         })()
       );
       return _(
@@ -2343,35 +1634,35 @@ const ta = /* @__PURE__ */ G({
           }
         },
         (() => {
-          const q = [];
-          return q.push(te), g.collapse || q.push(Ce), q;
+          const X = [];
+          return X.push(E), v.collapse || X.push(me), X;
         })()
       );
-    }, Dn = (y, p, h, g, T, U) => {
-      if (!p.ui)
+    }, at = (p, c, y, v, V, x) => {
+      if (!c.ui)
         return console.assert(!1), _("div", "renderLeafArray prop ui must be valid");
-      if (!p.array)
+      if (!c.array)
         return console.assert(!1), _("div", "renderLeafArray prop array must be valid");
-      if (!g)
+      if (!v)
         return console.assert(!1), _("div", "renderLeafArray branch must be valid");
-      let j;
-      T !== void 0 && !U ? (h[T] instanceof Array || (h[T] = R(p), c(y, h[T])), j = h[T]) : (h[p.key] instanceof Array || (h[p.key] = R(p), c(y, h[p.key])), j = h[p.key]);
-      let te = n(p.name);
-      g.collapse && Te(v.value, y) && (te += " *");
-      const Ce = _(Be, {
-        title: te,
-        collapse: g.collapse,
+      let D;
+      V !== void 0 && !x ? (y[V] instanceof Array || (y[V] = q(c), d(p, y[V])), D = y[V]) : (y[c.key] instanceof Array || (y[c.key] = q(c), d(p, y[c.key])), D = y[c.key]);
+      let E = t(c.name);
+      v.collapse && ce(g.value, p) && (E += " *");
+      const me = _(ke, {
+        title: E,
+        collapse: v.collapse,
         hasCreate: !0,
-        onCollapse: (O) => {
-          g.collapse = O;
+        onCollapse: (U) => {
+          v.collapse = U;
         },
-        onMenu: (O, E) => {
-          $e.emit("propTreeMenu", { x: O, y: E, keys: y });
+        onMenu: (U, T) => {
+          ae.emit("propTreeMenu", { x: U, y: T, keys: p });
         },
         onCreate: () => {
-          j.push(R(p, !0)), c(y, j);
+          D.push(q(c, !0)), d(p, D);
         }
-      }), q = _(
+      }), X = _(
         "div",
         {
           style: {
@@ -2379,12 +1670,12 @@ const ta = /* @__PURE__ */ G({
           }
         },
         (() => {
-          const O = [];
-          for (let E = 0; E < j.length; E++) {
-            const ke = je(y, p, j, void 0, E, !1);
-            O.push(ke);
+          const U = [];
+          for (let T = 0; T < D.length; T++) {
+            const ge = ye(p, c, D, void 0, T, !1);
+            U.push(ge);
           }
-          return O;
+          return U;
         })()
       );
       return _(
@@ -2395,69 +1686,69 @@ const ta = /* @__PURE__ */ G({
           }
         },
         (() => {
-          const O = [];
-          return O.push(Ce), g.collapse || O.push(q), O;
+          const U = [];
+          return U.push(me), v.collapse || U.push(X), U;
         })()
       );
-    }, jn = (y, p, h, g, T) => {
-      if (!p.ui)
+    }, ct = (p, c, y, v, V) => {
+      if (!c.ui)
         return console.assert(!1), _("div", "renderLeafScalar prop ui must be valid");
-      let U;
-      return p.ui === "dummy" ? U = D(y, p, h, g, T) : p.ui === "strInput" ? U = Q(y, p, h, g, T) : p.ui === "numInput" ? U = et(y, p, h, g, T) : p.ui === "switch" ? U = Cn(y, p, h, g, T) : p.ui === "select" ? U = Pn(y, p, h, g, T) : p.ui === "colorPicker" ? U = xn(y, p, h, g, T) : p.ui === "jsonEditor" ? U = On(y, p, h, g, T) : p.ui === "multiTypes" ? U = Vn(y, p, h, g, T) : p.ui === "compSelect" ? U = Un(y, p, h, g, T) : console.assert(!1, "renderLeafScalar not implemented"), U ? P(y, p, U) : _("div");
-    }, kn = () => _(
+      let x;
+      return c.ui === "dummy" ? x = N(p, c, y, v, V) : c.ui === "strInput" ? x = Z(p, c, y, v, V) : c.ui === "numInput" ? x = Pe(p, c, y, v, V) : c.ui === "switch" ? x = tt(p, c, y, v, V) : c.ui === "select" ? x = nt(p, c, y, v, V) : c.ui === "colorPicker" ? x = lt(p, c, y, v, V) : c.ui === "jsonEditor" ? x = ot(p, c, y, v, V) : c.ui === "multiTypes" ? x = st(p, c, y, v, V) : c.ui === "compSelect" ? x = it(p, c, y, v, V) : console.assert(!1, "renderLeafScalar not implemented"), x ? M(p, c, x) : _("div");
+    }, dt = () => _(
       "div",
       {
         class: "text-body-2",
         style: {
-          background: r.value
+          background: e.value
         }
       },
       (() => {
-        const y = [];
-        if (l.unique && l.config.length > 0 && l.object) {
-          s[l.unique] || (s[l.unique] = {});
-          const p = s[l.unique];
-          l.config.forEach((h) => {
-            p[h.key] || (p[h.key] = {
+        const p = [];
+        if (n.unique && n.config.length > 0 && n.object) {
+          r[n.unique] || (r[n.unique] = {});
+          const c = r[n.unique];
+          n.config.forEach((y) => {
+            c[y.key] || (c[y.key] = {
               collapse: !0,
-              children: !h.ui && h.array ? [] : {}
+              children: !y.ui && y.array ? [] : {}
             });
-            const g = je([], h, l.object, p[h.key]);
-            y.push(g);
+            const v = ye([], y, n.object, c[y.key]);
+            p.push(v);
           });
         }
-        return y;
+        return p;
       })()
     );
-    return (y, p) => (A(), K(He, null, [
-      k(kn),
-      k(gs, {
-        config: l.config,
-        object: l.object,
-        "prop-states": v.value
+    return (p, c) => (S(), H(Ve, null, [
+      A(dt),
+      A(Gt, {
+        config: n.config,
+        object: n.object,
+        "prop-states": g.value
       }, null, 8, ["config", "object", "prop-states"])
     ], 64));
   }
-}), na = (e) => {
-  e.component("XPropTree", ta);
-}, ra = (e, t, n) => {
-  const r = e[t];
-  return r ? typeof r == "function" ? r() : Promise.resolve(r) : new Promise((l, o) => {
+}), bn = (o) => {
+  o.component("XPropTree", An);
+}, Tn = (o, s, t) => {
+  const e = o[s];
+  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((n, l) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      o.bind(
+      l.bind(
         null,
         new Error(
-          "Unknown variable dynamic import: " + t + (t.split("/").length !== n ? ". Note that variables only represent file names one level deep." : "")
+          "Unknown variable dynamic import: " + s + (s.split("/").length !== t ? ". Note that variables only represent file names one level deep." : "")
         )
       )
     );
   });
 };
-async function fa(e) {
-  return (await ra(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en-n11iysmh.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans-hr18mfah.js") }), `./locales/${e}/index.ts`, 4)).default;
+async function Hn(o) {
+  return (await Tn(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.n11iysmh.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.hr18mfah.js") }), `./locales/${o}/index.ts`, 4)).default;
 }
-const da = { install: na };
+const Xn = { install: bn };
 export {
-  da as default,
-  fa as loadLocaleMessagePropTree
+  Xn as default,
+  Hn as loadLocaleMessagePropTree
 };