x-prop-tree 0.7.19 → 0.7.21

package/dist/index.js

@@ -1,12 +1,12 @@
-import { provide as ae, inject as ce, defineComponent as E, ref as T, computed as L, resolveComponent as $, createBlock as B, openBlock as _, unref as P, isRef as re, withCtx as R, createVNode as b, createElementBlock as K, Fragment as fe, renderList as Te, createTextVNode as he, toDisplayString as F, resolveDirective as ee, withDirectives as j, withModifiers as X, normalizeStyle as W, createElementVNode as q, createCommentVNode as G, mergeModels as Z, useModel as z, useId as Ue, onUnmounted as we, mergeProps as Me, withKeys as Le, useTemplateRef as Je, watch as oe, watchEffect as Ke, h as k, renderSlot as ht, onMounted as He, onBeforeUnmount as Xe, reactive as kt } from "vue";
+import { provide as ae, inject as ce, defineComponent as E, ref as T, computed as L, resolveComponent as $, createBlock as B, openBlock as _, unref as P, isRef as re, withCtx as R, createVNode as b, createElementBlock as K, Fragment as fe, renderList as Te, createTextVNode as he, toDisplayString as F, resolveDirective as ee, withDirectives as j, withModifiers as X, normalizeStyle as W, createElementVNode as q, createCommentVNode as G, mergeModels as Z, useModel as z, useId as $e, onUnmounted as we, mergeProps as Me, withKeys as Le, useTemplateRef as He, watch as oe, watchEffect as Ke, h as k, renderSlot as kt, onMounted as Xe, onBeforeUnmount as Fe, reactive as _t } from "vue";
 import { useI18n as I } from "vue-i18n";
-import { useViewStack as ke, useColor as te, eventBus as de, useSystem as ve, injectDark as _t, injectLocale as xt, openNumberDlg as Fe, openPromptDlg as Vt, globalObjects as St } from "x-essential-lib";
-import { getPropertyDefault as J, pkgs as Ne, parsePixelStr as Ct, parsePercentStr as $t, getPropertyTag as Ut, elements as wt } from "x-runtime-lib";
-import { c as ze, i as be, r as _e, v as Ge, d as Ye } from "./vendor.f0ug048x.js";
-import { useDisplay as We } from "vuetify";
-import { XBlockly as Mt } from "x-block-lib";
-import { globalState as Qe } from "x-state-lib";
-const Re = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, bt = (t, s) => {
+import { useViewStack as ke, useColor as te, eventBus as de, useSystem as ve, injectDark as xt, injectLocale as St, openNumberDlg as ze, openPromptDlg as Vt, globalObjects as Ct } from "x-essential-lib";
+import { getPropertyDefault as J, pkgs as Ne, parsePixelStr as Ut, parsePercentStr as $t, getPropertyTag as wt, elements as Mt, makeSlotId as Re } from "x-runtime-lib";
+import { c as Ge, i as be, r as _e, v as Ye, d as We } from "./vendor.f0ug048x.js";
+import { useDisplay as Qe } from "vuetify";
+import { XBlockly as bt } from "x-block-lib";
+import { globalState as Ze } from "x-state-lib";
+const Ee = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, Pt = (t, s) => {
   const n = (e, l) => {
     if (e.ui !== l.ui || e.array !== l.array)
       return !1;
@@ -80,10 +80,10 @@ const Re = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, bt = (t
     let u = e;
     (s.ui === "switch" || s.ui === "select" || s.ui === "colorPicker" || s.ui === "multiTypes" || s.ui === "compSelect") && (e || (u = void 0)), u !== n[s.key] && (n[s.key] = u, l(t, n[s.key]));
   }
-}, Be = (t) => !(t instanceof Array), Pe = (t) => t instanceof Array, Pt = [
+}, Be = (t) => !(t instanceof Array), Pe = (t) => t instanceof Array, Dt = [
   ["basic", "id"],
   ["basic", "name"]
-], Dt = (t) => Pt.find((s) => be(t, s)), De = (t, s, n, e, l, o, i) => (t = ze(t), o !== void 0 ? (t.push(o), i && t.push(s.key)) : t.push(s.key), Dt(t) ? (e.change = !1, e.change) : s.ui ? s.array && e.children && Pe(e.children) ? Lt(
+], At = (t) => Dt.find((s) => be(t, s)), De = (t, s, n, e, l, o, i) => (t = Ge(t), o !== void 0 ? (t.push(o), i && t.push(s.key)) : t.push(s.key), At(t) ? (e.change = !1, e.change) : s.ui ? s.array && e.children && Pe(e.children) ? Nt(
   t,
   s,
   n,
@@ -91,13 +91,13 @@ const Re = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, bt = (t
   l,
   o,
   i
-) : Nt(
+) : Bt(
   s,
   n,
   e,
   o,
   i
-) : s.array ? At(
+) : s.array ? Tt(
   t,
   s,
   n,
@@ -105,7 +105,7 @@ const Re = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, bt = (t
   l,
   o,
   i
-) : Tt(
+) : Lt(
   t,
   s,
   n,
@@ -113,7 +113,7 @@ const Re = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, bt = (t
   l,
   o,
   i
-)), At = (t, s, n, e, l, o, i) => {
+)), Tt = (t, s, n, e, l, o, i) => {
   if (s.ui)
     return console.assert(!1, "execPropertyBranchArray property ui must be invalid"), !1;
   if (!s.array)
@@ -154,7 +154,7 @@ const Re = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, bt = (t
     });
   }
   return e.change || (e.change = !be(u, J(s))), e.change;
-}, Tt = (t, s, n, e, l, o, i) => {
+}, Lt = (t, s, n, e, l, o, i) => {
   if (s.ui)
     return console.assert(
       !1,
@@ -177,7 +177,7 @@ const Re = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, bt = (t
     }, De(t, a, u, e.children[a.key], l) && (e.change = !0);
   }
   return e.change;
-}, Lt = (t, s, n, e, l, o, i) => {
+}, Nt = (t, s, n, e, l, o, i) => {
   if (!s.ui)
     return console.assert(!1, "execPropertyLeafArray property ui must be valid"), !1;
   if (!s.array)
@@ -200,12 +200,12 @@ const Re = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, bt = (t
       !1
     ) && (e.change = !0);
   return e.change || (e.change = !be(u, J(s))), e.change;
-}, Nt = (t, s, n, e, l) => {
+}, Bt = (t, s, n, e, l) => {
   if (!t.ui)
     return console.assert(!1, "execPropertyLeafScalar property ui must be valid"), !1;
   let o;
   return e !== void 0 && !l ? o = s[e] : o = s[t.key], n.change = !be(o, J(t, !0)), n.change;
-}, Ee = (t, s, n, e) => {
+}, Je = (t, s, n, e) => {
   if (s.length <= 0 || !n) {
     t.value = {};
     return;
@@ -229,41 +229,35 @@ const Re = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, bt = (t
       return console.assert(!1, `isPropChanged state must be valid keys=${s}`), !1;
     typeof e == "string" ? Be(n.children) && (n = n.children[e]) : Pe(n.children) && (n = n.children[e]);
   }), n?.change ?? !1;
-}, Ze = Symbol(), je = Symbol(), Ie = Symbol(), et = Symbol(), tt = Symbol(), nt = Symbol(), lt = Symbol();
-function Bt(t) {
-  ae(Ze, t);
-}
-function Oe() {
-  return ce(Ze);
-}
+}, je = Symbol(), Ie = Symbol(), et = Symbol(), tt = Symbol(), nt = Symbol(), lt = Symbol(), ot = Symbol();
 function Ot(t) {
   ae(je, t);
 }
-function qt() {
+function Oe() {
   return ce(je);
 }
-function Kt(t) {
+function qt(t) {
   ae(Ie, t);
 }
-function Rt() {
+function Kt() {
   return ce(Ie);
 }
-function Et(t) {
+function Rt(t) {
   ae(et, t);
 }
-function Jt() {
+function Et() {
   return ce(et);
 }
-function Ht(t) {
+function Jt(t) {
   ae(tt, t);
 }
-function Xt() {
+function Ht() {
   return ce(tt);
 }
-function Ft(t) {
+function Xt(t) {
   ae(nt, t);
 }
-function ot() {
+function Ft() {
   return ce(nt);
 }
 function zt(t) {
@@ -272,10 +266,16 @@ function zt(t) {
 function st() {
   return ce(lt);
 }
-const Gt = /* @__PURE__ */ E({
+function Gt(t) {
+  ae(ot, t);
+}
+function it() {
+  return ce(ot);
+}
+const Yt = /* @__PURE__ */ E({
   __name: "index",
   setup(t) {
-    const { t: s } = I(), n = qt(), e = Rt(), l = Jt(), o = Xt(), i = T(0), u = T(0), r = T([]), a = L(() => [i.value, u.value]), d = (V) => {
+    const { t: s } = I(), n = Kt(), e = Et(), l = Ht(), o = Ft(), i = T(0), u = T(0), r = T([]), a = L(() => [i.value, u.value]), d = (V) => {
       const D = () => !(r.value.length <= 0 || !me(l.value, r.value)), x = () => {
         const S = Ce(n.value, r.value);
         if (S)
@@ -330,9 +330,13 @@ const Gt = /* @__PURE__ */ E({
         const S = localStorage.getItem("propTreeCopy");
         if (!S)
           return !1;
+        console.log(S);
         try {
-          const { property: U } = JSON.parse(S), O = Ce(n.value, r.value);
-          return bt(U, O);
+          const { property: U } = JSON.parse(S);
+          if (!U)
+            return !1;
+          const O = Ce(n.value, r.value);
+          return Pt(U, O);
         } catch (U) {
           console.error(U);
         }
@@ -394,7 +398,7 @@ const Gt = /* @__PURE__ */ E({
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Yt = { style: { pointerEvents: "none" } }, $e = /* @__PURE__ */ E({
+}), Wt = { style: { pointerEvents: "none" } }, Ue = /* @__PURE__ */ E({
   __name: "index",
   props: {
     title: {},
@@ -429,7 +433,7 @@ const Gt = /* @__PURE__ */ E({
           class: "mr-1",
           icon: t.collapse ? "mdi-chevron-right" : "mdi-chevron-down"
         }, null, 8, ["icon"]),
-        q("span", Yt, F(t.title), 1),
+        q("span", Wt, F(t.title), 1),
         b(f),
         t.hasCreate ? (_(), B(v, {
           key: 0,
@@ -452,7 +456,7 @@ const Gt = /* @__PURE__ */ E({
       ]);
     };
   }
-}), Wt = { class: "d-flex justify-space-between align-center" }, Qt = /* @__PURE__ */ E({
+}), Qt = { class: "d-flex justify-space-between align-center" }, Zt = /* @__PURE__ */ E({
   __name: "index",
   props: /* @__PURE__ */ Z({
     hasDelete: { type: Boolean, default: !1 },
@@ -468,7 +472,7 @@ const Gt = /* @__PURE__ */ E({
       return t.hasDelete && (r = "calc(100% - 37px)"), {
         width: r
       };
-    }), i = L(() => t.readonly), { open: u } = ke(`propTreeColorPickerMenu${Ue()}`);
+    }), i = L(() => t.readonly), { open: u } = ke(`propTreeColorPickerMenu${$e()}`);
     return we(() => {
       u.value = !1;
     }), (r, a) => {
@@ -480,7 +484,7 @@ const Gt = /* @__PURE__ */ E({
         scrim: "transparent"
       }, {
         activator: R(({ props: v }) => [
-          q("div", Wt, [
+          q("div", Qt, [
             q("div", {
               class: "flex-grow-1",
               style: W(o.value)
@@ -520,7 +524,7 @@ const Gt = /* @__PURE__ */ E({
       }, 8, ["modelValue"]);
     };
   }
-}), Zt = { class: "text-subtitle-2 ml-1" }, jt = { class: "text-caption text-grey ml-1" }, It = /* @__PURE__ */ E({
+}), jt = { class: "text-subtitle-2 ml-1" }, It = { class: "text-caption text-grey ml-1" }, en = /* @__PURE__ */ E({
   __name: "group",
   props: {
     id: {},
@@ -549,14 +553,14 @@ const Gt = /* @__PURE__ */ E({
           icon: l.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
           size: "small"
         }, null, 8, ["icon"]),
-        q("span", Zt, F(l.title), 1),
-        q("span", jt, F(l.count), 1)
+        q("span", jt, F(l.title), 1),
+        q("span", It, F(l.count), 1)
       ], 36)), [
         [c]
       ]);
     };
   }
-}), en = { class: "text-subtitle-1 ml-6" }, tn = /* @__PURE__ */ E({
+}), tn = { class: "text-subtitle-1 ml-6" }, nn = /* @__PURE__ */ E({
   __name: "item",
   props: {
     id: {},
@@ -579,16 +583,16 @@ const Gt = /* @__PURE__ */ E({
         onMouseout: a[1] || (a[1] = (c) => i.value = !1),
         onMouseover: a[2] || (a[2] = (c) => i.value = !0)
       }, [
-        q("span", en, F(l.title), 1)
+        q("span", tn, F(l.title), 1)
       ], 36)), [
         [d]
       ]);
     };
   }
-}), nn = { key: 0 }, ln = {
+}), ln = { key: 0 }, on = {
   key: 1,
   class: "text-body-2 text-grey ml-3"
-}, on = /* @__PURE__ */ E({
+}, sn = /* @__PURE__ */ E({
   __name: "index",
   props: {
     modelValue: {},
@@ -598,17 +602,17 @@ const Gt = /* @__PURE__ */ E({
   },
   emits: ["update:modelValue", "update:open"],
   setup(t) {
-    const { t: s } = I(), n = z(t, "modelValue"), e = z(t, "open"), l = ot(), o = (u) => {
+    const { t: s } = I(), n = z(t, "modelValue"), e = z(t, "open"), l = st(), o = (u) => {
       const r = _e(l, u);
-      r && Ge(l, u, !r.collapse);
+      r && Ye(l, u, !r.collapse);
     }, i = (u) => {
       n.value = u, e.value = !1, de.emit("refreshDepends");
     };
-    return (u, r) => P(l).length > 0 ? (_(), K("div", nn, [
+    return (u, r) => P(l).length > 0 ? (_(), K("div", ln, [
       (_(!0), K(fe, null, Te(P(l), (a) => (_(), K(fe, {
         key: a.id
       }, [
-        a.type === 0 ? (_(), B(It, {
+        a.type === 0 ? (_(), B(en, {
           key: 0,
           id: a.id,
           collapse: a.collapse,
@@ -616,16 +620,16 @@ const Gt = /* @__PURE__ */ E({
           title: a.name,
           onXClick: o
         }, null, 8, ["id", "collapse", "count", "title"])) : G("", !0),
-        a.type === 1 && a.show ? (_(), B(tn, {
+        a.type === 1 && a.show ? (_(), B(nn, {
           key: 1,
           id: a.id,
           title: a.name,
           onXClick: i
         }, null, 8, ["id", "title"])) : G("", !0)
       ], 64))), 128))
-    ])) : (_(), K("div", ln, F(P(s)("x-prop-tree.noComp")), 1));
+    ])) : (_(), K("div", on, F(P(s)("x-prop-tree.noComp")), 1));
   }
-}), sn = { class: "text-subtitle-1 ml-3" }, un = /* @__PURE__ */ E({
+}), un = { class: "text-subtitle-1 ml-3" }, rn = /* @__PURE__ */ E({
   __name: "index",
   props: {
     modelValue: {},
@@ -633,7 +637,7 @@ const Gt = /* @__PURE__ */ E({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { t: s } = I(), n = We(), { sysBarAvail: e } = ve(), { backgroundColor1: l } = te(), o = z(t, "modelValue"), i = ot(), u = L(() => {
+    const { t: s } = I(), n = Qe(), { sysBarAvail: e } = ve(), { backgroundColor1: l } = te(), o = z(t, "modelValue"), i = st(), u = L(() => {
       let f = "100%";
       return n.mdAndUp.value && (f = "400px"), {
         background: l.value,
@@ -653,7 +657,7 @@ const Gt = /* @__PURE__ */ E({
         return s("x-runtime-lib.notSet");
       const f = _e(i, o.value);
       return f ? f.name : s("x-runtime-lib.compNotAvail");
-    }), { open: c } = ke(`propTreeCompSelectDlg${Ue()}`);
+    }), { open: c } = ke(`propTreeCompSelectDlg${$e()}`);
     return we(() => {
       c.value = !1;
     }), (f, v) => {
@@ -703,7 +707,7 @@ const Gt = /* @__PURE__ */ E({
                     icon: "mdi-close",
                     onClick: v[0] || (v[0] = (x) => c.value = !1)
                   }),
-                  q("span", sn, F(P(s)("x-prop-tree.dlg.compSelect.title")), 1)
+                  q("span", un, F(P(s)("x-prop-tree.dlg.compSelect.title")), 1)
                 ]),
                 _: 1
               }),
@@ -711,7 +715,7 @@ const Gt = /* @__PURE__ */ E({
                 class: "overflow-y-auto",
                 style: W(r.value)
               }, [
-                b(on, {
+                b(sn, {
                   modelValue: o.value,
                   "onUpdate:modelValue": v[1] || (v[1] = (x) => o.value = x),
                   open: P(c),
@@ -728,7 +732,7 @@ const Gt = /* @__PURE__ */ E({
       }, 8, ["modelValue"]);
     };
   }
-}), rn = /* @__PURE__ */ E({
+}), an = /* @__PURE__ */ E({
   __name: "editor",
   props: {
     modelValue: { required: !0 },
@@ -740,14 +744,14 @@ const Gt = /* @__PURE__ */ E({
   },
   emits: ["update:modelValue", "update:lock", "update:scale"],
   setup(t, { expose: s }) {
-    const n = z(t, "modelValue"), e = z(t, "lock"), l = z(t, "scale"), o = _t(), i = xt(), u = Oe(), r = Je("target"), a = () => {
+    const n = z(t, "modelValue"), e = z(t, "lock"), l = z(t, "scale"), o = xt(), i = St(), u = Oe(), r = He("target"), a = () => {
       const c = JSON.parse(n.value);
       r.value?.load(c);
     };
     return s({ save: () => {
       const c = r.value.save();
       n.value = JSON.stringify(c, null, 2);
-    } }), (c, f) => (_(), B(P(Mt), {
+    } }), (c, f) => (_(), B(P(bt), {
       ref_key: "target",
       ref: r,
       lock: e.value,
@@ -761,7 +765,7 @@ const Gt = /* @__PURE__ */ E({
       onReady: a
     }, null, 8, ["lock", "scale", "dark", "locale", "version"]));
   }
-}), an = { class: "text-subtitle-1" }, cn = /* @__PURE__ */ E({
+}), cn = { class: "text-subtitle-1" }, dn = /* @__PURE__ */ E({
   __name: "index",
   props: {
     modelValue: { required: !0 },
@@ -776,11 +780,11 @@ const Gt = /* @__PURE__ */ E({
         background: l.value,
         height: `calc(100% - ${v}px)`
       };
-    }), d = L(() => s("x-prop-tree.dlg.jsonEditor.title")), { open: c } = ke(`propTreejsonEditorDlg${Ue()}`);
+    }), d = L(() => s("x-prop-tree.dlg.jsonEditor.title")), { open: c } = ke(`propTreejsonEditorDlg${$e()}`);
     we(() => {
       c.value = !1;
     });
-    const f = Je("editor");
+    const f = He("editor");
     return oe(c, (v) => {
       v || f.value?.save();
     }), (v, C) => {
@@ -830,7 +834,7 @@ const Gt = /* @__PURE__ */ E({
                     variant: "text",
                     onClick: C[0] || (C[0] = (S) => c.value = !1)
                   }),
-                  q("span", an, F(P(s)("x-prop-tree.dlg.jsonEditor.title")), 1),
+                  q("span", cn, F(P(s)("x-prop-tree.dlg.jsonEditor.title")), 1),
                   b(D)
                 ]),
                 _: 1
@@ -838,7 +842,7 @@ const Gt = /* @__PURE__ */ E({
               q("div", {
                 style: W(a.value)
               }, [
-                b(rn, {
+                b(an, {
                   ref_key: "editor",
                   ref: f,
                   modelValue: i.value,
@@ -857,7 +861,7 @@ const Gt = /* @__PURE__ */ E({
       }, 8, ["modelValue"]);
     };
   }
-}), dn = { class: "d-flex justify-space-between align-center my-2" }, mn = { class: "flex-grow-1" }, fn = /* @__PURE__ */ E({
+}), mn = { class: "d-flex justify-space-between align-center my-2" }, fn = { class: "flex-grow-1" }, vn = /* @__PURE__ */ E({
   __name: "index",
   props: /* @__PURE__ */ Z({
     hasDelete: { type: Boolean, default: !1 },
@@ -885,7 +889,7 @@ const Gt = /* @__PURE__ */ E({
     }, f = T(0), v = async (C) => {
       if (!C || !e() || d.value.ui !== "pixelInput" && d.value.ui !== "percentInput")
         return;
-      const h = await Fe({
+      const h = await ze({
         title: "",
         value: f.value,
         precision: d.value.precision,
@@ -896,13 +900,13 @@ const Gt = /* @__PURE__ */ E({
       h !== void 0 && (f.value = h);
     };
     return Ke(() => {
-      d.value?.ui === "pixelInput" ? f.value = Ct(l.value) : d.value?.ui === "percentInput" && (f.value = $t(l.value));
+      d.value?.ui === "pixelInput" ? f.value = Ut(l.value) : d.value?.ui === "percentInput" && (f.value = $t(l.value));
     }), oe(f, (C) => {
       d.value?.ui === "pixelInput" ? l.value = C + "px" : d.value?.ui === "percentInput" && (l.value = C + "%");
     }), (C, h) => {
       const V = $("v-select"), D = $("v-number-input"), x = $("v-btn"), S = ee("ripple");
-      return _(), K("div", dn, [
-        q("div", mn, [
+      return _(), K("div", mn, [
+        q("div", fn, [
           j(b(V, {
             modelValue: r.value,
             "onUpdate:modelValue": [
@@ -954,7 +958,7 @@ const Gt = /* @__PURE__ */ E({
       ]);
     };
   }
-}), vn = { class: "d-flex justify-space-between align-center" }, pn = /* @__PURE__ */ E({
+}), pn = { class: "d-flex justify-space-between align-center" }, gn = /* @__PURE__ */ E({
   __name: "index",
   props: /* @__PURE__ */ Z({
     hasDelete: { type: Boolean, default: !1 },
@@ -973,7 +977,7 @@ const Gt = /* @__PURE__ */ E({
     const { isMobile: n } = ve(), e = z(t, "modelValue"), l = s, o = async (i) => {
       if (!i || t.readonly || !n())
         return;
-      const u = await Fe({
+      const u = await ze({
         title: "",
         value: e.value,
         precision: t.precision,
@@ -985,7 +989,7 @@ const Gt = /* @__PURE__ */ E({
     };
     return (i, u) => {
       const r = $("v-number-input"), a = $("v-btn"), d = ee("ripple");
-      return _(), K("div", vn, [
+      return _(), K("div", pn, [
         j(b(r, {
           modelValue: e.value,
           "onUpdate:modelValue": u[0] || (u[0] = (c) => e.value = c),
@@ -1018,7 +1022,7 @@ const Gt = /* @__PURE__ */ E({
       ]);
     };
   }
-}), gn = { class: "d-flex justify-space-between align-center" }, yn = /* @__PURE__ */ E({
+}), yn = { class: "d-flex justify-space-between align-center" }, hn = /* @__PURE__ */ E({
   __name: "index",
   props: /* @__PURE__ */ Z({
     hasDelete: { type: Boolean, default: !1 },
@@ -1038,7 +1042,7 @@ const Gt = /* @__PURE__ */ E({
     });
     return (u, r) => {
       const a = $("v-select"), d = $("v-btn"), c = ee("ripple");
-      return _(), K("div", gn, [
+      return _(), K("div", yn, [
         j(b(a, {
           modelValue: e.value,
           "onUpdate:modelValue": r[0] || (r[0] = (f) => e.value = f),
@@ -1066,7 +1070,7 @@ const Gt = /* @__PURE__ */ E({
       ]);
     };
   }
-}), hn = { class: "text-subtitle-2 ml-1" }, kn = { class: "text-caption text-grey ml-1" }, _n = /* @__PURE__ */ E({
+}), kn = { class: "text-subtitle-2 ml-1" }, _n = { class: "text-caption text-grey ml-1" }, xn = /* @__PURE__ */ E({
   __name: "group",
   props: {
     id: {},
@@ -1095,14 +1099,14 @@ const Gt = /* @__PURE__ */ E({
           icon: l.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
           size: "small"
         }, null, 8, ["icon"]),
-        q("span", hn, F(l.title), 1),
-        q("span", kn, F(l.count), 1)
+        q("span", kn, F(l.title), 1),
+        q("span", _n, F(l.count), 1)
       ], 36)), [
         [c]
       ]);
     };
   }
-}), xn = { class: "text-subtitle-1 ml-6" }, Vn = /* @__PURE__ */ E({
+}), Sn = { class: "text-subtitle-1 ml-6" }, Vn = /* @__PURE__ */ E({
   __name: "item",
   props: {
     id: {},
@@ -1125,13 +1129,13 @@ const Gt = /* @__PURE__ */ E({
         onMouseout: a[1] || (a[1] = (c) => i.value = !1),
         onMouseover: a[2] || (a[2] = (c) => i.value = !0)
       }, [
-        q("span", xn, F(l.title), 1)
+        q("span", Sn, F(l.title), 1)
       ], 36)), [
         [d]
       ]);
     };
   }
-}), Sn = { key: 0 }, Cn = {
+}), Cn = { key: 0 }, Un = {
   key: 1,
   class: "text-body-2 text-grey ml-3"
 }, $n = /* @__PURE__ */ E({
@@ -1144,17 +1148,17 @@ const Gt = /* @__PURE__ */ E({
   },
   emits: ["update:modelValue", "update:open"],
   setup(t) {
-    const { t: s } = I(), n = z(t, "modelValue"), e = z(t, "open"), l = st(), o = (u) => {
+    const { t: s } = I(), n = z(t, "modelValue"), e = z(t, "open"), l = it(), o = (u) => {
       const r = _e(l, u);
-      r && Ge(l, u, !r.collapse);
+      r && Ye(l, u, !r.collapse);
     }, i = (u) => {
       n.value = u, e.value = !1;
     };
-    return (u, r) => P(l).length > 0 ? (_(), K("div", Sn, [
+    return (u, r) => P(l).length > 0 ? (_(), K("div", Cn, [
       (_(!0), K(fe, null, Te(P(l), (a) => (_(), K(fe, {
         key: a.id
       }, [
-        a.type === 0 ? (_(), B(_n, {
+        a.type === 0 ? (_(), B(xn, {
           key: 0,
           id: a.id,
           collapse: a.collapse,
@@ -1169,9 +1173,9 @@ const Gt = /* @__PURE__ */ E({
           onXClick: i
         }, null, 8, ["id", "title"])) : G("", !0)
       ], 64))), 128))
-    ])) : (_(), K("div", Cn, F(P(s)("x-prop-tree.noSlot")), 1));
+    ])) : (_(), K("div", Un, F(P(s)("x-prop-tree.noSlot")), 1));
   }
-}), Un = { class: "text-subtitle-1 ml-3" }, wn = /* @__PURE__ */ E({
+}), wn = { class: "text-subtitle-1 ml-3" }, Mn = /* @__PURE__ */ E({
   __name: "index",
   props: {
     modelValue: {},
@@ -1179,7 +1183,7 @@ const Gt = /* @__PURE__ */ E({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { t: s } = I(), n = We(), { sysBarAvail: e } = ve(), { backgroundColor1: l } = te(), o = z(t, "modelValue"), i = st(), u = L(() => {
+    const { t: s } = I(), n = Qe(), { sysBarAvail: e } = ve(), { backgroundColor1: l } = te(), o = z(t, "modelValue"), i = it(), u = L(() => {
       let f = "100%";
       return n.mdAndUp.value && (f = "400px"), {
         background: l.value,
@@ -1199,7 +1203,7 @@ const Gt = /* @__PURE__ */ E({
         return s("x-runtime-lib.notSet");
       const f = _e(i, o.value);
       return f ? f.name : s("x-runtime-lib.slotNotAvail");
-    }), { open: c } = ke(`propTreeSlotSelectDlg${Ue()}`);
+    }), { open: c } = ke(`propTreeSlotSelectDlg${$e()}`);
     return we(() => {
       c.value = !1;
     }), (f, v) => {
@@ -1249,7 +1253,7 @@ const Gt = /* @__PURE__ */ E({
                     icon: "mdi-close",
                     onClick: v[0] || (v[0] = (x) => c.value = !1)
                   }),
-                  q("span", Un, F(P(s)("x-prop-tree.dlg.slotSelect.title")), 1)
+                  q("span", wn, F(P(s)("x-prop-tree.dlg.slotSelect.title")), 1)
                 ]),
                 _: 1
               }),
@@ -1274,7 +1278,7 @@ const Gt = /* @__PURE__ */ E({
       }, 8, ["modelValue"]);
     };
   }
-}), Mn = { class: "d-flex justify-space-between align-center" }, bn = /* @__PURE__ */ E({
+}), bn = { class: "d-flex justify-space-between align-center" }, Pn = /* @__PURE__ */ E({
   __name: "index",
   props: /* @__PURE__ */ Z({
     hasDelete: { type: Boolean, default: !1 },
@@ -1296,7 +1300,7 @@ const Gt = /* @__PURE__ */ E({
     };
     return (i, u) => {
       const r = $("v-text-field"), a = $("v-btn"), d = ee("ripple");
-      return _(), K("div", Mn, [
+      return _(), K("div", bn, [
         j(b(r, {
           modelValue: e.value,
           "onUpdate:modelValue": u[0] || (u[0] = (c) => e.value = c),
@@ -1324,7 +1328,7 @@ const Gt = /* @__PURE__ */ E({
       ]);
     };
   }
-}), Pn = { class: "d-flex justify-space-between align-center" }, Dn = /* @__PURE__ */ E({
+}), Dn = { class: "d-flex justify-space-between align-center" }, An = /* @__PURE__ */ E({
   __name: "index",
   props: /* @__PURE__ */ Z({
     hasDelete: { type: Boolean, default: !1 },
@@ -1338,7 +1342,7 @@ const Gt = /* @__PURE__ */ E({
     const n = z(t, "modelValue"), e = s;
     return (l, o) => {
       const i = $("v-switch"), u = $("v-btn");
-      return _(), K("div", Pn, [
+      return _(), K("div", Dn, [
         b(i, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (r) => n.value = r),
@@ -1360,8 +1364,8 @@ const Gt = /* @__PURE__ */ E({
     };
   }
 });
-function An(t) {
-  return { renderUiColorPicker: (n, e, l, o, i) => e.ui !== "colorPicker" ? (console.assert(!1), k("div", "renderUiColorPicker property ui must be colorPicker")) : k(Qt, {
+function Tn(t) {
+  return { renderUiColorPicker: (n, e, l, o, i) => e.ui !== "colorPicker" ? (console.assert(!1), k("div", "renderUiColorPicker property ui must be colorPicker")) : k(Zt, {
     modelValue: ne(
       n,
       e,
@@ -1388,8 +1392,8 @@ function An(t) {
     readonly: e.readonly
   }) };
 }
-function Tn(t) {
-  return { renderUiCompSelect: (n, e, l, o, i) => e.ui !== "compSelect" ? (console.assert(!1), k("div", "renderUiCompSelect property ui must be compSelect")) : k(un, {
+function Ln(t) {
+  return { renderUiCompSelect: (n, e, l, o, i) => e.ui !== "compSelect" ? (console.assert(!1), k("div", "renderUiCompSelect property ui must be compSelect")) : k(rn, {
     modelValue: ne(
       n,
       e,
@@ -1411,7 +1415,7 @@ function Tn(t) {
     }
   }) };
 }
-function Ln(t) {
+function Nn(t) {
   return { renderUiDummy: (n, e, l, o, i) => {
     if (e.ui !== "dummy") {
       console.assert(!1, "renderUiDummy property ui must be dummy");
@@ -1420,8 +1424,8 @@ function Ln(t) {
     ne(n, e, l, t, o, i);
   } };
 }
-function Nn(t) {
-  return { renderUiJsonEditor: (n, e, l, o, i) => e.ui !== "jsonEditor" ? k("div", "renderUijsonEditor property ui must be jsonEditor") : k(cn, {
+function Bn(t) {
+  return { renderUiJsonEditor: (n, e, l, o, i) => e.ui !== "jsonEditor" ? k("div", "renderUijsonEditor property ui must be jsonEditor") : k(dn, {
     modelValue: ne(
       n,
       e,
@@ -1443,8 +1447,8 @@ function Nn(t) {
     }
   }) };
 }
-function Bn(t) {
-  return { renderUiMultiTypes: (n, e, l, o, i) => e.ui !== "multiTypes" ? (console.assert(!1), k("div", "renderUiMultiTypes property ui must be multiTypes")) : k(fn, {
+function On(t) {
+  return { renderUiMultiTypes: (n, e, l, o, i) => e.ui !== "multiTypes" ? (console.assert(!1), k("div", "renderUiMultiTypes property ui must be multiTypes")) : k(vn, {
     modelValue: ne(
       n,
       e,
@@ -1471,8 +1475,8 @@ function Bn(t) {
     types: e.types
   }) };
 }
-function On(t) {
-  return { renderUiNumInput: (n, e, l, o, i) => e.ui !== "numInput" ? (console.assert(!1), k("div", "renderUiNumInput property ui must be numInput")) : k(pn, {
+function qn(t) {
+  return { renderUiNumInput: (n, e, l, o, i) => e.ui !== "numInput" ? (console.assert(!1), k("div", "renderUiNumInput property ui must be numInput")) : k(gn, {
     modelValue: ne(
       n,
       e,
@@ -1503,7 +1507,7 @@ function On(t) {
     readonly: e.readonly
   }) };
 }
-const qn = /* @__PURE__ */ E({
+const Kn = /* @__PURE__ */ E({
   __name: "index",
   props: {
     minHeight: {}
@@ -1528,20 +1532,20 @@ const qn = /* @__PURE__ */ E({
         onMouseout: a[0] || (a[0] = (c) => o.value = !1),
         onMouseover: a[1] || (a[1] = (c) => o.value = !0)
       }, [
-        ht(r.$slots, "default")
+        kt(r.$slots, "default")
       ], 36)), [
         [d]
       ]);
     };
   }
 });
-function Kn(t, s, n) {
+function Rn(t, s, n) {
   const { t: e } = I();
   return { renderProperty: (o, i, u) => {
     const r = o[o.length - 1];
     let d = typeof r == "number" ? `[${r + 1}]` : e(i.name);
     return me(t.value, o) && (d += " *"), k(
-      qn,
+      Kn,
       {
         minHeight: s.value,
         onMenu: (c, f) => {
@@ -1558,8 +1562,8 @@ function Kn(t, s, n) {
     );
   } };
 }
-function Rn(t) {
-  return { renderUiSelect: (n, e, l, o, i) => e.ui !== "select" ? (console.assert(!1), k("div", "renderUiSelect property ui must be select")) : k(yn, {
+function En(t) {
+  return { renderUiSelect: (n, e, l, o, i) => e.ui !== "select" ? (console.assert(!1), k("div", "renderUiSelect property ui must be select")) : k(hn, {
     modelValue: ne(
       n,
       e,
@@ -1587,8 +1591,8 @@ function Rn(t) {
     readonly: e.readonly
   }) };
 }
-function En(t) {
-  return { renderUiSlotSelect: (n, e, l, o, i) => e.ui !== "slotSelect" ? (console.assert(!1), k("div", "renderUiSlotSelect property ui must be slotSelect")) : k(wn, {
+function Jn(t) {
+  return { renderUiSlotSelect: (n, e, l, o, i) => e.ui !== "slotSelect" ? (console.assert(!1), k("div", "renderUiSlotSelect property ui must be slotSelect")) : k(Mn, {
     modelValue: ne(
       n,
       e,
@@ -1610,8 +1614,8 @@ function En(t) {
     }
   }) };
 }
-function Jn(t) {
-  return { renderUiStrInput: (n, e, l, o, i) => e.ui !== "strInput" ? (console.assert(!1), k("div", "renderUiStrInput property ui must be strInput")) : k(bn, {
+function Hn(t) {
+  return { renderUiStrInput: (n, e, l, o, i) => e.ui !== "strInput" ? (console.assert(!1), k("div", "renderUiStrInput property ui must be strInput")) : k(Pn, {
     modelValue: e.static ? e.value : ne(
       n,
       e,
@@ -1638,8 +1642,8 @@ function Jn(t) {
     readonly: e.static || e.readonly
   }) };
 }
-function Hn(t) {
-  return { renderUiSwitch: (n, e, l, o, i) => e.ui !== "switch" ? (console.assert(!1), k("div", "renderUiSwitch property ui must be switch")) : k(Dn, {
+function Xn(t) {
+  return { renderUiSwitch: (n, e, l, o, i) => e.ui !== "switch" ? (console.assert(!1), k("div", "renderUiSwitch property ui must be switch")) : k(An, {
     modelValue: ne(
       n,
       e,
@@ -1666,11 +1670,11 @@ function Hn(t) {
     readonly: e.readonly
   }) };
 }
-function Xn() {
+function Fn() {
   const t = T([]);
-  Ft(t);
+  zt(t);
   const s = () => {
-    const { activeApp: o, depends: i } = Qe.app, u = [];
+    const { activeApp: o, depends: i } = Ze.app, u = [];
     for (const { id: r, name: a, position: d } of o.compGroups) {
       const c = t.value.find((f) => f.id === r);
       u.push({
@@ -1683,7 +1687,7 @@ function Xn() {
     }
     for (const { id: r, groupId: a, name: d, position: c } of o.comps)
       i[r] && u.push({ id: r, type: 1, name: d, position: c, group: a });
-    Ye(u, !0), t.value = u;
+    We(u, !0), t.value = u;
   };
   let n;
   const e = () => {
@@ -1693,15 +1697,15 @@ function Xn() {
   }, l = () => {
     clearTimeout(n), n = void 0;
   };
-  He(() => {
+  Xe(() => {
     e();
-  }), Xe(() => {
+  }), Fe(() => {
     l();
   });
 }
-function Fn(t, s, n) {
-  const { i18n: e } = St, l = T([]);
-  zt(l);
+function zn(t, s, n) {
+  const { i18n: e } = Ct, l = T([]);
+  Gt(l);
   const o = () => {
     if (!t.value || !s.value || !n.value)
       return;
@@ -1710,7 +1714,7 @@ function Fn(t, s, n) {
       console.assert(!1, `invalid version=${t.value}`);
       return;
     }
-    const d = Ut(s.value, n.value), c = [];
+    const d = wt(s.value, n.value), c = [];
     for (let h = 0; h < a.groups[d].length; h++) {
       const V = a.groups[d][h], D = _e(l, V.key);
       c.push({
@@ -1723,10 +1727,10 @@ function Fn(t, s, n) {
       });
       let x = 0;
       for (const S of V.items) {
-        const U = wt[S];
+        const U = Mt[S];
         if (U && !U.internal && U.slots)
           for (const O of U.slots) {
-            const Q = `element/${U.key}/${O.key}`, pe = `${e.global.t(U.name)} / ${e.global.t(O.name)}`;
+            const Q = Re("elementSlot", U.key, O.key), pe = `${e.global.t(U.name)} / ${e.global.t(O.name)}`;
             c.push({
               id: Q,
               type: 1,
@@ -1737,7 +1741,7 @@ function Fn(t, s, n) {
           }
       }
     }
-    const { activeApp: f, depends: v } = Qe.app;
+    const { activeApp: f, depends: v } = Ze.app;
     for (const { id: h, name: V, position: D } of f.compGroups) {
       const x = l.value.find((S) => S.id);
       c.push({
@@ -1753,7 +1757,7 @@ function Fn(t, s, n) {
       const V = v[h.id];
       if (V && V.meta.slots)
         for (const D of V.meta.slots) {
-          const x = `custom/${h.id}/${D.id}`, S = `${h.name} / ${D.name}`;
+          const x = Re("customSlot", h.id, D.id), S = `${h.name} / ${D.name}`;
           c.push({
             id: x,
             type: 1,
@@ -1763,7 +1767,7 @@ function Fn(t, s, n) {
           });
         }
     }
-    Ye(c, !0), l.value = c;
+    We(c, !0), l.value = c;
   };
   let i;
   const u = () => {
@@ -1773,15 +1777,15 @@ function Fn(t, s, n) {
   }, r = () => {
     clearTimeout(i), i = void 0;
   };
-  He(() => {
+  Xe(() => {
     u();
-  }), Xe(() => {
+  }), Fe(() => {
     r();
   }), oe([t, s, n], () => {
     o(), u();
   });
 }
-const zn = /* @__PURE__ */ E({
+const Gn = /* @__PURE__ */ E({
   __name: "index",
   props: {
     unique: {},
@@ -1793,13 +1797,13 @@ const zn = /* @__PURE__ */ E({
   },
   emits: ["change"],
   setup(t, { emit: s }) {
-    const { t: n } = I(), { backgroundColor1: e } = te(), l = t, o = s, i = T("20px"), u = T("56px"), r = T("200px"), a = kt({}), d = T({}), c = (p, m) => {
-      Ee(d, l.config, l.object), o("change", p, m);
+    const { t: n } = I(), { backgroundColor1: e } = te(), l = t, o = s, i = T("20px"), u = T("56px"), r = T("200px"), a = _t({}), d = T({}), c = (p, m) => {
+      Je(d, l.config, l.object), o("change", p, m);
     };
     oe(
       [() => l.config, () => l.object],
       () => {
-        Ee(
+        Je(
           d,
           l.config,
           l.object,
@@ -1811,7 +1815,7 @@ const zn = /* @__PURE__ */ E({
       { immediate: !0 }
     );
     const f = T(l.version);
-    Bt(f), oe(
+    Ot(f), oe(
       () => l.version,
       () => {
         f.value = l.version;
@@ -1832,45 +1836,45 @@ const zn = /* @__PURE__ */ E({
       }
     );
     const h = T(l.config);
-    Ot(h), oe(
+    qt(h), oe(
       () => l.config,
       () => {
         h.value = l.config;
       }
     );
     const V = T(l.object);
-    Kt(V), oe(
+    Rt(V), oe(
       () => l.object,
       () => {
         V.value = l.object;
       }
-    ), Et(d), Ht(c), Xn(), Fn(f, v, C);
-    const { renderProperty: D } = Kn(
+    ), Jt(d), Xt(c), Fn(), zn(f, v, C);
+    const { renderProperty: D } = Rn(
       d,
       u,
       r
-    ), { renderUiDummy: x } = Ln(c), { renderUiStrInput: S } = Jn(c), { renderUiNumInput: U } = On(c), { renderUiSwitch: O } = Hn(c), { renderUiSelect: Q } = Rn(c), { renderUiColorPicker: pe } = An(c), { renderUiJsonEditor: it } = Nn(c), { renderUiMultiTypes: ut } = Bn(c), { renderUiCompSelect: rt } = Tn(c), { renderUiSlotSelect: at } = En(c), xe = (p, m, y, g, w, A) => (p = ze(p), w !== void 0 ? (p.push(w), A && p.push(m.key)) : p.push(m.key), m.ui ? m.array && g ? mt(
+    ), { renderUiDummy: x } = Nn(c), { renderUiStrInput: S } = Hn(c), { renderUiNumInput: U } = qn(c), { renderUiSwitch: O } = Xn(c), { renderUiSelect: Q } = En(c), { renderUiColorPicker: pe } = Tn(c), { renderUiJsonEditor: ut } = Bn(c), { renderUiMultiTypes: rt } = On(c), { renderUiCompSelect: at } = Ln(c), { renderUiSlotSelect: ct } = Jn(c), xe = (p, m, y, g, w, A) => (p = Ge(p), w !== void 0 ? (p.push(w), A && p.push(m.key)) : p.push(m.key), m.ui ? m.array && g ? ft(
       p,
       m,
       y,
       g,
       w,
       A
-    ) : ft(p, m, y, w, A) : m.array ? ct(
+    ) : vt(p, m, y, w, A) : m.array ? dt(
       p,
       m,
       y,
       g,
       w,
       A
-    ) : dt(
+    ) : mt(
       p,
       m,
       y,
       g,
       w,
       A
-    )), ct = (p, m, y, g, w, A) => {
+    )), dt = (p, m, y, g, w, A) => {
       if (m.ui)
         return console.assert(!1), k("div", "renderBranchArray property ui must be invalid");
       if (!m.array)
@@ -1881,7 +1885,7 @@ const zn = /* @__PURE__ */ E({
       w !== void 0 && !A ? (y[w] instanceof Array || (y[w] = J(m), c(p, y[m.key])), H = y[w]) : (y[m.key] instanceof Array || (y[m.key] = J(m), c(p, y[m.key])), H = y[m.key]);
       let ie = n(m.name);
       g.collapse && me(d.value, p) && (ie += " *");
-      const ge = k($e, {
+      const ge = k(Ue, {
         title: ie,
         collapse: g.collapse,
         hasCreate: !0,
@@ -1912,10 +1916,10 @@ const zn = /* @__PURE__ */ E({
               collapse: !0,
               children: {}
             });
-            const Ve = [...p, N], Se = g.children[N];
+            const Se = [...p, N], Ve = g.children[N];
             let qe = `[${N + 1}]`;
-            g.children[N].collapse && me(d.value, Ve) && (qe += " *");
-            const pt = k($e, {
+            g.children[N].collapse && me(d.value, Se) && (qe += " *");
+            const gt = k(Ue, {
               title: qe,
               collapse: g.children[N].collapse,
               hasDelete: !0,
@@ -1928,7 +1932,7 @@ const zn = /* @__PURE__ */ E({
                 g.children[N].collapse = le;
               },
               onMenu: (le, ue) => {
-                de.emit("propTreeMenu", { x: le, y: ue, keys: Ve });
+                de.emit("propTreeMenu", { x: le, y: ue, keys: Se });
               },
               onDelete: (le) => {
                 if (!Ae(g.children)) {
@@ -1938,8 +1942,8 @@ const zn = /* @__PURE__ */ E({
                 g.children.splice(le, 1), H.splice(le, 1), c(p, H);
               }
             });
-            M.push(pt);
-            const gt = k(
+            M.push(gt);
+            const yt = k(
               "div",
               {
                 style: {
@@ -1949,27 +1953,27 @@ const zn = /* @__PURE__ */ E({
               (() => {
                 const le = [];
                 return m.children.forEach((ue) => {
-                  if (!Re(Se.children)) {
+                  if (!Ee(Ve.children)) {
                     console.assert(!1);
                     return;
                   }
-                  Se.children[ue.key] || (Se.children[ue.key] = {
+                  Ve.children[ue.key] || (Ve.children[ue.key] = {
                     collapse: !0,
                     children: ue.array ? [] : {}
                   });
-                  const yt = xe(
+                  const ht = xe(
                     p,
                     ue,
                     H[N],
-                    Se.children[ue.key],
+                    Ve.children[ue.key],
                     N,
                     !0
                   );
-                  le.push(yt);
+                  le.push(ht);
                 }), le;
               })()
             );
-            g.children[N].collapse || M.push(gt);
+            g.children[N].collapse || M.push(yt);
           }
           return M;
         })()
@@ -1986,7 +1990,7 @@ const zn = /* @__PURE__ */ E({
           return M.push(ge), g.collapse || M.push(Y), M;
         })()
       );
-    }, dt = (p, m, y, g, w, A) => {
+    }, mt = (p, m, y, g, w, A) => {
       if (m.ui)
         return console.assert(!1), k("div", "renderBranchScalar property ui must be invalid");
       if (m.array)
@@ -1995,7 +1999,7 @@ const zn = /* @__PURE__ */ E({
         return console.assert(!1), k("div", "renderBranchScalar branch must be valid");
       let H = n(m.name);
       g.collapse && me(d.value, p) && (H += " *");
-      const ie = k($e, {
+      const ie = k(Ue, {
         title: H,
         collapse: g.collapse,
         hasDelete: w !== void 0 && !A,
@@ -2018,7 +2022,7 @@ const zn = /* @__PURE__ */ E({
         (() => {
           const Y = [];
           return m.children.forEach((M) => {
-            if (!Re(g.children)) {
+            if (!Ee(g.children)) {
               console.assert(!1);
               return;
             }
@@ -2048,7 +2052,7 @@ const zn = /* @__PURE__ */ E({
           return Y.push(ie), g.collapse || Y.push(ge), Y;
         })()
       );
-    }, mt = (p, m, y, g, w, A) => {
+    }, ft = (p, m, y, g, w, A) => {
       if (!m.ui)
         return console.assert(!1), k("div", "renderLeafArray property ui must be valid");
       if (!m.array)
@@ -2059,7 +2063,7 @@ const zn = /* @__PURE__ */ E({
       w !== void 0 && !A ? (y[w] instanceof Array || (y[w] = J(m), c(p, y[w])), H = y[w]) : (y[m.key] instanceof Array || (y[m.key] = J(m), c(p, y[m.key])), H = y[m.key]);
       let ie = n(m.name);
       g.collapse && me(d.value, p) && (ie += " *");
-      const ge = k($e, {
+      const ge = k(Ue, {
         title: ie,
         collapse: g.collapse,
         hasCreate: !0,
@@ -2082,8 +2086,8 @@ const zn = /* @__PURE__ */ E({
         (() => {
           const M = [];
           for (let N = 0; N < H.length; N++) {
-            const Ve = xe(p, m, H, void 0, N, !1);
-            M.push(Ve);
+            const Se = xe(p, m, H, void 0, N, !1);
+            M.push(Se);
           }
           return M;
         })()
@@ -2100,12 +2104,12 @@ const zn = /* @__PURE__ */ E({
           return M.push(ge), g.collapse || M.push(Y), M;
         })()
       );
-    }, ft = (p, m, y, g, w) => {
+    }, vt = (p, m, y, g, w) => {
       if (!m.ui)
         return console.assert(!1), k("div", "renderLeafScalar property ui must be valid");
       let A;
-      return m.ui === "dummy" ? A = x(p, m, y, g, w) : m.ui === "strInput" ? A = S(p, m, y, g, w) : m.ui === "numInput" ? A = U(p, m, y, g, w) : m.ui === "switch" ? A = O(p, m, y, g, w) : m.ui === "select" ? A = Q(p, m, y, g, w) : m.ui === "colorPicker" ? A = pe(p, m, y, g, w) : m.ui === "jsonEditor" ? A = it(p, m, y, g, w) : m.ui === "multiTypes" ? A = ut(p, m, y, g, w) : m.ui === "compSelect" ? A = rt(p, m, y, g, w) : m.ui === "slotSelect" ? A = at(p, m, y, g, w) : console.assert(!1, "renderLeafScalar not implemented"), A ? D(p, m, A) : k("div");
-    }, vt = () => k(
+      return m.ui === "dummy" ? A = x(p, m, y, g, w) : m.ui === "strInput" ? A = S(p, m, y, g, w) : m.ui === "numInput" ? A = U(p, m, y, g, w) : m.ui === "switch" ? A = O(p, m, y, g, w) : m.ui === "select" ? A = Q(p, m, y, g, w) : m.ui === "colorPicker" ? A = pe(p, m, y, g, w) : m.ui === "jsonEditor" ? A = ut(p, m, y, g, w) : m.ui === "multiTypes" ? A = rt(p, m, y, g, w) : m.ui === "compSelect" ? A = at(p, m, y, g, w) : m.ui === "slotSelect" ? A = ct(p, m, y, g, w) : console.assert(!1, "renderLeafScalar not implemented"), A ? D(p, m, A) : k("div");
+    }, pt = () => k(
       "div",
       {
         class: "text-body-2",
@@ -2136,27 +2140,27 @@ const zn = /* @__PURE__ */ E({
       })()
     );
     return (p, m) => (_(), K(fe, null, [
-      b(vt),
-      b(Gt, {
+      b(pt),
+      b(Yt, {
         config: l.config,
         object: l.object,
         "property-states": d.value
       }, null, 8, ["config", "object", "property-states"])
     ], 64));
   }
-}), Gn = (t) => {
-  t.component("XPropTree", zn);
-}, Yn = (t, s, n) => {
+}), Yn = (t) => {
+  t.component("XPropTree", Gn);
+}, Wn = (t, s, n) => {
   const e = t[s];
   return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((l, o) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(o.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + s + (s.split("/").length !== n ? ". Note that variables only represent file names one level deep." : ""))));
   });
 };
-async function ll(t) {
-  return (await Yn(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.fwi8tazn.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.ju37v3iz.js") }), `./locales/${t}/index.ts`, 4)).default;
+async function ol(t) {
+  return (await Wn(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.fwi8tazn.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.ju37v3iz.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
-const ol = { install: Gn };
+const sl = { install: Yn };
 export {
-  ol as default,
-  ll as loadLocaleMessagePropTree
+  sl as default,
+  ol as loadLocaleMessagePropTree
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-prop-tree",
   "private": false,
-  "version": "0.7.19",
+  "version": "0.7.21",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -26,11 +26,11 @@
     "vue": "^3.5.23",
     "vue-i18n": "^11.1.12",
     "vuetify": "^3.10.9",
-    "x-block-lib": "^0.8.48",
+    "x-block-lib": "^0.8.50",
     "x-essential-lib": "^0.9.3",
     "x-group-list": "^0.4.7",
-    "x-runtime-lib": "^0.8.93",
-    "x-state-lib": "^0.3.26"
+    "x-runtime-lib": "^0.8.97",
+    "x-state-lib": "^0.3.27"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",