x-prop-tree 0.7.20 → 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 U, 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) {
@@ -280,23 +280,23 @@ const Yt = /* @__PURE__ */ E({
         const V = Ce(n.value, r.value);
         if (V)
           if (V.ui) {
-            const $ = ye(e.value, r.value.slice(0, -1));
-            if (!$)
+            const U = he(e.value, r.value.slice(0, -1));
+            if (!U)
               return;
-            $[r.value[r.value.length - 1]] = J(V), o(r.value, $[r.value[r.value.length - 1]]);
+            U[r.value[r.value.length - 1]] = J(V), o(r.value, U[r.value[r.value.length - 1]]);
           } else if (V.array) {
-            const $ = r.value[r.value.length - 1];
-            if ($ === void 0) {
+            const U = r.value[r.value.length - 1];
+            if (U === void 0) {
               console.assert(!1, "invalid last key");
               return;
             }
-            if (typeof $ == "string") {
-              const O = ye(e.value, r.value.slice(0, -1));
+            if (typeof U == "string") {
+              const O = he(e.value, r.value.slice(0, -1));
               if (!O)
                 return;
               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;
               V.children.forEach((Q) => {
@@ -304,11 +304,11 @@ const Yt = /* @__PURE__ */ E({
               });
             }
           } else {
-            const $ = ye(e.value, r.value);
-            if (!$)
+            const U = he(e.value, r.value);
+            if (!U)
               return;
             V.children.forEach((O) => {
-              $[O.key] = J(V), o([...r.value, O.key], $[O.key]);
+              U[O.key] = J(V), o([...r.value, O.key], U[O.key]);
             });
           }
       };
@@ -318,7 +318,7 @@ const Yt = /* @__PURE__ */ E({
       });
     }, c = (S) => {
       const D = () => {
-        const x = Ce(n.value, r.value), V = ye(e.value, r.value);
+        const x = Ce(n.value, r.value), V = he(e.value, r.value);
         localStorage.setItem("propTreeCopy", JSON.stringify({ property: x, object: V }));
       };
       S.push({
@@ -331,10 +331,13 @@ const Yt = /* @__PURE__ */ E({
         if (!V)
           return !1;
         try {
-          const { property: $ } = JSON.parse(V), O = Ce(n.value, r.value);
-          return Pt($, O);
-        } catch ($) {
-          console.error($);
+          const { property: U } = JSON.parse(V);
+          if (!U)
+            return !1;
+          const O = Ce(n.value, r.value);
+          return Pt(U, O);
+        } catch (U) {
+          console.error(U);
         }
         return !1;
       }, x = () => {
@@ -343,10 +346,10 @@ const Yt = /* @__PURE__ */ E({
         const V = localStorage.getItem("propTreeCopy");
         if (V)
           try {
-            const { object: $ } = JSON.parse(V), O = Ce(n.value, r.value);
-            console.log($, O);
-          } catch ($) {
-            console.error($);
+            const { object: U } = JSON.parse(V), O = Ce(n.value, r.value);
+            console.log(U, O);
+          } catch (U) {
+            console.error(U);
           }
       };
       D() && S.push({
@@ -358,9 +361,9 @@ const Yt = /* @__PURE__ */ E({
       return d(S), c(S), f(S), S;
     }), C = (S) => {
       i.value = S.x, u.value = S.y, r.value = S.keys;
-    }, { open: h } = ke("propTreeMenu", C);
+    }, { open: h } = _e("propTreeMenu", C);
     return (S, D) => {
-      const x = U("v-list-item-title"), V = U("v-list-item"), $ = U("v-list"), O = U("v-menu");
+      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),
@@ -369,17 +372,17 @@ const Yt = /* @__PURE__ */ E({
         target: a.value
       }, {
         default: R(() => [
-          b($, null, {
+          b(U, null, {
             default: R(() => [
-              (_(!0), K(fe, null, Te(v.value, (Q, pe) => (_(), B(V, {
-                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)
@@ -416,7 +419,7 @@ const Yt = /* @__PURE__ */ E({
       l("menu", a.clientX, a.clientY);
     };
     return (a, d) => {
-      const c = U("v-icon"), f = U("v-spacer"), v = U("v-btn"), C = ee("ripple");
+      const c = $("v-icon"), f = $("v-spacer"), v = $("v-btn"), C = ee("ripple");
       return j((_(), K("div", {
         class: "d-flex align-center cursor-pointer",
         style: W(i.value),
@@ -468,11 +471,11 @@ 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) => {
-      const d = U("v-btn"), c = U("v-color-picker"), f = U("v-menu");
+      const d = $("v-btn"), c = $("v-color-picker"), f = $("v-menu");
       return _(), B(f, {
         modelValue: P(u),
         "onUpdate:modelValue": a[2] || (a[2] = (v) => re(u) ? u.value = v : null),
@@ -492,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"])
@@ -537,7 +540,7 @@ const Yt = /* @__PURE__ */ E({
       userSelect: "none"
     }));
     return (r, a) => {
-      const d = U("v-icon"), c = ee("ripple");
+      const d = $("v-icon"), c = ee("ripple");
       return j((_(), K("div", {
         class: "d-flex align-center cursor-pointer",
         style: W(u.value),
@@ -599,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");
@@ -633,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,
@@ -651,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 = U("v-btn"), h = U("v-sheet"), S = U("v-icon"), D = U("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),
@@ -673,7 +676,7 @@ const Yt = /* @__PURE__ */ E({
             density: "comfortable"
           }), {
             default: R(() => [
-              he(F(d.value), 1)
+              ke(F(d.value), 1)
             ]),
             _: 1
           }, 16)
@@ -769,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;
     });
@@ -784,7 +787,7 @@ const Yt = /* @__PURE__ */ E({
     return oe(c, (v) => {
       v || f.value?.save();
     }), (v, C) => {
-      const h = U("v-btn"), S = U("v-sheet"), D = U("v-spacer"), x = U("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] = (V) => re(c) ? c.value = V : null),
@@ -801,7 +804,7 @@ const Yt = /* @__PURE__ */ E({
             density: "comfortable"
           }), {
             default: R(() => [
-              he(F(d.value), 1)
+              ke(F(d.value), 1)
             ]),
             _: 1
           }, 16)
@@ -868,7 +871,7 @@ 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 }, S) => {
         C.push({
@@ -900,13 +903,13 @@ 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 S = U("v-select"), D = U("v-number-input"), x = U("v-btn"), V = 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(S, {
             modelValue: r.value,
             "onUpdate:modelValue": [
-              h[0] || (h[0] = ($) => r.value = $),
+              h[0] || (h[0] = (U) => r.value = U),
               c
             ],
             density: "compact",
@@ -924,7 +927,7 @@ const Yt = /* @__PURE__ */ E({
           d.value?.ui === "pixelInput" || d.value?.ui === "percentInput" ? j((_(), B(D, {
             key: 0,
             modelValue: f.value,
-            "onUpdate:modelValue": h[1] || (h[1] = ($) => f.value = $),
+            "onUpdate:modelValue": h[1] || (h[1] = (U) => f.value = U),
             "control-variant": "stacked",
             density: "compact",
             "hide-details": "",
@@ -949,7 +952,7 @@ const Yt = /* @__PURE__ */ E({
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: h[2] || (h[2] = X(($) => o("delete"), ["stop"]))
+          onClick: h[2] || (h[2] = X((U) => o("delete"), ["stop"]))
         })) : G("", !0)
       ]);
     };
@@ -970,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({
@@ -984,7 +987,7 @@ const Yt = /* @__PURE__ */ E({
       u !== void 0 && (e.value = u);
     };
     return (i, u) => {
-      const r = U("v-number-input"), a = U("v-btn"), d = ee("ripple");
+      const r = $("v-number-input"), a = $("v-btn"), d = ee("ripple");
       return _(), K("div", pn, [
         j(b(r, {
           modelValue: e.value,
@@ -1037,7 +1040,7 @@ const Yt = /* @__PURE__ */ E({
       }), u;
     });
     return (u, r) => {
-      const a = U("v-select"), d = U("v-btn"), c = ee("ripple");
+      const a = $("v-select"), d = $("v-btn"), c = ee("ripple");
       return _(), K("div", yn, [
         j(b(a, {
           modelValue: e.value,
@@ -1083,7 +1086,7 @@ const Yt = /* @__PURE__ */ E({
       userSelect: "none"
     }));
     return (r, a) => {
-      const d = U("v-icon"), c = ee("ripple");
+      const d = $("v-icon"), c = ee("ripple");
       return j((_(), K("div", {
         class: "d-flex align-center cursor-pointer",
         style: W(u.value),
@@ -1145,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;
@@ -1179,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,
@@ -1197,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 = U("v-btn"), h = U("v-sheet"), S = U("v-icon"), D = U("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),
@@ -1219,7 +1222,7 @@ const Yt = /* @__PURE__ */ E({
             density: "comfortable"
           }), {
             default: R(() => [
-              he(F(d.value), 1)
+              ke(F(d.value), 1)
             ]),
             _: 1
           }, 16)
@@ -1285,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({
@@ -1295,7 +1298,7 @@ const Yt = /* @__PURE__ */ E({
       u !== void 0 && (e.value = u);
     };
     return (i, u) => {
-      const r = U("v-text-field"), a = U("v-btn"), d = ee("ripple");
+      const r = $("v-text-field"), a = $("v-btn"), d = ee("ripple");
       return _(), K("div", bn, [
         j(b(r, {
           modelValue: e.value,
@@ -1337,7 +1340,7 @@ const Yt = /* @__PURE__ */ E({
   setup(t, { emit: s }) {
     const n = z(t, "modelValue"), e = s;
     return (l, o) => {
-      const i = U("v-switch"), u = U("v-btn");
+      const i = $("v-switch"), u = $("v-btn");
       return _(), K("div", Dn, [
         b(i, {
           modelValue: n.value,
@@ -1712,7 +1715,7 @@ function zn(t, s, n) {
     }
     const d = wt(s.value, n.value), c = [];
     for (let h = 0; h < a.groups[d].length; h++) {
-      const S = a.groups[d][h], D = _e(l, S.key);
+      const S = a.groups[d][h], D = ve(l, S.key);
       c.push({
         id: S.key,
         type: 0,
@@ -1723,14 +1726,14 @@ function zn(t, s, n) {
       });
       let x = 0;
       for (const V of S.items) {
-        const $ = Mt[V];
-        if ($ && !$.internal && $.slots)
-          for (const O of $.slots) {
-            const Q = Re("elementSlot", $.key, O.key), pe = `${e.global.t($.name)} / ${e.global.t(O.name)}`;
+        const U = Mt[V];
+        if (U && !U.internal && U.slots)
+          for (const O of U.slots) {
+            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: S.key
             });
@@ -1739,7 +1742,7 @@ function zn(t, s, n) {
     }
     const { activeApp: f, depends: v } = Ze.app;
     for (const { id: h, name: S, position: D } of f.compGroups) {
-      const x = l.value.find((V) => V.id);
+      const x = ve(l, h);
       c.push({
         id: h,
         type: 0,
@@ -1849,7 +1852,7 @@ const Gn = /* @__PURE__ */ E({
       d,
       u,
       r
-    ), { renderUiDummy: x } = Nn(c), { renderUiStrInput: V } = Hn(c), { renderUiNumInput: $ } = 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,
@@ -1881,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,
@@ -1983,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) => {
@@ -2008,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: {
@@ -2045,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) => {
@@ -2059,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,
@@ -2097,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 = V(p, m, y, g, w) : m.ui === "numInput" ? A = $(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.20",
+  "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.48",
-    "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.94",
-    "x-state-lib": "^0.3.26"
+    "x-runtime-lib": "^0.8.97",
+    "x-state-lib": "^0.3.28"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",