x-prop-tree 0.7.1 → 0.7.3

package/dist/index.js

@@ -1,12 +1,12 @@
-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 b, createElementBlock as H, Fragment as Ve, renderList as Be, createTextVNode as Ce, toDisplayString as Q, resolveDirective as le, withDirectives as ee, withModifiers as z, normalizeStyle as I, createElementVNode as F, createCommentVNode as Y, renderSlot as pt, h, mergeModels as W, useModel as G, useId as we, onUnmounted as De, withKeys as Ke, mergeProps as be, watchEffect as Ne, watch as ue, useTemplateRef as Re, reactive as yt, onMounted as gt, onBeforeUnmount as ht } 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 H, Fragment as ke, renderList as qe, createTextVNode as Ve, toDisplayString as Q, resolveDirective as le, withDirectives as ee, withModifiers as z, normalizeStyle as I, createElementVNode as F, createCommentVNode as Y, renderSlot as dt, h, mergeModels as W, useModel as G, useId as Me, onUnmounted as we, withKeys as Be, mergeProps as De, watchEffect as Le, watch as re, useTemplateRef as Ke, reactive as ft, onMounted as mt, onBeforeUnmount as vt } 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) => {
+import { useViewStack as Ce, useColor as ie, eventBus as ue, useSystem as Je, injectDark as pt, injectLocale as yt } from "x-essential-lib";
+import { c as Re, i as Se, r as He, v as gt, d as ht } from "./vendor.ijoehq36.js";
+import { getPropDefault as q, pkgs as Xe, parsePixelStr as _t, parsePercentStr as kt } from "x-runtime-lib";
+import { globalState as Vt } from "x-state-lib";
+import { useDisplay as Ct } from "vuetify";
+import { XBlockly as St } from "x-block-lib";
+const he = (o, s) => {
   let t = { key: "", name: "", children: o };
   return s.forEach((e) => {
     if (typeof e != "number") {
@@ -21,7 +21,7 @@ const _e = (o, s) => {
       t = t.children.find((n) => n.key === e);
     }
   }), t;
-}, ve = (o, s) => {
+}, me = (o, s) => {
   let t = o;
   return s.forEach((e) => {
     if (!t) {
@@ -30,7 +30,7 @@ const _e = (o, s) => {
     }
     t = t[e];
   }), t;
-}, Oe = (o) => !(o instanceof Array), Me = (o) => o instanceof Array, wt = (o, s) => {
+}, Ne = (o) => !(o instanceof Array), Pe = (o) => o instanceof Array, Ut = (o, s) => {
   const t = (e, n) => {
     if (e.ui !== n.ui || e.array !== n.array)
       return !1;
@@ -44,10 +44,10 @@ const _e = (o, s) => {
     return !0;
   };
   return t(o, s);
-}, Ae = (o) => !(o instanceof Array), $e = (o) => o instanceof Array, Dt = [
+}, Ae = (o) => !(o instanceof Array), Ue = (o) => o instanceof Array, $t = [
   ["basic", "id"],
   ["basic", "name"]
-], bt = (o) => Dt.find((s) => Ue(o, s)), xe = (o, s, t, e, n, l, i) => (o = He(o), l !== void 0 ? (o.push(l), i && o.push(s.key)) : o.push(s.key), bt(o) ? (e.change = !1, e.change) : s.ui ? s.array && e.children && $e(e.children) ? Lt(
+], xt = (o) => $t.find((s) => Se(o, s)), $e = (o, s, t, e, n, l, i) => (o = Re(o), l !== void 0 ? (o.push(l), i && o.push(s.key)) : o.push(s.key), xt(o) ? (e.change = !1, e.change) : s.ui ? s.array && e.children && Ue(e.children) ? wt(
   o,
   s,
   t,
@@ -55,7 +55,7 @@ const _e = (o, s) => {
   n,
   l,
   i
-) : Nt(s, t, e, l, i) : s.array ? At(
+) : Dt(s, t, e, l, i) : s.array ? Pt(
   o,
   s,
   t,
@@ -63,7 +63,7 @@ const _e = (o, s) => {
   n,
   l,
   i
-) : Tt(
+) : Mt(
   o,
   s,
   t,
@@ -71,12 +71,12 @@ const _e = (o, s) => {
   n,
   l,
   i
-)), At = (o, s, t, e, n, l, i) => {
+)), Pt = (o, s, t, e, n, l, i) => {
   if (s.ui)
     return console.assert(!1, "execPropBranchArray prop ui must be invalid"), !1;
   if (!s.array)
     return console.assert(!1, "execPropBranchArray prop array must be valid"), !1;
-  if (!e.children || !$e(e.children))
+  if (!e.children || !Ue(e.children))
     return console.assert(!1, "execPropBranchArray state children must be array"), !1;
   let a;
   l !== void 0 && !i ? (t[l] instanceof Array || (t[l] = q(s), n == null || n(o, t[l])), a = t[l]) : (t[s.key] instanceof Array || (t[s.key] = q(s), n == null || n(o, t[s.key])), a = t[s.key]), e.change = !1;
@@ -94,7 +94,7 @@ const _e = (o, s) => {
       u.children[g.key] = {
         change: !1,
         children: g.array ? [] : {}
-      }, xe(
+      }, $e(
         o,
         g,
         a[r],
@@ -105,8 +105,8 @@ const _e = (o, s) => {
       ) && (u.change = !0), u.change && (e.change = !0);
     });
   }
-  return e.change || (e.change = !Ue(a, q(s))), e.change;
-}, Tt = (o, s, t, e, n, l, i) => {
+  return e.change || (e.change = !Se(a, q(s))), e.change;
+}, Mt = (o, s, t, e, n, l, i) => {
   if (s.ui)
     return console.assert(!1, "execPropBranchScalar prop ui must be invalid"), !1;
   if (s.array)
@@ -120,15 +120,15 @@ const _e = (o, s) => {
     e.children[u.key] = {
       change: !1,
       children: u.array ? [] : {}
-    }, xe(o, u, a, e.children[u.key], n) && (e.change = !0);
+    }, $e(o, u, a, e.children[u.key], n) && (e.change = !0);
   }
   return e.change;
-}, Lt = (o, s, t, e, n, l, i) => {
+}, wt = (o, s, t, e, n, l, i) => {
   if (!s.ui)
     return console.assert(!1, "execPropLeafArray prop ui must be valid"), !1;
   if (!s.array)
     return console.assert(!1, "execPropLeafArray prop aray must be valid"), !1;
-  if (!e.children || !$e(e.children))
+  if (!e.children || !Ue(e.children))
     return console.assert(!1, "execPropLeafArray state children must be array"), !1;
   let a;
   l !== void 0 && !i ? (t[l] instanceof Array || (t[l] = q(s), n == null || n(o, t[l])), a = t[l]) : (t[s.key] instanceof Array || (t[s.key] = q(s), n == null || n(o, t[s.key])), a = t[s.key]), e.change = !1;
@@ -136,14 +136,14 @@ const _e = (o, s) => {
     e.children[r] = {
       change: !1,
       children: {}
-    }, xe(o, s, a, e.children[r], n, r, !1) && (e.change = !0);
-  return e.change || (e.change = !Ue(a, q(s))), e.change;
-}, Nt = (o, s, t, e, n) => {
+    }, $e(o, s, a, e.children[r], n, r, !1) && (e.change = !0);
+  return e.change || (e.change = !Se(a, q(s))), e.change;
+}, Dt = (o, s, t, e, n) => {
   if (!o.ui)
     return console.assert(!1, "execPropLeafScalar prop ui must be valid"), !1;
   let l;
-  return e !== void 0 && !n ? l = s[e] : l = s[o.key], t.change = !Ue(l, q(o, !0)), t.change;
-}, qe = (o, s, t, e) => {
+  return e !== void 0 && !n ? l = s[e] : l = s[o.key], t.change = !Se(l, q(o, !0)), t.change;
+}, Oe = (o, s, t, e) => {
   if (s.length <= 0 || !t) {
     o.value = {};
     return;
@@ -153,79 +153,79 @@ const _e = (o, s) => {
     n[l.key] = {
       change: !1,
       children: l.array ? [] : {}
-    }, xe([], l, t, n[l.key], e);
+    }, $e([], l, t, n[l.key], e);
   }), o.value = n;
-}, ce = (o, s) => {
+}, ae = (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" ? Ae(t.children) && (t = t.children[e]) : $e(t.children) && (t = t.children[e]);
+    typeof e == "string" ? Ae(t.children) && (t = t.children[e]) : Ue(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);
+}, Fe = Symbol(), ze = Symbol(), Ge = Symbol(), Ye = Symbol(), We = Symbol(), Qe = Symbol();
+function At(o) {
+  ce(Fe, o);
 }
-function Te() {
-  return fe(We);
+function be() {
+  return de(Fe);
 }
-function qt(o) {
-  de(Qe, o);
+function bt(o) {
+  ce(ze, o);
 }
-function Bt() {
-  return fe(Qe);
+function Tt() {
+  return de(ze);
 }
-function Kt(o) {
-  de(Ze, o);
+function Lt(o) {
+  ce(Ge, o);
 }
-function Rt() {
-  return fe(Ze);
+function Nt() {
+  return de(Ge);
 }
-function Jt(o) {
-  de(Ee, o);
+function Ot(o) {
+  ce(Ye, o);
 }
-function Ht() {
-  return fe(Ee);
+function qt() {
+  return de(Ye);
 }
-function Xt(o) {
-  de(je, o);
+function Bt(o) {
+  ce(We, o);
 }
-function Ft() {
-  return fe(je);
+function Kt() {
+  return de(We);
 }
-function zt(o) {
-  de(Ie, o);
+function Jt(o) {
+  ce(Qe, o);
 }
-function et() {
-  return fe(Ie);
+function Ze() {
+  return de(Qe);
 }
-const Gt = /* @__PURE__ */ J({
+const Rt = /* @__PURE__ */ R({
   __name: "menu",
   setup(o) {
-    const { t: s } = te(), t = Bt(), e = Rt(), n = Ht(), l = Ft(), i = O(0), a = O(0), r = O([]), u = K(() => [i.value, a.value]), g = (w) => {
-      const T = () => !(r.value.length <= 0 || !ce(n.value, r.value)), P = () => {
-        const _ = _e(t.value, r.value);
+    const { t: s } = te(), t = Tt(), e = Nt(), n = qt(), l = Kt(), i = O(0), a = O(0), r = O([]), u = K(() => [i.value, a.value]), g = (M) => {
+      const b = () => !(r.value.length <= 0 || !ae(n.value, r.value)), x = () => {
+        const _ = he(t.value, r.value);
         if (_)
           if (_.ui) {
-            const M = ve(e.value, r.value.slice(0, -1));
-            if (!M)
+            const P = me(e.value, r.value.slice(0, -1));
+            if (!P)
               return;
-            M[r.value[r.value.length - 1]] = q(_), l(r.value, M[r.value[r.value.length - 1]]);
+            P[r.value[r.value.length - 1]] = q(_), l(r.value, P[r.value[r.value.length - 1]]);
           } else if (_.array) {
-            const M = r.value[r.value.length - 1];
-            if (M === void 0) {
+            const P = r.value[r.value.length - 1];
+            if (P === void 0) {
               console.assert(!1, "invalid last key");
               return;
             }
-            if (typeof M == "string") {
-              const N = ve(e.value, r.value.slice(0, -1));
+            if (typeof P == "string") {
+              const N = me(e.value, r.value.slice(0, -1));
               if (!N)
                 return;
               N[r.value[r.value.length - 1]] = q(_), l(r.value, N[r.value[r.value.length - 1]]);
             } else {
-              const N = ve(e.value, r.value);
+              const N = me(e.value, r.value);
               if (!N)
                 return;
               _.children.forEach((Z) => {
@@ -233,82 +233,82 @@ const Gt = /* @__PURE__ */ J({
               });
             }
           } else {
-            const M = ve(e.value, r.value);
-            if (!M)
+            const P = me(e.value, r.value);
+            if (!P)
               return;
             _.children.forEach((N) => {
-              M[N.key] = q(_), l([...r.value, N.key], M[N.key]);
+              P[N.key] = q(_), l([...r.value, N.key], P[N.key]);
             });
           }
       };
-      T() && w.push({
+      b() && M.push({
         title: s("x-prop-tree.reset"),
-        func: P
+        func: x
       });
-    }, d = (w) => {
-      const T = () => {
-        const P = _e(t.value, r.value), _ = ve(e.value, r.value);
-        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: P, object: _ }));
+    }, d = (M) => {
+      const b = () => {
+        const x = he(t.value, r.value), _ = me(e.value, r.value);
+        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: x, object: _ }));
       };
-      w.push({
+      M.push({
         title: s("x-prop-tree.copy"),
-        func: T
+        func: b
       });
-    }, f = (w) => {
-      const T = () => {
+    }, f = (M) => {
+      const b = () => {
         const _ = localStorage.getItem("propTreeCopy");
         if (!_)
           return !1;
         try {
-          const { prop: M } = JSON.parse(_), N = _e(t.value, r.value);
-          return wt(M, N);
-        } catch (M) {
-          console.error(M);
+          const { prop: P } = JSON.parse(_), N = he(t.value, r.value);
+          return Ut(P, N);
+        } catch (P) {
+          console.error(P);
         }
         return !1;
-      }, P = () => {
-        if (!T())
+      }, x = () => {
+        if (!b())
           return;
         const _ = localStorage.getItem("propTreeCopy");
         if (_)
           try {
-            const { object: M } = JSON.parse(_), N = _e(t.value, r.value);
-            console.log(M, N);
-          } catch (M) {
-            console.error(M);
+            const { object: P } = JSON.parse(_), N = he(t.value, r.value);
+            console.log(P, N);
+          } catch (P) {
+            console.error(P);
           }
       };
-      T() && w.push({
+      b() && M.push({
         title: s("x-prop-tree.paste"),
-        func: P
+        func: x
       });
     }, 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),
+      const M = [];
+      return g(M), d(M), f(M), M;
+    }), k = (M) => {
+      i.value = M.x, a.value = M.y, r.value = M.keys;
+    }, { open: T } = Ce("propTreeMenu", k);
+    return (M, b) => {
+      const x = U("v-list-item-title"), _ = U("v-list-item"), P = U("v-list"), N = U("v-menu");
+      return C(), B(N, {
+        modelValue: L(T),
+        "onUpdate:modelValue": b[0] || (b[0] = (Z) => ve(T) ? T.value = Z : null),
         "location-strategy": "connected",
         target: u.value,
         scrim: "transparent"
       }, {
-        default: R(() => [
-          b(M, null, {
-            default: R(() => [
-              (S(!0), H(Ve, null, Be(m.value, (Z, Pe) => (S(), B(_, {
-                key: Pe,
+        default: J(() => [
+          D(P, null, {
+            default: J(() => [
+              (C(!0), H(ke, null, qe(m.value, (Z, xe) => (C(), B(_, {
+                key: xe,
                 link: "",
                 onClick: Z.func
               }, {
-                default: R(() => [
-                  b(P, null, {
-                    default: R(() => [
-                      Ce(Q(Z.title), 1)
+                default: J(() => [
+                  D(x, null, {
+                    default: J(() => [
+                      Ve(Q(Z.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -323,7 +323,7 @@ const Gt = /* @__PURE__ */ J({
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Yt = { style: { pointerEvents: "none" } }, ke = /* @__PURE__ */ J({
+}), Ht = { style: { pointerEvents: "none" } }, _e = /* @__PURE__ */ R({
   __name: "title",
   props: {
     title: {},
@@ -345,43 +345,43 @@ const Gt = /* @__PURE__ */ J({
       n("menu", u.clientX, u.clientY);
     };
     return (u, g) => {
-      const d = $("v-icon"), f = $("v-spacer"), m = $("v-btn"), k = le("ripple");
-      return ee((S(), H("div", {
+      const d = U("v-icon"), f = U("v-spacer"), m = U("v-btn"), k = le("ripple");
+      return ee((C(), H("div", {
         class: "d-flex align-center cursor-pointer",
         style: I(i.value),
         onClick: a,
         onContextmenu: z(r, ["self", "prevent"]),
-        onMouseover: g[2] || (g[2] = (L) => l.value = !0),
-        onMouseout: g[3] || (g[3] = (L) => l.value = !1)
+        onMouseover: g[2] || (g[2] = (T) => l.value = !0),
+        onMouseout: g[3] || (g[3] = (T) => l.value = !1)
       }, [
-        b(d, {
+        D(d, {
           class: "mr-1",
-          icon: u.collapse ? C(Xe) : C(Fe)
+          icon: u.collapse ? "mdi-chevron-right" : "mdi-chevron-down"
         }, null, 8, ["icon"]),
-        F("span", Yt, Q(u.title), 1),
-        b(f),
-        u.hasCreate ? (S(), B(m, {
+        F("span", Ht, Q(u.title), 1),
+        D(f),
+        u.hasCreate ? (C(), B(m, {
           key: 0,
           class: "mx-3",
           variant: "text",
           density: "compact",
-          icon: C(Vt),
-          onClick: g[0] || (g[0] = z((L) => n("create"), ["stop"]))
-        }, null, 8, ["icon"])) : Y("", !0),
-        u.hasDelete ? (S(), B(m, {
+          icon: "mdi-plus",
+          onClick: g[0] || (g[0] = z((T) => n("create"), ["stop"]))
+        })) : Y("", !0),
+        u.hasDelete ? (C(), B(m, {
           key: 1,
           class: "mx-3",
           variant: "text",
           density: "compact",
-          icon: C(re),
-          onClick: g[1] || (g[1] = z((L) => n("delete", u.index), ["stop"]))
-        }, null, 8, ["icon"])) : Y("", !0)
+          icon: "mdi-minus",
+          onClick: g[1] || (g[1] = z((T) => n("delete", u.index), ["stop"]))
+        })) : Y("", !0)
       ], 36)), [
         [k]
       ]);
     };
   }
-}), Wt = /* @__PURE__ */ J({
+}), Xt = /* @__PURE__ */ R({
   __name: "entry",
   props: {
     minHeight: {}
@@ -399,35 +399,38 @@ const Gt = /* @__PURE__ */ J({
     };
     return (r, u) => {
       const g = le("ripple");
-      return ee((S(), H("div", {
+      return ee((C(), H("div", {
         class: "d-flex justify-space-between align-center cursor-pointer",
         style: I(i.value),
         onContextmenu: z(a, ["self", "prevent"]),
         onMouseover: u[0] || (u[0] = (d) => l.value = !0),
         onMouseout: u[1] || (u[1] = (d) => l.value = !1)
       }, [
-        pt(r.$slots, "default")
+        dt(r.$slots, "default")
       ], 36)), [
         [g]
       ]);
     };
   }
 });
-function Qt(o, s, t) {
+function Ft(o, s, t) {
   const { t: e } = te();
   return { renderProp: (l, i, a) => {
     const r = l[l.length - 1];
     let g = typeof r == "number" ? `[${r + 1}]` : e(i.name);
-    return ce(o.value, l) && (g += " *"), h(
-      Wt,
+    return ae(o.value, l) && (g += " *"), h(
+      Xt,
       {
         minHeight: s.value,
         onMenu: (d, f) => {
-          ae.emit("propTreeMenu", { x: d, y: f, keys: l });
+          ue.emit("propTreeMenu", { x: d, y: f, keys: l });
         }
       },
       () => [
-        h("span", { style: { marginLeft: "4px", pointerEvents: "none" }, innerHTML: g }),
+        h("span", {
+          style: { marginLeft: "4px", pointerEvents: "none" },
+          innerHTML: g
+        }),
         h("div", { style: { width: t.value } }, a)
       ]
     );
@@ -463,7 +466,7 @@ const ne = (o, s, t, e, n, l) => {
     (s.ui === "switch" || s.ui === "select" || s.ui === "colorPicker" || s.ui === "multiTypes" || s.ui === "compSelect") && (e || (a = void 0)), a !== t[s.key] && (t[s.key] = a, n(o, t[s.key]));
   }
 };
-function Zt(o) {
+function zt(o) {
   return { renderUiDummy: (t, e, n, l, i) => {
     if (e.ui !== "dummy") {
       console.assert(!1, "renderUiDummy prop ui must be dummy");
@@ -472,7 +475,7 @@ function Zt(o) {
     ne(t, e, n, o, l, i);
   } };
 }
-const Et = { class: "d-flex justify-space-between align-center" }, jt = /* @__PURE__ */ J({
+const Gt = { class: "d-flex justify-space-between align-center" }, Yt = /* @__PURE__ */ R({
   __name: "strInput",
   props: /* @__PURE__ */ W({
     hasDelete: { type: Boolean, default: !1 },
@@ -485,9 +488,9 @@ const Et = { class: "d-flex justify-space-between align-center" }, jt = /* @__PU
   setup(o, { emit: s }) {
     const t = G(o, "modelValue"), e = s;
     return (n, l) => {
-      const i = $("v-text-field"), a = $("v-btn"), r = le("ripple");
-      return S(), H("div", Et, [
-        ee(b(i, {
+      const i = U("v-text-field"), a = U("v-btn"), r = le("ripple");
+      return C(), H("div", Gt, [
+        ee(D(i, {
           modelValue: t.value,
           "onUpdate:modelValue": l[0] || (l[0] = (u) => t.value = u),
           density: "compact",
@@ -502,20 +505,20 @@ const Et = { class: "d-flex justify-space-between align-center" }, jt = /* @__PU
             { stop: !0 }
           ]
         ]),
-        n.hasDelete ? (S(), B(a, {
+        n.hasDelete ? (C(), B(a, {
           key: 0,
           class: "mx-2",
           variant: "text",
           density: "compact",
-          icon: C(re),
+          icon: "mdi-minus",
           onClick: l[1] || (l[1] = z((u) => e("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : Y("", !0)
+        })) : Y("", !0)
       ]);
     };
   }
 });
-function It(o) {
-  return { renderUiStrInput: (t, e, n, l, i) => e.ui !== "strInput" ? (console.assert(!1), h("div", "renderUiStrInput prop ui must be strInput")) : h(jt, {
+function Wt(o) {
+  return { renderUiStrInput: (t, e, n, l, i) => e.ui !== "strInput" ? (console.assert(!1), h("div", "renderUiStrInput prop ui must be strInput")) : h(Yt, {
     modelValue: e.static ? e.value : ne(
       t,
       e,
@@ -542,7 +545,7 @@ function It(o) {
     readonly: e.static || e.readonly
   }) };
 }
-const en = { class: "d-flex justify-space-between align-center" }, tn = /* @__PURE__ */ J({
+const Qt = { class: "d-flex justify-space-between align-center" }, Zt = /* @__PURE__ */ R({
   __name: "numInput",
   props: /* @__PURE__ */ W({
     hasDelete: { type: Boolean, default: !1 },
@@ -560,9 +563,9 @@ const en = { class: "d-flex justify-space-between align-center" }, tn = /* @__PU
   setup(o, { emit: s }) {
     const t = G(o, "modelValue"), e = s;
     return (n, l) => {
-      const i = $("v-number-input"), a = $("v-btn"), r = le("ripple");
-      return S(), H("div", en, [
-        ee(b(i, {
+      const i = U("v-number-input"), a = U("v-btn"), r = le("ripple");
+      return C(), H("div", Qt, [
+        ee(D(i, {
           modelValue: t.value,
           "onUpdate:modelValue": l[0] || (l[0] = (u) => t.value = u),
           density: "compact",
@@ -582,20 +585,20 @@ const en = { class: "d-flex justify-space-between align-center" }, tn = /* @__PU
             { stop: !0 }
           ]
         ]),
-        n.hasDelete ? (S(), B(a, {
+        n.hasDelete ? (C(), B(a, {
           key: 0,
           class: "mx-2",
           variant: "text",
           density: "compact",
-          icon: C(re),
+          icon: "mdi-minus",
           onClick: l[1] || (l[1] = z((u) => e("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : Y("", !0)
+        })) : Y("", !0)
       ]);
     };
   }
 });
-function nn(o) {
-  return { renderUiNumInput: (t, e, n, l, i) => e.ui !== "numInput" ? (console.assert(!1), h("div", "renderUiNumInput prop ui must be numInput")) : h(tn, {
+function Et(o) {
+  return { renderUiNumInput: (t, e, n, l, i) => e.ui !== "numInput" ? (console.assert(!1), h("div", "renderUiNumInput prop ui must be numInput")) : h(Zt, {
     modelValue: ne(
       t,
       e,
@@ -626,7 +629,7 @@ function nn(o) {
     readonly: e.readonly
   }) };
 }
-const ln = { class: "d-flex justify-space-between align-center" }, on = /* @__PURE__ */ J({
+const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PURE__ */ R({
   __name: "switch",
   props: /* @__PURE__ */ W({
     hasDelete: { type: Boolean, default: !1 },
@@ -639,9 +642,9 @@ const ln = { class: "d-flex justify-space-between align-center" }, on = /* @__PU
   setup(o, { emit: s }) {
     const t = G(o, "modelValue"), e = s;
     return (n, l) => {
-      const i = $("v-switch"), a = $("v-btn");
-      return S(), H("div", ln, [
-        b(i, {
+      const i = U("v-switch"), a = U("v-btn");
+      return C(), H("div", jt, [
+        D(i, {
           modelValue: t.value,
           "onUpdate:modelValue": l[0] || (l[0] = (r) => t.value = r),
           class: "ml-1",
@@ -650,20 +653,20 @@ const ln = { class: "d-flex justify-space-between align-center" }, on = /* @__PU
           "hide-details": "",
           readonly: n.readonly
         }, null, 8, ["modelValue", "readonly"]),
-        n.hasDelete ? (S(), B(a, {
+        n.hasDelete ? (C(), B(a, {
           key: 0,
           class: "mx-2",
           variant: "text",
           density: "compact",
-          icon: C(re),
+          icon: "mdi-minus",
           onClick: l[1] || (l[1] = z((r) => e("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : Y("", !0)
+        })) : Y("", !0)
       ]);
     };
   }
 });
-function sn(o) {
-  return { renderUiSwitch: (t, e, n, l, i) => e.ui !== "switch" ? (console.assert(!1), h("div", "renderUiSwitch prop ui must be switch")) : h(on, {
+function en(o) {
+  return { renderUiSwitch: (t, e, n, l, i) => e.ui !== "switch" ? (console.assert(!1), h("div", "renderUiSwitch prop ui must be switch")) : h(It, {
     modelValue: ne(
       t,
       e,
@@ -690,7 +693,7 @@ function sn(o) {
     readonly: e.readonly
   }) };
 }
-const rn = { class: "d-flex justify-space-between align-center" }, un = /* @__PURE__ */ J({
+const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PURE__ */ R({
   __name: "select",
   props: /* @__PURE__ */ W({
     hasDelete: { type: Boolean, default: !1 },
@@ -702,17 +705,17 @@ const rn = { class: "d-flex justify-space-between align-center" }, un = /* @__PU
   }),
   emits: /* @__PURE__ */ W(["delete"], ["update:modelValue"]),
   setup(o, { emit: s }) {
-    const { t } = te(), e = G(o, "modelValue"), n = s, l = Te(), i = K(() => {
+    const { t } = te(), e = G(o, "modelValue"), n = s, l = be(), i = K(() => {
       var r;
       const a = [];
-      return (r = Ye[l.value]) == null || r.items[o.items].forEach(({ title: u, value: g }) => {
+      return (r = Xe[l.value]) == null || r.items[o.items].forEach(({ title: u, value: g }) => {
         a.push({ title: t(u), value: g });
       }), a;
     });
     return (a, r) => {
-      const u = $("v-select"), g = $("v-btn"), d = le("ripple");
-      return S(), H("div", rn, [
-        ee(b(u, {
+      const u = U("v-select"), g = U("v-btn"), d = le("ripple");
+      return C(), H("div", tn, [
+        ee(D(u, {
           modelValue: e.value,
           "onUpdate:modelValue": r[0] || (r[0] = (f) => e.value = f),
           density: "compact",
@@ -728,20 +731,20 @@ const rn = { class: "d-flex justify-space-between align-center" }, un = /* @__PU
             { stop: !0 }
           ]
         ]),
-        a.hasDelete ? (S(), B(g, {
+        a.hasDelete ? (C(), B(g, {
           key: 0,
           class: "mx-2",
           variant: "text",
           density: "compact",
-          icon: C(re),
+          icon: "mdi-minus",
           onClick: r[1] || (r[1] = z((f) => n("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : Y("", !0)
+        })) : Y("", !0)
       ]);
     };
   }
 });
-function an(o) {
-  return { renderUiSelect: (t, e, n, l, i) => e.ui !== "select" ? (console.assert(!1), h("div", "renderUiSelect prop ui must be select")) : h(un, {
+function ln(o) {
+  return { renderUiSelect: (t, e, n, l, i) => e.ui !== "select" ? (console.assert(!1), h("div", "renderUiSelect prop ui must be select")) : h(nn, {
     modelValue: ne(
       t,
       e,
@@ -769,7 +772,7 @@ function an(o) {
     readonly: e.readonly
   }) };
 }
-const cn = { class: "text-subtitle-2 ml-1" }, dn = { class: "text-caption text-grey ml-1" }, fn = /* @__PURE__ */ J({
+const on = { class: "text-subtitle-2 ml-1" }, sn = { class: "text-caption text-grey ml-1" }, rn = /* @__PURE__ */ R({
   __name: "group",
   props: {
     id: {},
@@ -786,26 +789,26 @@ const cn = { class: "text-subtitle-2 ml-1" }, dn = { class: "text-caption text-g
       userSelect: "none"
     }));
     return (r, u) => {
-      const g = $("v-icon"), d = le("ripple");
-      return ee((S(), H("div", {
+      const g = U("v-icon"), d = le("ripple");
+      return ee((C(), H("div", {
         class: "d-flex align-center cursor-pointer",
         style: I(a.value),
         onClick: u[0] || (u[0] = (f) => l("x-click", n.id)),
         onMouseover: u[1] || (u[1] = (f) => i.value = !0),
         onMouseout: u[2] || (u[2] = (f) => i.value = !1)
       }, [
-        b(g, {
-          icon: n.collapse ? C(Xe) : C(Fe),
+        D(g, {
+          icon: n.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
           size: "small"
         }, null, 8, ["icon"]),
-        F("span", cn, Q(n.title), 1),
-        F("span", dn, Q(n.count), 1)
+        F("span", on, Q(n.title), 1),
+        F("span", sn, Q(n.count), 1)
       ], 36)), [
         [d]
       ]);
     };
   }
-}), mn = { class: "text-subtitle-1 ml-6" }, vn = /* @__PURE__ */ J({
+}), un = { class: "text-subtitle-1 ml-6" }, an = /* @__PURE__ */ R({
   __name: "item",
   props: {
     id: {},
@@ -821,23 +824,23 @@ const cn = { class: "text-subtitle-2 ml-1" }, dn = { class: "text-caption text-g
     }));
     return (r, u) => {
       const g = le("ripple");
-      return ee((S(), H("div", {
+      return ee((C(), H("div", {
         class: "d-flex align-center cursor-pointer",
         style: I(a.value),
         onClick: u[0] || (u[0] = (d) => l("x-click", n.id)),
         onMouseover: u[1] || (u[1] = (d) => i.value = !0),
         onMouseout: u[2] || (u[2] = (d) => i.value = !1)
       }, [
-        F("span", mn, Q(n.title), 1)
+        F("span", un, Q(n.title), 1)
       ], 36)), [
         [g]
       ]);
     };
   }
-}), pn = { key: 0 }, yn = {
+}), cn = { key: 0 }, dn = {
   key: 1,
   class: "text-body-2 text-grey ml-3"
-}, gn = /* @__PURE__ */ J({
+}, fn = /* @__PURE__ */ R({
   __name: "index",
   props: {
     modelValue: {},
@@ -847,17 +850,17 @@ const cn = { class: "text-subtitle-2 ml-1" }, dn = { class: "text-caption text-g
   },
   emits: ["update:modelValue", "update:open"],
   setup(o) {
-    const { t: s } = te(), t = G(o, "modelValue"), e = G(o, "open"), n = et(), l = (a) => {
-      const r = ze(n, a);
-      r && Ct(n, a, !r.collapse);
+    const { t: s } = te(), t = G(o, "modelValue"), e = G(o, "open"), n = Ze(), l = (a) => {
+      const r = He(n, a);
+      r && gt(n, a, !r.collapse);
     }, i = (a) => {
-      t.value = a, e.value = !1, ae.emit("refreshDepends");
+      t.value = a, e.value = !1, ue.emit("refreshDepends");
     };
-    return (a, r) => C(n).length > 0 ? (S(), H("div", pn, [
-      (S(!0), H(Ve, null, Be(C(n), (u) => (S(), H(Ve, {
+    return (a, r) => L(n).length > 0 ? (C(), H("div", cn, [
+      (C(!0), H(ke, null, qe(L(n), (u) => (C(), H(ke, {
         key: u.id
       }, [
-        u.type === 0 ? (S(), B(fn, {
+        u.type === 0 ? (C(), B(rn, {
           key: 0,
           id: u.id,
           title: u.name,
@@ -865,16 +868,16 @@ const cn = { class: "text-subtitle-2 ml-1" }, dn = { class: "text-caption text-g
           count: u.count ?? 0,
           onXClick: l
         }, null, 8, ["id", "title", "collapse", "count"])) : Y("", !0),
-        u.type === 1 && u.show ? (S(), B(vn, {
+        u.type === 1 && u.show ? (C(), B(an, {
           key: 1,
           id: u.id,
           title: u.name,
           onXClick: i
         }, null, 8, ["id", "title"])) : Y("", !0)
       ], 64))), 128))
-    ])) : (S(), H("div", yn, Q(C(s)("x-prop-tree.noComp")), 1));
+    ])) : (C(), H("div", dn, Q(L(s)("x-prop-tree.noComp")), 1));
   }
-}), hn = { class: "text-subtitle-1 ml-3" }, _n = /* @__PURE__ */ J({
+}), mn = { class: "text-subtitle-1 ml-3" }, vn = /* @__PURE__ */ R({
   __name: "index",
   props: {
     modelValue: {},
@@ -882,7 +885,7 @@ const cn = { class: "text-subtitle-2 ml-1" }, dn = { class: "text-caption text-g
   },
   emits: ["update:modelValue"],
   setup(o) {
-    const { t: s } = te(), t = Pt(), { sysBarAvail: e } = Je(), { backgroundColor1: n } = ie(), l = G(o, "modelValue"), i = et(), a = K(() => {
+    const { t: s } = te(), t = Ct(), { sysBarAvail: e } = Je(), { backgroundColor1: n } = ie(), l = G(o, "modelValue"), i = Ze(), a = K(() => {
       let f = "100%";
       return t.mdAndUp.value && (f = "400px"), {
         background: n.value,
@@ -900,59 +903,59 @@ const cn = { class: "text-subtitle-2 ml-1" }, dn = { class: "text-caption text-g
     })), g = K(() => {
       if (!l.value)
         return s("x-runtime-lib.notSet");
-      const f = ze(i, l.value);
+      const f = He(i, l.value);
       return f ? f.name : s("x-runtime-lib.compNotAvail");
-    }), { open: d } = Se(`propTreeCompSelectDlg${we()}`);
-    return De(() => {
+    }), { open: d } = Ce(`propTreeCompSelectDlg${Me()}`);
+    return we(() => {
       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),
+      const k = U("v-btn"), T = U("v-sheet"), M = U("v-icon"), b = U("v-dialog");
+      return C(), B(b, {
+        modelValue: L(d),
+        "onUpdate:modelValue": m[5] || (m[5] = (x) => ve(d) ? d.value = x : null),
         transition: "scroll-x-reverse-transition",
         persistent: "",
         "no-click-animation": "",
         fullscreen: "",
-        onKeydown: m[6] || (m[6] = Ke(z((P) => d.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: m[6] || (m[6] = Be(z((x) => d.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: R(({ props: P }) => [
-          b(k, be(P, {
+        activator: J(({ props: x }) => [
+          D(k, De(x, {
             density: "comfortable",
             block: ""
           }), {
-            default: R(() => [
-              Ce(Q(g.value), 1)
+            default: J(() => [
+              Ve(Q(g.value), 1)
             ]),
             _: 2
           }, 1040)
         ]),
-        default: R(() => [
+        default: J(() => [
           F("div", {
             class: "w-100 h-100 d-flex flex-row-reverse",
-            onClick: m[3] || (m[3] = z((P) => d.value = !1, ["self"])),
-            onContextmenu: m[4] || (m[4] = z((P) => d.value = !1, ["self", "prevent"]))
+            onClick: m[3] || (m[3] = z((x) => d.value = !1, ["self"])),
+            onContextmenu: m[4] || (m[4] = z((x) => d.value = !1, ["self", "prevent"]))
           }, [
             F("div", {
               class: "elevation-2",
               style: I(a.value)
             }, [
-              C(e) ? (S(), B(L, {
+              L(e) ? (C(), B(T, {
                 key: 0,
                 color: "transparent",
                 height: 24
               })) : Y("", !0),
-              b(L, {
+              D(T, {
                 class: "d-flex align-center px-3",
                 color: "transparent",
                 height: 48
               }, {
-                default: R(() => [
-                  b(w, {
-                    icon: C(Ge),
-                    onClick: m[0] || (m[0] = (P) => d.value = !1)
-                  }, null, 8, ["icon"]),
-                  F("span", hn, Q(C(s)("x-prop-tree.dlg.compSelect.title")), 1)
+                default: J(() => [
+                  D(M, {
+                    icon: "mdi-close",
+                    onClick: m[0] || (m[0] = (x) => d.value = !1)
+                  }),
+                  F("span", mn, Q(L(s)("x-prop-tree.dlg.compSelect.title")), 1)
                 ]),
                 _: 1
               }),
@@ -960,11 +963,11 @@ const cn = { class: "text-subtitle-2 ml-1" }, dn = { class: "text-caption text-g
                 class: "overflow-y-auto",
                 style: I(r.value)
               }, [
-                b(gn, {
+                D(fn, {
                   modelValue: l.value,
-                  "onUpdate:modelValue": m[1] || (m[1] = (P) => l.value = P),
-                  open: C(d),
-                  "onUpdate:open": m[2] || (m[2] = (P) => pe(d) ? d.value = P : null)
+                  "onUpdate:modelValue": m[1] || (m[1] = (x) => l.value = x),
+                  open: L(d),
+                  "onUpdate:open": m[2] || (m[2] = (x) => ve(d) ? d.value = x : null)
                 }, null, 8, ["modelValue", "open"]),
                 F("div", {
                   style: I(u.value)
@@ -978,8 +981,8 @@ const cn = { class: "text-subtitle-2 ml-1" }, dn = { class: "text-caption text-g
     };
   }
 });
-function kn(o) {
-  return { renderUiCompSelect: (t, e, n, l, i) => e.ui !== "compSelect" ? (console.assert(!1), h("div", "renderUiCompSelect prop ui must be compSelect")) : h(_n, {
+function pn(o) {
+  return { renderUiCompSelect: (t, e, n, l, i) => e.ui !== "compSelect" ? (console.assert(!1), h("div", "renderUiCompSelect prop ui must be compSelect")) : h(vn, {
     modelValue: ne(
       t,
       e,
@@ -1001,7 +1004,7 @@ function kn(o) {
     }
   }) };
 }
-const Vn = { class: "d-flex justify-space-between align-center" }, Cn = /* @__PURE__ */ J({
+const yn = { class: "d-flex justify-space-between align-center" }, gn = /* @__PURE__ */ R({
   __name: "colorPicker",
   props: /* @__PURE__ */ W({
     hasDelete: { type: Boolean, default: !1 },
@@ -1017,47 +1020,47 @@ const Vn = { class: "d-flex justify-space-between align-center" }, Cn = /* @__PU
       return o.hasDelete && (r = "calc(100% - 37px)"), {
         width: r
       };
-    }), i = K(() => o.readonly), { open: a } = Se(`propTreeColorPickerMenu${we()}`);
-    return De(() => {
+    }), i = K(() => o.readonly), { open: a } = Ce(`propTreeColorPickerMenu${Me()}`);
+    return we(() => {
       a.value = !1;
     }), (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),
+      const g = U("v-btn"), d = U("v-color-picker"), f = U("v-menu");
+      return C(), B(f, {
+        modelValue: L(a),
+        "onUpdate:modelValue": u[2] || (u[2] = (m) => ve(a) ? a.value = m : null),
         "close-on-content-click": !1,
         scrim: "transparent"
       }, {
-        activator: R(({ props: m }) => [
-          F("div", Vn, [
+        activator: J(({ props: m }) => [
+          F("div", yn, [
             F("div", {
               class: "flex-grow-1",
               style: I(l.value)
             }, [
-              b(g, be(m, {
+              D(g, De(m, {
                 density: "comfortable",
                 color: e.value,
                 block: "",
                 disabled: i.value
               }), {
-                default: R(() => [
-                  Ce(Q(e.value ? e.value : C(t)("x-runtime-lib.notSet")), 1)
+                default: J(() => [
+                  Ve(Q(e.value ? e.value : L(t)("x-runtime-lib.notSet")), 1)
                 ]),
                 _: 2
               }, 1040, ["color", "disabled"])
             ], 4),
-            r.hasDelete ? (S(), B(g, {
+            r.hasDelete ? (C(), B(g, {
               key: 0,
               class: "mx-2",
               variant: "text",
               density: "compact",
-              icon: C(re),
+              icon: "mdi-minus",
               onClick: u[0] || (u[0] = z((k) => n("delete"), ["stop"]))
-            }, null, 8, ["icon"])) : Y("", !0)
+            })) : Y("", !0)
           ])
         ]),
-        default: R(() => [
-          b(d, {
+        default: J(() => [
+          D(d, {
             modelValue: e.value,
             "onUpdate:modelValue": u[1] || (u[1] = (m) => e.value = m),
             mode: "hexa",
@@ -1070,8 +1073,8 @@ const Vn = { class: "d-flex justify-space-between align-center" }, Cn = /* @__PU
     };
   }
 });
-function Sn(o) {
-  return { renderUiColorPicker: (t, e, n, l, i) => e.ui !== "colorPicker" ? (console.assert(!1), h("div", "renderUiColorPicker prop ui must be colorPicker")) : h(Cn, {
+function hn(o) {
+  return { renderUiColorPicker: (t, e, n, l, i) => e.ui !== "colorPicker" ? (console.assert(!1), h("div", "renderUiColorPicker prop ui must be colorPicker")) : h(gn, {
     modelValue: ne(
       t,
       e,
@@ -1098,7 +1101,7 @@ function Sn(o) {
     readonly: e.readonly
   }) };
 }
-const Un = { class: "d-flex justify-space-between align-center my-2" }, $n = { class: "flex-grow-1" }, xn = /* @__PURE__ */ J({
+const _n = { class: "d-flex justify-space-between align-center my-2" }, kn = { class: "flex-grow-1" }, Vn = /* @__PURE__ */ R({
   __name: "multiTypes",
   props: /* @__PURE__ */ W({
     hasDelete: { type: Boolean, default: !1 },
@@ -1109,20 +1112,20 @@ const Un = { class: "d-flex justify-space-between align-center my-2" }, $n = { c
   }),
   emits: /* @__PURE__ */ W(["delete"], ["update:modelValue"]),
   setup(o, { emit: s }) {
-    const { t } = te(), e = G(o, "modelValue"), n = s, l = Te(), i = K(() => {
+    const { t } = te(), e = G(o, "modelValue"), n = s, l = be(), i = K(() => {
       var f;
-      return (f = Ye[l.value]) == null ? void 0 : f.types[o.types];
+      return (f = Xe[l.value]) == null ? void 0 : f.types[o.types];
     }), a = O(0), r = K(() => {
       var m;
       const f = [];
-      return (m = i.value) == null || m.forEach(({ title: k }, L) => {
+      return (m = i.value) == null || m.forEach(({ title: k }, T) => {
         f.push({
           title: t(k),
-          value: L
+          value: T
         });
       }), f;
     });
-    Ne(() => {
+    Le(() => {
       var f;
       (f = i.value) == null || f.some((m, k) => m.validator(e.value) ? (a.value = k, !0) : !1);
     });
@@ -1133,21 +1136,21 @@ const Un = { class: "d-flex justify-space-between align-center my-2" }, $n = { c
       var f;
       e.value = (f = u.value) == null ? void 0 : f.default;
     }, d = O(0);
-    return Ne(() => {
+    return Le(() => {
       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) => {
+      ((f = u.value) == null ? void 0 : f.ui) === "pixelInput" ? d.value = _t(e.value) : ((m = u.value) == null ? void 0 : m.ui) === "percentInput" && (d.value = kt(e.value));
+    }), re(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 = le("ripple");
-      return S(), H("div", Un, [
-        F("div", $n, [
-          ee(b(k, {
+      var x, _;
+      const k = U("v-select"), T = U("v-number-input"), M = U("v-btn"), b = le("ripple");
+      return C(), H("div", _n, [
+        F("div", kn, [
+          ee(D(k, {
             modelValue: a.value,
             "onUpdate:modelValue": [
-              m[0] || (m[0] = (M) => a.value = M),
+              m[0] || (m[0] = (P) => a.value = P),
               g
             ],
             density: "compact",
@@ -1156,16 +1159,16 @@ const Un = { class: "d-flex justify-space-between align-center my-2" }, $n = { c
             "single-line": ""
           }, null, 8, ["modelValue", "items"]), [
             [
-              T,
+              b,
               void 0,
               void 0,
               { stop: !0 }
             ]
           ]),
-          ((P = u.value) == null ? void 0 : P.ui) === "pixelInput" || ((_ = u.value) == null ? void 0 : _.ui) === "percentInput" ? ee((S(), B(L, {
+          ((x = u.value) == null ? void 0 : x.ui) === "pixelInput" || ((_ = u.value) == null ? void 0 : _.ui) === "percentInput" ? ee((C(), B(T, {
             key: 0,
             modelValue: d.value,
-            "onUpdate:modelValue": m[1] || (m[1] = (M) => d.value = M),
+            "onUpdate:modelValue": m[1] || (m[1] = (P) => d.value = P),
             density: "compact",
             "control-variant": "stacked",
             precision: u.value.precision,
@@ -1176,27 +1179,27 @@ const Un = { class: "d-flex justify-space-between align-center my-2" }, $n = { c
             "single-line": ""
           }, null, 8, ["modelValue", "precision", "min", "max", "step"])), [
             [
-              T,
+              b,
               void 0,
               void 0,
               { stop: !0 }
             ]
           ]) : Y("", !0)
         ]),
-        f.hasDelete ? (S(), B(w, {
+        f.hasDelete ? (C(), B(M, {
           key: 0,
           class: "mx-2",
           variant: "text",
           density: "compact",
-          icon: C(re),
-          onClick: m[2] || (m[2] = z((M) => n("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : Y("", !0)
+          icon: "mdi-minus",
+          onClick: m[2] || (m[2] = z((P) => n("delete"), ["stop"]))
+        })) : Y("", !0)
       ]);
     };
   }
 });
-function Pn(o) {
-  return { renderUiMultiTypes: (t, e, n, l, i) => e.ui !== "multiTypes" ? (console.assert(!1), h("div", "renderUiMultiTypes prop ui must be multiTypes")) : h(xn, {
+function Cn(o) {
+  return { renderUiMultiTypes: (t, e, n, l, i) => e.ui !== "multiTypes" ? (console.assert(!1), h("div", "renderUiMultiTypes prop ui must be multiTypes")) : h(Vn, {
     modelValue: ne(
       t,
       e,
@@ -1223,7 +1226,7 @@ function Pn(o) {
     types: e.types
   }) };
 }
-const Mn = /* @__PURE__ */ J({
+const Sn = /* @__PURE__ */ R({
   __name: "editor",
   props: {
     modelValue: { required: !0 },
@@ -1235,7 +1238,7 @@ const Mn = /* @__PURE__ */ J({
   },
   emits: ["update:modelValue", "update:lock", "update:scale"],
   setup(o, { expose: s }) {
-    const t = G(o, "modelValue"), e = G(o, "lock"), n = G(o, "scale"), l = _t(), i = kt(), a = Te(), r = Re("target"), u = () => {
+    const t = G(o, "modelValue"), e = G(o, "lock"), n = G(o, "scale"), l = pt(), i = yt(), a = be(), r = Ke("target"), u = () => {
       var f;
       const d = JSON.parse(t.value);
       (f = r.value) == null || f.load(d);
@@ -1243,7 +1246,7 @@ const Mn = /* @__PURE__ */ J({
     return s({ save: () => {
       const d = r.value.save();
       t.value = JSON.stringify(d, null, 2);
-    } }), (d, f) => (S(), B(C(Mt), {
+    } }), (d, f) => (C(), B(L(St), {
       ref_key: "target",
       ref: r,
       lock: e.value,
@@ -1251,13 +1254,13 @@ const Mn = /* @__PURE__ */ J({
       scale: n.value,
       "onUpdate:scale": f[1] || (f[1] = (m) => n.value = m),
       type: "json",
-      version: C(a),
-      locale: C(i),
-      dark: C(l),
+      version: L(a),
+      locale: L(i),
+      dark: L(l),
       onReady: u
     }, null, 8, ["lock", "scale", "version", "locale", "dark"]));
   }
-}), wn = { class: "text-subtitle-1" }, Dn = /* @__PURE__ */ J({
+}), Un = { class: "text-subtitle-1" }, $n = /* @__PURE__ */ R({
   __name: "index",
   props: {
     modelValue: { required: !0 },
@@ -1272,70 +1275,70 @@ const Mn = /* @__PURE__ */ J({
         background: n.value,
         height: `calc(100% - ${m}px)`
       };
-    }), g = K(() => s("x-prop-tree.dlg.jsonObject.title")), { open: d } = Se(`propTreeJsonObjectDlg${we()}`);
-    De(() => {
+    }), g = K(() => s("x-prop-tree.dlg.jsonObject.title")), { open: d } = Ce(`propTreeJsonObjectDlg${Me()}`);
+    we(() => {
       d.value = !1;
     });
-    const f = Re("editor");
-    return ue(d, (m) => {
+    const f = Ke("editor");
+    return re(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),
+      const T = U("v-btn"), M = U("v-sheet"), b = U("v-spacer"), x = U("v-dialog");
+      return C(), B(x, {
+        modelValue: L(d),
+        "onUpdate:modelValue": k[4] || (k[4] = (_) => ve(d) ? d.value = _ : null),
         transition: "dialog-bottom-transition",
         persistent: "",
         "no-click-animation": "",
         fullscreen: "",
         attach: "",
-        onKeydown: k[5] || (k[5] = Ke(z((_) => d.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: k[5] || (k[5] = Be(z((_) => d.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: R(({ props: _ }) => [
-          b(L, be(_, {
+        activator: J(({ props: _ }) => [
+          D(T, De(_, {
             density: "comfortable",
             block: ""
           }), {
-            default: R(() => [
-              Ce(Q(g.value), 1)
+            default: J(() => [
+              Ve(Q(g.value), 1)
             ]),
             _: 2
           }, 1040)
         ]),
-        default: R(() => [
-          b(w, {
-            color: C(e),
+        default: J(() => [
+          D(M, {
+            color: L(e),
             width: "100%",
             height: "100%"
           }, {
-            default: R(() => [
-              C(t) ? (S(), B(w, {
+            default: J(() => [
+              L(t) ? (C(), B(M, {
                 key: 0,
-                color: C(l),
+                color: L(l),
                 height: 24
               }, null, 8, ["color"])) : Y("", !0),
-              b(w, {
+              D(M, {
                 class: "d-flex align-center px-2",
-                color: C(l),
+                color: L(l),
                 height: 48
               }, {
-                default: R(() => [
-                  b(L, {
+                default: J(() => [
+                  D(T, {
                     variant: "text",
                     density: "comfortable",
-                    icon: C(Ge),
+                    icon: "mdi-close",
                     onClick: k[0] || (k[0] = (_) => d.value = !1)
-                  }, null, 8, ["icon"]),
-                  F("span", wn, Q(C(s)("x-prop-tree.dlg.jsonObject.title")), 1),
-                  b(T)
+                  }),
+                  F("span", Un, Q(L(s)("x-prop-tree.dlg.jsonObject.title")), 1),
+                  D(b)
                 ]),
                 _: 1
               }, 8, ["color"]),
               F("div", {
                 style: I(u.value)
               }, [
-                b(Mn, {
+                D(Sn, {
                   ref_key: "editor",
                   ref: f,
                   modelValue: i.value,
@@ -1355,8 +1358,8 @@ const Mn = /* @__PURE__ */ J({
     };
   }
 });
-function bn(o) {
-  return { renderUiJsonEditor: (t, e, n, l, i) => e.ui !== "jsonEditor" ? h("div", "renderUiJsonObject prop ui must be jsonEditor") : h(Dn, {
+function xn(o) {
+  return { renderUiJsonEditor: (t, e, n, l, i) => e.ui !== "jsonEditor" ? h("div", "renderUiJsonObject prop ui must be jsonEditor") : h($n, {
     modelValue: ne(
       t,
       e,
@@ -1378,7 +1381,7 @@ function bn(o) {
     }
   }) };
 }
-const An = /* @__PURE__ */ J({
+const Pn = /* @__PURE__ */ R({
   __name: "index",
   props: {
     unique: {},
@@ -1388,99 +1391,99 @@ const An = /* @__PURE__ */ J({
   },
   emits: ["change"],
   setup(o, { emit: s }) {
-    const { t } = te(), { backgroundColor1: e } = ie(), n = o, l = s, i = O("20px"), a = O("56px"), r = O("200px"), u = yt({}), g = O({}), d = (p, c) => {
-      qe(g, n.config, n.object), l("change", p, c);
+    const { t } = te(), { backgroundColor1: e } = ie(), n = o, l = s, i = O("20px"), a = O("56px"), r = O("200px"), u = ft({}), g = O({}), d = (p, c) => {
+      Oe(g, n.config, n.object), l("change", p, c);
     };
-    ue(
+    re(
       [() => n.config, () => n.object],
       () => {
-        qe(g, n.config, n.object, (p, c) => {
+        Oe(g, n.config, n.object, (p, c) => {
           l("change", p, c);
         });
       },
       { immediate: !0 }
     );
     const f = O(n.version);
-    Ot(f), ue(
+    At(f), re(
       () => n.version,
       () => {
         f.value = n.version;
       }
     );
     const m = O(n.config);
-    qt(m), ue(
+    bt(m), re(
       () => n.config,
       () => {
         m.value = n.config;
       }
     );
     const k = O(n.object);
-    Kt(k), ue(
+    Lt(k), re(
       () => n.object,
       () => {
         k.value = n.object;
       }
-    ), 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);
+    ), Ot(g), Bt(d);
+    const T = O([]);
+    Jt(T);
+    const M = () => {
+      const { compGroups: p, comps: c } = Vt.app.activeApp, y = [];
+      p.forEach(({ id: v, name: V, position: $ }) => {
+        const w = T.value.find((E) => E.id === v);
         y.push({
           id: v,
           type: 0,
           name: V,
-          position: x,
-          collapse: (D == null ? void 0 : D.collapse) ?? !0
+          position: $,
+          collapse: (w == null ? void 0 : w.collapse) ?? !0
         });
-      }), 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;
+      }), c.forEach(({ id: v, groupid: V, name: $, position: w }) => {
+        y.push({ id: v, type: 1, name: $, position: w, group: V });
+      }), ht(y, !0), T.value = y;
     };
-    let T;
-    const P = () => {
-      clearTimeout(T), T = window.setTimeout(() => {
-        w(), T && P();
+    let b;
+    const x = () => {
+      clearTimeout(b), b = window.setTimeout(() => {
+        M(), b && x();
       }, 1e3);
     }, _ = () => {
-      clearTimeout(T), T = void 0;
+      clearTimeout(b), b = void 0;
     };
-    gt(() => {
-      P();
-    }), ht(() => {
+    mt(() => {
+      x();
+    }), vt(() => {
       _();
     });
-    const { renderProp: M } = Qt(g, a, r), { renderUiDummy: N } = Zt(d), { renderUiStrInput: Z } = It(d), { renderUiNumInput: Pe } = nn(d), { renderUiSwitch: tt } = sn(d), { renderUiSelect: nt } = an(d), { renderUiColorPicker: lt } = Sn(d), { renderUiJsonEditor: ot } = bn(d), { renderUiMultiTypes: st } = Pn(d), { renderUiCompSelect: it } = kn(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(
+    const { renderProp: P } = Ft(g, a, r), { renderUiDummy: N } = zt(d), { renderUiStrInput: Z } = Wt(d), { renderUiNumInput: xe } = Et(d), { renderUiSwitch: Ee } = en(d), { renderUiSelect: je } = ln(d), { renderUiColorPicker: Ie } = hn(d), { renderUiJsonEditor: et } = xn(d), { renderUiMultiTypes: tt } = Cn(d), { renderUiCompSelect: nt } = pn(d), pe = (p, c, y, v, V, $) => (p = Re(p), V !== void 0 ? (p.push(V), $ && p.push(c.key)) : p.push(c.key), c.ui ? c.array && v ? st(p, c, y, v, V, $) : it(p, c, y, V, $) : c.array ? lt(p, c, y, v, V, $) : ot(
       p,
       c,
       y,
       v,
       V,
-      x
-    )), rt = (p, c, y, v, V, x) => {
+      $
+    )), lt = (p, c, y, v, V, $) => {
       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 w;
+      V !== void 0 && !$ ? (y[V] instanceof Array || (y[V] = q(c), d(p, y[c.key])), w = y[V]) : (y[c.key] instanceof Array || (y[c.key] = q(c), d(p, y[c.key])), w = y[c.key]);
       let E = t(c.name);
-      v.collapse && ce(g.value, p) && (E += " *");
-      const me = h(ke, {
+      v.collapse && ae(g.value, p) && (E += " *");
+      const fe = h(_e, {
         title: E,
         collapse: v.collapse,
         hasCreate: !0,
-        onCollapse: (U) => {
-          v.collapse = U;
+        onCollapse: (S) => {
+          v.collapse = S;
         },
-        onMenu: (U, A) => {
-          ae.emit("propTreeMenu", { x: U, y: A, keys: p });
+        onMenu: (S, A) => {
+          ue.emit("propTreeMenu", { x: S, y: A, keys: p });
         },
         onCreate: () => {
-          D.push({}), d(p, D);
+          w.push({}), d(p, w);
         }
       }), X = h(
         "div",
@@ -1490,9 +1493,9 @@ const An = /* @__PURE__ */ J({
           }
         },
         (() => {
-          const U = [];
-          for (let A = 0; A < D.length; A++) {
-            if (!Me(v.children)) {
+          const S = [];
+          for (let A = 0; A < w.length; A++) {
+            if (!Pe(v.children)) {
               console.assert(!1);
               break;
             }
@@ -1500,34 +1503,34 @@ const An = /* @__PURE__ */ J({
               collapse: !0,
               children: {}
             });
-            const ge = [...p, A], he = v.children[A];
-            let Le = `[${A + 1}]`;
-            v.children[A].collapse && ce(g.value, ge) && (Le += " *");
-            const ft = h(ke, {
-              title: Le,
+            const ye = [...p, A], ge = v.children[A];
+            let Te = `[${A + 1}]`;
+            v.children[A].collapse && ae(g.value, ye) && (Te += " *");
+            const ut = h(_e, {
+              title: Te,
               collapse: v.children[A].collapse,
               hasDelete: !0,
               index: A,
               onCollapse: (j) => {
-                if (!Me(v.children)) {
+                if (!Pe(v.children)) {
                   console.assert(!1);
                   return;
                 }
                 v.children[A].collapse = j;
               },
               onMenu: (j, se) => {
-                ae.emit("propTreeMenu", { x: j, y: se, keys: ge });
+                ue.emit("propTreeMenu", { x: j, y: se, keys: ye });
               },
               onDelete: (j) => {
-                if (!Me(v.children)) {
+                if (!Pe(v.children)) {
                   console.assert(!1);
                   return;
                 }
-                v.children.splice(j, 1), D.splice(j, 1), d(p, D);
+                v.children.splice(j, 1), w.splice(j, 1), d(p, w);
               }
             });
-            U.push(ft);
-            const mt = h(
+            S.push(ut);
+            const at = h(
               "div",
               {
                 style: {
@@ -1537,29 +1540,29 @@ const An = /* @__PURE__ */ J({
               (() => {
                 const j = [];
                 return c.children.forEach((se) => {
-                  if (!Oe(he.children)) {
+                  if (!Ne(ge.children)) {
                     console.assert(!1);
                     return;
                   }
-                  he.children[se.key] || (he.children[se.key] = {
+                  ge.children[se.key] || (ge.children[se.key] = {
                     collapse: !0,
                     children: se.array ? [] : {}
                   });
-                  const vt = ye(
+                  const ct = pe(
                     p,
                     se,
-                    D[A],
-                    he.children[se.key],
+                    w[A],
+                    ge.children[se.key],
                     A,
                     !0
                   );
-                  j.push(vt);
+                  j.push(ct);
                 }), j;
               })()
             );
-            v.children[A].collapse || U.push(mt);
+            v.children[A].collapse || S.push(at);
           }
-          return U;
+          return S;
         })()
       );
       return h(
@@ -1570,33 +1573,33 @@ const An = /* @__PURE__ */ J({
           }
         },
         (() => {
-          const U = [];
-          return U.push(me), v.collapse || U.push(X), U;
+          const S = [];
+          return S.push(fe), v.collapse || S.push(X), S;
         })()
       );
-    }, ut = (p, c, y, v, V, x) => {
+    }, ot = (p, c, y, v, V, $) => {
       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,
+      let w = t(c.name);
+      v.collapse && ae(g.value, p) && (w += " *");
+      const E = h(_e, {
+        title: w,
         collapse: v.collapse,
-        hasDelete: V !== void 0 && !x,
+        hasDelete: V !== void 0 && !$,
         onCollapse: (X) => {
           v.collapse = X;
         },
-        onMenu: (X, U) => {
-          ae.emit("propTreeMenu", { x: X, y: U, keys: p });
+        onMenu: (X, S) => {
+          ue.emit("propTreeMenu", { x: X, y: S, keys: p });
         },
         onDelete: () => {
-          V === void 0 || x || (y.splice(V, 1), d(p.slice(0, -1), y));
+          V === void 0 || $ || (y.splice(V, 1), d(p.slice(0, -1), y));
         }
-      }), me = h(
+      }), fe = h(
         "div",
         {
           style: {
@@ -1605,20 +1608,20 @@ const An = /* @__PURE__ */ J({
         },
         (() => {
           const X = [];
-          return c.children.forEach((U) => {
-            if (!Oe(v.children)) {
+          return c.children.forEach((S) => {
+            if (!Ne(v.children)) {
               console.assert(!1);
               return;
             }
-            v.children[U.key] || (v.children[U.key] = {
+            v.children[S.key] || (v.children[S.key] = {
               collapse: !0,
-              children: !U.ui && U.array ? [] : {}
+              children: !S.ui && S.array ? [] : {}
             });
-            const A = ye(
+            const A = pe(
               p,
-              U,
+              S,
               (typeof y[c.key] != "object" && (y[c.key] = {}, d(p, y[c.key])), y[c.key]),
-              v.children[U.key]
+              v.children[S.key]
             );
             X.push(A);
           }), X;
@@ -1633,32 +1636,32 @@ const An = /* @__PURE__ */ J({
         },
         (() => {
           const X = [];
-          return X.push(E), v.collapse || X.push(me), X;
+          return X.push(E), v.collapse || X.push(fe), X;
         })()
       );
-    }, at = (p, c, y, v, V, x) => {
+    }, st = (p, c, y, v, V, $) => {
       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 w;
+      V !== void 0 && !$ ? (y[V] instanceof Array || (y[V] = q(c), d(p, y[V])), w = y[V]) : (y[c.key] instanceof Array || (y[c.key] = q(c), d(p, y[c.key])), w = y[c.key]);
       let E = t(c.name);
-      v.collapse && ce(g.value, p) && (E += " *");
-      const me = h(ke, {
+      v.collapse && ae(g.value, p) && (E += " *");
+      const fe = h(_e, {
         title: E,
         collapse: v.collapse,
         hasCreate: !0,
-        onCollapse: (U) => {
-          v.collapse = U;
+        onCollapse: (S) => {
+          v.collapse = S;
         },
-        onMenu: (U, A) => {
-          ae.emit("propTreeMenu", { x: U, y: A, keys: p });
+        onMenu: (S, A) => {
+          ue.emit("propTreeMenu", { x: S, y: A, keys: p });
         },
         onCreate: () => {
-          D.push(q(c, !0)), d(p, D);
+          w.push(q(c, !0)), d(p, w);
         }
       }), X = h(
         "div",
@@ -1668,12 +1671,12 @@ const An = /* @__PURE__ */ J({
           }
         },
         (() => {
-          const U = [];
-          for (let A = 0; A < D.length; A++) {
-            const ge = ye(p, c, D, void 0, A, !1);
-            U.push(ge);
+          const S = [];
+          for (let A = 0; A < w.length; A++) {
+            const ye = pe(p, c, w, void 0, A, !1);
+            S.push(ye);
           }
-          return U;
+          return S;
         })()
       );
       return h(
@@ -1684,16 +1687,16 @@ const An = /* @__PURE__ */ J({
           }
         },
         (() => {
-          const U = [];
-          return U.push(me), v.collapse || U.push(X), U;
+          const S = [];
+          return S.push(fe), v.collapse || S.push(X), S;
         })()
       );
-    }, ct = (p, c, y, v, V) => {
+    }, it = (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 = nt(p, c, y, v, V) : c.ui === "colorPicker" ? x = lt(p, c, y, v, V) : c.ui === "jsonEditor" ? x = ot(p, c, y, v, V) : c.ui === "multiTypes" ? x = st(p, c, y, v, V) : c.ui === "compSelect" ? x = it(p, c, y, v, V) : console.assert(!1, "renderLeafScalar not implemented"), x ? M(p, c, x) : h("div");
-    }, dt = () => h(
+      let $;
+      return c.ui === "dummy" ? $ = N(p, c, y, v, V) : c.ui === "strInput" ? $ = Z(p, c, y, v, V) : c.ui === "numInput" ? $ = xe(p, c, y, v, V) : c.ui === "switch" ? $ = Ee(p, c, y, v, V) : c.ui === "select" ? $ = je(p, c, y, v, V) : c.ui === "colorPicker" ? $ = Ie(p, c, y, v, V) : c.ui === "jsonEditor" ? $ = et(p, c, y, v, V) : c.ui === "multiTypes" ? $ = tt(p, c, y, v, V) : c.ui === "compSelect" ? $ = nt(p, c, y, v, V) : console.assert(!1, "renderLeafScalar not implemented"), $ ? P(p, c, $) : h("div");
+    }, rt = () => h(
       "div",
       {
         class: "text-body-2",
@@ -1711,25 +1714,25 @@ const An = /* @__PURE__ */ J({
               collapse: !0,
               children: !y.ui && y.array ? [] : {}
             });
-            const v = ye([], y, n.object, c[y.key]);
+            const v = pe([], y, n.object, c[y.key]);
             p.push(v);
           });
         }
         return p;
       })()
     );
-    return (p, c) => (S(), H(Ve, null, [
-      b(dt),
-      b(Gt, {
+    return (p, c) => (C(), H(ke, null, [
+      D(rt),
+      D(Rt, {
         config: n.config,
         object: n.object,
         "prop-states": g.value
       }, null, 8, ["config", "object", "prop-states"])
     ], 64));
   }
-}), Tn = (o) => {
-  o.component("XPropTree", An);
-}, Ln = (o, s, t) => {
+}), Mn = (o) => {
+  o.component("XPropTree", Pn);
+}, wn = (o, s, t) => {
   const e = o[s];
   return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((n, l) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
@@ -1742,11 +1745,11 @@ const An = /* @__PURE__ */ J({
     );
   });
 };
-async function Xn(o) {
-  return (await Ln(/* @__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;
+async function Bn(o) {
+  return (await wn(/* @__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 Fn = { install: Tn };
+const Kn = { install: Mn };
 export {
-  Fn as default,
-  Xn as loadLocaleMessagePropTree
+  Kn as default,
+  Bn as loadLocaleMessagePropTree
 };