x-prop-tree 0.6.29 → 0.6.31

package/dist/index.js

@@ -1,1023 +1,314 @@
-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 ne, withDirectives as ee, withModifiers as z, normalizeStyle as I, createElementVNode as F, createCommentVNode as Y, renderSlot as pt, h, 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 ht } from "vue";
+import { useI18n as te } from "vue-i18n";
+import { useViewStack as Se, useColor as ie, eventBus as ae, useSystem as Je, injectDark as _t, 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 _e = (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((l) => l.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, l) => {
+    if (e.ui !== l.ui || e.array !== l.array)
       return !1;
-    if (r.ui || l.ui)
+    if (e.ui || l.ui)
       return !0;
-    if (r.children.length !== l.children.length)
+    if (e.children.length !== l.children.length)
       return !1;
-    for (let o = 0; o < r.children.length; o++)
-      if (!n(r.children[o], l.children[o]))
+    for (let n = 0; n < e.children.length; n++)
+      if (!t(e.children[n], l.children[n]))
         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, l, n, i) => (o = He(o), n !== void 0 ? (o.push(n), 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,
-  n,
-  r,
+  e,
   l,
-  o,
+  n,
   i
-) : ls(t, n, r, o, i) : t.array ? ns(
-  e,
+) : Nt(s, t, e, n, i) : s.array ? bt(
+  o,
+  s,
   t,
-  n,
-  r,
+  e,
   l,
-  o,
+  n,
   i
-) : rs(
-  e,
+) : Tt(
+  o,
+  s,
   t,
-  n,
-  r,
+  e,
   l,
-  o,
+  n,
   i
-)), ns = (e, t, n, r, l, o, i) => {
-  if (t.ui)
+)), bt = (o, s, t, e, l, n, 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;
-  for (let u = 0; u < a.length; u++) {
-    r.children.push({
+  n !== void 0 && !i ? (t[n] instanceof Array || (t[n] = q(s), l == null || l(o, t[n])), a = t[n]) : (t[s.key] instanceof Array || (t[s.key] = q(s), l == null || l(o, t[s.key])), a = t[s.key]), e.change = !1;
+  for (let r = 0; r < a.length; r++) {
+    e.children.push({
       change: !1,
       children: {}
     });
-    const s = r.children[u];
-    t.children.forEach((v) => {
-      if (!s.children || !gt(s.children)) {
+    const u = e.children[r];
+    s.children.forEach((g) => {
+      if (!u.children || !be(u.children)) {
         console.assert(!1);
         return;
       }
-      s.children[v.key] = {
+      u.children[g.key] = {
         change: !1,
-        children: v.array ? [] : {}
-      }, Qe(
-        e,
-        v,
-        a[u],
-        s.children[v.key],
+        children: g.array ? [] : {}
+      }, xe(
+        o,
+        g,
+        a[r],
+        u.children[g.key],
         l,
-        u,
+        r,
         !0
-      ) && (s.change = !0), s.change && (r.change = !0);
+      ) && (u.change = !0), u.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, l, n, 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] = {
+  n !== void 0 && !i ? (t[n] || (t[n] = {}), a = t[n]) : (t[s.key] || (t[s.key] = {}), a = t[s.key]), e.change = !1;
+  for (let r = 0; r < s.children.length; r++) {
+    const u = s.children[r];
+    e.children[u.key] = {
       change: !1,
-      children: s.array ? [] : {}
-    }, Qe(e, s, a, r.children[s.key], l) && (r.change = !0);
+      children: u.array ? [] : {}
+    }, xe(o, u, a, e.children[u.key], l) && (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, l, n, 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;
-  for (let u = 0; u < a.length; u++)
-    r.children[u] = {
+  n !== void 0 && !i ? (t[n] instanceof Array || (t[n] = q(s), l == null || l(o, t[n])), a = t[n]) : (t[s.key] instanceof Array || (t[s.key] = q(s), l == null || l(o, t[s.key])), a = t[s.key]), e.change = !1;
+  for (let r = 0; r < a.length; r++)
+    e.children[r] = {
       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[r], l, r, !1) && (e.change = !0);
+  return e.change || (e.change = !Ue(a, q(s))), e.change;
+}, Nt = (o, s, t, e, l) => {
+  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 n;
+  return e !== void 0 && !l ? n = s[e] : n = s[o.key], t.change = !Ue(n, 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] = {
+  s.forEach((n) => {
+    l[n.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: n.array ? [] : {}
+    }, xe([], n, t, l[n.key], e);
+  }), o.value = l;
+}, 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())
-          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)
+  setup(o) {
+    const { t: s } = te(), t = Bt(), e = Rt(), l = Ht(), n = Ft(), i = O(0), a = O(0), r = O([]), u = K(() => [i.value, a.value]), g = (w) => {
+      const T = () => !(r.value.length <= 0 || !ce(l.value, r.value)), P = () => {
+        const _ = _e(t.value, r.value);
+        if (_)
+          if (_.ui) {
+            const M = ve(e.value, r.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[r.value[r.value.length - 1]] = q(_), n(r.value, M[r.value[r.value.length - 1]]);
+          } else if (_.array) {
+            const M = r.value[r.value.length - 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, r.value.slice(0, -1));
+              if (!N)
                 return;
-              D[u.value.at(-1)] = R(b), o(u.value, D[u.value.at(-1)]);
+              N[r.value[r.value.length - 1]] = q(_), n(r.value, N[r.value[r.value.length - 1]]);
             } else {
-              const D = xe(r.value, u.value);
-              if (!D)
+              const N = ve(e.value, r.value);
+              if (!N)
                 return;
-              b.children.forEach((Q) => {
-                D[Q.key] = R(b), o([...u.value, Q.key], D[Q.key]);
+              _.children.forEach((Z) => {
+                N[Z.key] = q(_), n([...r.value, Z.key], N[Z.key]);
               });
             }
           } else {
-            const P = xe(r.value, u.value);
-            if (!P)
+            const M = ve(e.value, r.value);
+            if (!M)
               return;
-            b.children.forEach((D) => {
-              P[D.key] = R(b), o([...u.value, D.key], P[D.key]);
+            _.children.forEach((N) => {
+              M[N.key] = q(_), n([...r.value, N.key], M[N.key]);
             });
           }
       };
-      x() && S.push({
-        title: t("x-prop-tree.reset"),
-        func: $
+      T() && 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 T = () => {
+        const P = _e(t.value, r.value), _ = ve(e.value, r.value);
+        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: P, object: _ }));
       };
-      S.push({
-        title: t("x-prop-tree.copy"),
-        func: x
+      w.push({
+        title: s("x-prop-tree.copy"),
+        func: T
       });
-    }, f = (S) => {
-      const x = () => {
-        const b = localStorage.getItem("propTreeCopy");
-        if (!b)
+    }, f = (w) => {
+      const T = () => {
+        const _ = localStorage.getItem("propTreeCopy");
+        if (!_)
           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(_), N = _e(t.value, r.value);
+          return wt(M, N);
+        } catch (M) {
+          console.error(M);
         }
         return !1;
-      }, $ = () => {
-        if (!x())
+      }, P = () => {
+        if (!T())
           return;
-        const b = localStorage.getItem("propTreeCopy");
-        if (b)
+        const _ = localStorage.getItem("propTreeCopy");
+        if (_)
           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(_), N = _e(t.value, r.value);
+            console.log(M, N);
+          } catch (M) {
+            console.error(M);
           }
       };
-      x() && S.push({
-        title: t("x-prop-tree.paste"),
-        func: $
+      T() && 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, r.value = w.keys;
+    }, { open: L } = Se("propTreeMenu", k);
+    return (w, T) => {
+      const P = $("v-list-item-title"), _ = $("v-list-item"), M = $("v-list"), N = $("v-menu");
+      return S(), B(N, {
+        modelValue: C(L),
+        "onUpdate:modelValue": T[0] || (T[0] = (Z) => pe(L) ? L.value = Z : null),
         "location-strategy": "connected",
-        target: s.value,
+        target: u.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(_, {
+                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 +323,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,218 +333,218 @@ 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(), l = s, n = O(!1), i = K(() => ({
+      background: n.value ? e.value : t.value,
       height: "36px",
       marginBottom: "1px",
       userSelect: "none"
     })), a = () => {
-      l("collapse", !e.collapse);
-    }, u = (s) => {
-      l("menu", s.clientX, s.clientY);
+      l("collapse", !o.collapse);
+    }, r = (u) => {
+      l("menu", u.clientX, u.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 (u, g) => {
+      const d = $("v-icon"), f = $("v-spacer"), m = $("v-btn"), k = ne("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(r, ["self", "prevent"]),
+        onMouseover: g[2] || (g[2] = (L) => n.value = !0),
+        onMouseout: g[3] || (g[3] = (L) => n.value = !1)
       }, [
-        k(c, {
+        A(d, {
           class: "mr-1",
-          icon: s.collapse ? w(wn) : w(Sn)
+          icon: u.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(u.title), 1),
+        A(f),
+        u.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) => l("create"), ["stop"]))
+        }, null, 8, ["icon"])) : Y("", !0),
+        u.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) => l("delete", u.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(), l = s, n = O(!1), i = K(() => ({
+      background: n.value ? e.value : t.value,
+      minHeight: o.minHeight,
       paddingRight: "4px",
       marginBottom: "1px",
       userSelect: "none"
-    })), a = (u) => {
-      l("menu", u.clientX, u.clientY);
+    })), a = (r) => {
+      l("menu", r.clientX, r.clientY);
     };
-    return (u, s) => {
-      const v = ce("ripple");
-      return le((A(), K("div", {
+    return (r, u) => {
+      const g = ne("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: u[0] || (u[0] = (d) => n.value = !0),
+        onMouseout: u[1] || (u[1] = (d) => n.value = !1)
       }, [
-        Bn(u.$slots, "default")
+        pt(r.$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: (n, i, a) => {
+    const r = n[n.length - 1];
+    let g = typeof r == "number" ? `[${r + 1}]` : e(i.name);
+    return ce(o.value, n) && (g += " *"), h(
+      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: n });
         }
       },
       () => [
-        _("span", { class: "ml-1", innerHTML: v }),
-        _("div", { style: { width: n.value } }, a)
+        h("span", { class: "ml-1", innerHTML: g }),
+        h("div", { style: { width: t.value } }, a)
       ]
     );
   } };
 }
-const ae = (e, t, n, r, l, o) => {
+const le = (o, s, t, e, l, n) => {
   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]));
+    if (n) {
+      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[l] === void 0) {
+        const i = q(s, !0);
+        i !== void 0 && (t[l] = i, e(o, t[l]));
       }
-      return n[l];
+      return t[l];
     }
   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, l, n, i) => {
+  if (n !== void 0)
+    i ? e !== t[s.key] && (t[s.key] = e, l(o, t[s.key])) : e !== t[n] && (t[n] = e, l(o, t[n]));
   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, l(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, l, n, i) => {
+    if (e.ui !== "dummy") {
       console.assert(!1, "renderUiDummy prop ui must be dummy");
       return;
     }
-    ae(n, r, l, e, o, i);
+    le(t, e, l, o, n, 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 (l, n) => {
+      const i = $("v-text-field"), a = $("v-btn"), r = ne("ripple");
+      return S(), H("div", Zt, [
+        ee(A(i, {
+          modelValue: t.value,
+          "onUpdate:modelValue": n[0] || (n[0] = (u) => t.value = u),
           density: "compact",
           "hide-details": "",
           "single-line": "",
           readonly: l.readonly
         }, null, 8, ["modelValue", "readonly"]), [
           [
-            u,
+            r,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        l.hasDelete ? (A(), B(a, {
+        l.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: n[1] || (n[1] = z((u) => 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, l, n, i) => e.ui !== "strInput" ? (console.assert(!1), h("div", "renderUiStrInput prop ui must be strInput")) : h(Et, {
+    modelValue: e.static ? e.value : le(
+      t,
       e,
+      l,
       o,
+      n,
       i
     ),
     "onUpdate:modelValue": (a) => {
-      r.static || fe(
-        n,
-        r,
+      e.static || oe(
+        t,
+        e,
         l,
         a,
-        e,
         o,
+        n,
         i
       );
     },
-    hasDelete: o !== void 0 && !i,
+    hasDelete: n !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (l.splice(o, 1), e(n.slice(0, -1), l));
+      n === void 0 || i || (l.splice(n, 1), o(t.slice(0, -1), l));
     },
-    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" }, el = /* @__PURE__ */ J({
   __name: "numInput",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     hasDelete: { type: Boolean, default: !1 },
     precision: { default: () => {
     } },
@@ -1267,15 +556,15 @@ 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 (l, n) => {
+      const i = $("v-number-input"), a = $("v-btn"), r = ne("ripple");
+      return S(), H("div", It, [
+        ee(A(i, {
+          modelValue: t.value,
+          "onUpdate:modelValue": n[0] || (n[0] = (u) => t.value = u),
           density: "compact",
           "control-variant": "stacked",
           precision: l.precision,
@@ -1287,123 +576,123 @@ const ws = { class: "d-flex justify-space-between align-center" }, As = /* @__PU
           readonly: l.readonly
         }, null, 8, ["modelValue", "precision", "min", "max", "step", "readonly"]), [
           [
-            u,
+            r,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        l.hasDelete ? (A(), B(a, {
+        l.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: n[1] || (n[1] = z((u) => 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 tl(o) {
+  return { renderUiNumInput: (t, e, l, n, i) => e.ui !== "numInput" ? (console.assert(!1), h("div", "renderUiNumInput prop ui must be numInput")) : h(el, {
+    modelValue: le(
+      t,
       e,
+      l,
       o,
+      n,
       i
     ),
     "onUpdate:modelValue": (a) => {
-      fe(
-        n,
-        r,
+      oe(
+        t,
+        e,
         l,
         a,
-        e,
         o,
+        n,
         i
       );
     },
-    hasDelete: o !== void 0 && !i,
+    hasDelete: n !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (l.splice(o, 1), e(n.slice(0, -1), l));
+      n === void 0 || i || (l.splice(n, 1), o(t.slice(0, -1), l));
     },
-    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 ll = { class: "d-flex justify-space-between align-center" }, nl = /* @__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 (l, n) => {
+      const i = $("v-switch"), a = $("v-btn");
+      return S(), H("div", ll, [
+        A(i, {
+          modelValue: t.value,
+          "onUpdate:modelValue": n[0] || (n[0] = (r) => t.value = r),
           class: "ml-1",
           density: "compact",
           color: "primary",
           "hide-details": "",
           readonly: l.readonly
         }, null, 8, ["modelValue", "readonly"]),
-        l.hasDelete ? (A(), B(a, {
+        l.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: n[1] || (n[1] = z((r) => 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 ol(o) {
+  return { renderUiSwitch: (t, e, l, n, i) => e.ui !== "switch" ? (console.assert(!1), h("div", "renderUiSwitch prop ui must be switch")) : h(nl, {
+    modelValue: le(
+      t,
       e,
+      l,
       o,
+      n,
       i
     ) ?? !1,
     "onUpdate:modelValue": (a) => {
-      fe(
-        n,
-        r,
+      oe(
+        t,
+        e,
         l,
         a,
-        e,
         o,
+        n,
         i
       );
     },
-    hasDelete: o !== void 0 && !i,
+    hasDelete: n !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (l.splice(o, 1), e(n.slice(0, 1), l));
+      n === void 0 || i || (l.splice(n, 1), o(t.slice(0, 1), l));
     },
-    readonly: r.readonly
+    readonly: e.readonly
   }) };
 }
-const Vs = { class: "d-flex justify-space-between align-center" }, Us = /* @__PURE__ */ G({
+const sl = { class: "d-flex justify-space-between align-center" }, il = /* @__PURE__ */ J({
   __name: "select",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ W({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 },
     items: {}
@@ -1411,21 +700,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(() => {
-      var u;
+  emits: /* @__PURE__ */ W(["delete"], ["update:modelValue"]),
+  setup(o, { emit: s }) {
+    const { t } = te(), e = G(o, "modelValue"), l = s, n = Te(), i = K(() => {
+      var r;
       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 (r = Ye[n.value]) == null || r.items[o.items].forEach(({ title: u, value: g }) => {
+        a.push({ title: t(u), 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),
+    return (a, r) => {
+      const u = $("v-select"), g = $("v-btn"), d = ne("ripple");
+      return S(), H("div", sl, [
+        ee(A(u, {
+          modelValue: e.value,
+          "onUpdate:modelValue": r[0] || (r[0] = (f) => e.value = f),
           density: "compact",
           items: i.value,
           "hide-details": "",
@@ -1433,54 +722,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: r[1] || (r[1] = z((f) => l("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 rl(o) {
+  return { renderUiSelect: (t, e, l, n, i) => e.ui !== "select" ? (console.assert(!1), h("div", "renderUiSelect prop ui must be select")) : h(il, {
+    modelValue: le(
+      t,
       e,
+      l,
       o,
+      n,
       i
     ) ?? "",
     "onUpdate:modelValue": (a) => {
-      fe(
-        n,
-        r,
+      oe(
+        t,
+        e,
         l,
         a,
-        e,
         o,
+        n,
         i
       );
     },
-    hasDelete: o !== void 0 && !i,
+    hasDelete: n !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (l.splice(o, 1), e(n.slice(0, -1), l));
+      n === void 0 || i || (l.splice(n, 1), o(t.slice(0, -1), l));
     },
-    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 ul = { class: "text-subtitle-2 ml-1" }, al = { class: "text-caption text-grey ml-1" }, cl = /* @__PURE__ */ J({
   __name: "group",
   props: {
     id: {},
@@ -1489,66 +778,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(), l = o, n = 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 (r, u) => {
+      const g = $("v-icon"), d = ne("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: u[0] || (u[0] = (f) => n("x-click", l.id)),
+        onMouseover: u[1] || (u[1] = (f) => i.value = !0),
+        onMouseout: u[2] || (u[2] = (f) => i.value = !1)
       }, [
-        k(v, {
-          icon: l.collapse ? w(wn) : w(Sn),
+        A(g, {
+          icon: l.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", ul, Q(l.title), 1),
+        F("span", al, Q(l.count), 1)
       ], 36)), [
-        [c]
+        [d]
       ]);
     };
   }
-}), ks = { class: "text-subtitle-1 ml-6" }, Es = /* @__PURE__ */ G({
+}), dl = { class: "text-subtitle-1 ml-6" }, fl = /* @__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(), l = o, n = 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 (r, u) => {
+      const g = ne("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: u[0] || (u[0] = (d) => n("x-click", l.id)),
+        onMouseover: u[1] || (u[1] = (d) => i.value = !0),
+        onMouseout: u[2] || (u[2] = (d) => i.value = !1)
       }, [
-        z("span", ks, Y(l.title), 1)
+        F("span", dl, Q(l.title), 1)
       ], 36)), [
-        [v]
+        [g]
       ]);
     };
   }
-}), Ns = { key: 0 }, Rs = {
+}), ml = { key: 0 }, vl = {
   key: 1,
   class: "text-body-2 text-grey ml-3"
-}, Bs = /* @__PURE__ */ G({
+}, pl = /* @__PURE__ */ J({
   __name: "index",
   props: {
     modelValue: {},
@@ -1557,128 +846,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"), l = et(), n = (a) => {
+      const r = ze(l, a);
+      r && Ct(l, a, !r.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, r) => C(l).length > 0 ? (S(), H("div", ml, [
+      (S(!0), H(Ve, null, Be(C(l), (u) => (S(), H(Ve, {
+        key: u.id
       }, [
-        s.type === 0 ? (A(), B(js, {
+        u.type === 0 ? (S(), B(cl, {
           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: u.id,
+          title: u.name,
+          collapse: u.collapse,
+          count: u.count ?? 0,
+          onXClick: n
+        }, null, 8, ["id", "title", "collapse", "count"])) : Y("", !0),
+        u.type === 1 && u.show ? (S(), B(fl, {
           key: 1,
-          id: s.id,
-          title: s.name,
+          id: u.id,
+          title: u.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", vl, Q(C(s)("x-prop-tree.noComp")), 1));
   }
-}), Fs = { class: "text-subtitle-1 ml-3" }, Hs = /* @__PURE__ */ G({
+}), yl = { class: "text-subtitle-1 ml-3" }, gl = /* @__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: l } = ie(), n = G(o, "modelValue"), i = et(), a = K(() => {
       let f = "100%";
-      return n.mdAndUp.value && (f = "400px"), {
+      return t.mdAndUp.value && (f = "400px"), {
         background: l.value,
         width: f,
         height: "100%"
       };
-    }), u = F(() => {
+    }), r = K(() => {
       let f = 48;
-      return r.value && (f += 24), {
+      return e.value && (f += 24), {
         position: "relative",
         height: `calc(100% - ${f}px)`
       };
-    }), s = F(() => ({
+    }), u = 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 (!n.value)
+        return s("x-runtime-lib.notSet");
+      const f = ze(i, n.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"), T = $("v-dialog");
+      return S(), B(T, {
+        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", yl, 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(r.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(pl, {
+                  modelValue: n.value,
+                  "onUpdate:modelValue": m[1] || (m[1] = (P) => n.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(u.value)
                 }, null, 4)
               ], 4)
             ], 4)
@@ -1689,88 +978,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 hl(o) {
+  return { renderUiCompSelect: (t, e, l, n, i) => e.ui !== "compSelect" ? (console.assert(!1), h("div", "renderUiCompSelect prop ui must be compSelect")) : h(gl, {
+    modelValue: le(
+      t,
       e,
+      l,
       o,
+      n,
       i
     ),
     "onUpdate:modelValue": (a) => {
-      fe(
-        n,
-        r,
+      oe(
+        t,
+        e,
         l,
         a,
-        e,
         o,
+        n,
         i
       );
     }
   }) };
 }
-const Ks = { class: "d-flex justify-space-between align-center" }, qs = /* @__PURE__ */ G({
+const _l = { class: "d-flex justify-space-between align-center" }, kl = /* @__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(() => {
-      let u = "100%";
-      return e.hasDelete && (u = "calc(100% - 37px)"), {
-        width: u
+  emits: /* @__PURE__ */ W(["delete"], ["update:modelValue"]),
+  setup(o, { emit: s }) {
+    const { t } = te(), e = G(o, "modelValue"), l = s, n = K(() => {
+      let r = "100%";
+      return o.hasDelete && (r = "calc(100% - 37px)"), {
+        width: r
       };
-    }), 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),
+    }), (r, u) => {
+      const g = $("v-btn"), d = $("v-color-picker"), f = $("v-menu");
+      return S(), B(f, {
+        modelValue: C(a),
+        "onUpdate:modelValue": u[2] || (u[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", _l, [
+            F("div", {
               class: "flex-grow-1",
-              style: re(o.value)
+              style: I(n.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, {
+            r.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: u[0] || (u[0] = z((k) => l("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": u[1] || (u[1] = (m) => e.value = m),
             mode: "hexa",
             "show-swatches": "",
             "swatches-max-height": "150px"
@@ -1781,160 +1070,160 @@ 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 Vl(o) {
+  return { renderUiColorPicker: (t, e, l, n, i) => e.ui !== "colorPicker" ? (console.assert(!1), h("div", "renderUiColorPicker prop ui must be colorPicker")) : h(kl, {
+    modelValue: le(
+      t,
       e,
+      l,
       o,
+      n,
       i
     ),
     "onUpdate:modelValue": (a) => {
-      fe(
-        n,
-        r,
+      oe(
+        t,
+        e,
         l,
         a,
-        e,
         o,
+        n,
         i
       );
     },
-    hasDelete: o !== void 0 && !i,
+    hasDelete: n !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (l.splice(o, 1), e(n.slice(0, -1), l));
+      n === void 0 || i || (l.splice(n, 1), o(t.slice(0, -1), l));
     },
-    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 Cl = { class: "d-flex justify-space-between align-center my-2" }, Sl = { class: "flex-grow-1" }, Ul = /* @__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"), l = s, n = 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[n.value]) == null ? void 0 : f.types[o.types];
+    }), a = O(0), r = 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 u = 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 = u.value) == null ? void 0 : f.default;
+    }, d = O(0);
+    return Ne(() => {
+      var f, m;
+      ((f = u.value) == null ? void 0 : f.ui) === "pixelInput" ? d.value = Ut(e.value) : ((m = u.value) == null ? void 0 : m.ui) === "percentInput" && (d.value = $t(e.value));
+    }), ue(d, (f) => {
+      var m, k;
+      ((m = u.value) == null ? void 0 : m.ui) === "pixelInput" ? e.value = f + "px" : ((k = u.value) == null ? void 0 : k.ui) === "percentInput" && (e.value = f + "%");
+    }), (f, m) => {
+      var P, _;
+      const k = $("v-select"), L = $("v-number-input"), w = $("v-btn"), T = ne("ripple");
+      return S(), H("div", Cl, [
+        F("div", Sl, [
+          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,
+            items: r.value,
             "hide-details": "",
             "single-line": ""
           }, null, 8, ["modelValue", "items"]), [
             [
-              x,
+              T,
               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 = u.value) == null ? void 0 : P.ui) === "pixelInput" || ((_ = u.value) == null ? void 0 : _.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: u.value.precision,
+            min: u.value.min,
+            max: u.value.max,
+            step: u.value.step,
             "hide-details": "",
             "single-line": ""
           }, null, 8, ["modelValue", "precision", "min", "max", "step"])), [
             [
-              x,
+              T,
               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) => l("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 $l(o) {
+  return { renderUiMultiTypes: (t, e, l, n, i) => e.ui !== "multiTypes" ? (console.assert(!1), h("div", "renderUiMultiTypes prop ui must be multiTypes")) : h(Ul, {
+    modelValue: le(
+      t,
       e,
+      l,
       o,
+      n,
       i
     ) ?? "",
     "onUpdate:modelValue": (a) => {
-      fe(
-        n,
-        r,
+      oe(
+        t,
+        e,
         l,
         a,
-        e,
         o,
+        n,
         i
       );
     },
-    hasDelete: o !== void 0 && !i,
+    hasDelete: n !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (l.splice(o, 1), e(n.slice(0, -1), l));
+      n === void 0 || i || (l.splice(n, 1), o(t.slice(0, -1), l));
     },
-    types: r.types
+    types: e.types
   }) };
 }
-const Ws = /* @__PURE__ */ G({
+const xl = /* @__PURE__ */ J({
   __name: "editor",
   props: {
     modelValue: { required: !0 },
@@ -1945,116 +1234,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"), l = G(o, "scale"), n = _t(), i = kt(), a = Te(), r = Re("target"), u = () => {
       var f;
-      const c = JSON.parse(n.value);
-      (f = u.value) == null || f.load(c);
+      const d = JSON.parse(t.value);
+      (f = r.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 = r.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),
+      ref: r,
+      lock: e.value,
+      "onUpdate:lock": f[0] || (f[0] = (m) => e.value = m),
       scale: l.value,
-      "onUpdate:scale": f[1] || (f[1] = (d) => l.value = d),
+      "onUpdate:scale": f[1] || (f[1] = (m) => l.value = m),
       type: "json",
-      version: w(a),
-      locale: w(i),
-      dark: w(o),
-      onReady: s
+      version: C(a),
+      locale: C(i),
+      dark: C(n),
+      onReady: u
     }, null, 8, ["lock", "scale", "version", "locale", "dark"]));
   }
-}), Ys = { class: "text-subtitle-1" }, Qs = /* @__PURE__ */ G({
+}), Pl = { class: "text-subtitle-1" }, Ml = /* @__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: l, backgroundColor2: n } = ie(), i = G(o, "modelValue"), a = O(!1), r = O(1), u = K(() => {
+      let m = 48;
+      return t.value && (m += 24), {
         position: "relative",
         background: l.value,
-        height: `calc(100% - ${d}px)`
+        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"), T = $("v-spacer"), P = $("v-dialog");
+      return S(), B(P, {
+        modelValue: C(d),
+        "onUpdate:modelValue": k[4] || (k[4] = (_) => pe(d) ? d.value = _ : 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((_) => d.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: H(({ props: b }) => [
-          k(C, dt(b, {
+        activator: R(({ props: _ }) => [
+          A(L, Ae(_, {
             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(n),
                 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(n),
                 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] = (_) => d.value = !1)
                   }, null, 8, ["icon"]),
-                  z("span", Ys, Y(w(t)("x-prop-tree.dlg.jsonObject.title")), 1),
-                  k(x)
+                  F("span", Pl, Q(C(s)("x-prop-tree.dlg.jsonObject.title")), 1),
+                  A(T)
                 ]),
                 _: 1
               }, 8, ["color"]),
-              z("div", {
-                style: re(s.value)
+              F("div", {
+                style: I(u.value)
               }, [
-                k(Ws, {
+                A(xl, {
                   ref_key: "editor",
                   ref: f,
                   modelValue: i.value,
-                  "onUpdate:modelValue": m[1] || (m[1] = (b) => i.value = b),
+                  "onUpdate:modelValue": k[1] || (k[1] = (_) => i.value = _),
                   lock: a.value,
-                  "onUpdate:lock": m[2] || (m[2] = (b) => a.value = b),
-                  scale: u.value,
-                  "onUpdate:scale": m[3] || (m[3] = (b) => u.value = b)
+                  "onUpdate:lock": k[2] || (k[2] = (_) => a.value = _),
+                  scale: r.value,
+                  "onUpdate:scale": k[3] || (k[3] = (_) => r.value = _)
                 }, null, 8, ["modelValue", "lock", "scale"])
               ], 4)
             ]),
@@ -2066,30 +1355,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 wl(o) {
+  return { renderUiJsonEditor: (t, e, l, n, i) => e.ui !== "jsonEditor" ? h("div", "renderUiJsonObject prop ui must be jsonEditor") : h(Ml, {
+    modelValue: le(
+      t,
       e,
+      l,
       o,
+      n,
       i
     ) ?? "{}",
     "onUpdate:modelValue": (a) => {
-      fe(
-        n,
-        r,
+      oe(
+        t,
+        e,
         l,
         a,
-        e,
         o,
+        n,
         i
       );
     }
   }) };
 }
-const ta = /* @__PURE__ */ G({
+const Dl = /* @__PURE__ */ J({
   __name: "index",
   props: {
     unique: {},
@@ -2098,102 +1387,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(), l = o, n = s, i = O("20px"), a = O("56px"), r = O("200px"), u = yt({}), g = O({}), d = (p, c) => {
+      qe(g, l.config, l.object), n("change", p, c);
     };
-    be(
+    ue(
       [() => l.config, () => l.object],
       () => {
-        qt(v, l.config, l.object, (y, p) => {
-          o("change", y, p);
+        qe(g, l.config, l.object, (p, c) => {
+          n("change", p, c);
         });
       },
       { immediate: !0 }
     );
-    const f = N(l.version);
-    is(f), be(
+    const f = O(l.version);
+    Ot(f), ue(
       () => l.version,
       () => {
         f.value = l.version;
       }
     );
-    const d = N(l.config);
-    ss(d), be(
+    const m = O(l.config);
+    qt(m), ue(
       () => l.config,
       () => {
-        d.value = l.config;
+        m.value = l.config;
       }
     );
-    const m = N(l.object);
-    us(m), be(
+    const k = O(l.object);
+    Kt(k), ue(
       () => l.object,
       () => {
-        m.value = l.object;
+        k.value = l.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 T;
+    const P = () => {
+      clearTimeout(T), T = window.setTimeout(() => {
+        w(), T && P();
       }, 1e3);
-    }, b = () => {
-      clearTimeout(x), x = void 0;
+    }, _ = () => {
+      clearTimeout(T), T = void 0;
     };
-    Hn(() => {
-      $();
-    }), Gn(() => {
-      b();
+    gt(() => {
+      P();
+    }), ht(() => {
+      _();
     });
-    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, r), { renderUiDummy: N } = Qt(d), { renderUiStrInput: Z } = jt(d), { renderUiNumInput: Pe } = tl(d), { renderUiSwitch: tt } = ol(d), { renderUiSelect: lt } = rl(d), { renderUiColorPicker: nt } = Vl(d), { renderUiJsonEditor: ot } = wl(d), { renderUiMultiTypes: st } = $l(d), { renderUiCompSelect: it } = hl(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)
-        return console.assert(!1), _("div", "renderBranchArray prop ui must be invalid");
-      if (!p.array)
-        return console.assert(!1), _("div", "renderBranchArray prop array must be valid");
-      if (!g)
-        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,
+      c,
+      y,
+      v,
+      V,
+      x
+    )), rt = (p, c, y, v, V, x) => {
+      if (c.ui)
+        return console.assert(!1), h("div", "renderBranchArray prop ui must be invalid");
+      if (!c.array)
+        return console.assert(!1), h("div", "renderBranchArray prop array must be valid");
+      if (!v)
+        return console.assert(!1), h("div", "renderBranchArray branch must be valid");
+      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 = h(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, b) => {
+          ae.emit("propTreeMenu", { x: U, y: b, keys: p });
         },
         onCreate: () => {
-          j.push({}), c(y, j);
+          D.push({}), d(p, D);
         }
-      }), q = _(
+      }), X = h(
         "div",
         {
           style: {
@@ -2201,44 +1490,44 @@ const ta = /* @__PURE__ */ G({
           }
         },
         (() => {
-          const O = [];
-          for (let E = 0; E < j.length; E++) {
-            if (!ot(g.children)) {
+          const U = [];
+          for (let b = 0; b < D.length; b++) {
+            if (!Me(v.children)) {
               console.assert(!1);
               break;
             }
-            g.children[E] || g.children.push({
+            v.children[b] || 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, b], he = v.children[b];
+            let Le = `[${b + 1}]`;
+            v.children[b].collapse && ce(g.value, ge) && (Le += " *");
+            const ft = h(ke, {
+              title: Le,
+              collapse: v.children[b].collapse,
               hasDelete: !0,
-              index: E,
-              onCollapse: (ne) => {
-                if (!ot(g.children)) {
+              index: b,
+              onCollapse: (j) => {
+                if (!Me(v.children)) {
                   console.assert(!1);
                   return;
                 }
-                g.children[E].collapse = ne;
+                v.children[b].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 = h(
               "div",
               {
                 style: {
@@ -2246,34 +1535,34 @@ const ta = /* @__PURE__ */ G({
                 }
               },
               (() => {
-                const ne = [];
-                return p.children.forEach((de) => {
-                  if (!Kt(Ee.children)) {
+                const j = [];
+                return c.children.forEach((se) => {
+                  if (!Oe(he.children)) {
                     console.assert(!1);
                     return;
                   }
-                  Ee.children[de.key] || (Ee.children[de.key] = {
+                  he.children[se.key] || (he.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[b],
+                    he.children[se.key],
+                    b,
                     !0
                   );
-                  ne.push(Rn);
-                }), ne;
+                  j.push(vt);
+                }), j;
               })()
             );
-            g.children[E].collapse || O.push(Nn);
+            v.children[b].collapse || U.push(mt);
           }
-          return O;
+          return U;
         })()
       );
-      return _(
+      return h(
         "div",
         {
           style: {
@@ -2281,33 +1570,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)
-        return console.assert(!1), _("div", "renderBranchScalar prop ui must be invalid");
-      if (p.array)
-        return console.assert(!1), _("div", "renderBranchScalar prop array must be invalid");
-      if (!g)
-        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;
+    }, ut = (p, c, y, v, V, x) => {
+      if (c.ui)
+        return console.assert(!1), h("div", "renderBranchScalar prop ui must be invalid");
+      if (c.array)
+        return console.assert(!1), h("div", "renderBranchScalar prop array must be invalid");
+      if (!v)
+        return console.assert(!1), h("div", "renderBranchScalar branch must be valid");
+      let D = t(c.name);
+      v.collapse && ce(g.value, p) && (D += " *");
+      const E = h(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 = h(
         "div",
         {
           style: {
@@ -2315,27 +1604,27 @@ 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 b = 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(b);
+          }), X;
         })()
       );
-      return _(
+      return h(
         "div",
         {
           style: {
@@ -2343,35 +1632,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)
-        return console.assert(!1), _("div", "renderLeafArray prop ui must be valid");
-      if (!p.array)
-        return console.assert(!1), _("div", "renderLeafArray prop array must be valid");
-      if (!g)
-        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,
+    }, at = (p, c, y, v, V, x) => {
+      if (!c.ui)
+        return console.assert(!1), h("div", "renderLeafArray prop ui must be valid");
+      if (!c.array)
+        return console.assert(!1), h("div", "renderLeafArray prop array must be valid");
+      if (!v)
+        return console.assert(!1), h("div", "renderLeafArray branch must be valid");
+      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 = h(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, b) => {
+          ae.emit("propTreeMenu", { x: U, y: b, keys: p });
         },
         onCreate: () => {
-          j.push(R(p, !0)), c(y, j);
+          D.push(q(c, !0)), d(p, D);
         }
-      }), q = _(
+      }), X = h(
         "div",
         {
           style: {
@@ -2379,15 +1668,15 @@ 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 b = 0; b < D.length; b++) {
+            const ge = ye(p, c, D, void 0, b, !1);
+            U.push(ge);
           }
-          return O;
+          return U;
         })()
       );
-      return _(
+      return h(
         "div",
         {
           style: {
@@ -2395,69 +1684,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)
-        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 = () => _(
+    }, ct = (p, c, y, v, V) => {
+      if (!c.ui)
+        return console.assert(!1), h("div", "renderLeafScalar prop ui must be valid");
+      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 = lt(p, c, y, v, V) : c.ui === "colorPicker" ? x = nt(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) : h("div");
+    }, dt = () => h(
       "div",
       {
         class: "text-body-2",
         style: {
-          background: r.value
+          background: e.value
         }
       },
       (() => {
-        const y = [];
+        const p = [];
         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] = {
+          u[l.unique] || (u[l.unique] = {});
+          const c = u[l.unique];
+          l.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, l.object, c[y.key]);
+            p.push(v);
           });
         }
-        return y;
+        return p;
       })()
     );
-    return (y, p) => (A(), K(He, null, [
-      k(kn),
-      k(gs, {
+    return (p, c) => (S(), H(Ve, null, [
+      A(dt),
+      A(Gt, {
         config: l.config,
         object: l.object,
-        "prop-states": v.value
+        "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) => {
+}), Al = (o) => {
+  o.component("XPropTree", Dl);
+}, bl = (o, s, t) => {
+  const e = o[s];
+  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((l, n) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      o.bind(
+      n.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 Jl(o) {
+  return (await bl(/* @__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 Hl = { install: Al };
 export {
-  da as default,
-  fa as loadLocaleMessagePropTree
+  Hl as default,
+  Jl as loadLocaleMessagePropTree
 };