x-prop-tree 0.6.30 → 0.6.31

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 A, createElementBlock as H, Fragment as Ve, renderList as Be, createTextVNode as Ce, toDisplayString as Q, resolveDirective as le, withDirectives as ee, withModifiers as z, normalizeStyle as I, createElementVNode as F, createCommentVNode as Y, renderSlot as pt, h as _, mergeModels as W, useModel as G, useId as we, onUnmounted as De, withKeys as Ke, mergeProps as Ae, watchEffect as Ne, watch as ue, useTemplateRef as Re, reactive as yt, onMounted as gt, onBeforeUnmount as _t } from "vue";
+import { provide as de, inject as fe, defineComponent as J, ref as O, computed as K, resolveComponent as $, createBlock as B, openBlock as S, unref as C, isRef as pe, withCtx as R, createVNode as A, createElementBlock as H, Fragment as Ve, renderList as Be, createTextVNode as Ce, toDisplayString as Q, resolveDirective as ne, withDirectives as ee, withModifiers as z, normalizeStyle as I, createElementVNode as F, createCommentVNode as Y, renderSlot as pt, h, mergeModels as W, useModel as G, useId as we, onUnmounted as De, withKeys as Ke, mergeProps as Ae, watchEffect as Ne, watch as ue, useTemplateRef as Re, reactive as yt, onMounted as gt, onBeforeUnmount as ht } from "vue";
 import { useI18n as te } from "vue-i18n";
-import { useViewStack as Se, useColor as ie, eventBus as ae, useSystem as Je, injectDark as ht, injectLocale as kt } from "x-essential-lib";
+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 he = (o, s) => {
+const _e = (o, s) => {
   let t = { key: "", name: "", children: o };
   return s.forEach((e) => {
     if (typeof e != "number") {
@@ -18,7 +18,7 @@ const he = (o, s) => {
         console.assert(!1, `unpkgProp prop ui must be invalid keys=${s}`);
         return;
       }
-      t = t.children.find((n) => n.key === e);
+      t = t.children.find((l) => l.key === e);
     }
   }), t;
 }, ve = (o, s) => {
@@ -31,15 +31,15 @@ const he = (o, s) => {
     t = t[e];
   }), t;
 }, Oe = (o) => !(o instanceof Array), Me = (o) => o instanceof Array, wt = (o, s) => {
-  const t = (e, n) => {
-    if (e.ui !== n.ui || e.array !== n.array)
+  const t = (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 l = 0; l < e.children.length; l++)
-      if (!t(e.children[l], n.children[l]))
+    for (let n = 0; n < e.children.length; n++)
+      if (!t(e.children[n], l.children[n]))
         return !1;
     return !0;
   };
@@ -47,31 +47,31 @@ const he = (o, s) => {
 }, be = (o) => !(o instanceof Array), $e = (o) => o instanceof Array, Dt = [
   ["basic", "id"],
   ["basic", "name"]
-], At = (o) => Dt.find((s) => Ue(o, s)), xe = (o, s, t, e, n, l, i) => (o = He(o), l !== void 0 ? (o.push(l), i && o.push(s.key)) : o.push(s.key), At(o) ? (e.change = !1, e.change) : s.ui ? s.array && e.children && $e(e.children) ? Lt(
+], At = (o) => Dt.find((s) => Ue(o, s)), xe = (o, s, t, e, l, n, i) => (o = He(o), n !== void 0 ? (o.push(n), i && o.push(s.key)) : o.push(s.key), At(o) ? (e.change = !1, e.change) : s.ui ? s.array && e.children && $e(e.children) ? Lt(
   o,
   s,
   t,
   e,
-  n,
   l,
+  n,
   i
-) : Nt(s, t, e, l, i) : s.array ? bt(
+) : Nt(s, t, e, n, i) : s.array ? bt(
   o,
   s,
   t,
   e,
-  n,
   l,
+  n,
   i
 ) : Tt(
   o,
   s,
   t,
   e,
-  n,
   l,
+  n,
   i
-)), bt = (o, s, t, e, n, l, i) => {
+)), bt = (o, s, t, e, l, n, i) => {
   if (s.ui)
     return console.assert(!1, "execPropBranchArray prop ui must be invalid"), !1;
   if (!s.array)
@@ -79,34 +79,34 @@ const he = (o, s) => {
   if (!e.children || !$e(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;
-  for (let u = 0; u < a.length; u++) {
+  n !== void 0 && !i ? (t[n] instanceof Array || (t[n] = q(s), l == null || l(o, t[n])), a = t[n]) : (t[s.key] instanceof Array || (t[s.key] = q(s), l == null || l(o, t[s.key])), a = t[s.key]), e.change = !1;
+  for (let r = 0; r < a.length; r++) {
     e.children.push({
       change: !1,
       children: {}
     });
-    const r = e.children[u];
+    const u = e.children[r];
     s.children.forEach((g) => {
-      if (!r.children || !be(r.children)) {
+      if (!u.children || !be(u.children)) {
         console.assert(!1);
         return;
       }
-      r.children[g.key] = {
+      u.children[g.key] = {
         change: !1,
         children: g.array ? [] : {}
       }, xe(
         o,
         g,
-        a[u],
-        r.children[g.key],
-        n,
-        u,
+        a[r],
+        u.children[g.key],
+        l,
+        r,
         !0
-      ) && (r.change = !0), r.change && (e.change = !0);
+      ) && (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) => {
+}, Tt = (o, s, t, e, l, n, i) => {
   if (s.ui)
     return console.assert(!1, "execPropBranchScalar prop ui must be invalid"), !1;
   if (s.array)
@@ -114,16 +114,16 @@ const he = (o, s) => {
   if (!e.children || !be(e.children))
     return console.assert(!1, "execPropBranchScalar state children must be map"), !1;
   let a;
-  l !== void 0 && !i ? (t[l] || (t[l] = {}), a = t[l]) : (t[s.key] || (t[s.key] = {}), a = t[s.key]), e.change = !1;
-  for (let u = 0; u < s.children.length; u++) {
-    const r = s.children[u];
-    e.children[r.key] = {
+  n !== void 0 && !i ? (t[n] || (t[n] = {}), a = t[n]) : (t[s.key] || (t[s.key] = {}), a = t[s.key]), e.change = !1;
+  for (let r = 0; r < s.children.length; r++) {
+    const u = s.children[r];
+    e.children[u.key] = {
       change: !1,
-      children: r.array ? [] : {}
-    }, xe(o, r, a, e.children[r.key], n) && (e.change = !0);
+      children: u.array ? [] : {}
+    }, xe(o, u, a, e.children[u.key], l) && (e.change = !0);
   }
   return e.change;
-}, Lt = (o, s, t, e, n, l, i) => {
+}, Lt = (o, s, t, e, l, n, i) => {
   if (!s.ui)
     return console.assert(!1, "execPropLeafArray prop ui must be valid"), !1;
   if (!s.array)
@@ -131,30 +131,30 @@ const he = (o, s) => {
   if (!e.children || !$e(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;
-  for (let u = 0; u < a.length; u++)
-    e.children[u] = {
+  n !== void 0 && !i ? (t[n] instanceof Array || (t[n] = q(s), l == null || l(o, t[n])), a = t[n]) : (t[s.key] instanceof Array || (t[s.key] = q(s), l == null || l(o, t[s.key])), a = t[s.key]), e.change = !1;
+  for (let r = 0; r < a.length; r++)
+    e.children[r] = {
       change: !1,
       children: {}
-    }, xe(o, s, a, e.children[u], n, u, !1) && (e.change = !0);
+    }, xe(o, s, a, e.children[r], l, r, !1) && (e.change = !0);
   return e.change || (e.change = !Ue(a, q(s))), e.change;
-}, Nt = (o, s, t, e, n) => {
+}, Nt = (o, s, t, e, l) => {
   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;
+  let n;
+  return e !== void 0 && !l ? n = s[e] : n = s[o.key], t.change = !Ue(n, q(o, !0)), t.change;
 }, qe = (o, s, t, e) => {
   if (s.length <= 0 || !t) {
     o.value = {};
     return;
   }
-  const n = {};
-  s.forEach((l) => {
-    n[l.key] = {
+  const l = {};
+  s.forEach((n) => {
+    l[n.key] = {
       change: !1,
-      children: l.array ? [] : {}
-    }, xe([], l, t, n[l.key], e);
-  }), o.value = n;
+      children: n.array ? [] : {}
+    }, xe([], n, t, l[n.key], e);
+  }), o.value = l;
 }, ce = (o, s) => {
   let t = { change: !1, children: o };
   return s.forEach((e) => {
@@ -204,83 +204,81 @@ function et() {
 const Gt = /* @__PURE__ */ J({
   __name: "menu",
   setup(o) {
-    const { t: s } = te(), t = Bt(), e = Rt(), n = Ht(), l = Ft(), i = O(0), a = O(0), u = O([]), r = K(() => [i.value, a.value]), g = (w) => {
-      const b = () => !(u.value.length <= 0 || !ce(n.value, u.value)), P = () => {
-        if (!b())
-          return;
-        const h = he(t.value, u.value);
-        if (h)
-          if (h.ui) {
-            const M = ve(e.value, u.value.slice(0, -1));
+    const { t: s } = te(), t = Bt(), e = Rt(), l = Ht(), n = Ft(), i = O(0), a = O(0), r = O([]), u = K(() => [i.value, a.value]), g = (w) => {
+      const T = () => !(r.value.length <= 0 || !ce(l.value, r.value)), P = () => {
+        const _ = _e(t.value, r.value);
+        if (_)
+          if (_.ui) {
+            const M = ve(e.value, r.value.slice(0, -1));
             if (!M)
               return;
-            M[u.value.at(-1)] = q(h), l(u.value, M[u.value.at(-1)]);
-          } else if (h.array) {
-            const M = u.value.at(-1);
+            M[r.value[r.value.length - 1]] = q(_), n(r.value, M[r.value[r.value.length - 1]]);
+          } else if (_.array) {
+            const M = r.value[r.value.length - 1];
             if (M === void 0) {
               console.assert(!1, "invalid last key");
               return;
             }
             if (typeof M == "string") {
-              const N = ve(e.value, u.value.slice(0, -1));
+              const N = ve(e.value, r.value.slice(0, -1));
               if (!N)
                 return;
-              N[u.value.at(-1)] = q(h), l(u.value, N[u.value.at(-1)]);
+              N[r.value[r.value.length - 1]] = q(_), n(r.value, N[r.value[r.value.length - 1]]);
             } else {
-              const N = ve(e.value, u.value);
+              const N = ve(e.value, r.value);
               if (!N)
                 return;
-              h.children.forEach((Z) => {
-                N[Z.key] = q(h), l([...u.value, Z.key], N[Z.key]);
+              _.children.forEach((Z) => {
+                N[Z.key] = q(_), n([...r.value, Z.key], N[Z.key]);
               });
             }
           } else {
-            const M = ve(e.value, u.value);
+            const M = ve(e.value, r.value);
             if (!M)
               return;
-            h.children.forEach((N) => {
-              M[N.key] = q(h), l([...u.value, N.key], M[N.key]);
+            _.children.forEach((N) => {
+              M[N.key] = q(_), n([...r.value, N.key], M[N.key]);
             });
           }
       };
-      b() && w.push({
+      T() && w.push({
         title: s("x-prop-tree.reset"),
         func: P
       });
     }, d = (w) => {
-      const b = () => {
-        const P = he(t.value, u.value), h = ve(e.value, u.value);
-        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: P, object: h }));
+      const T = () => {
+        const P = _e(t.value, r.value), _ = ve(e.value, r.value);
+        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: P, object: _ }));
       };
       w.push({
         title: s("x-prop-tree.copy"),
-        func: b
+        func: T
       });
     }, f = (w) => {
-      const b = () => {
-        const h = localStorage.getItem("propTreeCopy");
-        if (!h)
+      const T = () => {
+        const _ = localStorage.getItem("propTreeCopy");
+        if (!_)
           return !1;
         try {
-          const { prop: M } = JSON.parse(h), N = he(t.value, u.value);
+          const { prop: M } = JSON.parse(_), N = _e(t.value, r.value);
           return wt(M, N);
         } catch (M) {
           console.error(M);
         }
         return !1;
       }, P = () => {
-        if (!b())
+        if (!T())
           return;
-        const h = localStorage.getItem("propTreeCopy");
-        if (h)
+        const _ = localStorage.getItem("propTreeCopy");
+        if (_)
           try {
-            const { object: M } = JSON.parse(h), N = he(t.value, u.value);
+            const { object: M } = JSON.parse(_), N = _e(t.value, r.value);
             console.log(M, N);
           } catch (M) {
             console.error(M);
           }
       };
-      b() && w.push({
+      T() && w.push({
         title: s("x-prop-tree.paste"),
         func: P
       });
@@ -288,21 +286,21 @@ const Gt = /* @__PURE__ */ J({
       const w = [];
       return g(w), d(w), f(w), w;
     }), k = (w) => {
-      i.value = w.x, a.value = w.y, u.value = w.keys;
+      i.value = w.x, a.value = w.y, r.value = w.keys;
     }, { open: L } = Se("propTreeMenu", k);
-    return (w, b) => {
-      const P = $("v-list-item-title"), h = $("v-list-item"), M = $("v-list"), N = $("v-menu");
+    return (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": b[0] || (b[0] = (Z) => pe(L) ? L.value = Z : null),
+        "onUpdate:modelValue": T[0] || (T[0] = (Z) => pe(L) ? L.value = Z : null),
         "location-strategy": "connected",
-        target: r.value,
+        target: u.value,
         scrim: "transparent"
       }, {
         default: R(() => [
           A(M, null, {
             default: R(() => [
-              (S(!0), H(Ve, null, Be(m.value, (Z, Pe) => (S(), B(h, {
+              (S(!0), H(Ve, null, Be(m.value, (Z, Pe) => (S(), B(_, {
                 key: Pe,
                 link: "",
                 onClick: Z.func
@@ -336,47 +334,47 @@ const Gt = /* @__PURE__ */ J({
   },
   emits: ["collapse", "menu", "create", "delete"],
   setup(o, { emit: s }) {
-    const { backgroundColor2: t, highlightColor: e } = ie(), n = s, l = O(!1), i = K(() => ({
-      background: l.value ? e.value : t.value,
+    const { backgroundColor2: t, highlightColor: e } = ie(), l = s, n = O(!1), i = K(() => ({
+      background: n.value ? e.value : t.value,
       height: "36px",
       marginBottom: "1px",
       userSelect: "none"
     })), a = () => {
-      n("collapse", !o.collapse);
-    }, u = (r) => {
-      n("menu", r.clientX, r.clientY);
+      l("collapse", !o.collapse);
+    }, r = (u) => {
+      l("menu", u.clientX, u.clientY);
     };
-    return (r, g) => {
-      const d = $("v-icon"), f = $("v-spacer"), m = $("v-btn"), k = le("ripple");
+    return (u, g) => {
+      const d = $("v-icon"), f = $("v-spacer"), m = $("v-btn"), k = ne("ripple");
       return ee((S(), H("div", {
         class: "d-flex align-center cursor-pointer",
         style: I(i.value),
         onClick: a,
-        onContextmenu: z(u, ["self", "prevent"]),
-        onMouseover: g[2] || (g[2] = (L) => l.value = !0),
-        onMouseout: g[3] || (g[3] = (L) => l.value = !1)
+        onContextmenu: z(r, ["self", "prevent"]),
+        onMouseover: g[2] || (g[2] = (L) => n.value = !0),
+        onMouseout: g[3] || (g[3] = (L) => n.value = !1)
       }, [
         A(d, {
           class: "mr-1",
-          icon: r.collapse ? C(Xe) : C(Fe)
+          icon: u.collapse ? C(Xe) : C(Fe)
         }, null, 8, ["icon"]),
-        F("span", null, Q(r.title), 1),
+        F("span", null, Q(u.title), 1),
         A(f),
-        r.hasCreate ? (S(), B(m, {
+        u.hasCreate ? (S(), B(m, {
           key: 0,
           class: "mx-3",
           variant: "text",
           density: "compact",
           icon: C(Vt),
-          onClick: g[0] || (g[0] = z((L) => n("create"), ["stop"]))
+          onClick: g[0] || (g[0] = z((L) => l("create"), ["stop"]))
         }, null, 8, ["icon"])) : Y("", !0),
-        r.hasDelete ? (S(), B(m, {
+        u.hasDelete ? (S(), B(m, {
           key: 1,
           class: "mx-3",
           variant: "text",
           density: "compact",
           icon: C(re),
-          onClick: g[1] || (g[1] = z((L) => n("delete", r.index), ["stop"]))
+          onClick: g[1] || (g[1] = z((L) => l("delete", u.index), ["stop"]))
         }, null, 8, ["icon"])) : Y("", !0)
       ], 36)), [
         [k]
@@ -390,25 +388,25 @@ const Gt = /* @__PURE__ */ J({
   },
   emits: ["menu"],
   setup(o, { emit: s }) {
-    const { backgroundColor2: t, highlightColor: e } = ie(), n = s, l = O(!1), i = K(() => ({
-      background: l.value ? e.value : t.value,
+    const { backgroundColor2: t, highlightColor: e } = ie(), l = s, n = O(!1), i = K(() => ({
+      background: n.value ? e.value : t.value,
       minHeight: o.minHeight,
       paddingRight: "4px",
       marginBottom: "1px",
       userSelect: "none"
-    })), a = (u) => {
-      n("menu", u.clientX, u.clientY);
+    })), a = (r) => {
+      l("menu", r.clientX, r.clientY);
     };
-    return (u, r) => {
-      const g = le("ripple");
+    return (r, u) => {
+      const g = ne("ripple");
       return ee((S(), H("div", {
         class: "d-flex justify-space-between align-center cursor-pointer",
         style: I(i.value),
         onContextmenu: z(a, ["self", "prevent"]),
-        onMouseover: r[0] || (r[0] = (d) => l.value = !0),
-        onMouseout: r[1] || (r[1] = (d) => l.value = !1)
+        onMouseover: u[0] || (u[0] = (d) => n.value = !0),
+        onMouseout: u[1] || (u[1] = (d) => n.value = !1)
       }, [
-        pt(u.$slots, "default")
+        pt(r.$slots, "default")
       ], 36)), [
         [g]
       ]);
@@ -417,38 +415,38 @@ const Gt = /* @__PURE__ */ J({
 });
 function Wt(o, s, t) {
   const { t: e } = te();
-  return { renderProp: (l, i, a) => {
-    const u = l.at(-1);
-    let g = typeof u == "number" ? `[${u + 1}]` : e(i.name);
-    return ce(o.value, l) && (g += " *"), _(
+  return { renderProp: (n, i, a) => {
+    const r = n[n.length - 1];
+    let g = typeof r == "number" ? `[${r + 1}]` : e(i.name);
+    return ce(o.value, n) && (g += " *"), h(
       Yt,
       {
         minHeight: s.value,
         onMenu: (d, f) => {
-          ae.emit("propTreeMenu", { x: d, y: f, keys: l });
+          ae.emit("propTreeMenu", { x: d, y: f, keys: n });
         }
       },
       () => [
-        _("span", { class: "ml-1", innerHTML: g }),
-        _("div", { style: { width: t.value } }, a)
+        h("span", { class: "ml-1", innerHTML: g }),
+        h("div", { style: { width: t.value } }, a)
       ]
     );
   } };
 }
-const ne = (o, s, t, e, n, l) => {
-  if (n !== void 0)
-    if (l) {
+const le = (o, s, t, e, l, n) => {
+  if (l !== void 0)
+    if (n) {
       if (t[s.key] === void 0) {
         const i = q(s);
         i !== void 0 && (t[s.key] = i, e(o, t[s.key]));
       }
       return t[s.key];
     } else {
-      if (t[n] === void 0) {
+      if (t[l] === void 0) {
         const i = q(s, !0);
-        i !== void 0 && (t[n] = i, e(o, t[n]));
+        i !== void 0 && (t[l] = i, e(o, t[l]));
       }
-      return t[n];
+      return t[l];
     }
   else {
     if (t[s.key] === void 0) {
@@ -457,21 +455,21 @@ const ne = (o, s, t, e, n, l) => {
     }
     return t[s.key];
   }
-}, oe = (o, s, t, e, n, l, i) => {
-  if (l !== void 0)
-    i ? e !== t[s.key] && (t[s.key] = e, n(o, t[s.key])) : e !== t[l] && (t[l] = e, n(o, t[l]));
+}, oe = (o, s, t, e, l, n, i) => {
+  if (n !== void 0)
+    i ? e !== t[s.key] && (t[s.key] = e, l(o, t[s.key])) : e !== t[n] && (t[n] = e, l(o, t[n]));
   else {
     let a = e;
-    (s.ui === "switch" || s.ui === "select" || s.ui === "colorPicker" || s.ui === "multiTypes" || s.ui === "compSelect") && (e || (a = void 0)), a !== t[s.key] && (t[s.key] = a, n(o, t[s.key]));
+    (s.ui === "switch" || s.ui === "select" || s.ui === "colorPicker" || s.ui === "multiTypes" || s.ui === "compSelect") && (e || (a = void 0)), a !== t[s.key] && (t[s.key] = a, l(o, t[s.key]));
   }
 };
 function Qt(o) {
-  return { renderUiDummy: (t, e, n, l, i) => {
+  return { renderUiDummy: (t, e, l, n, i) => {
     if (e.ui !== "dummy") {
       console.assert(!1, "renderUiDummy prop ui must be dummy");
       return;
     }
-    ne(t, e, n, o, l, i);
+    le(t, e, l, o, n, i);
   } };
 }
 const Zt = { class: "d-flex justify-space-between align-center" }, Et = /* @__PURE__ */ J({
@@ -486,65 +484,65 @@ const Zt = { class: "d-flex justify-space-between align-center" }, Et = /* @__PU
   emits: /* @__PURE__ */ W(["delete"], ["update:modelValue"]),
   setup(o, { emit: s }) {
     const t = G(o, "modelValue"), e = s;
-    return (n, l) => {
-      const i = $("v-text-field"), a = $("v-btn"), u = le("ripple");
+    return (l, n) => {
+      const i = $("v-text-field"), a = $("v-btn"), r = ne("ripple");
       return S(), H("div", Zt, [
         ee(A(i, {
           modelValue: t.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (r) => t.value = r),
+          "onUpdate:modelValue": n[0] || (n[0] = (u) => t.value = u),
           density: "compact",
           "hide-details": "",
           "single-line": "",
-          readonly: n.readonly
+          readonly: l.readonly
         }, null, 8, ["modelValue", "readonly"]), [
           [
-            u,
+            r,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        n.hasDelete ? (S(), B(a, {
+        l.hasDelete ? (S(), B(a, {
           key: 0,
           class: "mx-2",
           variant: "text",
           density: "compact",
           icon: C(re),
-          onClick: l[1] || (l[1] = z((r) => e("delete"), ["stop"]))
+          onClick: n[1] || (n[1] = z((u) => e("delete"), ["stop"]))
         }, null, 8, ["icon"])) : Y("", !0)
       ]);
     };
   }
 });
 function jt(o) {
-  return { renderUiStrInput: (t, e, n, l, i) => e.ui !== "strInput" ? (console.assert(!1), _("div", "renderUiStrInput prop ui must be strInput")) : _(Et, {
-    modelValue: e.static ? e.value : ne(
+  return { renderUiStrInput: (t, e, l, n, i) => e.ui !== "strInput" ? (console.assert(!1), h("div", "renderUiStrInput prop ui must be strInput")) : h(Et, {
+    modelValue: e.static ? e.value : le(
       t,
       e,
-      n,
-      o,
       l,
+      o,
+      n,
       i
     ),
     "onUpdate:modelValue": (a) => {
       e.static || oe(
         t,
         e,
-        n,
+        l,
         a,
         o,
-        l,
+        n,
         i
       );
     },
-    hasDelete: l !== void 0 && !i,
+    hasDelete: n !== void 0 && !i,
     onDelete: () => {
-      l === void 0 || i || (n.splice(l, 1), o(t.slice(0, -1), n));
+      n === void 0 || i || (l.splice(n, 1), o(t.slice(0, -1), l));
     },
     readonly: e.static || e.readonly
   }) };
 }
-const It = { class: "d-flex justify-space-between align-center" }, en = /* @__PURE__ */ J({
+const It = { class: "d-flex justify-space-between align-center" }, el = /* @__PURE__ */ J({
   __name: "numInput",
   props: /* @__PURE__ */ W({
     hasDelete: { type: Boolean, default: !1 },
@@ -561,65 +559,65 @@ const It = { class: "d-flex justify-space-between align-center" }, en = /* @__PU
   emits: /* @__PURE__ */ W(["delete"], ["update:modelValue"]),
   setup(o, { emit: s }) {
     const t = G(o, "modelValue"), e = s;
-    return (n, l) => {
-      const i = $("v-number-input"), a = $("v-btn"), u = le("ripple");
+    return (l, n) => {
+      const i = $("v-number-input"), a = $("v-btn"), r = ne("ripple");
       return S(), H("div", It, [
         ee(A(i, {
           modelValue: t.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (r) => t.value = r),
+          "onUpdate:modelValue": n[0] || (n[0] = (u) => t.value = u),
           density: "compact",
           "control-variant": "stacked",
-          precision: n.precision,
-          min: n.min,
-          max: n.max,
-          step: n.step,
+          precision: l.precision,
+          min: l.min,
+          max: l.max,
+          step: l.step,
           "hide-details": "",
           "single-line": "",
-          readonly: n.readonly
+          readonly: l.readonly
         }, null, 8, ["modelValue", "precision", "min", "max", "step", "readonly"]), [
           [
-            u,
+            r,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        n.hasDelete ? (S(), B(a, {
+        l.hasDelete ? (S(), B(a, {
           key: 0,
           class: "mx-2",
           variant: "text",
           density: "compact",
           icon: C(re),
-          onClick: l[1] || (l[1] = z((r) => e("delete"), ["stop"]))
+          onClick: n[1] || (n[1] = z((u) => e("delete"), ["stop"]))
         }, null, 8, ["icon"])) : Y("", !0)
       ]);
     };
   }
 });
-function tn(o) {
-  return { renderUiNumInput: (t, e, n, l, i) => e.ui !== "numInput" ? (console.assert(!1), _("div", "renderUiNumInput prop ui must be numInput")) : _(en, {
-    modelValue: ne(
+function tl(o) {
+  return { renderUiNumInput: (t, e, l, n, i) => e.ui !== "numInput" ? (console.assert(!1), h("div", "renderUiNumInput prop ui must be numInput")) : h(el, {
+    modelValue: le(
       t,
       e,
-      n,
-      o,
       l,
+      o,
+      n,
       i
     ),
     "onUpdate:modelValue": (a) => {
       oe(
         t,
         e,
-        n,
+        l,
         a,
         o,
-        l,
+        n,
         i
       );
     },
-    hasDelete: l !== void 0 && !i,
+    hasDelete: n !== void 0 && !i,
     onDelete: () => {
-      l === void 0 || i || (n.splice(l, 1), o(t.slice(0, -1), n));
+      n === void 0 || i || (l.splice(n, 1), o(t.slice(0, -1), l));
     },
     precision: e.precision,
     min: e.min,
@@ -628,7 +626,7 @@ function tn(o) {
     readonly: e.readonly
   }) };
 }
-const nn = { class: "d-flex justify-space-between align-center" }, ln = /* @__PURE__ */ J({
+const ll = { class: "d-flex justify-space-between align-center" }, nl = /* @__PURE__ */ J({
   __name: "switch",
   props: /* @__PURE__ */ W({
     hasDelete: { type: Boolean, default: !1 },
@@ -640,59 +638,59 @@ const nn = { class: "d-flex justify-space-between align-center" }, ln = /* @__PU
   emits: /* @__PURE__ */ W(["delete"], ["update:modelValue"]),
   setup(o, { emit: s }) {
     const t = G(o, "modelValue"), e = s;
-    return (n, l) => {
+    return (l, n) => {
       const i = $("v-switch"), a = $("v-btn");
-      return S(), H("div", nn, [
+      return S(), H("div", ll, [
         A(i, {
           modelValue: t.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (u) => t.value = u),
+          "onUpdate:modelValue": n[0] || (n[0] = (r) => t.value = r),
           class: "ml-1",
           density: "compact",
           color: "primary",
           "hide-details": "",
-          readonly: n.readonly
+          readonly: l.readonly
         }, null, 8, ["modelValue", "readonly"]),
-        n.hasDelete ? (S(), B(a, {
+        l.hasDelete ? (S(), B(a, {
           key: 0,
           class: "mx-2",
           variant: "text",
           density: "compact",
           icon: C(re),
-          onClick: l[1] || (l[1] = z((u) => e("delete"), ["stop"]))
+          onClick: n[1] || (n[1] = z((r) => e("delete"), ["stop"]))
         }, null, 8, ["icon"])) : Y("", !0)
       ]);
     };
   }
 });
-function on(o) {
-  return { renderUiSwitch: (t, e, n, l, i) => e.ui !== "switch" ? (console.assert(!1), _("div", "renderUiSwitch prop ui must be switch")) : _(ln, {
-    modelValue: ne(
+function ol(o) {
+  return { renderUiSwitch: (t, e, l, n, i) => e.ui !== "switch" ? (console.assert(!1), h("div", "renderUiSwitch prop ui must be switch")) : h(nl, {
+    modelValue: le(
       t,
       e,
-      n,
-      o,
       l,
+      o,
+      n,
       i
     ) ?? !1,
     "onUpdate:modelValue": (a) => {
       oe(
         t,
         e,
-        n,
+        l,
         a,
         o,
-        l,
+        n,
         i
       );
     },
-    hasDelete: l !== void 0 && !i,
+    hasDelete: n !== void 0 && !i,
     onDelete: () => {
-      l === void 0 || i || (n.splice(l, 1), o(t.slice(0, 1), n));
+      n === void 0 || i || (l.splice(n, 1), o(t.slice(0, 1), l));
     },
     readonly: e.readonly
   }) };
 }
-const sn = { class: "d-flex justify-space-between align-center" }, rn = /* @__PURE__ */ J({
+const sl = { class: "d-flex justify-space-between align-center" }, il = /* @__PURE__ */ J({
   __name: "select",
   props: /* @__PURE__ */ W({
     hasDelete: { type: Boolean, default: !1 },
@@ -704,19 +702,19 @@ const sn = { class: "d-flex justify-space-between align-center" }, rn = /* @__PU
   }),
   emits: /* @__PURE__ */ W(["delete"], ["update:modelValue"]),
   setup(o, { emit: s }) {
-    const { t } = te(), e = G(o, "modelValue"), n = s, l = Te(), i = K(() => {
-      var u;
+    const { t } = te(), e = G(o, "modelValue"), l = s, n = Te(), i = K(() => {
+      var r;
       const a = [];
-      return (u = Ye[l.value]) == null || u.items[o.items].forEach(({ title: r, value: g }) => {
-        a.push({ title: t(r), value: g });
+      return (r = Ye[n.value]) == null || r.items[o.items].forEach(({ title: u, value: g }) => {
+        a.push({ title: t(u), value: g });
       }), a;
     });
-    return (a, u) => {
-      const r = $("v-select"), g = $("v-btn"), d = le("ripple");
-      return S(), H("div", sn, [
-        ee(A(r, {
+    return (a, r) => {
+      const u = $("v-select"), g = $("v-btn"), d = ne("ripple");
+      return S(), H("div", sl, [
+        ee(A(u, {
           modelValue: e.value,
-          "onUpdate:modelValue": u[0] || (u[0] = (f) => e.value = f),
+          "onUpdate:modelValue": r[0] || (r[0] = (f) => e.value = f),
           density: "compact",
           items: i.value,
           "hide-details": "",
@@ -736,42 +734,42 @@ const sn = { class: "d-flex justify-space-between align-center" }, rn = /* @__PU
           variant: "text",
           density: "compact",
           icon: C(re),
-          onClick: u[1] || (u[1] = z((f) => n("delete"), ["stop"]))
+          onClick: r[1] || (r[1] = z((f) => l("delete"), ["stop"]))
         }, null, 8, ["icon"])) : Y("", !0)
       ]);
     };
   }
 });
-function un(o) {
-  return { renderUiSelect: (t, e, n, l, i) => e.ui !== "select" ? (console.assert(!1), _("div", "renderUiSelect prop ui must be select")) : _(rn, {
-    modelValue: ne(
+function rl(o) {
+  return { renderUiSelect: (t, e, l, n, i) => e.ui !== "select" ? (console.assert(!1), h("div", "renderUiSelect prop ui must be select")) : h(il, {
+    modelValue: le(
       t,
       e,
-      n,
-      o,
       l,
+      o,
+      n,
       i
     ) ?? "",
     "onUpdate:modelValue": (a) => {
       oe(
         t,
         e,
-        n,
+        l,
         a,
         o,
-        l,
+        n,
         i
       );
     },
-    hasDelete: l !== void 0 && !i,
+    hasDelete: n !== void 0 && !i,
     onDelete: () => {
-      l === void 0 || i || (n.splice(l, 1), o(t.slice(0, -1), n));
+      n === void 0 || i || (l.splice(n, 1), o(t.slice(0, -1), l));
     },
     items: e.items,
     readonly: e.readonly
   }) };
 }
-const an = { class: "text-subtitle-2 ml-1" }, cn = { class: "text-caption text-grey ml-1" }, dn = /* @__PURE__ */ J({
+const ul = { class: "text-subtitle-2 ml-1" }, al = { class: "text-caption text-grey ml-1" }, cl = /* @__PURE__ */ J({
   __name: "group",
   props: {
     id: {},
@@ -781,33 +779,33 @@ const an = { class: "text-subtitle-2 ml-1" }, cn = { class: "text-caption text-g
   },
   emits: ["x-click"],
   setup(o, { emit: s }) {
-    const { backgroundColor2: t, highlightColor: e } = ie(), n = o, l = s, i = O(!1), a = K(() => ({
+    const { backgroundColor2: t, highlightColor: e } = ie(), l = o, n = s, i = O(!1), a = K(() => ({
       background: i.value ? e.value : t.value,
       height: "30px",
       marginBottom: "1px",
       userSelect: "none"
     }));
-    return (u, r) => {
-      const g = $("v-icon"), d = le("ripple");
+    return (r, u) => {
+      const g = $("v-icon"), d = ne("ripple");
       return ee((S(), H("div", {
         class: "d-flex align-center cursor-pointer",
         style: I(a.value),
-        onClick: r[0] || (r[0] = (f) => l("x-click", n.id)),
-        onMouseover: r[1] || (r[1] = (f) => i.value = !0),
-        onMouseout: r[2] || (r[2] = (f) => i.value = !1)
+        onClick: u[0] || (u[0] = (f) => n("x-click", l.id)),
+        onMouseover: u[1] || (u[1] = (f) => i.value = !0),
+        onMouseout: u[2] || (u[2] = (f) => i.value = !1)
       }, [
         A(g, {
-          icon: n.collapse ? C(Xe) : C(Fe),
+          icon: l.collapse ? C(Xe) : C(Fe),
           size: "small"
         }, null, 8, ["icon"]),
-        F("span", an, Q(n.title), 1),
-        F("span", cn, Q(n.count), 1)
+        F("span", ul, Q(l.title), 1),
+        F("span", al, Q(l.count), 1)
       ], 36)), [
         [d]
       ]);
     };
   }
-}), fn = { class: "text-subtitle-1 ml-6" }, mn = /* @__PURE__ */ J({
+}), dl = { class: "text-subtitle-1 ml-6" }, fl = /* @__PURE__ */ J({
   __name: "item",
   props: {
     id: {},
@@ -815,31 +813,31 @@ const an = { class: "text-subtitle-2 ml-1" }, cn = { class: "text-caption text-g
   },
   emits: ["x-click"],
   setup(o, { emit: s }) {
-    const { backgroundColor2: t, highlightColor: e } = ie(), n = o, l = s, i = O(!1), a = K(() => ({
+    const { backgroundColor2: t, highlightColor: e } = ie(), l = o, n = s, i = O(!1), a = K(() => ({
       background: i.value ? e.value : t.value,
       height: "48px",
       marginBottom: "1px",
       userSelect: "none"
     }));
-    return (u, r) => {
-      const g = le("ripple");
+    return (r, u) => {
+      const g = ne("ripple");
       return ee((S(), H("div", {
         class: "d-flex align-center cursor-pointer",
         style: I(a.value),
-        onClick: r[0] || (r[0] = (d) => l("x-click", n.id)),
-        onMouseover: r[1] || (r[1] = (d) => i.value = !0),
-        onMouseout: r[2] || (r[2] = (d) => i.value = !1)
+        onClick: u[0] || (u[0] = (d) => n("x-click", l.id)),
+        onMouseover: u[1] || (u[1] = (d) => i.value = !0),
+        onMouseout: u[2] || (u[2] = (d) => i.value = !1)
       }, [
-        F("span", fn, Q(n.title), 1)
+        F("span", dl, Q(l.title), 1)
       ], 36)), [
         [g]
       ]);
     };
   }
-}), vn = { key: 0 }, pn = {
+}), ml = { key: 0 }, vl = {
   key: 1,
   class: "text-body-2 text-grey ml-3"
-}, yn = /* @__PURE__ */ J({
+}, pl = /* @__PURE__ */ J({
   __name: "index",
   props: {
     modelValue: {},
@@ -849,34 +847,34 @@ const an = { class: "text-subtitle-2 ml-1" }, cn = { 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 u = ze(n, a);
-      u && Ct(n, a, !u.collapse);
+    const { t: s } = te(), t = G(o, "modelValue"), e = G(o, "open"), l = et(), n = (a) => {
+      const r = ze(l, a);
+      r && Ct(l, a, !r.collapse);
     }, i = (a) => {
       t.value = a, e.value = !1, ae.emit("refreshDepends");
     };
-    return (a, u) => C(n).length > 0 ? (S(), H("div", vn, [
-      (S(!0), H(Ve, null, Be(C(n), (r) => (S(), H(Ve, {
-        key: r.id
+    return (a, r) => C(l).length > 0 ? (S(), H("div", ml, [
+      (S(!0), H(Ve, null, Be(C(l), (u) => (S(), H(Ve, {
+        key: u.id
       }, [
-        r.type === 0 ? (S(), B(dn, {
+        u.type === 0 ? (S(), B(cl, {
           key: 0,
-          id: r.id,
-          title: r.name,
-          collapse: r.collapse,
-          count: r.count ?? 0,
-          onXClick: l
+          id: u.id,
+          title: u.name,
+          collapse: u.collapse,
+          count: u.count ?? 0,
+          onXClick: n
         }, null, 8, ["id", "title", "collapse", "count"])) : Y("", !0),
-        r.type === 1 && r.show ? (S(), B(mn, {
+        u.type === 1 && u.show ? (S(), B(fl, {
           key: 1,
-          id: r.id,
-          title: r.name,
+          id: u.id,
+          title: u.name,
           onXClick: i
         }, null, 8, ["id", "title"])) : Y("", !0)
       ], 64))), 128))
-    ])) : (S(), H("div", pn, Q(C(s)("x-prop-tree.noComp")), 1));
+    ])) : (S(), H("div", vl, Q(C(s)("x-prop-tree.noComp")), 1));
   }
-}), gn = { class: "text-subtitle-1 ml-3" }, _n = /* @__PURE__ */ J({
+}), yl = { class: "text-subtitle-1 ml-3" }, gl = /* @__PURE__ */ J({
   __name: "index",
   props: {
     modelValue: {},
@@ -884,32 +882,32 @@ const an = { class: "text-subtitle-2 ml-1" }, cn = { 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 = Pt(), { sysBarAvail: e } = Je(), { backgroundColor1: l } = ie(), n = G(o, "modelValue"), i = et(), a = K(() => {
       let f = "100%";
       return t.mdAndUp.value && (f = "400px"), {
-        background: n.value,
+        background: l.value,
         width: f,
         height: "100%"
       };
-    }), u = K(() => {
+    }), r = K(() => {
       let f = 48;
       return e.value && (f += 24), {
         position: "relative",
         height: `calc(100% - ${f}px)`
       };
-    }), r = K(() => ({
+    }), u = K(() => ({
       height: "60px"
     })), g = K(() => {
-      if (!l.value)
+      if (!n.value)
         return s("x-runtime-lib.notSet");
-      const f = ze(i, l.value);
+      const f = ze(i, n.value);
       return f ? f.name : s("x-runtime-lib.compNotAvail");
     }), { open: d } = Se(`propTreeCompSelectDlg${we()}`);
     return De(() => {
       d.value = !1;
     }), (f, m) => {
-      const k = $("v-btn"), L = $("v-sheet"), w = $("v-icon"), b = $("v-dialog");
-      return S(), B(b, {
+      const k = $("v-btn"), L = $("v-sheet"), w = $("v-icon"), T = $("v-dialog");
+      return S(), B(T, {
         modelValue: C(d),
         "onUpdate:modelValue": m[5] || (m[5] = (P) => pe(d) ? d.value = P : null),
         transition: "scroll-x-reverse-transition",
@@ -954,22 +952,22 @@ const an = { class: "text-subtitle-2 ml-1" }, cn = { class: "text-caption text-g
                     icon: C(Ge),
                     onClick: m[0] || (m[0] = (P) => d.value = !1)
                   }, null, 8, ["icon"]),
-                  F("span", gn, Q(C(s)("x-prop-tree.dlg.compSelect.title")), 1)
+                  F("span", yl, Q(C(s)("x-prop-tree.dlg.compSelect.title")), 1)
                 ]),
                 _: 1
               }),
               F("div", {
                 class: "overflow-y-auto",
-                style: I(u.value)
+                style: I(r.value)
               }, [
-                A(yn, {
-                  modelValue: l.value,
-                  "onUpdate:modelValue": m[1] || (m[1] = (P) => l.value = P),
+                A(pl, {
+                  modelValue: n.value,
+                  "onUpdate:modelValue": m[1] || (m[1] = (P) => n.value = P),
                   open: C(d),
                   "onUpdate:open": m[2] || (m[2] = (P) => pe(d) ? d.value = P : null)
                 }, null, 8, ["modelValue", "open"]),
                 F("div", {
-                  style: I(r.value)
+                  style: I(u.value)
                 }, null, 4)
               ], 4)
             ], 4)
@@ -980,30 +978,30 @@ const an = { class: "text-subtitle-2 ml-1" }, cn = { class: "text-caption text-g
     };
   }
 });
-function hn(o) {
-  return { renderUiCompSelect: (t, e, n, l, i) => e.ui !== "compSelect" ? (console.assert(!1), _("div", "renderUiCompSelect prop ui must be compSelect")) : _(_n, {
-    modelValue: ne(
+function hl(o) {
+  return { renderUiCompSelect: (t, e, l, n, i) => e.ui !== "compSelect" ? (console.assert(!1), h("div", "renderUiCompSelect prop ui must be compSelect")) : h(gl, {
+    modelValue: le(
       t,
       e,
-      n,
-      o,
       l,
+      o,
+      n,
       i
     ),
     "onUpdate:modelValue": (a) => {
       oe(
         t,
         e,
-        n,
+        l,
         a,
         o,
-        l,
+        n,
         i
       );
     }
   }) };
 }
-const kn = { class: "d-flex justify-space-between align-center" }, Vn = /* @__PURE__ */ J({
+const _l = { class: "d-flex justify-space-between align-center" }, kl = /* @__PURE__ */ J({
   __name: "colorPicker",
   props: /* @__PURE__ */ W({
     hasDelete: { type: Boolean, default: !1 },
@@ -1014,27 +1012,27 @@ const kn = { class: "d-flex justify-space-between align-center" }, Vn = /* @__PU
   }),
   emits: /* @__PURE__ */ W(["delete"], ["update:modelValue"]),
   setup(o, { emit: s }) {
-    const { t } = te(), e = G(o, "modelValue"), n = s, l = K(() => {
-      let u = "100%";
-      return o.hasDelete && (u = "calc(100% - 37px)"), {
-        width: u
+    const { t } = te(), e = G(o, "modelValue"), l = s, n = K(() => {
+      let r = "100%";
+      return o.hasDelete && (r = "calc(100% - 37px)"), {
+        width: r
       };
     }), i = K(() => o.readonly), { open: a } = Se(`propTreeColorPickerMenu${we()}`);
     return De(() => {
       a.value = !1;
-    }), (u, r) => {
+    }), (r, u) => {
       const g = $("v-btn"), d = $("v-color-picker"), f = $("v-menu");
       return S(), B(f, {
         modelValue: C(a),
-        "onUpdate:modelValue": r[2] || (r[2] = (m) => pe(a) ? a.value = m : null),
+        "onUpdate:modelValue": u[2] || (u[2] = (m) => pe(a) ? a.value = m : null),
         "close-on-content-click": !1,
         scrim: "transparent"
       }, {
         activator: R(({ props: m }) => [
-          F("div", kn, [
+          F("div", _l, [
             F("div", {
               class: "flex-grow-1",
-              style: I(l.value)
+              style: I(n.value)
             }, [
               A(g, Ae(m, {
                 density: "comfortable",
@@ -1048,20 +1046,20 @@ const kn = { class: "d-flex justify-space-between align-center" }, Vn = /* @__PU
                 _: 2
               }, 1040, ["color", "disabled"])
             ], 4),
-            u.hasDelete ? (S(), B(g, {
+            r.hasDelete ? (S(), B(g, {
               key: 0,
               class: "mx-2",
               variant: "text",
               density: "compact",
               icon: C(re),
-              onClick: r[0] || (r[0] = z((k) => n("delete"), ["stop"]))
+              onClick: u[0] || (u[0] = z((k) => l("delete"), ["stop"]))
             }, null, 8, ["icon"])) : Y("", !0)
           ])
         ]),
         default: R(() => [
           A(d, {
             modelValue: e.value,
-            "onUpdate:modelValue": r[1] || (r[1] = (m) => e.value = m),
+            "onUpdate:modelValue": u[1] || (u[1] = (m) => e.value = m),
             mode: "hexa",
             "show-swatches": "",
             "swatches-max-height": "150px"
@@ -1072,35 +1070,35 @@ const kn = { class: "d-flex justify-space-between align-center" }, Vn = /* @__PU
     };
   }
 });
-function Cn(o) {
-  return { renderUiColorPicker: (t, e, n, l, i) => e.ui !== "colorPicker" ? (console.assert(!1), _("div", "renderUiColorPicker prop ui must be colorPicker")) : _(Vn, {
-    modelValue: ne(
+function Vl(o) {
+  return { renderUiColorPicker: (t, e, l, n, i) => e.ui !== "colorPicker" ? (console.assert(!1), h("div", "renderUiColorPicker prop ui must be colorPicker")) : h(kl, {
+    modelValue: le(
       t,
       e,
-      n,
-      o,
       l,
+      o,
+      n,
       i
     ),
     "onUpdate:modelValue": (a) => {
       oe(
         t,
         e,
-        n,
+        l,
         a,
         o,
-        l,
+        n,
         i
       );
     },
-    hasDelete: l !== void 0 && !i,
+    hasDelete: n !== void 0 && !i,
     onDelete: () => {
-      l === void 0 || i || (n.splice(l, 1), o(t.slice(0, -1), n));
+      n === void 0 || i || (l.splice(n, 1), o(t.slice(0, -1), l));
     },
     readonly: e.readonly
   }) };
 }
-const Sn = { class: "d-flex justify-space-between align-center my-2" }, Un = { class: "flex-grow-1" }, $n = /* @__PURE__ */ J({
+const Cl = { class: "d-flex justify-space-between align-center my-2" }, Sl = { class: "flex-grow-1" }, Ul = /* @__PURE__ */ J({
   __name: "multiTypes",
   props: /* @__PURE__ */ W({
     hasDelete: { type: Boolean, default: !1 },
@@ -1111,10 +1109,10 @@ const Sn = { class: "d-flex justify-space-between align-center my-2" }, Un = { 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"), l = s, n = Te(), i = K(() => {
       var f;
-      return (f = Ye[l.value]) == null ? void 0 : f.types[o.types];
-    }), a = O(0), u = K(() => {
+      return (f = Ye[n.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) => {
@@ -1128,24 +1126,24 @@ const Sn = { class: "d-flex justify-space-between align-center my-2" }, Un = { c
       var f;
       (f = i.value) == null || f.some((m, k) => m.validator(e.value) ? (a.value = k, !0) : !1);
     });
-    const r = K(() => {
+    const u = K(() => {
       var f;
       return (f = i.value) == null ? void 0 : f[a.value];
     }), g = () => {
       var f;
-      e.value = (f = r.value) == null ? void 0 : f.default;
+      e.value = (f = u.value) == null ? void 0 : f.default;
     }, d = O(0);
     return Ne(() => {
       var f, m;
-      ((f = r.value) == null ? void 0 : f.ui) === "pixelInput" ? d.value = Ut(e.value) : ((m = r.value) == null ? void 0 : m.ui) === "percentInput" && (d.value = $t(e.value));
+      ((f = u.value) == null ? void 0 : f.ui) === "pixelInput" ? d.value = Ut(e.value) : ((m = u.value) == null ? void 0 : m.ui) === "percentInput" && (d.value = $t(e.value));
     }), ue(d, (f) => {
       var m, k;
-      ((m = r.value) == null ? void 0 : m.ui) === "pixelInput" ? e.value = f + "px" : ((k = r.value) == null ? void 0 : k.ui) === "percentInput" && (e.value = f + "%");
+      ((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, h;
-      const k = $("v-select"), L = $("v-number-input"), w = $("v-btn"), b = le("ripple");
-      return S(), H("div", Sn, [
-        F("div", Un, [
+      var P, _;
+      const k = $("v-select"), L = $("v-number-input"), w = $("v-btn"), T = ne("ripple");
+      return S(), H("div", Cl, [
+        F("div", Sl, [
           ee(A(k, {
             modelValue: a.value,
             "onUpdate:modelValue": [
@@ -1153,32 +1151,32 @@ const Sn = { class: "d-flex justify-space-between align-center my-2" }, Un = { c
               g
             ],
             density: "compact",
-            items: u.value,
+            items: r.value,
             "hide-details": "",
             "single-line": ""
           }, null, 8, ["modelValue", "items"]), [
             [
-              b,
+              T,
               void 0,
               void 0,
               { stop: !0 }
             ]
           ]),
-          ((P = r.value) == null ? void 0 : P.ui) === "pixelInput" || ((h = r.value) == null ? void 0 : h.ui) === "percentInput" ? ee((S(), B(L, {
+          ((P = u.value) == null ? void 0 : P.ui) === "pixelInput" || ((_ = u.value) == null ? void 0 : _.ui) === "percentInput" ? ee((S(), B(L, {
             key: 0,
             modelValue: d.value,
             "onUpdate:modelValue": m[1] || (m[1] = (M) => d.value = M),
             density: "compact",
             "control-variant": "stacked",
-            precision: r.value.precision,
-            min: r.value.min,
-            max: r.value.max,
-            step: r.value.step,
+            precision: u.value.precision,
+            min: u.value.min,
+            max: u.value.max,
+            step: u.value.step,
             "hide-details": "",
             "single-line": ""
           }, null, 8, ["modelValue", "precision", "min", "max", "step"])), [
             [
-              b,
+              T,
               void 0,
               void 0,
               { stop: !0 }
@@ -1191,41 +1189,41 @@ const Sn = { class: "d-flex justify-space-between align-center my-2" }, Un = { c
           variant: "text",
           density: "compact",
           icon: C(re),
-          onClick: m[2] || (m[2] = z((M) => n("delete"), ["stop"]))
+          onClick: m[2] || (m[2] = z((M) => l("delete"), ["stop"]))
         }, null, 8, ["icon"])) : Y("", !0)
       ]);
     };
   }
 });
-function xn(o) {
-  return { renderUiMultiTypes: (t, e, n, l, i) => e.ui !== "multiTypes" ? (console.assert(!1), _("div", "renderUiMultiTypes prop ui must be multiTypes")) : _($n, {
-    modelValue: ne(
+function $l(o) {
+  return { renderUiMultiTypes: (t, e, l, n, i) => e.ui !== "multiTypes" ? (console.assert(!1), h("div", "renderUiMultiTypes prop ui must be multiTypes")) : h(Ul, {
+    modelValue: le(
       t,
       e,
-      n,
-      o,
       l,
+      o,
+      n,
       i
     ) ?? "",
     "onUpdate:modelValue": (a) => {
       oe(
         t,
         e,
-        n,
+        l,
         a,
         o,
-        l,
+        n,
         i
       );
     },
-    hasDelete: l !== void 0 && !i,
+    hasDelete: n !== void 0 && !i,
     onDelete: () => {
-      l === void 0 || i || (n.splice(l, 1), o(t.slice(0, -1), n));
+      n === void 0 || i || (l.splice(n, 1), o(t.slice(0, -1), l));
     },
     types: e.types
   }) };
 }
-const Pn = /* @__PURE__ */ J({
+const xl = /* @__PURE__ */ J({
   __name: "editor",
   props: {
     modelValue: { required: !0 },
@@ -1237,29 +1235,29 @@ const Pn = /* @__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 = ht(), i = kt(), a = Te(), u = Re("target"), r = () => {
+    const t = G(o, "modelValue"), e = G(o, "lock"), l = G(o, "scale"), n = _t(), i = kt(), a = Te(), r = Re("target"), u = () => {
       var f;
       const d = JSON.parse(t.value);
-      (f = u.value) == null || f.load(d);
+      (f = r.value) == null || f.load(d);
     };
     return s({ save: () => {
-      const d = u.value.save();
+      const d = r.value.save();
       t.value = JSON.stringify(d, null, 2);
     } }), (d, f) => (S(), B(C(Mt), {
       ref_key: "target",
-      ref: u,
+      ref: r,
       lock: e.value,
       "onUpdate:lock": f[0] || (f[0] = (m) => e.value = m),
-      scale: n.value,
-      "onUpdate:scale": f[1] || (f[1] = (m) => n.value = m),
+      scale: l.value,
+      "onUpdate:scale": f[1] || (f[1] = (m) => l.value = m),
       type: "json",
       version: C(a),
       locale: C(i),
-      dark: C(l),
-      onReady: r
+      dark: C(n),
+      onReady: u
     }, null, 8, ["lock", "scale", "version", "locale", "dark"]));
   }
-}), Mn = { class: "text-subtitle-1" }, wn = /* @__PURE__ */ J({
+}), Pl = { class: "text-subtitle-1" }, Ml = /* @__PURE__ */ J({
   __name: "index",
   props: {
     modelValue: { required: !0 },
@@ -1267,11 +1265,11 @@ const Pn = /* @__PURE__ */ J({
   },
   emits: ["update:modelValue"],
   setup(o) {
-    const { t: s } = te(), { sysBarAvail: t } = Je(), { backgroundColor0: e, backgroundColor1: n, backgroundColor2: l } = ie(), i = G(o, "modelValue"), a = O(!1), u = O(1), r = K(() => {
+    const { t: s } = te(), { sysBarAvail: t } = Je(), { backgroundColor0: e, backgroundColor1: l, backgroundColor2: n } = ie(), i = G(o, "modelValue"), a = O(!1), r = O(1), u = K(() => {
       let m = 48;
       return t.value && (m += 24), {
         position: "relative",
-        background: n.value,
+        background: l.value,
         height: `calc(100% - ${m}px)`
       };
     }), g = K(() => s("x-prop-tree.dlg.jsonObject.title")), { open: d } = Se(`propTreeJsonObjectDlg${we()}`);
@@ -1283,19 +1281,19 @@ const Pn = /* @__PURE__ */ J({
       var k;
       m || (k = f.value) == null || k.save();
     }), (m, k) => {
-      const L = $("v-btn"), w = $("v-sheet"), b = $("v-spacer"), P = $("v-dialog");
+      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] = (h) => pe(d) ? d.value = h : null),
+        "onUpdate:modelValue": k[4] || (k[4] = (_) => pe(d) ? d.value = _ : null),
         transition: "dialog-bottom-transition",
         persistent: "",
         "no-click-animation": "",
         fullscreen: "",
         attach: "",
-        onKeydown: k[5] || (k[5] = Ke(z((h) => d.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: k[5] || (k[5] = Ke(z((_) => d.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: R(({ props: h }) => [
-          A(L, Ae(h, {
+        activator: R(({ props: _ }) => [
+          A(L, Ae(_, {
             density: "comfortable",
             block: ""
           }), {
@@ -1314,12 +1312,12 @@ const Pn = /* @__PURE__ */ J({
             default: R(() => [
               C(t) ? (S(), B(w, {
                 key: 0,
-                color: C(l),
+                color: C(n),
                 height: 24
               }, null, 8, ["color"])) : Y("", !0),
               A(w, {
                 class: "d-flex align-center px-2",
-                color: C(l),
+                color: C(n),
                 height: 48
               }, {
                 default: R(() => [
@@ -1327,25 +1325,25 @@ const Pn = /* @__PURE__ */ J({
                     variant: "text",
                     density: "comfortable",
                     icon: C(Ge),
-                    onClick: k[0] || (k[0] = (h) => d.value = !1)
+                    onClick: k[0] || (k[0] = (_) => d.value = !1)
                   }, null, 8, ["icon"]),
-                  F("span", Mn, Q(C(s)("x-prop-tree.dlg.jsonObject.title")), 1),
-                  A(b)
+                  F("span", Pl, Q(C(s)("x-prop-tree.dlg.jsonObject.title")), 1),
+                  A(T)
                 ]),
                 _: 1
               }, 8, ["color"]),
               F("div", {
-                style: I(r.value)
+                style: I(u.value)
               }, [
-                A(Pn, {
+                A(xl, {
                   ref_key: "editor",
                   ref: f,
                   modelValue: i.value,
-                  "onUpdate:modelValue": k[1] || (k[1] = (h) => i.value = h),
+                  "onUpdate:modelValue": k[1] || (k[1] = (_) => i.value = _),
                   lock: a.value,
-                  "onUpdate:lock": k[2] || (k[2] = (h) => a.value = h),
-                  scale: u.value,
-                  "onUpdate:scale": k[3] || (k[3] = (h) => u.value = h)
+                  "onUpdate:lock": k[2] || (k[2] = (_) => a.value = _),
+                  scale: r.value,
+                  "onUpdate:scale": k[3] || (k[3] = (_) => r.value = _)
                 }, null, 8, ["modelValue", "lock", "scale"])
               ], 4)
             ]),
@@ -1357,30 +1355,30 @@ const Pn = /* @__PURE__ */ J({
     };
   }
 });
-function Dn(o) {
-  return { renderUiJsonEditor: (t, e, n, l, i) => e.ui !== "jsonEditor" ? _("div", "renderUiJsonObject prop ui must be jsonEditor") : _(wn, {
-    modelValue: ne(
+function wl(o) {
+  return { renderUiJsonEditor: (t, e, l, n, i) => e.ui !== "jsonEditor" ? h("div", "renderUiJsonObject prop ui must be jsonEditor") : h(Ml, {
+    modelValue: le(
       t,
       e,
-      n,
-      o,
       l,
+      o,
+      n,
       i
     ) ?? "{}",
     "onUpdate:modelValue": (a) => {
       oe(
         t,
         e,
-        n,
+        l,
         a,
         o,
-        l,
+        n,
         i
       );
     }
   }) };
 }
-const An = /* @__PURE__ */ J({
+const Dl = /* @__PURE__ */ J({
   __name: "index",
   props: {
     unique: {},
@@ -1390,37 +1388,37 @@ 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"), u = O("200px"), r = yt({}), g = O({}), d = (p, c) => {
-      qe(g, n.config, n.object), l("change", p, c);
+    const { t } = te(), { backgroundColor1: e } = ie(), l = o, n = s, i = O("20px"), a = O("56px"), r = O("200px"), u = yt({}), g = O({}), d = (p, c) => {
+      qe(g, l.config, l.object), n("change", p, c);
     };
     ue(
-      [() => n.config, () => n.object],
+      [() => l.config, () => l.object],
       () => {
-        qe(g, n.config, n.object, (p, c) => {
-          l("change", p, c);
+        qe(g, l.config, l.object, (p, c) => {
+          n("change", p, c);
         });
       },
       { immediate: !0 }
     );
-    const f = O(n.version);
+    const f = O(l.version);
     Ot(f), ue(
-      () => n.version,
+      () => l.version,
       () => {
-        f.value = n.version;
+        f.value = l.version;
       }
     );
-    const m = O(n.config);
+    const m = O(l.config);
     qt(m), ue(
-      () => n.config,
+      () => l.config,
       () => {
-        m.value = n.config;
+        m.value = l.config;
       }
     );
-    const k = O(n.object);
+    const k = O(l.object);
     Kt(k), ue(
-      () => n.object,
+      () => l.object,
       () => {
-        k.value = n.object;
+        k.value = l.object;
       }
     ), Jt(g), Xt(d);
     const L = O([]);
@@ -1440,20 +1438,20 @@ const An = /* @__PURE__ */ J({
         y.push({ id: v, type: 1, name: x, position: D, group: V });
       }), St(y, !0), L.value = y;
     };
-    let b;
+    let T;
     const P = () => {
-      clearTimeout(b), b = window.setTimeout(() => {
-        w(), b && P();
+      clearTimeout(T), T = window.setTimeout(() => {
+        w(), T && P();
       }, 1e3);
-    }, h = () => {
-      clearTimeout(b), b = void 0;
+    }, _ = () => {
+      clearTimeout(T), T = void 0;
     };
     gt(() => {
       P();
-    }), _t(() => {
-      h();
+    }), ht(() => {
+      _();
     });
-    const { renderProp: M } = Wt(g, a, u), { renderUiDummy: N } = Qt(d), { renderUiStrInput: Z } = jt(d), { renderUiNumInput: Pe } = tn(d), { renderUiSwitch: tt } = on(d), { renderUiSelect: nt } = un(d), { renderUiColorPicker: lt } = Cn(d), { renderUiJsonEditor: ot } = Dn(d), { renderUiMultiTypes: st } = xn(d), { renderUiCompSelect: it } = hn(d), ye = (p, c, y, v, V, x) => (p = He(p), V !== void 0 ? (p.push(V), x && p.push(c.key)) : p.push(c.key), c.ui ? c.array && v ? at(p, c, y, v, V, x) : ct(p, c, y, V, x) : c.array ? rt(p, c, y, v, V, x) : ut(
+    const { renderProp: M } = Wt(g, a, r), { renderUiDummy: N } = Qt(d), { renderUiStrInput: Z } = jt(d), { renderUiNumInput: Pe } = tl(d), { renderUiSwitch: tt } = ol(d), { renderUiSelect: lt } = rl(d), { renderUiColorPicker: nt } = Vl(d), { renderUiJsonEditor: ot } = wl(d), { renderUiMultiTypes: st } = $l(d), { renderUiCompSelect: it } = hl(d), ye = (p, c, y, v, V, x) => (p = He(p), V !== void 0 ? (p.push(V), x && p.push(c.key)) : p.push(c.key), c.ui ? c.array && v ? at(p, c, y, v, V, x) : ct(p, c, y, V, x) : c.array ? rt(p, c, y, v, V, x) : ut(
       p,
       c,
       y,
@@ -1462,29 +1460,29 @@ const An = /* @__PURE__ */ J({
       x
     )), rt = (p, c, y, v, V, x) => {
       if (c.ui)
-        return console.assert(!1), _("div", "renderBranchArray prop ui must be invalid");
+        return console.assert(!1), h("div", "renderBranchArray prop ui must be invalid");
       if (!c.array)
-        return console.assert(!1), _("div", "renderBranchArray prop array must be valid");
+        return console.assert(!1), h("div", "renderBranchArray prop array must be valid");
       if (!v)
-        return console.assert(!1), _("div", "renderBranchArray branch must be valid");
+        return console.assert(!1), h("div", "renderBranchArray branch must be valid");
       let D;
       V !== void 0 && !x ? (y[V] instanceof Array || (y[V] = q(c), d(p, y[c.key])), D = y[V]) : (y[c.key] instanceof Array || (y[c.key] = q(c), d(p, y[c.key])), D = y[c.key]);
       let E = t(c.name);
       v.collapse && ce(g.value, p) && (E += " *");
-      const me = _(ke, {
+      const me = h(ke, {
         title: E,
         collapse: v.collapse,
         hasCreate: !0,
         onCollapse: (U) => {
           v.collapse = U;
         },
-        onMenu: (U, T) => {
-          ae.emit("propTreeMenu", { x: U, y: T, keys: p });
+        onMenu: (U, b) => {
+          ae.emit("propTreeMenu", { x: U, y: b, keys: p });
         },
         onCreate: () => {
           D.push({}), d(p, D);
         }
-      }), X = _(
+      }), X = h(
         "div",
         {
           style: {
@@ -1493,29 +1491,29 @@ const An = /* @__PURE__ */ J({
         },
         (() => {
           const U = [];
-          for (let T = 0; T < D.length; T++) {
+          for (let b = 0; b < D.length; b++) {
             if (!Me(v.children)) {
               console.assert(!1);
               break;
             }
-            v.children[T] || v.children.push({
+            v.children[b] || v.children.push({
               collapse: !0,
               children: {}
             });
-            const ge = [...p, T], _e = v.children[T];
-            let Le = `[${T + 1}]`;
-            v.children[T].collapse && ce(g.value, ge) && (Le += " *");
-            const ft = _(ke, {
+            const ge = [...p, b], he = v.children[b];
+            let Le = `[${b + 1}]`;
+            v.children[b].collapse && ce(g.value, ge) && (Le += " *");
+            const ft = h(ke, {
               title: Le,
-              collapse: v.children[T].collapse,
+              collapse: v.children[b].collapse,
               hasDelete: !0,
-              index: T,
+              index: b,
               onCollapse: (j) => {
                 if (!Me(v.children)) {
                   console.assert(!1);
                   return;
                 }
-                v.children[T].collapse = j;
+                v.children[b].collapse = j;
               },
               onMenu: (j, se) => {
                 ae.emit("propTreeMenu", { x: j, y: se, keys: ge });
@@ -1529,7 +1527,7 @@ const An = /* @__PURE__ */ J({
               }
             });
             U.push(ft);
-            const mt = _(
+            const mt = h(
               "div",
               {
                 style: {
@@ -1539,32 +1537,32 @@ const An = /* @__PURE__ */ J({
               (() => {
                 const j = [];
                 return c.children.forEach((se) => {
-                  if (!Oe(_e.children)) {
+                  if (!Oe(he.children)) {
                     console.assert(!1);
                     return;
                   }
-                  _e.children[se.key] || (_e.children[se.key] = {
+                  he.children[se.key] || (he.children[se.key] = {
                     collapse: !0,
                     children: se.array ? [] : {}
                   });
                   const vt = ye(
                     p,
                     se,
-                    D[T],
-                    _e.children[se.key],
-                    T,
+                    D[b],
+                    he.children[se.key],
+                    b,
                     !0
                   );
                   j.push(vt);
                 }), j;
               })()
             );
-            v.children[T].collapse || U.push(mt);
+            v.children[b].collapse || U.push(mt);
           }
           return U;
         })()
       );
-      return _(
+      return h(
         "div",
         {
           style: {
@@ -1578,14 +1576,14 @@ const An = /* @__PURE__ */ J({
       );
     }, ut = (p, c, y, v, V, x) => {
       if (c.ui)
-        return console.assert(!1), _("div", "renderBranchScalar prop ui must be invalid");
+        return console.assert(!1), h("div", "renderBranchScalar prop ui must be invalid");
       if (c.array)
-        return console.assert(!1), _("div", "renderBranchScalar prop array must be invalid");
+        return console.assert(!1), h("div", "renderBranchScalar prop array must be invalid");
       if (!v)
-        return console.assert(!1), _("div", "renderBranchScalar branch must be valid");
+        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 = _(ke, {
+      const E = h(ke, {
         title: D,
         collapse: v.collapse,
         hasDelete: V !== void 0 && !x,
@@ -1598,7 +1596,7 @@ const An = /* @__PURE__ */ J({
         onDelete: () => {
           V === void 0 || x || (y.splice(V, 1), d(p.slice(0, -1), y));
         }
-      }), me = _(
+      }), me = h(
         "div",
         {
           style: {
@@ -1616,17 +1614,17 @@ const An = /* @__PURE__ */ J({
               collapse: !0,
               children: !U.ui && U.array ? [] : {}
             });
-            const T = ye(
+            const b = ye(
               p,
               U,
               (typeof y[c.key] != "object" && (y[c.key] = {}, d(p, y[c.key])), y[c.key]),
               v.children[U.key]
             );
-            X.push(T);
+            X.push(b);
           }), X;
         })()
       );
-      return _(
+      return h(
         "div",
         {
           style: {
@@ -1640,29 +1638,29 @@ const An = /* @__PURE__ */ J({
       );
     }, at = (p, c, y, v, V, x) => {
       if (!c.ui)
-        return console.assert(!1), _("div", "renderLeafArray prop ui must be valid");
+        return console.assert(!1), h("div", "renderLeafArray prop ui must be valid");
       if (!c.array)
-        return console.assert(!1), _("div", "renderLeafArray prop array must be valid");
+        return console.assert(!1), h("div", "renderLeafArray prop array must be valid");
       if (!v)
-        return console.assert(!1), _("div", "renderLeafArray branch must be valid");
+        return console.assert(!1), h("div", "renderLeafArray branch must be valid");
       let D;
       V !== void 0 && !x ? (y[V] instanceof Array || (y[V] = q(c), d(p, y[V])), D = y[V]) : (y[c.key] instanceof Array || (y[c.key] = q(c), d(p, y[c.key])), D = y[c.key]);
       let E = t(c.name);
       v.collapse && ce(g.value, p) && (E += " *");
-      const me = _(ke, {
+      const me = h(ke, {
         title: E,
         collapse: v.collapse,
         hasCreate: !0,
         onCollapse: (U) => {
           v.collapse = U;
         },
-        onMenu: (U, T) => {
-          ae.emit("propTreeMenu", { x: U, y: T, keys: p });
+        onMenu: (U, b) => {
+          ae.emit("propTreeMenu", { x: U, y: b, keys: p });
         },
         onCreate: () => {
           D.push(q(c, !0)), d(p, D);
         }
-      }), X = _(
+      }), X = h(
         "div",
         {
           style: {
@@ -1671,14 +1669,14 @@ const An = /* @__PURE__ */ J({
         },
         (() => {
           const U = [];
-          for (let T = 0; T < D.length; T++) {
-            const ge = ye(p, c, D, void 0, T, !1);
+          for (let b = 0; b < D.length; b++) {
+            const ge = ye(p, c, D, void 0, b, !1);
             U.push(ge);
           }
           return U;
         })()
       );
-      return _(
+      return h(
         "div",
         {
           style: {
@@ -1692,10 +1690,10 @@ const An = /* @__PURE__ */ J({
       );
     }, ct = (p, c, y, v, V) => {
       if (!c.ui)
-        return console.assert(!1), _("div", "renderLeafScalar prop ui must be valid");
+        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) : _("div");
-    }, dt = () => _(
+      return c.ui === "dummy" ? x = N(p, c, y, v, V) : c.ui === "strInput" ? x = Z(p, c, y, v, V) : c.ui === "numInput" ? x = Pe(p, c, y, v, V) : c.ui === "switch" ? x = tt(p, c, y, v, V) : c.ui === "select" ? x = lt(p, c, y, v, V) : c.ui === "colorPicker" ? x = nt(p, c, y, v, V) : c.ui === "jsonEditor" ? x = ot(p, c, y, v, V) : c.ui === "multiTypes" ? x = st(p, c, y, v, V) : c.ui === "compSelect" ? x = it(p, c, y, v, V) : console.assert(!1, "renderLeafScalar not implemented"), x ? M(p, c, x) : h("div");
+    }, dt = () => h(
       "div",
       {
         class: "text-body-2",
@@ -1705,15 +1703,15 @@ const An = /* @__PURE__ */ J({
       },
       (() => {
         const p = [];
-        if (n.unique && n.config.length > 0 && n.object) {
-          r[n.unique] || (r[n.unique] = {});
-          const c = r[n.unique];
-          n.config.forEach((y) => {
+        if (l.unique && l.config.length > 0 && l.object) {
+          u[l.unique] || (u[l.unique] = {});
+          const c = u[l.unique];
+          l.config.forEach((y) => {
             c[y.key] || (c[y.key] = {
               collapse: !0,
               children: !y.ui && y.array ? [] : {}
             });
-            const v = ye([], y, n.object, c[y.key]);
+            const v = ye([], y, l.object, c[y.key]);
             p.push(v);
           });
         }
@@ -1723,19 +1721,19 @@ const An = /* @__PURE__ */ J({
     return (p, c) => (S(), H(Ve, null, [
       A(dt),
       A(Gt, {
-        config: n.config,
-        object: n.object,
+        config: l.config,
+        object: l.object,
         "prop-states": g.value
       }, null, 8, ["config", "object", "prop-states"])
     ], 64));
   }
-}), bn = (o) => {
-  o.component("XPropTree", An);
-}, Tn = (o, s, t) => {
+}), Al = (o) => {
+  o.component("XPropTree", Dl);
+}, bl = (o, s, t) => {
   const e = o[s];
-  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((n, l) => {
+  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((l, n) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      l.bind(
+      n.bind(
         null,
         new Error(
           "Unknown variable dynamic import: " + s + (s.split("/").length !== t ? ". Note that variables only represent file names one level deep." : "")
@@ -1744,11 +1742,11 @@ const An = /* @__PURE__ */ J({
     );
   });
 };
-async function Hn(o) {
-  return (await Tn(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.n11iysmh.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.hr18mfah.js") }), `./locales/${o}/index.ts`, 4)).default;
+async function Jl(o) {
+  return (await bl(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.n11iysmh.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.hr18mfah.js") }), `./locales/${o}/index.ts`, 4)).default;
 }
-const Xn = { install: bn };
+const Hl = { install: Al };
 export {
-  Xn as default,
-  Hn as loadLocaleMessagePropTree
+  Hl as default,
+  Jl as loadLocaleMessagePropTree
 };