x-prop-tree 0.7.21 → 0.7.22

package/dist/index.js

@@ -1,8 +1,8 @@
-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 { 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 ke, 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 xt, injectLocale as St, openNumberDlg as ze, openPromptDlg as Vt, globalObjects as Ct } from "x-essential-lib";
+import { useViewStack as _e, useColor as te, eventBus as de, useSystem as pe, 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 { c as Ge, i as be, r as ve, 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";
@@ -42,7 +42,7 @@ const Ee = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, Pt = (t
       n = n.children.find((l) => l.key === e);
     }
   }), n;
-}, ye = (t, s) => {
+}, he = (t, s) => {
   let n = t;
   return s.forEach((e) => {
     if (!n) {
@@ -275,64 +275,63 @@ function it() {
 const Yt = /* @__PURE__ */ E({
   __name: "index",
   setup(t) {
-    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 { 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 = (S) => {
       const D = () => !(r.value.length <= 0 || !me(l.value, r.value)), x = () => {
-        const S = Ce(n.value, r.value);
-        if (S)
-          if (S.ui) {
-            const U = ye(e.value, r.value.slice(0, -1));
+        const V = Ce(n.value, r.value);
+        if (V)
+          if (V.ui) {
+            const U = he(e.value, r.value.slice(0, -1));
             if (!U)
               return;
-            U[r.value[r.value.length - 1]] = J(S), o(r.value, U[r.value[r.value.length - 1]]);
-          } else if (S.array) {
+            U[r.value[r.value.length - 1]] = J(V), o(r.value, U[r.value[r.value.length - 1]]);
+          } else if (V.array) {
             const U = r.value[r.value.length - 1];
             if (U === void 0) {
               console.assert(!1, "invalid last key");
               return;
             }
             if (typeof U == "string") {
-              const O = ye(e.value, r.value.slice(0, -1));
+              const O = he(e.value, r.value.slice(0, -1));
               if (!O)
                 return;
-              O[r.value[r.value.length - 1]] = J(S), o(r.value, O[r.value[r.value.length - 1]]);
+              O[r.value[r.value.length - 1]] = J(V), o(r.value, O[r.value[r.value.length - 1]]);
             } else {
-              const O = ye(e.value, r.value);
+              const O = he(e.value, r.value);
               if (!O)
                 return;
-              S.children.forEach((Q) => {
-                O[Q.key] = J(S), o([...r.value, Q.key], O[Q.key]);
+              V.children.forEach((Q) => {
+                O[Q.key] = J(V), o([...r.value, Q.key], O[Q.key]);
               });
             }
           } else {
-            const U = ye(e.value, r.value);
+            const U = he(e.value, r.value);
             if (!U)
               return;
-            S.children.forEach((O) => {
-              U[O.key] = J(S), o([...r.value, O.key], U[O.key]);
+            V.children.forEach((O) => {
+              U[O.key] = J(V), o([...r.value, O.key], U[O.key]);
             });
           }
       };
-      D() && V.push({
+      D() && S.push({
         title: s("x-prop-tree.reset"),
         func: x
       });
-    }, c = (V) => {
+    }, c = (S) => {
       const D = () => {
-        const x = Ce(n.value, r.value), S = ye(e.value, r.value);
-        localStorage.setItem("propTreeCopy", JSON.stringify({ property: x, object: S }));
+        const x = Ce(n.value, r.value), V = he(e.value, r.value);
+        localStorage.setItem("propTreeCopy", JSON.stringify({ property: x, object: V }));
       };
-      V.push({
+      S.push({
         title: s("x-prop-tree.copy"),
         func: D
       });
-    }, f = (V) => {
+    }, f = (S) => {
       const D = () => {
-        const S = localStorage.getItem("propTreeCopy");
-        if (!S)
+        const V = localStorage.getItem("propTreeCopy");
+        if (!V)
           return !1;
-        console.log(S);
         try {
-          const { property: U } = JSON.parse(S);
+          const { property: U } = JSON.parse(V);
           if (!U)
             return !1;
           const O = Ce(n.value, r.value);
@@ -344,27 +343,27 @@ const Yt = /* @__PURE__ */ E({
       }, x = () => {
         if (!D())
           return;
-        const S = localStorage.getItem("propTreeCopy");
-        if (S)
+        const V = localStorage.getItem("propTreeCopy");
+        if (V)
           try {
-            const { object: U } = JSON.parse(S), O = Ce(n.value, r.value);
+            const { object: U } = JSON.parse(V), O = Ce(n.value, r.value);
             console.log(U, O);
           } catch (U) {
             console.error(U);
           }
       };
-      D() && V.push({
+      D() && S.push({
         title: s("x-prop-tree.paste"),
         func: x
       });
     }, v = L(() => {
-      const V = [];
-      return d(V), c(V), f(V), V;
-    }), C = (V) => {
-      i.value = V.x, u.value = V.y, r.value = V.keys;
-    }, { open: h } = ke("propTreeMenu", C);
-    return (V, D) => {
-      const x = $("v-list-item-title"), S = $("v-list-item"), U = $("v-list"), O = $("v-menu");
+      const S = [];
+      return d(S), c(S), f(S), S;
+    }), C = (S) => {
+      i.value = S.x, u.value = S.y, r.value = S.keys;
+    }, { open: h } = _e("propTreeMenu", C);
+    return (S, D) => {
+      const x = $("v-list-item-title"), V = $("v-list-item"), U = $("v-list"), O = $("v-menu");
       return _(), B(O, {
         modelValue: P(h),
         "onUpdate:modelValue": D[0] || (D[0] = (Q) => re(h) ? h.value = Q : null),
@@ -375,15 +374,15 @@ const Yt = /* @__PURE__ */ E({
         default: R(() => [
           b(U, null, {
             default: R(() => [
-              (_(!0), K(fe, null, Te(v.value, (Q, pe) => (_(), B(S, {
-                key: pe,
+              (_(!0), K(fe, null, Te(v.value, (Q, ge) => (_(), B(V, {
+                key: ge,
                 link: "",
                 onClick: Q.func
               }, {
                 default: R(() => [
                   b(x, null, {
                     default: R(() => [
-                      he(F(Q.title), 1)
+                      ke(F(Q.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -472,7 +471,7 @@ const Yt = /* @__PURE__ */ E({
       return t.hasDelete && (r = "calc(100% - 37px)"), {
         width: r
       };
-    }), i = L(() => t.readonly), { open: u } = ke(`propTreeColorPickerMenu${$e()}`);
+    }), i = L(() => t.readonly), { open: u } = _e(`propTreeColorPickerMenu${$e()}`);
     return we(() => {
       u.value = !1;
     }), (r, a) => {
@@ -496,7 +495,7 @@ const Yt = /* @__PURE__ */ E({
                 disabled: i.value
               }), {
                 default: R(() => [
-                  he(F(e.value ? e.value : P(n)("x-runtime-lib.notSet")), 1)
+                  ke(F(e.value ? e.value : P(n)("x-runtime-lib.notSet")), 1)
                 ]),
                 _: 1
               }, 16, ["color", "disabled"])
@@ -603,7 +602,7 @@ const Yt = /* @__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 r = _e(l, u);
+      const r = ve(l, u);
       r && Ye(l, u, !r.collapse);
     }, i = (u) => {
       n.value = u, e.value = !1, de.emit("refreshDepends");
@@ -637,7 +636,7 @@ const Yt = /* @__PURE__ */ E({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { t: s } = I(), n = Qe(), { sysBarAvail: e } = ve(), { backgroundColor1: l } = te(), o = z(t, "modelValue"), i = st(), u = L(() => {
+    const { t: s } = I(), n = Qe(), { sysBarAvail: e } = pe(), { backgroundColor1: l } = te(), o = z(t, "modelValue"), i = st(), u = L(() => {
       let f = "100%";
       return n.mdAndUp.value && (f = "400px"), {
         background: l.value,
@@ -655,13 +654,13 @@ const Yt = /* @__PURE__ */ E({
     })), d = L(() => {
       if (!o.value)
         return s("x-runtime-lib.notSet");
-      const f = _e(i, o.value);
+      const f = ve(i, o.value);
       return f ? f.name : s("x-runtime-lib.compNotAvail");
-    }), { open: c } = ke(`propTreeCompSelectDlg${$e()}`);
+    }), { open: c } = _e(`propTreeCompSelectDlg${$e()}`);
     return we(() => {
       c.value = !1;
     }), (f, v) => {
-      const C = $("v-btn"), h = $("v-sheet"), V = $("v-icon"), D = $("v-dialog");
+      const C = $("v-btn"), h = $("v-sheet"), S = $("v-icon"), D = $("v-dialog");
       return _(), B(D, {
         modelValue: P(c),
         "onUpdate:modelValue": v[5] || (v[5] = (x) => re(c) ? c.value = x : null),
@@ -677,7 +676,7 @@ const Yt = /* @__PURE__ */ E({
             density: "comfortable"
           }), {
             default: R(() => [
-              he(F(d.value), 1)
+              ke(F(d.value), 1)
             ]),
             _: 1
           }, 16)
@@ -703,7 +702,7 @@ const Yt = /* @__PURE__ */ E({
                 height: 48
               }, {
                 default: R(() => [
-                  b(V, {
+                  b(S, {
                     icon: "mdi-close",
                     onClick: v[0] || (v[0] = (x) => c.value = !1)
                   }),
@@ -773,14 +772,14 @@ const Yt = /* @__PURE__ */ E({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { t: s } = I(), { sysBarAvail: n } = ve(), { backgroundColor0: e, backgroundColor1: l, backgroundColor2: o } = te(), i = z(t, "modelValue"), u = T(!1), r = T(1), a = L(() => {
+    const { t: s } = I(), { sysBarAvail: n } = pe(), { backgroundColor0: e, backgroundColor1: l, backgroundColor2: o } = te(), i = z(t, "modelValue"), u = T(!1), r = T(1), a = L(() => {
       let v = 48;
       return n.value && (v += 24), {
         position: "relative",
         background: l.value,
         height: `calc(100% - ${v}px)`
       };
-    }), d = L(() => s("x-prop-tree.dlg.jsonEditor.title")), { open: c } = ke(`propTreejsonEditorDlg${$e()}`);
+    }), d = L(() => s("x-prop-tree.dlg.jsonEditor.title")), { open: c } = _e(`propTreejsonEditorDlg${$e()}`);
     we(() => {
       c.value = !1;
     });
@@ -788,41 +787,41 @@ const Yt = /* @__PURE__ */ E({
     return oe(c, (v) => {
       v || f.value?.save();
     }), (v, C) => {
-      const h = $("v-btn"), V = $("v-sheet"), D = $("v-spacer"), x = $("v-dialog");
+      const h = $("v-btn"), S = $("v-sheet"), D = $("v-spacer"), x = $("v-dialog");
       return _(), B(x, {
         modelValue: P(c),
-        "onUpdate:modelValue": C[4] || (C[4] = (S) => re(c) ? c.value = S : null),
+        "onUpdate:modelValue": C[4] || (C[4] = (V) => re(c) ? c.value = V : null),
         attach: "",
         fullscreen: "",
         "no-click-animation": "",
         persistent: "",
         transition: "dialog-bottom-transition",
-        onKeydown: C[5] || (C[5] = Le(X((S) => c.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: C[5] || (C[5] = Le(X((V) => c.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: R(({ props: S }) => [
-          b(h, Me(S, {
+        activator: R(({ props: V }) => [
+          b(h, Me(V, {
             block: "",
             density: "comfortable"
           }), {
             default: R(() => [
-              he(F(d.value), 1)
+              ke(F(d.value), 1)
             ]),
             _: 1
           }, 16)
         ]),
         default: R(() => [
-          b(V, {
+          b(S, {
             color: P(e),
             height: "100%",
             width: "100%"
           }, {
             default: R(() => [
-              P(n) ? (_(), B(V, {
+              P(n) ? (_(), B(S, {
                 key: 0,
                 color: P(o),
                 height: 24
               }, null, 8, ["color"])) : G("", !0),
-              b(V, {
+              b(S, {
                 class: "d-flex align-center px-2",
                 color: P(o),
                 height: 48
@@ -832,7 +831,7 @@ const Yt = /* @__PURE__ */ E({
                     density: "comfortable",
                     icon: "mdi-close",
                     variant: "text",
-                    onClick: C[0] || (C[0] = (S) => c.value = !1)
+                    onClick: C[0] || (C[0] = (V) => c.value = !1)
                   }),
                   q("span", cn, F(P(s)("x-prop-tree.dlg.jsonEditor.title")), 1),
                   b(D)
@@ -846,11 +845,11 @@ const Yt = /* @__PURE__ */ E({
                   ref_key: "editor",
                   ref: f,
                   modelValue: i.value,
-                  "onUpdate:modelValue": C[1] || (C[1] = (S) => i.value = S),
+                  "onUpdate:modelValue": C[1] || (C[1] = (V) => i.value = V),
                   lock: u.value,
-                  "onUpdate:lock": C[2] || (C[2] = (S) => u.value = S),
+                  "onUpdate:lock": C[2] || (C[2] = (V) => u.value = V),
                   scale: r.value,
-                  "onUpdate:scale": C[3] || (C[3] = (S) => r.value = S)
+                  "onUpdate:scale": C[3] || (C[3] = (V) => r.value = V)
                 }, null, 8, ["modelValue", "lock", "scale"])
               ], 4)
             ]),
@@ -872,12 +871,12 @@ const Yt = /* @__PURE__ */ E({
   }),
   emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
   setup(t, { emit: s }) {
-    const { t: n } = I(), { isMobile: e } = ve(), l = z(t, "modelValue"), o = s, i = Oe(), u = L(() => Ne[i.value]?.types[t.types]), r = T(0), a = L(() => {
+    const { t: n } = I(), { isMobile: e } = pe(), l = z(t, "modelValue"), o = s, i = Oe(), u = L(() => Ne[i.value]?.types[t.types]), r = T(0), a = L(() => {
       const C = [];
-      return u.value?.forEach(({ title: h }, V) => {
+      return u.value?.forEach(({ title: h }, S) => {
         C.push({
           title: n(h),
-          value: V
+          value: S
         });
       }), C;
     });
@@ -904,10 +903,10 @@ const Yt = /* @__PURE__ */ E({
     }), 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");
+      const S = $("v-select"), D = $("v-number-input"), x = $("v-btn"), V = ee("ripple");
       return _(), K("div", mn, [
         q("div", fn, [
-          j(b(V, {
+          j(b(S, {
             modelValue: r.value,
             "onUpdate:modelValue": [
               h[0] || (h[0] = (U) => r.value = U),
@@ -919,7 +918,7 @@ const Yt = /* @__PURE__ */ E({
             "single-line": ""
           }, null, 8, ["modelValue", "items"]), [
             [
-              S,
+              V,
               void 0,
               void 0,
               { stop: !0 }
@@ -940,7 +939,7 @@ const Yt = /* @__PURE__ */ E({
             "onUpdate:focused": v
           }, null, 8, ["modelValue", "max", "min", "precision", "step"])), [
             [
-              S,
+              V,
               void 0,
               void 0,
               { stop: !0 }
@@ -974,7 +973,7 @@ const Yt = /* @__PURE__ */ E({
   }),
   emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
   setup(t, { emit: s }) {
-    const { isMobile: n } = ve(), e = z(t, "modelValue"), l = s, o = async (i) => {
+    const { isMobile: n } = pe(), e = z(t, "modelValue"), l = s, o = async (i) => {
       if (!i || t.readonly || !n())
         return;
       const u = await ze({
@@ -1149,7 +1148,7 @@ const Yt = /* @__PURE__ */ E({
   emits: ["update:modelValue", "update:open"],
   setup(t) {
     const { t: s } = I(), n = z(t, "modelValue"), e = z(t, "open"), l = it(), o = (u) => {
-      const r = _e(l, u);
+      const r = ve(l, u);
       r && Ye(l, u, !r.collapse);
     }, i = (u) => {
       n.value = u, e.value = !1;
@@ -1183,7 +1182,7 @@ const Yt = /* @__PURE__ */ E({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { t: s } = I(), n = Qe(), { sysBarAvail: e } = ve(), { backgroundColor1: l } = te(), o = z(t, "modelValue"), i = it(), u = L(() => {
+    const { t: s } = I(), n = Qe(), { sysBarAvail: e } = pe(), { backgroundColor1: l } = te(), o = z(t, "modelValue"), i = it(), u = L(() => {
       let f = "100%";
       return n.mdAndUp.value && (f = "400px"), {
         background: l.value,
@@ -1201,13 +1200,13 @@ const Yt = /* @__PURE__ */ E({
     })), d = L(() => {
       if (!o.value)
         return s("x-runtime-lib.notSet");
-      const f = _e(i, o.value);
+      const f = ve(i, o.value);
       return f ? f.name : s("x-runtime-lib.slotNotAvail");
-    }), { open: c } = ke(`propTreeSlotSelectDlg${$e()}`);
+    }), { open: c } = _e(`propTreeSlotSelectDlg${$e()}`);
     return we(() => {
       c.value = !1;
     }), (f, v) => {
-      const C = $("v-btn"), h = $("v-sheet"), V = $("v-icon"), D = $("v-dialog");
+      const C = $("v-btn"), h = $("v-sheet"), S = $("v-icon"), D = $("v-dialog");
       return _(), B(D, {
         modelValue: P(c),
         "onUpdate:modelValue": v[5] || (v[5] = (x) => re(c) ? c.value = x : null),
@@ -1223,7 +1222,7 @@ const Yt = /* @__PURE__ */ E({
             density: "comfortable"
           }), {
             default: R(() => [
-              he(F(d.value), 1)
+              ke(F(d.value), 1)
             ]),
             _: 1
           }, 16)
@@ -1249,7 +1248,7 @@ const Yt = /* @__PURE__ */ E({
                 height: 48
               }, {
                 default: R(() => [
-                  b(V, {
+                  b(S, {
                     icon: "mdi-close",
                     onClick: v[0] || (v[0] = (x) => c.value = !1)
                   }),
@@ -1289,7 +1288,7 @@ const Yt = /* @__PURE__ */ E({
   }),
   emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
   setup(t, { emit: s }) {
-    const { isMobile: n } = ve(), e = z(t, "modelValue"), l = s, o = async (i) => {
+    const { isMobile: n } = pe(), e = z(t, "modelValue"), l = s, o = async (i) => {
       if (!i || t.readonly || !n())
         return;
       const u = await Vt({
@@ -1716,52 +1715,52 @@ function zn(t, s, n) {
     }
     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);
+      const S = a.groups[d][h], D = ve(l, S.key);
       c.push({
-        id: V.key,
+        id: S.key,
         type: 0,
-        name: e.global.t(V.name),
+        name: e.global.t(S.name),
         position: h,
         collapse: D?.collapse ?? !0,
         count: 0
       });
       let x = 0;
-      for (const S of V.items) {
-        const U = Mt[S];
+      for (const V of S.items) {
+        const U = Mt[V];
         if (U && !U.internal && U.slots)
           for (const O of U.slots) {
-            const Q = Re("elementSlot", U.key, O.key), pe = `${e.global.t(U.name)} / ${e.global.t(O.name)}`;
+            const Q = Re("elementSlot", U.key, O.key), ge = `${e.global.t(U.name)} / ${e.global.t(O.name)}`;
             c.push({
               id: Q,
               type: 1,
-              name: pe,
+              name: ge,
               position: x++,
-              group: V.key
+              group: S.key
             });
           }
       }
     }
     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);
+    for (const { id: h, name: S, position: D } of f.compGroups) {
+      const x = ve(l, h);
       c.push({
         id: h,
         type: 0,
-        name: V,
+        name: S,
         position: D,
         collapse: x?.collapse ?? !0
       });
     }
     let C = 0;
     for (const h of f.comps) {
-      const V = v[h.id];
-      if (V && V.meta.slots)
-        for (const D of V.meta.slots) {
-          const x = Re("customSlot", h.id, D.id), S = `${h.name} / ${D.name}`;
+      const S = v[h.id];
+      if (S && S.meta.slots)
+        for (const D of S.meta.slots) {
+          const x = Re("customSlot", h.id, D.id), V = `${h.name} / ${D.name}`;
           c.push({
             id: x,
             type: 1,
-            name: S,
+            name: V,
             position: C++,
             group: h.groupId
           });
@@ -1842,18 +1841,18 @@ const Gn = /* @__PURE__ */ E({
         h.value = l.config;
       }
     );
-    const V = T(l.object);
-    Rt(V), oe(
+    const S = T(l.object);
+    Rt(S), oe(
       () => l.object,
       () => {
-        V.value = l.object;
+        S.value = l.object;
       }
     ), Jt(d), Xt(c), Fn(), zn(f, v, C);
     const { renderProperty: D } = Rn(
       d,
       u,
       r
-    ), { 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(
+    ), { renderUiDummy: x } = Nn(c), { renderUiStrInput: V } = Hn(c), { renderUiNumInput: U } = qn(c), { renderUiSwitch: O } = Xn(c), { renderUiSelect: Q } = En(c), { renderUiColorPicker: ge } = 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,
@@ -1885,7 +1884,7 @@ const Gn = /* @__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(Ue, {
+      const ye = k(Ue, {
         title: ie,
         collapse: g.collapse,
         hasCreate: !0,
@@ -1987,7 +1986,7 @@ const Gn = /* @__PURE__ */ E({
         },
         (() => {
           const M = [];
-          return M.push(ge), g.collapse || M.push(Y), M;
+          return M.push(ye), g.collapse || M.push(Y), M;
         })()
       );
     }, mt = (p, m, y, g, w, A) => {
@@ -2012,7 +2011,7 @@ const Gn = /* @__PURE__ */ E({
         onDelete: () => {
           w === void 0 || A || (y.splice(w, 1), c(p.slice(0, -1), y));
         }
-      }), ge = k(
+      }), ye = k(
         "div",
         {
           style: {
@@ -2049,7 +2048,7 @@ const Gn = /* @__PURE__ */ E({
         },
         (() => {
           const Y = [];
-          return Y.push(ie), g.collapse || Y.push(ge), Y;
+          return Y.push(ie), g.collapse || Y.push(ye), Y;
         })()
       );
     }, ft = (p, m, y, g, w, A) => {
@@ -2063,7 +2062,7 @@ const Gn = /* @__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(Ue, {
+      const ye = k(Ue, {
         title: ie,
         collapse: g.collapse,
         hasCreate: !0,
@@ -2101,14 +2100,14 @@ const Gn = /* @__PURE__ */ E({
         },
         (() => {
           const M = [];
-          return M.push(ge), g.collapse || M.push(Y), M;
+          return M.push(ye), g.collapse || M.push(Y), M;
         })()
       );
     }, 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 = 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");
+      return m.ui === "dummy" ? A = x(p, m, y, g, w) : m.ui === "strInput" ? A = V(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 = ge(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",
       {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-prop-tree",
   "private": false,
-  "version": "0.7.21",
+  "version": "0.7.22",
   "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.50",
-    "x-essential-lib": "^0.9.3",
+    "x-block-lib": "^0.8.51",
+    "x-essential-lib": "^0.9.13",
     "x-group-list": "^0.4.7",
     "x-runtime-lib": "^0.8.97",
-    "x-state-lib": "^0.3.27"
+    "x-state-lib": "^0.3.28"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",