x-prop-tree 0.7.12 → 0.7.14

package/dist/index.js

@@ -1,85 +1,85 @@
-import { provide as ce, inject as de, defineComponent as R, ref as O, computed as K, resolveComponent as x, createBlock as B, openBlock as C, unref as L, isRef as ve, withCtx as J, createVNode as D, createElementBlock as E, Fragment as Ve, renderList as Be, createTextVNode as Ce, toDisplayString as W, resolveDirective as le, withDirectives as ee, withModifiers as X, normalizeStyle as I, createElementVNode as F, createCommentVNode as G, renderSlot as ft, h, mergeModels as Y, useModel as z, useId as we, onUnmounted as De, withKeys as Ke, mergeProps as be, watchEffect as Ne, watch as re, useTemplateRef as Je, reactive as mt, onMounted as vt, onBeforeUnmount as pt } from "vue";
+import { provide as ce, inject as de, defineComponent as R, ref as O, computed as K, resolveComponent as U, createBlock as B, openBlock as C, unref as L, isRef as ve, withCtx as J, createVNode as D, createElementBlock as E, Fragment as Ve, renderList as Be, createTextVNode as Ce, toDisplayString as W, resolveDirective as le, withDirectives as ee, withModifiers as X, normalizeStyle as I, createElementVNode as F, createCommentVNode as G, renderSlot as ft, h as y, mergeModels as Y, useModel as z, useId as we, onUnmounted as De, withKeys as Ke, mergeProps as be, watchEffect as Ne, watch as ue, useTemplateRef as Je, reactive as mt, onMounted as vt, onBeforeUnmount as pt } from "vue";
 import { useI18n as te } from "vue-i18n";
-import { useViewStack as Se, useColor as ie, eventBus as ue, useSystem as pe, openPromptDlg as yt, openNumberDlg as Re, injectDark as gt, injectLocale as ht } from "x-essential-lib";
-import { c as Ee, i as Ue, r as He, v as _t, d as kt } from "./vendor.f0ug048x.js";
-import { getPropDefault as q, pkgs as Fe, parsePixelStr as Vt, parsePercentStr as Ct } from "x-runtime-lib";
-import { globalState as St } from "x-state-lib";
-import { useDisplay as Ut } from "vuetify";
-import { XBlockly as xt } from "x-block-lib";
-const _e = (l, s) => {
-  let t = { key: "", name: "", children: l };
+import { useViewStack as xe, useColor as ie, eventBus as re, useSystem as pe, openPromptDlg as gt, openNumberDlg as Re, injectDark as ht, injectLocale as yt } from "x-essential-lib";
+import { c as Ee, i as Se, r as He, v as kt, d as _t } from "./vendor.f0ug048x.js";
+import { getPropertyDefault as q, pkgs as Fe, parsePixelStr as Vt, parsePercentStr as Ct } from "x-runtime-lib";
+import { globalState as xt } from "x-state-lib";
+import { useDisplay as St } from "vuetify";
+import { XBlockly as Ut } from "x-block-lib";
+const ke = (t, s) => {
+  let n = { key: "", name: "", children: t };
   return s.forEach((e) => {
     if (typeof e != "number") {
-      if (!t) {
-        console.assert(!1, `unpkgProp invalid prop keys=${s}`);
+      if (!n) {
+        console.assert(!1, `unpkgProp invalid property keys=${s}`);
         return;
       }
-      if (t.ui) {
-        console.assert(!1, `unpkgProp prop ui must be invalid keys=${s}`);
+      if (n.ui) {
+        console.assert(!1, `unpkgProp property ui must be invalid keys=${s}`);
         return;
       }
-      t = t.children.find((n) => n.key === e);
+      n = n.children.find((l) => l.key === e);
     }
-  }), t;
-}, me = (l, s) => {
-  let t = l;
+  }), n;
+}, me = (t, s) => {
+  let n = t;
   return s.forEach((e) => {
-    if (!t) {
+    if (!n) {
       console.assert(!1, `unpkgObject object must be valid keys=${s}`);
       return;
     }
-    t = t[e];
-  }), t;
-}, Oe = (l) => !(l instanceof Array), Me = (l) => l instanceof Array, $t = (l, s) => {
-  const t = (e, n) => {
-    if (e.ui !== n.ui || e.array !== n.array)
+    n = n[e];
+  }), n;
+}, Oe = (t) => !(t instanceof Array), Me = (t) => t instanceof Array, $t = (t, s) => {
+  const n = (e, l) => {
+    if (e.ui !== l.ui || e.array !== l.array)
       return !1;
-    if (e.ui || n.ui)
+    if (e.ui || l.ui)
       return !0;
-    if (e.children.length !== n.children.length)
+    if (e.children.length !== l.children.length)
       return !1;
     for (let o = 0; o < e.children.length; o++)
-      if (!t(e.children[o], n.children[o]))
+      if (!n(e.children[o], l.children[o]))
         return !1;
     return !0;
   };
-  return t(l, s);
-}, Ae = (l) => !(l instanceof Array), xe = (l) => l instanceof Array, Pt = [
+  return n(t, s);
+}, Ae = (t) => !(t instanceof Array), Ue = (t) => t instanceof Array, Pt = [
   ["basic", "id"],
   ["basic", "name"]
-], Mt = (l) => Pt.find((s) => Ue(l, s)), $e = (l, s, t, e, n, o, i) => (l = Ee(l), o !== void 0 ? (l.push(o), i && l.push(s.key)) : l.push(s.key), Mt(l) ? (e.change = !1, e.change) : s.ui ? s.array && e.children && xe(e.children) ? bt(
-  l,
-  s,
+], Mt = (t) => Pt.find((s) => Se(t, s)), $e = (t, s, n, e, l, o, i) => (t = Ee(t), o !== void 0 ? (t.push(o), i && t.push(s.key)) : t.push(s.key), Mt(t) ? (e.change = !1, e.change) : s.ui ? s.array && e.children && Ue(e.children) ? bt(
   t,
-  e,
+  s,
   n,
+  e,
+  l,
   o,
   i
-) : At(s, t, e, o, i) : s.array ? wt(
-  l,
-  s,
+) : At(s, n, e, o, i) : s.array ? wt(
   t,
-  e,
+  s,
   n,
+  e,
+  l,
   o,
   i
 ) : Dt(
-  l,
-  s,
   t,
-  e,
+  s,
   n,
+  e,
+  l,
   o,
   i
-)), wt = (l, s, t, e, n, o, i) => {
+)), wt = (t, s, n, e, l, o, i) => {
   if (s.ui)
-    return console.assert(!1, "execPropBranchArray prop ui must be invalid"), !1;
+    return console.assert(!1, "execPropertyBranchArray property ui must be invalid"), !1;
   if (!s.array)
-    return console.assert(!1, "execPropBranchArray prop array must be valid"), !1;
-  if (!e.children || !xe(e.children))
-    return console.assert(!1, "execPropBranchArray state children must be array"), !1;
+    return console.assert(!1, "execPropertyBranchArray property array must be valid"), !1;
+  if (!e.children || !Ue(e.children))
+    return console.assert(!1, "execPropertyBranchArray state children must be array"), !1;
   let r;
-  o !== void 0 && !i ? (t[o] instanceof Array || (t[o] = q(s), n?.(l, t[o])), r = t[o]) : (t[s.key] instanceof Array || (t[s.key] = q(s), n?.(l, t[s.key])), r = t[s.key]), e.change = !1;
+  o !== void 0 && !i ? (n[o] instanceof Array || (n[o] = q(s), l?.(t, n[o])), r = n[o]) : (n[s.key] instanceof Array || (n[s.key] = q(s), l?.(t, n[s.key])), r = n[s.key]), e.change = !1;
   for (let u = 0; u < r.length; u++) {
     e.children.push({
       change: !1,
@@ -95,125 +95,125 @@ const _e = (l, s) => {
         change: !1,
         children: f.array ? [] : {}
       }, $e(
-        l,
+        t,
         f,
         r[u],
         a.children[f.key],
-        n,
+        l,
         u,
         !0
       ) && (a.change = !0), a.change && (e.change = !0);
     });
   }
-  return e.change || (e.change = !Ue(r, q(s))), e.change;
-}, Dt = (l, s, t, e, n, o, i) => {
+  return e.change || (e.change = !Se(r, q(s))), e.change;
+}, Dt = (t, s, n, e, l, o, i) => {
   if (s.ui)
-    return console.assert(!1, "execPropBranchScalar prop ui must be invalid"), !1;
+    return console.assert(!1, "execPropertyBranchScalar property ui must be invalid"), !1;
   if (s.array)
-    return console.assert(!1, "execPropBranchScalar prop array must be invalid"), !1;
+    return console.assert(!1, "execPropertyBranchScalar property array must be invalid"), !1;
   if (!e.children || !Ae(e.children))
-    return console.assert(!1, "execPropBranchScalar state children must be map"), !1;
+    return console.assert(!1, "execPropertyBranchScalar state children must be map"), !1;
   let r;
-  o !== void 0 && !i ? (t[o] || (t[o] = {}), r = t[o]) : (t[s.key] || (t[s.key] = {}), r = t[s.key]), e.change = !1;
+  o !== void 0 && !i ? (n[o] || (n[o] = {}), r = n[o]) : (n[s.key] || (n[s.key] = {}), r = n[s.key]), e.change = !1;
   for (let u = 0; u < s.children.length; u++) {
     const a = s.children[u];
     e.children[a.key] = {
       change: !1,
       children: a.array ? [] : {}
-    }, $e(l, a, r, e.children[a.key], n) && (e.change = !0);
+    }, $e(t, a, r, e.children[a.key], l) && (e.change = !0);
   }
   return e.change;
-}, bt = (l, s, t, e, n, o, i) => {
+}, bt = (t, s, n, e, l, o, i) => {
   if (!s.ui)
-    return console.assert(!1, "execPropLeafArray prop ui must be valid"), !1;
+    return console.assert(!1, "execPropertyLeafArray property ui must be valid"), !1;
   if (!s.array)
-    return console.assert(!1, "execPropLeafArray prop aray must be valid"), !1;
-  if (!e.children || !xe(e.children))
-    return console.assert(!1, "execPropLeafArray state children must be array"), !1;
+    return console.assert(!1, "execPropertyLeafArray property aray must be valid"), !1;
+  if (!e.children || !Ue(e.children))
+    return console.assert(!1, "execPropertyLeafArray state children must be array"), !1;
   let r;
-  o !== void 0 && !i ? (t[o] instanceof Array || (t[o] = q(s), n?.(l, t[o])), r = t[o]) : (t[s.key] instanceof Array || (t[s.key] = q(s), n?.(l, t[s.key])), r = t[s.key]), e.change = !1;
+  o !== void 0 && !i ? (n[o] instanceof Array || (n[o] = q(s), l?.(t, n[o])), r = n[o]) : (n[s.key] instanceof Array || (n[s.key] = q(s), l?.(t, n[s.key])), r = n[s.key]), e.change = !1;
   for (let u = 0; u < r.length; u++)
     e.children[u] = {
       change: !1,
       children: {}
-    }, $e(l, s, r, e.children[u], n, u, !1) && (e.change = !0);
-  return e.change || (e.change = !Ue(r, q(s))), e.change;
-}, At = (l, s, t, e, n) => {
-  if (!l.ui)
-    return console.assert(!1, "execPropLeafScalar prop ui must be valid"), !1;
+    }, $e(t, s, r, e.children[u], l, u, !1) && (e.change = !0);
+  return e.change || (e.change = !Se(r, q(s))), e.change;
+}, At = (t, s, n, e, l) => {
+  if (!t.ui)
+    return console.assert(!1, "execPropertyLeafScalar property ui must be valid"), !1;
   let o;
-  return e !== void 0 && !n ? o = s[e] : o = s[l.key], t.change = !Ue(o, q(l, !0)), t.change;
-}, qe = (l, s, t, e) => {
-  if (s.length <= 0 || !t) {
-    l.value = {};
+  return e !== void 0 && !l ? o = s[e] : o = s[t.key], n.change = !Se(o, q(t, !0)), n.change;
+}, qe = (t, s, n, e) => {
+  if (s.length <= 0 || !n) {
+    t.value = {};
     return;
   }
-  const n = {};
+  const l = {};
   s.forEach((o) => {
-    n[o.key] = {
+    l[o.key] = {
       change: !1,
       children: o.array ? [] : {}
-    }, $e([], o, t, n[o.key], e);
-  }), l.value = n;
-}, ae = (l, s) => {
-  let t = { change: !1, children: l };
+    }, $e([], o, n, l[o.key], e);
+  }), t.value = l;
+}, ae = (t, s) => {
+  let n = { change: !1, children: t };
   return s.forEach((e) => {
-    if (!t)
+    if (!n)
       return console.assert(!1, `isPropChanged state must be valid keys=${s}`), !1;
-    if (!t.children)
+    if (!n.children)
       return console.assert(!1, `isPropChanged state must be valid keys=${s}`), !1;
-    typeof e == "string" ? Ae(t.children) && (t = t.children[e]) : xe(t.children) && (t = t.children[e]);
-  }), t?.change ?? !1;
+    typeof e == "string" ? Ae(n.children) && (n = n.children[e]) : Ue(n.children) && (n = n.children[e]);
+  }), n?.change ?? !1;
 }, Xe = Symbol(), ze = Symbol(), Ge = Symbol(), Ye = Symbol(), We = Symbol(), Qe = Symbol();
-function Tt(l) {
-  ce(Xe, l);
+function Tt(t) {
+  ce(Xe, t);
 }
 function Te() {
   return de(Xe);
 }
-function Lt(l) {
-  ce(ze, l);
+function Lt(t) {
+  ce(ze, t);
 }
 function Nt() {
   return de(ze);
 }
-function Ot(l) {
-  ce(Ge, l);
+function Ot(t) {
+  ce(Ge, t);
 }
 function qt() {
   return de(Ge);
 }
-function Bt(l) {
-  ce(Ye, l);
+function Bt(t) {
+  ce(Ye, t);
 }
 function Kt() {
   return de(Ye);
 }
-function Jt(l) {
-  ce(We, l);
+function Jt(t) {
+  ce(We, t);
 }
 function Rt() {
   return de(We);
 }
-function Et(l) {
-  ce(Qe, l);
+function Et(t) {
+  ce(Qe, t);
 }
 function Ze() {
   return de(Qe);
 }
 const Ht = /* @__PURE__ */ R({
   __name: "menu",
-  setup(l) {
-    const { t: s } = te(), t = Nt(), e = qt(), n = Kt(), o = Rt(), i = O(0), r = O(0), u = O([]), a = K(() => [i.value, r.value]), f = (P) => {
-      const T = () => !(u.value.length <= 0 || !ae(n.value, u.value)), w = () => {
-        const _ = _e(t.value, u.value);
-        if (_)
-          if (_.ui) {
+  setup(t) {
+    const { t: s } = te(), n = Nt(), e = qt(), l = Kt(), o = Rt(), i = O(0), r = O(0), u = O([]), a = K(() => [i.value, r.value]), f = (P) => {
+      const T = () => !(u.value.length <= 0 || !ae(l.value, u.value)), w = () => {
+        const k = ke(n.value, u.value);
+        if (k)
+          if (k.ui) {
             const M = me(e.value, u.value.slice(0, -1));
             if (!M)
               return;
-            M[u.value[u.value.length - 1]] = q(_), o(u.value, M[u.value[u.value.length - 1]]);
-          } else if (_.array) {
+            M[u.value[u.value.length - 1]] = q(k), o(u.value, M[u.value[u.value.length - 1]]);
+          } else if (k.array) {
             const M = u.value[u.value.length - 1];
             if (M === void 0) {
               console.assert(!1, "invalid last key");
@@ -223,21 +223,21 @@ const Ht = /* @__PURE__ */ R({
               const N = me(e.value, u.value.slice(0, -1));
               if (!N)
                 return;
-              N[u.value[u.value.length - 1]] = q(_), o(u.value, N[u.value[u.value.length - 1]]);
+              N[u.value[u.value.length - 1]] = q(k), o(u.value, N[u.value[u.value.length - 1]]);
             } else {
               const N = me(e.value, u.value);
               if (!N)
                 return;
-              _.children.forEach((Q) => {
-                N[Q.key] = q(_), o([...u.value, Q.key], N[Q.key]);
+              k.children.forEach((Q) => {
+                N[Q.key] = q(k), o([...u.value, Q.key], N[Q.key]);
               });
             }
           } else {
             const M = me(e.value, u.value);
             if (!M)
               return;
-            _.children.forEach((N) => {
-              M[N.key] = q(_), o([...u.value, N.key], M[N.key]);
+            k.children.forEach((N) => {
+              M[N.key] = q(k), o([...u.value, N.key], M[N.key]);
             });
           }
       };
@@ -247,20 +247,20 @@ const Ht = /* @__PURE__ */ R({
       });
     }, d = (P) => {
       const T = () => {
-        const w = _e(t.value, u.value), _ = me(e.value, u.value);
-        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: w, object: _ }));
+        const w = ke(n.value, u.value), k = me(e.value, u.value);
+        localStorage.setItem("propTreeCopy", JSON.stringify({ property: w, object: k }));
       };
       P.push({
         title: s("x-prop-tree.copy"),
         func: T
       });
-    }, y = (P) => {
+    }, g = (P) => {
       const T = () => {
-        const _ = localStorage.getItem("propTreeCopy");
-        if (!_)
+        const k = localStorage.getItem("propTreeCopy");
+        if (!k)
           return !1;
         try {
-          const { prop: M } = JSON.parse(_), N = _e(t.value, u.value);
+          const { property: M } = JSON.parse(k), N = ke(n.value, u.value);
           return $t(M, N);
         } catch (M) {
           console.error(M);
@@ -269,10 +269,10 @@ const Ht = /* @__PURE__ */ R({
       }, w = () => {
         if (!T())
           return;
-        const _ = localStorage.getItem("propTreeCopy");
-        if (_)
+        const k = localStorage.getItem("propTreeCopy");
+        if (k)
           try {
-            const { object: M } = JSON.parse(_), N = _e(t.value, u.value);
+            const { object: M } = JSON.parse(k), N = ke(n.value, u.value);
             console.log(M, N);
           } catch (M) {
             console.error(M);
@@ -282,17 +282,17 @@ const Ht = /* @__PURE__ */ R({
         title: s("x-prop-tree.paste"),
         func: w
       });
-    }, g = K(() => {
+    }, h = K(() => {
       const P = [];
-      return f(P), d(P), y(P), P;
-    }), k = (P) => {
+      return f(P), d(P), g(P), P;
+    }), V = (P) => {
       i.value = P.x, r.value = P.y, u.value = P.keys;
-    }, { open: S } = Se("propTreeMenu", k);
+    }, { open: x } = xe("propTreeMenu", V);
     return (P, T) => {
-      const w = x("v-list-item-title"), _ = x("v-list-item"), M = x("v-list"), N = x("v-menu");
+      const w = U("v-list-item-title"), k = U("v-list-item"), M = U("v-list"), N = U("v-menu");
       return C(), B(N, {
-        modelValue: L(S),
-        "onUpdate:modelValue": T[0] || (T[0] = (Q) => ve(S) ? S.value = Q : null),
+        modelValue: L(x),
+        "onUpdate:modelValue": T[0] || (T[0] = (Q) => ve(x) ? x.value = Q : null),
         "location-strategy": "connected",
         scrim: "transparent",
         target: a.value
@@ -300,7 +300,7 @@ const Ht = /* @__PURE__ */ R({
         default: J(() => [
           D(M, null, {
             default: J(() => [
-              (C(!0), E(Ve, null, Be(g.value, (Q, Pe) => (C(), B(_, {
+              (C(!0), E(Ve, null, Be(h.value, (Q, Pe) => (C(), B(k, {
                 key: Pe,
                 link: "",
                 onClick: Q.func
@@ -323,7 +323,7 @@ const Ht = /* @__PURE__ */ R({
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Ft = { style: { pointerEvents: "none" } }, ke = /* @__PURE__ */ R({
+}), Ft = { style: { pointerEvents: "none" } }, _e = /* @__PURE__ */ R({
   __name: "title",
   props: {
     title: {},
@@ -333,51 +333,51 @@ const Ht = /* @__PURE__ */ R({
     index: { default: 0 }
   },
   emits: ["collapse", "menu", "create", "delete"],
-  setup(l, { emit: s }) {
-    const { backgroundColor2: t, highlightColor: e } = ie(), n = s, o = O(!1), i = K(() => ({
-      background: o.value ? e.value : t.value,
+  setup(t, { emit: s }) {
+    const { backgroundColor2: n, highlightColor: e } = ie(), l = s, o = O(!1), i = K(() => ({
+      background: o.value ? e.value : n.value,
       height: "36px",
       marginBottom: "1px",
       userSelect: "none"
     })), r = () => {
-      n("collapse", !l.collapse);
+      l("collapse", !t.collapse);
     }, u = (a) => {
-      n("menu", a.clientX, a.clientY);
+      l("menu", a.clientX, a.clientY);
     };
     return (a, f) => {
-      const d = x("v-icon"), y = x("v-spacer"), g = x("v-btn"), k = le("ripple");
+      const d = U("v-icon"), g = U("v-spacer"), h = U("v-btn"), V = le("ripple");
       return ee((C(), E("div", {
         class: "d-flex align-center cursor-pointer",
         style: I(i.value),
         onClick: r,
         onContextmenu: X(u, ["self", "prevent"]),
-        onMouseout: f[2] || (f[2] = (S) => o.value = !1),
-        onMouseover: f[3] || (f[3] = (S) => o.value = !0)
+        onMouseout: f[2] || (f[2] = (x) => o.value = !1),
+        onMouseover: f[3] || (f[3] = (x) => o.value = !0)
       }, [
         D(d, {
           class: "mr-1",
-          icon: a.collapse ? "mdi-chevron-right" : "mdi-chevron-down"
+          icon: t.collapse ? "mdi-chevron-right" : "mdi-chevron-down"
         }, null, 8, ["icon"]),
-        F("span", Ft, W(a.title), 1),
-        D(y),
-        a.hasCreate ? (C(), B(g, {
+        F("span", Ft, W(t.title), 1),
+        D(g),
+        t.hasCreate ? (C(), B(h, {
           key: 0,
           class: "mx-3",
           density: "compact",
           icon: "mdi-plus",
           variant: "text",
-          onClick: f[0] || (f[0] = X((S) => n("create"), ["stop"]))
+          onClick: f[0] || (f[0] = X((x) => l("create"), ["stop"]))
         })) : G("", !0),
-        a.hasDelete ? (C(), B(g, {
+        t.hasDelete ? (C(), B(h, {
           key: 1,
           class: "mx-3",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: f[1] || (f[1] = X((S) => n("delete", a.index), ["stop"]))
+          onClick: f[1] || (f[1] = X((x) => l("delete", t.index), ["stop"]))
         })) : G("", !0)
       ], 36)), [
-        [k]
+        [V]
       ]);
     };
   }
@@ -387,15 +387,15 @@ const Ht = /* @__PURE__ */ R({
     minHeight: {}
   },
   emits: ["menu"],
-  setup(l, { emit: s }) {
-    const { backgroundColor2: t, highlightColor: e } = ie(), n = s, o = O(!1), i = K(() => ({
-      background: o.value ? e.value : t.value,
-      minHeight: l.minHeight,
+  setup(t, { emit: s }) {
+    const { backgroundColor2: n, highlightColor: e } = ie(), l = s, o = O(!1), i = K(() => ({
+      background: o.value ? e.value : n.value,
+      minHeight: t.minHeight,
       paddingRight: "4px",
       marginBottom: "1px",
       userSelect: "none"
     })), r = (u) => {
-      n("menu", u.clientX, u.clientY);
+      l("menu", u.clientX, u.clientY);
     };
     return (u, a) => {
       const f = le("ripple");
@@ -413,66 +413,66 @@ const Ht = /* @__PURE__ */ R({
     };
   }
 });
-function zt(l, s, t) {
+function zt(t, s, n) {
   const { t: e } = te();
   return { renderProp: (o, i, r) => {
     const u = o[o.length - 1];
     let f = typeof u == "number" ? `[${u + 1}]` : e(i.name);
-    return ae(l.value, o) && (f += " *"), h(
+    return ae(t.value, o) && (f += " *"), y(
       Xt,
       {
         minHeight: s.value,
-        onMenu: (d, y) => {
-          ue.emit("propTreeMenu", { x: d, y, keys: o });
+        onMenu: (d, g) => {
+          re.emit("propTreeMenu", { x: d, y: g, keys: o });
         }
       },
       () => [
-        h("span", {
+        y("span", {
           style: { marginLeft: "4px", pointerEvents: "none" },
           innerHTML: f
         }),
-        h("div", { style: { width: t.value } }, r)
+        y("div", { style: { width: n.value } }, r)
       ]
     );
   } };
 }
-const ne = (l, s, t, e, n, o) => {
-  if (n !== void 0)
+const ne = (t, s, n, e, l, o) => {
+  if (l !== void 0)
     if (o) {
-      if (t[s.key] === void 0) {
+      if (n[s.key] === void 0) {
         const i = q(s);
-        i !== void 0 && (t[s.key] = i, e(l, t[s.key]));
+        i !== void 0 && (n[s.key] = i, e(t, n[s.key]));
       }
-      return t[s.key];
+      return n[s.key];
     } else {
-      if (t[n] === void 0) {
+      if (n[l] === void 0) {
         const i = q(s, !0);
-        i !== void 0 && (t[n] = i, e(l, t[n]));
+        i !== void 0 && (n[l] = i, e(t, n[l]));
       }
-      return t[n];
+      return n[l];
     }
   else {
-    if (t[s.key] === void 0) {
+    if (n[s.key] === void 0) {
       const i = q(s);
-      i !== void 0 && (t[s.key] = i, e(l, t[s.key]));
+      i !== void 0 && (n[s.key] = i, e(t, n[s.key]));
     }
-    return t[s.key];
+    return n[s.key];
   }
-}, oe = (l, s, t, e, n, o, i) => {
+}, oe = (t, s, n, e, l, o, i) => {
   if (o !== void 0)
-    i ? e !== t[s.key] && (t[s.key] = e, n(l, t[s.key])) : e !== t[o] && (t[o] = e, n(l, t[o]));
+    i ? e !== n[s.key] && (n[s.key] = e, l(t, n[s.key])) : e !== n[o] && (n[o] = e, l(t, n[o]));
   else {
     let r = e;
-    (s.ui === "switch" || s.ui === "select" || s.ui === "colorPicker" || s.ui === "multiTypes" || s.ui === "compSelect") && (e || (r = void 0)), r !== t[s.key] && (t[s.key] = r, n(l, t[s.key]));
+    (s.ui === "switch" || s.ui === "select" || s.ui === "colorPicker" || s.ui === "multiTypes" || s.ui === "compSelect") && (e || (r = void 0)), r !== n[s.key] && (n[s.key] = r, l(t, n[s.key]));
   }
 };
-function Gt(l) {
-  return { renderUiDummy: (t, e, n, o, i) => {
+function Gt(t) {
+  return { renderUiDummy: (n, e, l, o, i) => {
     if (e.ui !== "dummy") {
-      console.assert(!1, "renderUiDummy prop ui must be dummy");
+      console.assert(!1, "renderUiDummy property ui must be dummy");
       return;
     }
-    ne(t, e, n, l, o, i);
+    ne(n, e, l, t, o, i);
   } };
 }
 const Yt = { class: "d-flex justify-space-between align-center" }, Wt = /* @__PURE__ */ R({
@@ -485,25 +485,25 @@ const Yt = { class: "d-flex justify-space-between align-center" }, Wt = /* @__PU
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ Y(["delete"], ["update:modelValue"]),
-  setup(l, { emit: s }) {
-    const { isMobile: t } = pe(), e = z(l, "modelValue"), n = s, o = async (i) => {
-      if (!i || l.readonly || !t())
+  setup(t, { emit: s }) {
+    const { isMobile: n } = pe(), e = z(t, "modelValue"), l = s, o = async (i) => {
+      if (!i || t.readonly || !n())
         return;
-      const r = await yt({
+      const r = await gt({
         title: "",
         value: e.value
       });
       r !== void 0 && (e.value = r);
     };
     return (i, r) => {
-      const u = x("v-text-field"), a = x("v-btn"), f = le("ripple");
+      const u = U("v-text-field"), a = U("v-btn"), f = le("ripple");
       return C(), E("div", Yt, [
         ee(D(u, {
           modelValue: e.value,
           "onUpdate:modelValue": r[0] || (r[0] = (d) => e.value = d),
           density: "compact",
           "hide-details": "",
-          readonly: i.readonly,
+          readonly: t.readonly,
           "single-line": "",
           "onUpdate:focused": o
         }, null, 8, ["modelValue", "readonly"]), [
@@ -514,42 +514,42 @@ const Yt = { class: "d-flex justify-space-between align-center" }, Wt = /* @__PU
             { stop: !0 }
           ]
         ]),
-        i.hasDelete ? (C(), B(a, {
+        t.hasDelete ? (C(), B(a, {
           key: 0,
           class: "mx-2",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: r[1] || (r[1] = X((d) => n("delete"), ["stop"]))
+          onClick: r[1] || (r[1] = X((d) => l("delete"), ["stop"]))
         })) : G("", !0)
       ]);
     };
   }
 });
-function Qt(l) {
-  return { renderUiStrInput: (t, e, n, o, i) => e.ui !== "strInput" ? (console.assert(!1), h("div", "renderUiStrInput prop ui must be strInput")) : h(Wt, {
+function Qt(t) {
+  return { renderUiStrInput: (n, e, l, o, i) => e.ui !== "strInput" ? (console.assert(!1), y("div", "renderUiStrInput property ui must be strInput")) : y(Wt, {
     modelValue: e.static ? e.value : ne(
-      t,
-      e,
       n,
+      e,
       l,
+      t,
       o,
       i
     ),
     "onUpdate:modelValue": (r) => {
       e.static || oe(
-        t,
-        e,
         n,
-        r,
+        e,
         l,
+        r,
+        t,
         o,
         i
       );
     },
     hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (n.splice(o, 1), l(t.slice(0, -1), n));
+      o === void 0 || i || (l.splice(o, 1), t(n.slice(0, -1), l));
     },
     readonly: e.static || e.readonly
   }) };
@@ -569,22 +569,22 @@ const Zt = { class: "d-flex justify-space-between align-center" }, jt = /* @__PU
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ Y(["delete"], ["update:modelValue"]),
-  setup(l, { emit: s }) {
-    const { isMobile: t } = pe(), e = z(l, "modelValue"), n = s, o = async (i) => {
-      if (!i || l.readonly || !t())
+  setup(t, { emit: s }) {
+    const { isMobile: n } = pe(), e = z(t, "modelValue"), l = s, o = async (i) => {
+      if (!i || t.readonly || !n())
         return;
       const r = await Re({
         title: "",
         value: e.value,
-        precision: l.precision,
-        min: l.min,
-        max: l.max,
-        step: l.step
+        precision: t.precision,
+        min: t.min,
+        max: t.max,
+        step: t.step
       });
       r !== void 0 && (e.value = r);
     };
     return (i, r) => {
-      const u = x("v-number-input"), a = x("v-btn"), f = le("ripple");
+      const u = U("v-number-input"), a = U("v-btn"), f = le("ripple");
       return C(), E("div", Zt, [
         ee(D(u, {
           modelValue: e.value,
@@ -592,12 +592,12 @@ const Zt = { class: "d-flex justify-space-between align-center" }, jt = /* @__PU
           "control-variant": "stacked",
           density: "compact",
           "hide-details": "",
-          max: i.max,
-          min: i.min,
-          precision: i.precision,
-          readonly: i.readonly,
+          max: t.max,
+          min: t.min,
+          precision: t.precision,
+          readonly: t.readonly,
           "single-line": "",
-          step: i.step,
+          step: t.step,
           "onUpdate:focused": o
         }, null, 8, ["modelValue", "max", "min", "precision", "readonly", "step"]), [
           [
@@ -607,42 +607,42 @@ const Zt = { class: "d-flex justify-space-between align-center" }, jt = /* @__PU
             { stop: !0 }
           ]
         ]),
-        i.hasDelete ? (C(), B(a, {
+        t.hasDelete ? (C(), B(a, {
           key: 0,
           class: "mx-2",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: r[1] || (r[1] = X((d) => n("delete"), ["stop"]))
+          onClick: r[1] || (r[1] = X((d) => l("delete"), ["stop"]))
         })) : G("", !0)
       ]);
     };
   }
 });
-function It(l) {
-  return { renderUiNumInput: (t, e, n, o, i) => e.ui !== "numInput" ? (console.assert(!1), h("div", "renderUiNumInput prop ui must be numInput")) : h(jt, {
+function It(t) {
+  return { renderUiNumInput: (n, e, l, o, i) => e.ui !== "numInput" ? (console.assert(!1), y("div", "renderUiNumInput property ui must be numInput")) : y(jt, {
     modelValue: ne(
-      t,
-      e,
       n,
+      e,
       l,
+      t,
       o,
       i
     ),
     "onUpdate:modelValue": (r) => {
       oe(
-        t,
-        e,
         n,
-        r,
+        e,
         l,
+        r,
+        t,
         o,
         i
       );
     },
     hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (n.splice(o, 1), l(t.slice(0, -1), n));
+      o === void 0 || i || (l.splice(o, 1), t(n.slice(0, -1), l));
     },
     precision: e.precision,
     min: e.min,
@@ -661,21 +661,21 @@ const en = { class: "d-flex justify-space-between align-center" }, tn = /* @__PU
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ Y(["delete"], ["update:modelValue"]),
-  setup(l, { emit: s }) {
-    const t = z(l, "modelValue"), e = s;
-    return (n, o) => {
-      const i = x("v-switch"), r = x("v-btn");
+  setup(t, { emit: s }) {
+    const n = z(t, "modelValue"), e = s;
+    return (l, o) => {
+      const i = U("v-switch"), r = U("v-btn");
       return C(), E("div", en, [
         D(i, {
-          modelValue: t.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (u) => t.value = u),
+          modelValue: n.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (u) => n.value = u),
           class: "ml-1",
           color: "primary",
           density: "compact",
           "hide-details": "",
-          readonly: n.readonly
+          readonly: t.readonly
         }, null, 8, ["modelValue", "readonly"]),
-        n.hasDelete ? (C(), B(r, {
+        t.hasDelete ? (C(), B(r, {
           key: 0,
           class: "mx-2",
           density: "compact",
@@ -687,30 +687,30 @@ const en = { class: "d-flex justify-space-between align-center" }, tn = /* @__PU
     };
   }
 });
-function nn(l) {
-  return { renderUiSwitch: (t, e, n, o, i) => e.ui !== "switch" ? (console.assert(!1), h("div", "renderUiSwitch prop ui must be switch")) : h(tn, {
+function nn(t) {
+  return { renderUiSwitch: (n, e, l, o, i) => e.ui !== "switch" ? (console.assert(!1), y("div", "renderUiSwitch property ui must be switch")) : y(tn, {
     modelValue: ne(
-      t,
-      e,
       n,
+      e,
       l,
+      t,
       o,
       i
     ) ?? !1,
     "onUpdate:modelValue": (r) => {
       oe(
-        t,
-        e,
         n,
-        r,
+        e,
         l,
+        r,
+        t,
         o,
         i
       );
     },
     hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (n.splice(o, 1), l(t.slice(0, 1), n));
+      o === void 0 || i || (l.splice(o, 1), t(n.slice(0, 1), l));
     },
     readonly: e.readonly
   }) };
@@ -726,23 +726,23 @@ const ln = { class: "d-flex justify-space-between align-center" }, on = /* @__PU
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ Y(["delete"], ["update:modelValue"]),
-  setup(l, { emit: s }) {
-    const { t } = te(), e = z(l, "modelValue"), n = s, o = Te(), i = K(() => {
+  setup(t, { emit: s }) {
+    const { t: n } = te(), e = z(t, "modelValue"), l = s, o = Te(), i = K(() => {
       const r = [];
-      return Fe[o.value]?.items[l.items].forEach(({ title: u, value: a }) => {
-        r.push({ title: t(u), value: a });
+      return Fe[o.value]?.items[t.items].forEach(({ title: u, value: a }) => {
+        r.push({ title: n(u), value: a });
       }), r;
     });
     return (r, u) => {
-      const a = x("v-select"), f = x("v-btn"), d = le("ripple");
+      const a = U("v-select"), f = U("v-btn"), d = le("ripple");
       return C(), E("div", ln, [
         ee(D(a, {
           modelValue: e.value,
-          "onUpdate:modelValue": u[0] || (u[0] = (y) => e.value = y),
+          "onUpdate:modelValue": u[0] || (u[0] = (g) => e.value = g),
           density: "compact",
           "hide-details": "",
           items: i.value,
-          readonly: r.readonly,
+          readonly: t.readonly,
           "single-line": ""
         }, null, 8, ["modelValue", "items", "readonly"]), [
           [
@@ -752,48 +752,48 @@ const ln = { class: "d-flex justify-space-between align-center" }, on = /* @__PU
             { stop: !0 }
           ]
         ]),
-        r.hasDelete ? (C(), B(f, {
+        t.hasDelete ? (C(), B(f, {
           key: 0,
           class: "mx-2",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: u[1] || (u[1] = X((y) => n("delete"), ["stop"]))
+          onClick: u[1] || (u[1] = X((g) => l("delete"), ["stop"]))
         })) : G("", !0)
       ]);
     };
   }
 });
-function sn(l) {
-  return { renderUiSelect: (t, e, n, o, i) => e.ui !== "select" ? (console.assert(!1), h("div", "renderUiSelect prop ui must be select")) : h(on, {
+function sn(t) {
+  return { renderUiSelect: (n, e, l, o, i) => e.ui !== "select" ? (console.assert(!1), y("div", "renderUiSelect property ui must be select")) : y(on, {
     modelValue: ne(
-      t,
-      e,
       n,
+      e,
       l,
+      t,
       o,
       i
     ) ?? "",
     "onUpdate:modelValue": (r) => {
       oe(
-        t,
-        e,
         n,
-        r,
+        e,
         l,
+        r,
+        t,
         o,
         i
       );
     },
     hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (n.splice(o, 1), l(t.slice(0, -1), n));
+      o === void 0 || i || (l.splice(o, 1), t(n.slice(0, -1), l));
     },
     items: e.items,
     readonly: e.readonly
   }) };
 }
-const rn = { class: "text-subtitle-2 ml-1" }, un = { class: "text-caption text-grey ml-1" }, an = /* @__PURE__ */ R({
+const un = { class: "text-subtitle-2 ml-1" }, rn = { class: "text-caption text-grey ml-1" }, an = /* @__PURE__ */ R({
   __name: "group",
   props: {
     id: {},
@@ -802,28 +802,28 @@ const rn = { class: "text-subtitle-2 ml-1" }, un = { class: "text-caption text-g
     count: {}
   },
   emits: ["x-click"],
-  setup(l, { emit: s }) {
-    const { backgroundColor2: t, highlightColor: e } = ie(), n = l, o = s, i = O(!1), r = K(() => ({
-      background: i.value ? e.value : t.value,
+  setup(t, { emit: s }) {
+    const { backgroundColor2: n, highlightColor: e } = ie(), l = t, o = s, i = O(!1), r = K(() => ({
+      background: i.value ? e.value : n.value,
       height: "30px",
       marginBottom: "1px",
       userSelect: "none"
     }));
     return (u, a) => {
-      const f = x("v-icon"), d = le("ripple");
+      const f = U("v-icon"), d = le("ripple");
       return ee((C(), E("div", {
         class: "d-flex align-center cursor-pointer",
         style: I(r.value),
-        onClick: a[0] || (a[0] = (y) => o("x-click", n.id)),
-        onMouseout: a[1] || (a[1] = (y) => i.value = !1),
-        onMouseover: a[2] || (a[2] = (y) => i.value = !0)
+        onClick: a[0] || (a[0] = (g) => o("x-click", l.id)),
+        onMouseout: a[1] || (a[1] = (g) => i.value = !1),
+        onMouseover: a[2] || (a[2] = (g) => i.value = !0)
       }, [
         D(f, {
-          icon: n.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
+          icon: l.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
           size: "small"
         }, null, 8, ["icon"]),
-        F("span", rn, W(n.title), 1),
-        F("span", un, W(n.count), 1)
+        F("span", un, W(l.title), 1),
+        F("span", rn, W(l.count), 1)
       ], 36)), [
         [d]
       ]);
@@ -836,9 +836,9 @@ const rn = { class: "text-subtitle-2 ml-1" }, un = { class: "text-caption text-g
     title: {}
   },
   emits: ["x-click"],
-  setup(l, { emit: s }) {
-    const { backgroundColor2: t, highlightColor: e } = ie(), n = l, o = s, i = O(!1), r = K(() => ({
-      background: i.value ? e.value : t.value,
+  setup(t, { emit: s }) {
+    const { backgroundColor2: n, highlightColor: e } = ie(), l = t, o = s, i = O(!1), r = K(() => ({
+      background: i.value ? e.value : n.value,
       height: "48px",
       marginBottom: "1px",
       userSelect: "none"
@@ -848,11 +848,11 @@ const rn = { class: "text-subtitle-2 ml-1" }, un = { class: "text-caption text-g
       return ee((C(), E("div", {
         class: "d-flex align-center cursor-pointer",
         style: I(r.value),
-        onClick: a[0] || (a[0] = (d) => o("x-click", n.id)),
+        onClick: a[0] || (a[0] = (d) => o("x-click", l.id)),
         onMouseout: a[1] || (a[1] = (d) => i.value = !1),
         onMouseover: a[2] || (a[2] = (d) => i.value = !0)
       }, [
-        F("span", cn, W(n.title), 1)
+        F("span", cn, W(l.title), 1)
       ], 36)), [
         [f]
       ]);
@@ -870,15 +870,15 @@ const rn = { class: "text-subtitle-2 ml-1" }, un = { class: "text-caption text-g
     openModifiers: {}
   },
   emits: ["update:modelValue", "update:open"],
-  setup(l) {
-    const { t: s } = te(), t = z(l, "modelValue"), e = z(l, "open"), n = Ze(), o = (r) => {
-      const u = He(n, r);
-      u && _t(n, r, !u.collapse);
+  setup(t) {
+    const { t: s } = te(), n = z(t, "modelValue"), e = z(t, "open"), l = Ze(), o = (r) => {
+      const u = He(l, r);
+      u && kt(l, r, !u.collapse);
     }, i = (r) => {
-      t.value = r, e.value = !1, ue.emit("refreshDepends");
+      n.value = r, e.value = !1, re.emit("refreshDepends");
     };
-    return (r, u) => L(n).length > 0 ? (C(), E("div", fn, [
-      (C(!0), E(Ve, null, Be(L(n), (a) => (C(), E(Ve, {
+    return (r, u) => L(l).length > 0 ? (C(), E("div", fn, [
+      (C(!0), E(Ve, null, Be(L(l), (a) => (C(), E(Ve, {
         key: a.id
       }, [
         a.type === 0 ? (C(), B(an, {
@@ -898,50 +898,50 @@ const rn = { class: "text-subtitle-2 ml-1" }, un = { class: "text-caption text-g
       ], 64))), 128))
     ])) : (C(), E("div", mn, W(L(s)("x-prop-tree.noComp")), 1));
   }
-}), pn = { class: "text-subtitle-1 ml-3" }, yn = /* @__PURE__ */ R({
+}), pn = { class: "text-subtitle-1 ml-3" }, gn = /* @__PURE__ */ R({
   __name: "index",
   props: {
     modelValue: {},
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(l) {
-    const { t: s } = te(), t = Ut(), { sysBarAvail: e } = pe(), { backgroundColor1: n } = ie(), o = z(l, "modelValue"), i = Ze(), r = K(() => {
-      let y = "100%";
-      return t.mdAndUp.value && (y = "400px"), {
-        background: n.value,
-        width: y,
+  setup(t) {
+    const { t: s } = te(), n = St(), { sysBarAvail: e } = pe(), { backgroundColor1: l } = ie(), o = z(t, "modelValue"), i = Ze(), r = K(() => {
+      let g = "100%";
+      return n.mdAndUp.value && (g = "400px"), {
+        background: l.value,
+        width: g,
         height: "100%"
       };
     }), u = K(() => {
-      let y = 48;
-      return e.value && (y += 24), {
+      let g = 48;
+      return e.value && (g += 24), {
         position: "relative",
-        height: `calc(100% - ${y}px)`
+        height: `calc(100% - ${g}px)`
       };
     }), a = K(() => ({
       height: "60px"
     })), f = K(() => {
       if (!o.value)
         return s("x-runtime-lib.notSet");
-      const y = He(i, o.value);
-      return y ? y.name : s("x-runtime-lib.compNotAvail");
-    }), { open: d } = Se(`propTreeCompSelectDlg${we()}`);
+      const g = He(i, o.value);
+      return g ? g.name : s("x-runtime-lib.compNotAvail");
+    }), { open: d } = xe(`propTreeCompSelectDlg${we()}`);
     return De(() => {
       d.value = !1;
-    }), (y, g) => {
-      const k = x("v-btn"), S = x("v-sheet"), P = x("v-icon"), T = x("v-dialog");
+    }), (g, h) => {
+      const V = U("v-btn"), x = U("v-sheet"), P = U("v-icon"), T = U("v-dialog");
       return C(), B(T, {
         modelValue: L(d),
-        "onUpdate:modelValue": g[5] || (g[5] = (w) => ve(d) ? d.value = w : null),
+        "onUpdate:modelValue": h[5] || (h[5] = (w) => ve(d) ? d.value = w : null),
         fullscreen: "",
         "no-click-animation": "",
         persistent: "",
         transition: "scroll-x-reverse-transition",
-        onKeydown: g[6] || (g[6] = Ke(X((w) => d.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: h[6] || (h[6] = Ke(X((w) => d.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
         activator: J(({ props: w }) => [
-          D(k, be(w, {
+          D(V, be(w, {
             block: "",
             density: "comfortable"
           }), {
@@ -954,19 +954,19 @@ const rn = { class: "text-subtitle-2 ml-1" }, un = { class: "text-caption text-g
         default: J(() => [
           F("div", {
             class: "w-100 h-100 d-flex flex-row-reverse",
-            onClick: g[3] || (g[3] = X((w) => d.value = !1, ["self"])),
-            onContextmenu: g[4] || (g[4] = X((w) => d.value = !1, ["self", "prevent"]))
+            onClick: h[3] || (h[3] = X((w) => d.value = !1, ["self"])),
+            onContextmenu: h[4] || (h[4] = X((w) => d.value = !1, ["self", "prevent"]))
           }, [
             F("div", {
               class: "elevation-2",
               style: I(r.value)
             }, [
-              L(e) ? (C(), B(S, {
+              L(e) ? (C(), B(x, {
                 key: 0,
                 color: "transparent",
                 height: 24
               })) : G("", !0),
-              D(S, {
+              D(x, {
                 class: "d-flex align-center px-3",
                 color: "transparent",
                 height: 48
@@ -974,7 +974,7 @@ const rn = { class: "text-subtitle-2 ml-1" }, un = { class: "text-caption text-g
                 default: J(() => [
                   D(P, {
                     icon: "mdi-close",
-                    onClick: g[0] || (g[0] = (w) => d.value = !1)
+                    onClick: h[0] || (h[0] = (w) => d.value = !1)
                   }),
                   F("span", pn, W(L(s)("x-prop-tree.dlg.compSelect.title")), 1)
                 ]),
@@ -986,9 +986,9 @@ const rn = { class: "text-subtitle-2 ml-1" }, un = { class: "text-caption text-g
               }, [
                 D(vn, {
                   modelValue: o.value,
-                  "onUpdate:modelValue": g[1] || (g[1] = (w) => o.value = w),
+                  "onUpdate:modelValue": h[1] || (h[1] = (w) => o.value = w),
                   open: L(d),
-                  "onUpdate:open": g[2] || (g[2] = (w) => ve(d) ? d.value = w : null)
+                  "onUpdate:open": h[2] || (h[2] = (w) => ve(d) ? d.value = w : null)
                 }, null, 8, ["modelValue", "open"]),
                 F("div", {
                   style: I(a.value)
@@ -1002,30 +1002,30 @@ const rn = { class: "text-subtitle-2 ml-1" }, un = { class: "text-caption text-g
     };
   }
 });
-function gn(l) {
-  return { renderUiCompSelect: (t, e, n, o, i) => e.ui !== "compSelect" ? (console.assert(!1), h("div", "renderUiCompSelect prop ui must be compSelect")) : h(yn, {
+function hn(t) {
+  return { renderUiCompSelect: (n, e, l, o, i) => e.ui !== "compSelect" ? (console.assert(!1), y("div", "renderUiCompSelect property ui must be compSelect")) : y(gn, {
     modelValue: ne(
-      t,
-      e,
       n,
+      e,
       l,
+      t,
       o,
       i
     ),
     "onUpdate:modelValue": (r) => {
       oe(
-        t,
-        e,
         n,
-        r,
+        e,
         l,
+        r,
+        t,
         o,
         i
       );
     }
   }) };
 }
-const hn = { class: "d-flex justify-space-between align-center" }, _n = /* @__PURE__ */ R({
+const yn = { class: "d-flex justify-space-between align-center" }, kn = /* @__PURE__ */ R({
   __name: "colorPicker",
   props: /* @__PURE__ */ Y({
     hasDelete: { type: Boolean, default: !1 },
@@ -1035,55 +1035,55 @@ const hn = { class: "d-flex justify-space-between align-center" }, _n = /* @__PU
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ Y(["delete"], ["update:modelValue"]),
-  setup(l, { emit: s }) {
-    const { t } = te(), e = z(l, "modelValue"), n = s, o = K(() => {
+  setup(t, { emit: s }) {
+    const { t: n } = te(), e = z(t, "modelValue"), l = s, o = K(() => {
       let u = "100%";
-      return l.hasDelete && (u = "calc(100% - 37px)"), {
+      return t.hasDelete && (u = "calc(100% - 37px)"), {
         width: u
       };
-    }), i = K(() => l.readonly), { open: r } = Se(`propTreeColorPickerMenu${we()}`);
+    }), i = K(() => t.readonly), { open: r } = xe(`propTreeColorPickerMenu${we()}`);
     return De(() => {
       r.value = !1;
     }), (u, a) => {
-      const f = x("v-btn"), d = x("v-color-picker"), y = x("v-menu");
-      return C(), B(y, {
+      const f = U("v-btn"), d = U("v-color-picker"), g = U("v-menu");
+      return C(), B(g, {
         modelValue: L(r),
-        "onUpdate:modelValue": a[2] || (a[2] = (g) => ve(r) ? r.value = g : null),
+        "onUpdate:modelValue": a[2] || (a[2] = (h) => ve(r) ? r.value = h : null),
         "close-on-content-click": !1,
         scrim: "transparent"
       }, {
-        activator: J(({ props: g }) => [
-          F("div", hn, [
+        activator: J(({ props: h }) => [
+          F("div", yn, [
             F("div", {
               class: "flex-grow-1",
               style: I(o.value)
             }, [
-              D(f, be(g, {
+              D(f, be(h, {
                 block: "",
                 color: e.value,
                 density: "comfortable",
                 disabled: i.value
               }), {
                 default: J(() => [
-                  Ce(W(e.value ? e.value : L(t)("x-runtime-lib.notSet")), 1)
+                  Ce(W(e.value ? e.value : L(n)("x-runtime-lib.notSet")), 1)
                 ]),
                 _: 1
               }, 16, ["color", "disabled"])
             ], 4),
-            u.hasDelete ? (C(), B(f, {
+            t.hasDelete ? (C(), B(f, {
               key: 0,
               class: "mx-2",
               density: "compact",
               icon: "mdi-minus",
               variant: "text",
-              onClick: a[0] || (a[0] = X((k) => n("delete"), ["stop"]))
+              onClick: a[0] || (a[0] = X((V) => l("delete"), ["stop"]))
             })) : G("", !0)
           ])
         ]),
         default: J(() => [
           D(d, {
             modelValue: e.value,
-            "onUpdate:modelValue": a[1] || (a[1] = (g) => e.value = g),
+            "onUpdate:modelValue": a[1] || (a[1] = (h) => e.value = h),
             mode: "hexa",
             "show-swatches": "",
             "swatches-max-height": "150px"
@@ -1094,35 +1094,35 @@ const hn = { class: "d-flex justify-space-between align-center" }, _n = /* @__PU
     };
   }
 });
-function kn(l) {
-  return { renderUiColorPicker: (t, e, n, o, i) => e.ui !== "colorPicker" ? (console.assert(!1), h("div", "renderUiColorPicker prop ui must be colorPicker")) : h(_n, {
+function _n(t) {
+  return { renderUiColorPicker: (n, e, l, o, i) => e.ui !== "colorPicker" ? (console.assert(!1), y("div", "renderUiColorPicker property ui must be colorPicker")) : y(kn, {
     modelValue: ne(
-      t,
-      e,
       n,
+      e,
       l,
+      t,
       o,
       i
     ),
     "onUpdate:modelValue": (r) => {
       oe(
-        t,
-        e,
         n,
-        r,
+        e,
         l,
+        r,
+        t,
         o,
         i
       );
     },
     hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (n.splice(o, 1), l(t.slice(0, -1), n));
+      o === void 0 || i || (l.splice(o, 1), t(n.slice(0, -1), l));
     },
     readonly: e.readonly
   }) };
 }
-const Vn = { class: "d-flex justify-space-between align-center my-2" }, Cn = { class: "flex-grow-1" }, Sn = /* @__PURE__ */ R({
+const Vn = { class: "d-flex justify-space-between align-center my-2" }, Cn = { class: "flex-grow-1" }, xn = /* @__PURE__ */ R({
   __name: "multiTypes",
   props: /* @__PURE__ */ Y({
     hasDelete: { type: Boolean, default: !1 },
@@ -1132,46 +1132,46 @@ const Vn = { class: "d-flex justify-space-between align-center my-2" }, Cn = { c
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ Y(["delete"], ["update:modelValue"]),
-  setup(l, { emit: s }) {
-    const { t } = te(), { isMobile: e } = pe(), n = z(l, "modelValue"), o = s, i = Te(), r = K(() => Fe[i.value]?.types[l.types]), u = O(0), a = K(() => {
-      const k = [];
-      return r.value?.forEach(({ title: S }, P) => {
-        k.push({
-          title: t(S),
+  setup(t, { emit: s }) {
+    const { t: n } = te(), { isMobile: e } = pe(), l = z(t, "modelValue"), o = s, i = Te(), r = K(() => Fe[i.value]?.types[t.types]), u = O(0), a = K(() => {
+      const V = [];
+      return r.value?.forEach(({ title: x }, P) => {
+        V.push({
+          title: n(x),
           value: P
         });
-      }), k;
+      }), V;
     });
     Ne(() => {
-      r.value?.some((k, S) => k.validator(n.value) ? (u.value = S, !0) : !1);
+      r.value?.some((V, x) => V.validator(l.value) ? (u.value = x, !0) : !1);
     });
     const f = K(() => r.value?.[u.value]), d = () => {
-      n.value = f.value?.default;
-    }, y = O(0), g = async (k) => {
-      if (!k || !e() || f.value.ui !== "pixelInput" && f.value.ui !== "percentInput")
+      l.value = f.value?.default;
+    }, g = O(0), h = async (V) => {
+      if (!V || !e() || f.value.ui !== "pixelInput" && f.value.ui !== "percentInput")
         return;
-      const S = await Re({
+      const x = await Re({
         title: "",
-        value: y.value,
+        value: g.value,
         precision: f.value.precision,
         min: f.value.min,
         max: f.value.max,
         step: f.value.step
       });
-      S !== void 0 && (y.value = S);
+      x !== void 0 && (g.value = x);
     };
     return Ne(() => {
-      f.value?.ui === "pixelInput" ? y.value = Vt(n.value) : f.value?.ui === "percentInput" && (y.value = Ct(n.value));
-    }), re(y, (k) => {
-      f.value?.ui === "pixelInput" ? n.value = k + "px" : f.value?.ui === "percentInput" && (n.value = k + "%");
-    }), (k, S) => {
-      const P = x("v-select"), T = x("v-number-input"), w = x("v-btn"), _ = le("ripple");
+      f.value?.ui === "pixelInput" ? g.value = Vt(l.value) : f.value?.ui === "percentInput" && (g.value = Ct(l.value));
+    }), ue(g, (V) => {
+      f.value?.ui === "pixelInput" ? l.value = V + "px" : f.value?.ui === "percentInput" && (l.value = V + "%");
+    }), (V, x) => {
+      const P = U("v-select"), T = U("v-number-input"), w = U("v-btn"), k = le("ripple");
       return C(), E("div", Vn, [
         F("div", Cn, [
           ee(D(P, {
             modelValue: u.value,
             "onUpdate:modelValue": [
-              S[0] || (S[0] = (M) => u.value = M),
+              x[0] || (x[0] = (M) => u.value = M),
               d
             ],
             density: "compact",
@@ -1180,7 +1180,7 @@ const Vn = { class: "d-flex justify-space-between align-center my-2" }, Cn = { c
             "single-line": ""
           }, null, 8, ["modelValue", "items"]), [
             [
-              _,
+              k,
               void 0,
               void 0,
               { stop: !0 }
@@ -1188,8 +1188,8 @@ const Vn = { class: "d-flex justify-space-between align-center my-2" }, Cn = { c
           ]),
           f.value?.ui === "pixelInput" || f.value?.ui === "percentInput" ? ee((C(), B(T, {
             key: 0,
-            modelValue: y.value,
-            "onUpdate:modelValue": S[1] || (S[1] = (M) => y.value = M),
+            modelValue: g.value,
+            "onUpdate:modelValue": x[1] || (x[1] = (M) => g.value = M),
             "control-variant": "stacked",
             density: "compact",
             "hide-details": "",
@@ -1198,57 +1198,57 @@ const Vn = { class: "d-flex justify-space-between align-center my-2" }, Cn = { c
             precision: f.value.precision,
             "single-line": "",
             step: f.value.step,
-            "onUpdate:focused": g
+            "onUpdate:focused": h
           }, null, 8, ["modelValue", "max", "min", "precision", "step"])), [
             [
-              _,
+              k,
               void 0,
               void 0,
               { stop: !0 }
             ]
           ]) : G("", !0)
         ]),
-        k.hasDelete ? (C(), B(w, {
+        t.hasDelete ? (C(), B(w, {
           key: 0,
           class: "mx-2",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: S[2] || (S[2] = X((M) => o("delete"), ["stop"]))
+          onClick: x[2] || (x[2] = X((M) => o("delete"), ["stop"]))
         })) : G("", !0)
       ]);
     };
   }
 });
-function Un(l) {
-  return { renderUiMultiTypes: (t, e, n, o, i) => e.ui !== "multiTypes" ? (console.assert(!1), h("div", "renderUiMultiTypes prop ui must be multiTypes")) : h(Sn, {
+function Sn(t) {
+  return { renderUiMultiTypes: (n, e, l, o, i) => e.ui !== "multiTypes" ? (console.assert(!1), y("div", "renderUiMultiTypes property ui must be multiTypes")) : y(xn, {
     modelValue: ne(
-      t,
-      e,
       n,
+      e,
       l,
+      t,
       o,
       i
     ) ?? "",
     "onUpdate:modelValue": (r) => {
       oe(
-        t,
-        e,
         n,
-        r,
+        e,
         l,
+        r,
+        t,
         o,
         i
       );
     },
     hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (n.splice(o, 1), l(t.slice(0, -1), n));
+      o === void 0 || i || (l.splice(o, 1), t(n.slice(0, -1), l));
     },
     types: e.types
   }) };
 }
-const xn = /* @__PURE__ */ R({
+const Un = /* @__PURE__ */ R({
   __name: "editor",
   props: {
     modelValue: { required: !0 },
@@ -1259,21 +1259,21 @@ const xn = /* @__PURE__ */ R({
     scaleModifiers: {}
   },
   emits: ["update:modelValue", "update:lock", "update:scale"],
-  setup(l, { expose: s }) {
-    const t = z(l, "modelValue"), e = z(l, "lock"), n = z(l, "scale"), o = gt(), i = ht(), r = Te(), u = Je("target"), a = () => {
-      const d = JSON.parse(t.value);
+  setup(t, { expose: s }) {
+    const n = z(t, "modelValue"), e = z(t, "lock"), l = z(t, "scale"), o = ht(), i = yt(), r = Te(), u = Je("target"), a = () => {
+      const d = JSON.parse(n.value);
       u.value?.load(d);
     };
     return s({ save: () => {
       const d = u.value.save();
-      t.value = JSON.stringify(d, null, 2);
-    } }), (d, y) => (C(), B(L(xt), {
+      n.value = JSON.stringify(d, null, 2);
+    } }), (d, g) => (C(), B(L(Ut), {
       ref_key: "target",
       ref: u,
       lock: e.value,
-      "onUpdate:lock": y[0] || (y[0] = (g) => e.value = g),
-      scale: n.value,
-      "onUpdate:scale": y[1] || (y[1] = (g) => n.value = g),
+      "onUpdate:lock": g[0] || (g[0] = (h) => e.value = h),
+      scale: l.value,
+      "onUpdate:scale": g[1] || (g[1] = (h) => l.value = h),
       dark: L(o),
       locale: L(i),
       type: "json",
@@ -1288,35 +1288,35 @@ const xn = /* @__PURE__ */ R({
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(l) {
-    const { t: s } = te(), { sysBarAvail: t } = pe(), { backgroundColor0: e, backgroundColor1: n, backgroundColor2: o } = ie(), i = z(l, "modelValue"), r = O(!1), u = O(1), a = K(() => {
-      let g = 48;
-      return t.value && (g += 24), {
+  setup(t) {
+    const { t: s } = te(), { sysBarAvail: n } = pe(), { backgroundColor0: e, backgroundColor1: l, backgroundColor2: o } = ie(), i = z(t, "modelValue"), r = O(!1), u = O(1), a = K(() => {
+      let h = 48;
+      return n.value && (h += 24), {
         position: "relative",
-        background: n.value,
-        height: `calc(100% - ${g}px)`
+        background: l.value,
+        height: `calc(100% - ${h}px)`
       };
-    }), f = K(() => s("x-prop-tree.dlg.jsonObject.title")), { open: d } = Se(`propTreeJsonObjectDlg${we()}`);
+    }), f = K(() => s("x-prop-tree.dlg.jsonObject.title")), { open: d } = xe(`propTreeJsonObjectDlg${we()}`);
     De(() => {
       d.value = !1;
     });
-    const y = Je("editor");
-    return re(d, (g) => {
-      g || y.value?.save();
-    }), (g, k) => {
-      const S = x("v-btn"), P = x("v-sheet"), T = x("v-spacer"), w = x("v-dialog");
+    const g = Je("editor");
+    return ue(d, (h) => {
+      h || g.value?.save();
+    }), (h, V) => {
+      const x = U("v-btn"), P = U("v-sheet"), T = U("v-spacer"), w = U("v-dialog");
       return C(), B(w, {
         modelValue: L(d),
-        "onUpdate:modelValue": k[4] || (k[4] = (_) => ve(d) ? d.value = _ : null),
+        "onUpdate:modelValue": V[4] || (V[4] = (k) => ve(d) ? d.value = k : null),
         attach: "",
         fullscreen: "",
         "no-click-animation": "",
         persistent: "",
         transition: "dialog-bottom-transition",
-        onKeydown: k[5] || (k[5] = Ke(X((_) => d.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: V[5] || (V[5] = Ke(X((k) => d.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: J(({ props: _ }) => [
-          D(S, be(_, {
+        activator: J(({ props: k }) => [
+          D(x, be(k, {
             block: "",
             density: "comfortable"
           }), {
@@ -1333,7 +1333,7 @@ const xn = /* @__PURE__ */ R({
             width: "100%"
           }, {
             default: J(() => [
-              L(t) ? (C(), B(P, {
+              L(n) ? (C(), B(P, {
                 key: 0,
                 color: L(o),
                 height: 24
@@ -1344,11 +1344,11 @@ const xn = /* @__PURE__ */ R({
                 height: 48
               }, {
                 default: J(() => [
-                  D(S, {
+                  D(x, {
                     density: "comfortable",
                     icon: "mdi-close",
                     variant: "text",
-                    onClick: k[0] || (k[0] = (_) => d.value = !1)
+                    onClick: V[0] || (V[0] = (k) => d.value = !1)
                   }),
                   F("span", $n, W(L(s)("x-prop-tree.dlg.jsonObject.title")), 1),
                   D(T)
@@ -1358,15 +1358,15 @@ const xn = /* @__PURE__ */ R({
               F("div", {
                 style: I(a.value)
               }, [
-                D(xn, {
+                D(Un, {
                   ref_key: "editor",
-                  ref: y,
+                  ref: g,
                   modelValue: i.value,
-                  "onUpdate:modelValue": k[1] || (k[1] = (_) => i.value = _),
+                  "onUpdate:modelValue": V[1] || (V[1] = (k) => i.value = k),
                   lock: r.value,
-                  "onUpdate:lock": k[2] || (k[2] = (_) => r.value = _),
+                  "onUpdate:lock": V[2] || (V[2] = (k) => r.value = k),
                   scale: u.value,
-                  "onUpdate:scale": k[3] || (k[3] = (_) => u.value = _)
+                  "onUpdate:scale": V[3] || (V[3] = (k) => u.value = k)
                 }, null, 8, ["modelValue", "lock", "scale"])
               ], 4)
             ]),
@@ -1378,23 +1378,23 @@ const xn = /* @__PURE__ */ R({
     };
   }
 });
-function Mn(l) {
-  return { renderUiJsonEditor: (t, e, n, o, i) => e.ui !== "jsonEditor" ? h("div", "renderUiJsonObject prop ui must be jsonEditor") : h(Pn, {
+function Mn(t) {
+  return { renderUiJsonEditor: (n, e, l, o, i) => e.ui !== "jsonEditor" ? y("div", "renderUiJsonObject property ui must be jsonEditor") : y(Pn, {
     modelValue: ne(
-      t,
-      e,
       n,
+      e,
       l,
+      t,
       o,
       i
     ) ?? "{}",
     "onUpdate:modelValue": (r) => {
       oe(
-        t,
-        e,
         n,
-        r,
+        e,
         l,
+        r,
+        t,
         o,
         i
       );
@@ -1410,102 +1410,102 @@ const wn = /* @__PURE__ */ R({
     version: {}
   },
   emits: ["change"],
-  setup(l, { emit: s }) {
-    const { t } = te(), { backgroundColor1: e } = ie(), n = l, o = s, i = O("20px"), r = O("56px"), u = O("200px"), a = mt({}), f = O({}), d = (v, c) => {
-      qe(f, n.config, n.object), o("change", v, c);
+  setup(t, { emit: s }) {
+    const { t: n } = te(), { backgroundColor1: e } = ie(), l = t, o = s, i = O("20px"), r = O("56px"), u = O("200px"), a = mt({}), f = O({}), d = (v, c) => {
+      qe(f, l.config, l.object), o("change", v, c);
     };
-    re(
-      [() => n.config, () => n.object],
+    ue(
+      [() => l.config, () => l.object],
       () => {
-        qe(f, n.config, n.object, (v, c) => {
+        qe(f, l.config, l.object, (v, c) => {
           o("change", v, c);
         });
       },
       { immediate: !0 }
     );
-    const y = O(n.version);
-    Tt(y), re(
-      () => n.version,
+    const g = O(l.version);
+    Tt(g), ue(
+      () => l.version,
       () => {
-        y.value = n.version;
+        g.value = l.version;
       }
     );
-    const g = O(n.config);
-    Lt(g), re(
-      () => n.config,
+    const h = O(l.config);
+    Lt(h), ue(
+      () => l.config,
       () => {
-        g.value = n.config;
+        h.value = l.config;
       }
     );
-    const k = O(n.object);
-    Ot(k), re(
-      () => n.object,
+    const V = O(l.object);
+    Ot(V), ue(
+      () => l.object,
       () => {
-        k.value = n.object;
+        V.value = l.object;
       }
     ), Bt(f), Jt(d);
-    const S = O([]);
-    Et(S);
+    const x = O([]);
+    Et(x);
     const P = () => {
-      const { compGroups: v, comps: c } = St.app.activeApp, p = [];
-      v.forEach(({ id: m, name: V, position: $ }) => {
-        const A = S.value.find((Z) => Z.id === m);
+      const { compGroups: v, comps: c } = xt.app.activeApp, p = [];
+      v.forEach(({ id: m, name: _, position: $ }) => {
+        const A = x.value.find((Z) => Z.id === m);
         p.push({
           id: m,
           type: 0,
-          name: V,
+          name: _,
           position: $,
           collapse: A?.collapse ?? !0
         });
-      }), c.forEach(({ id: m, groupid: V, name: $, position: A }) => {
-        p.push({ id: m, type: 1, name: $, position: A, group: V });
-      }), kt(p, !0), S.value = p;
+      }), c.forEach(({ id: m, groupId: _, name: $, position: A }) => {
+        p.push({ id: m, type: 1, name: $, position: A, group: _ });
+      }), _t(p, !0), x.value = p;
     };
     let T;
     const w = () => {
       clearTimeout(T), T = window.setTimeout(() => {
         P(), T && w();
       }, 1e3);
-    }, _ = () => {
+    }, k = () => {
       clearTimeout(T), T = void 0;
     };
     vt(() => {
       w();
     }), pt(() => {
-      _();
+      k();
     });
-    const { renderProp: M } = zt(f, r, u), { renderUiDummy: N } = Gt(d), { renderUiStrInput: Q } = Qt(d), { renderUiNumInput: Pe } = It(d), { renderUiSwitch: je } = nn(d), { renderUiSelect: Ie } = sn(d), { renderUiColorPicker: et } = kn(d), { renderUiJsonEditor: tt } = Mn(d), { renderUiMultiTypes: nt } = Un(d), { renderUiCompSelect: lt } = gn(d), ye = (v, c, p, m, V, $) => (v = Ee(v), V !== void 0 ? (v.push(V), $ && v.push(c.key)) : v.push(c.key), c.ui ? c.array && m ? it(v, c, p, m, V, $) : rt(v, c, p, V, $) : c.array ? ot(v, c, p, m, V, $) : st(
+    const { renderProp: M } = zt(f, r, u), { renderUiDummy: N } = Gt(d), { renderUiStrInput: Q } = Qt(d), { renderUiNumInput: Pe } = It(d), { renderUiSwitch: je } = nn(d), { renderUiSelect: Ie } = sn(d), { renderUiColorPicker: et } = _n(d), { renderUiJsonEditor: tt } = Mn(d), { renderUiMultiTypes: nt } = Sn(d), { renderUiCompSelect: lt } = hn(d), ge = (v, c, p, m, _, $) => (v = Ee(v), _ !== void 0 ? (v.push(_), $ && v.push(c.key)) : v.push(c.key), c.ui ? c.array && m ? it(v, c, p, m, _, $) : ut(v, c, p, _, $) : c.array ? ot(v, c, p, m, _, $) : st(
       v,
       c,
       p,
       m,
-      V,
+      _,
       $
-    )), ot = (v, c, p, m, V, $) => {
+    )), ot = (v, c, p, m, _, $) => {
       if (c.ui)
-        return console.assert(!1), h("div", "renderBranchArray prop ui must be invalid");
+        return console.assert(!1), y("div", "renderBranchArray property ui must be invalid");
       if (!c.array)
-        return console.assert(!1), h("div", "renderBranchArray prop array must be valid");
+        return console.assert(!1), y("div", "renderBranchArray property array must be valid");
       if (!m)
-        return console.assert(!1), h("div", "renderBranchArray branch must be valid");
+        return console.assert(!1), y("div", "renderBranchArray branch must be valid");
       let A;
-      V !== void 0 && !$ ? (p[V] instanceof Array || (p[V] = q(c), d(v, p[c.key])), A = p[V]) : (p[c.key] instanceof Array || (p[c.key] = q(c), d(v, p[c.key])), A = p[c.key]);
-      let Z = t(c.name);
+      _ !== void 0 && !$ ? (p[_] instanceof Array || (p[_] = q(c), d(v, p[c.key])), A = p[_]) : (p[c.key] instanceof Array || (p[c.key] = q(c), d(v, p[c.key])), A = p[c.key]);
+      let Z = n(c.name);
       m.collapse && ae(f.value, v) && (Z += " *");
-      const fe = h(ke, {
+      const fe = y(_e, {
         title: Z,
         collapse: m.collapse,
         hasCreate: !0,
-        onCollapse: (U) => {
-          m.collapse = U;
+        onCollapse: (S) => {
+          m.collapse = S;
         },
-        onMenu: (U, b) => {
-          ue.emit("propTreeMenu", { x: U, y: b, keys: v });
+        onMenu: (S, b) => {
+          re.emit("propTreeMenu", { x: S, y: b, keys: v });
         },
         onCreate: () => {
           A.push({}), d(v, A);
         }
-      }), H = h(
+      }), H = y(
         "div",
         {
           style: {
@@ -1513,7 +1513,7 @@ const wn = /* @__PURE__ */ R({
           }
         },
         (() => {
-          const U = [];
+          const S = [];
           for (let b = 0; b < A.length; b++) {
             if (!Me(m.children)) {
               console.assert(!1);
@@ -1523,10 +1523,10 @@ const wn = /* @__PURE__ */ R({
               collapse: !0,
               children: {}
             });
-            const ge = [...v, b], he = m.children[b];
+            const he = [...v, b], ye = m.children[b];
             let Le = `[${b + 1}]`;
-            m.children[b].collapse && ae(f.value, ge) && (Le += " *");
-            const at = h(ke, {
+            m.children[b].collapse && ae(f.value, he) && (Le += " *");
+            const at = y(_e, {
               title: Le,
               collapse: m.children[b].collapse,
               hasDelete: !0,
@@ -1539,7 +1539,7 @@ const wn = /* @__PURE__ */ R({
                 m.children[b].collapse = j;
               },
               onMenu: (j, se) => {
-                ue.emit("propTreeMenu", { x: j, y: se, keys: ge });
+                re.emit("propTreeMenu", { x: j, y: se, keys: he });
               },
               onDelete: (j) => {
                 if (!Me(m.children)) {
@@ -1549,8 +1549,8 @@ const wn = /* @__PURE__ */ R({
                 m.children.splice(j, 1), A.splice(j, 1), d(v, A);
               }
             });
-            U.push(at);
-            const ct = h(
+            S.push(at);
+            const ct = y(
               "div",
               {
                 style: {
@@ -1560,19 +1560,19 @@ const wn = /* @__PURE__ */ R({
               (() => {
                 const j = [];
                 return c.children.forEach((se) => {
-                  if (!Oe(he.children)) {
+                  if (!Oe(ye.children)) {
                     console.assert(!1);
                     return;
                   }
-                  he.children[se.key] || (he.children[se.key] = {
+                  ye.children[se.key] || (ye.children[se.key] = {
                     collapse: !0,
                     children: se.array ? [] : {}
                   });
-                  const dt = ye(
+                  const dt = ge(
                     v,
                     se,
                     A[b],
-                    he.children[se.key],
+                    ye.children[se.key],
                     b,
                     !0
                   );
@@ -1580,12 +1580,12 @@ const wn = /* @__PURE__ */ R({
                 }), j;
               })()
             );
-            m.children[b].collapse || U.push(ct);
+            m.children[b].collapse || S.push(ct);
           }
-          return U;
+          return S;
         })()
       );
-      return h(
+      return y(
         "div",
         {
           style: {
@@ -1593,33 +1593,33 @@ const wn = /* @__PURE__ */ R({
           }
         },
         (() => {
-          const U = [];
-          return U.push(fe), m.collapse || U.push(H), U;
+          const S = [];
+          return S.push(fe), m.collapse || S.push(H), S;
         })()
       );
-    }, st = (v, c, p, m, V, $) => {
+    }, st = (v, c, p, m, _, $) => {
       if (c.ui)
-        return console.assert(!1), h("div", "renderBranchScalar prop ui must be invalid");
+        return console.assert(!1), y("div", "renderBranchScalar property ui must be invalid");
       if (c.array)
-        return console.assert(!1), h("div", "renderBranchScalar prop array must be invalid");
+        return console.assert(!1), y("div", "renderBranchScalar property array must be invalid");
       if (!m)
-        return console.assert(!1), h("div", "renderBranchScalar branch must be valid");
-      let A = t(c.name);
+        return console.assert(!1), y("div", "renderBranchScalar branch must be valid");
+      let A = n(c.name);
       m.collapse && ae(f.value, v) && (A += " *");
-      const Z = h(ke, {
+      const Z = y(_e, {
         title: A,
         collapse: m.collapse,
-        hasDelete: V !== void 0 && !$,
+        hasDelete: _ !== void 0 && !$,
         onCollapse: (H) => {
           m.collapse = H;
         },
-        onMenu: (H, U) => {
-          ue.emit("propTreeMenu", { x: H, y: U, keys: v });
+        onMenu: (H, S) => {
+          re.emit("propTreeMenu", { x: H, y: S, keys: v });
         },
         onDelete: () => {
-          V === void 0 || $ || (p.splice(V, 1), d(v.slice(0, -1), p));
+          _ === void 0 || $ || (p.splice(_, 1), d(v.slice(0, -1), p));
         }
-      }), fe = h(
+      }), fe = y(
         "div",
         {
           style: {
@@ -1628,26 +1628,26 @@ const wn = /* @__PURE__ */ R({
         },
         (() => {
           const H = [];
-          return c.children.forEach((U) => {
+          return c.children.forEach((S) => {
             if (!Oe(m.children)) {
               console.assert(!1);
               return;
             }
-            m.children[U.key] || (m.children[U.key] = {
+            m.children[S.key] || (m.children[S.key] = {
               collapse: !0,
-              children: !U.ui && U.array ? [] : {}
+              children: !S.ui && S.array ? [] : {}
             });
-            const b = ye(
+            const b = ge(
               v,
-              U,
+              S,
               (typeof p[c.key] != "object" && (p[c.key] = {}, d(v, p[c.key])), p[c.key]),
-              m.children[U.key]
+              m.children[S.key]
             );
             H.push(b);
           }), H;
         })()
       );
-      return h(
+      return y(
         "div",
         {
           style: {
@@ -1659,31 +1659,31 @@ const wn = /* @__PURE__ */ R({
           return H.push(Z), m.collapse || H.push(fe), H;
         })()
       );
-    }, it = (v, c, p, m, V, $) => {
+    }, it = (v, c, p, m, _, $) => {
       if (!c.ui)
-        return console.assert(!1), h("div", "renderLeafArray prop ui must be valid");
+        return console.assert(!1), y("div", "renderLeafArray property ui must be valid");
       if (!c.array)
-        return console.assert(!1), h("div", "renderLeafArray prop array must be valid");
+        return console.assert(!1), y("div", "renderLeafArray property array must be valid");
       if (!m)
-        return console.assert(!1), h("div", "renderLeafArray branch must be valid");
+        return console.assert(!1), y("div", "renderLeafArray branch must be valid");
       let A;
-      V !== void 0 && !$ ? (p[V] instanceof Array || (p[V] = q(c), d(v, p[V])), A = p[V]) : (p[c.key] instanceof Array || (p[c.key] = q(c), d(v, p[c.key])), A = p[c.key]);
-      let Z = t(c.name);
+      _ !== void 0 && !$ ? (p[_] instanceof Array || (p[_] = q(c), d(v, p[_])), A = p[_]) : (p[c.key] instanceof Array || (p[c.key] = q(c), d(v, p[c.key])), A = p[c.key]);
+      let Z = n(c.name);
       m.collapse && ae(f.value, v) && (Z += " *");
-      const fe = h(ke, {
+      const fe = y(_e, {
         title: Z,
         collapse: m.collapse,
         hasCreate: !0,
-        onCollapse: (U) => {
-          m.collapse = U;
+        onCollapse: (S) => {
+          m.collapse = S;
         },
-        onMenu: (U, b) => {
-          ue.emit("propTreeMenu", { x: U, y: b, keys: v });
+        onMenu: (S, b) => {
+          re.emit("propTreeMenu", { x: S, y: b, keys: v });
         },
         onCreate: () => {
           A.push(q(c, !0)), d(v, A);
         }
-      }), H = h(
+      }), H = y(
         "div",
         {
           style: {
@@ -1691,15 +1691,15 @@ const wn = /* @__PURE__ */ R({
           }
         },
         (() => {
-          const U = [];
+          const S = [];
           for (let b = 0; b < A.length; b++) {
-            const ge = ye(v, c, A, void 0, b, !1);
-            U.push(ge);
+            const he = ge(v, c, A, void 0, b, !1);
+            S.push(he);
           }
-          return U;
+          return S;
         })()
       );
-      return h(
+      return y(
         "div",
         {
           style: {
@@ -1707,16 +1707,16 @@ const wn = /* @__PURE__ */ R({
           }
         },
         (() => {
-          const U = [];
-          return U.push(fe), m.collapse || U.push(H), U;
+          const S = [];
+          return S.push(fe), m.collapse || S.push(H), S;
         })()
       );
-    }, rt = (v, c, p, m, V) => {
+    }, ut = (v, c, p, m, _) => {
       if (!c.ui)
-        return console.assert(!1), h("div", "renderLeafScalar prop ui must be valid");
+        return console.assert(!1), y("div", "renderLeafScalar property ui must be valid");
       let $;
-      return c.ui === "dummy" ? $ = N(v, c, p, m, V) : c.ui === "strInput" ? $ = Q(v, c, p, m, V) : c.ui === "numInput" ? $ = Pe(v, c, p, m, V) : c.ui === "switch" ? $ = je(v, c, p, m, V) : c.ui === "select" ? $ = Ie(v, c, p, m, V) : c.ui === "colorPicker" ? $ = et(v, c, p, m, V) : c.ui === "jsonEditor" ? $ = tt(v, c, p, m, V) : c.ui === "multiTypes" ? $ = nt(v, c, p, m, V) : c.ui === "compSelect" ? $ = lt(v, c, p, m, V) : console.assert(!1, "renderLeafScalar not implemented"), $ ? M(v, c, $) : h("div");
-    }, ut = () => h(
+      return c.ui === "dummy" ? $ = N(v, c, p, m, _) : c.ui === "strInput" ? $ = Q(v, c, p, m, _) : c.ui === "numInput" ? $ = Pe(v, c, p, m, _) : c.ui === "switch" ? $ = je(v, c, p, m, _) : c.ui === "select" ? $ = Ie(v, c, p, m, _) : c.ui === "colorPicker" ? $ = et(v, c, p, m, _) : c.ui === "jsonEditor" ? $ = tt(v, c, p, m, _) : c.ui === "multiTypes" ? $ = nt(v, c, p, m, _) : c.ui === "compSelect" ? $ = lt(v, c, p, m, _) : console.assert(!1, "renderLeafScalar not implemented"), $ ? M(v, c, $) : y("div");
+    }, rt = () => y(
       "div",
       {
         class: "text-body-2",
@@ -1726,15 +1726,15 @@ const wn = /* @__PURE__ */ R({
       },
       (() => {
         const v = [];
-        if (n.unique && n.config.length > 0 && n.object) {
-          a[n.unique] || (a[n.unique] = {});
-          const c = a[n.unique];
-          n.config.forEach((p) => {
+        if (l.unique && l.config.length > 0 && l.object) {
+          a[l.unique] || (a[l.unique] = {});
+          const c = a[l.unique];
+          l.config.forEach((p) => {
             c[p.key] || (c[p.key] = {
               collapse: !0,
               children: !p.ui && p.array ? [] : {}
             });
-            const m = ye([], p, n.object, c[p.key]);
+            const m = ge([], p, l.object, c[p.key]);
             v.push(m);
           });
         }
@@ -1742,24 +1742,24 @@ const wn = /* @__PURE__ */ R({
       })()
     );
     return (v, c) => (C(), E(Ve, null, [
-      D(ut),
+      D(rt),
       D(Ht, {
-        config: n.config,
-        object: n.object,
+        config: l.config,
+        object: l.object,
         "prop-states": f.value
       }, null, 8, ["config", "object", "prop-states"])
     ], 64));
   }
-}), Dn = (l) => {
-  l.component("XPropTree", wn);
-}, bn = (l, s, t) => {
-  const e = l[s];
-  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((n, o) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(o.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + s + (s.split("/").length !== t ? ". Note that variables only represent file names one level deep." : ""))));
+}), Dn = (t) => {
+  t.component("XPropTree", wn);
+}, bn = (t, s, n) => {
+  const e = t[s];
+  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((l, o) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(o.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + s + (s.split("/").length !== n ? ". Note that variables only represent file names one level deep." : ""))));
   });
 };
-async function Jn(l) {
-  return (await bn(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.n11iysmh.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.hr18mfah.js") }), `./locales/${l}/index.ts`, 4)).default;
+async function Jn(t) {
+  return (await bn(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.n11iysmh.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.hr18mfah.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 const Rn = { install: Dn };
 export {