x-prop-tree 0.7.27 → 0.7.28

package/dist/index.js

@@ -1,11 +1,11 @@
-import { provide as re, inject as ae, defineComponent as E, ref as O, computed as A, resolveComponent as $, createBlock as B, openBlock as k, unref as M, isRef as ue, withCtx as K, createVNode as w, createElementBlock as q, Fragment as me, renderList as Me, createTextVNode as ge, toDisplayString as J, resolveDirective as ee, withDirectives as Z, withModifiers as X, normalizeStyle as G, createElementVNode as D, createCommentVNode as Y, onMounted as Oe, onBeforeUnmount as Be, watch as ie, useModel as F, useId as _e, onUnmounted as Se, withKeys as Pe, mergeProps as Ve, mergeModels as j, useTemplateRef as Ye, watchEffect as He, h as S, renderSlot as St, reactive as Vt } from "vue";
+import { provide as re, inject as ae, defineComponent as E, ref as O, computed as L, resolveComponent as $, createBlock as B, openBlock as k, unref as M, isRef as ue, withCtx as K, createVNode as w, createElementBlock as q, Fragment as me, renderList as Me, createTextVNode as ge, toDisplayString as J, resolveDirective as ee, withDirectives as Z, withModifiers as X, normalizeStyle as G, createElementVNode as D, createCommentVNode as Y, onMounted as Oe, onBeforeUnmount as Be, watch as ie, useModel as F, useId as _e, onUnmounted as Se, withKeys as Pe, mergeProps as Ve, mergeModels as j, useTemplateRef as Ye, watchEffect as He, h as S, renderSlot as St, reactive as Vt } from "vue";
 import { useI18n as ne } from "vue-i18n";
 import { useViewStack as ye, useColor as I, globalObjects as Ct, useSystem as le, eventBus as fe, injectDark as $t, injectLocale as Ut, openNumberDlg as We, openPromptDlg as bt } from "x-essential-lib";
-import { getPropertyDefault as H, pkgs as qe, getPropertyTag as wt, elements as Mt, makeSlotId as Fe, parsePixelStr as Pt, parsePercentStr as Lt } from "x-runtime-lib";
-import { c as Qe, i as Le, r as pe, d as Ze, v as je } from "./vendor.f0ug048x.js";
+import { getPropertyDefault as H, pkgs as qe, getPropertyTag as wt, elements as Mt, makeSlotId as Fe, parsePixelStr as Pt, parsePercentStr as At } from "x-runtime-lib";
+import { c as Qe, i as Ae, r as pe, d as Ze, v as je } from "./vendor.f0ug048x.js";
 import { globalState as Ke } from "x-state-lib";
 import { useDisplay as Re } from "vuetify";
-import { XBlockly as At } from "x-block-lib";
+import { XBlockly as Lt } from "x-block-lib";
 const ze = (t) => !(t instanceof Array), Ne = (t) => t instanceof Array, Dt = (t, s) => {
   const l = (e, n) => {
     if (e.ui !== n.ui || e.array !== n.array)
@@ -78,12 +78,12 @@ const ze = (t) => !(t instanceof Array), Ne = (t) => t instanceof Array, Dt = (t
     i ? e !== l[s.key] && (l[s.key] = e, n(t, l[s.key])) : e !== l[o] && (l[o] = e, n(t, l[o]));
   else {
     let r = e;
-    (s.ui === "switch" || s.ui === "select" || s.ui === "colorPicker" || s.ui === "multiTypes" || s.ui === "compSelect") && (e || (r = void 0)), r !== l[s.key] && (l[s.key] = r, n(t, l[s.key]));
+    (s.ui === "switch" || s.ui === "select" || s.ui === "colorPicker" || s.ui === "multiTypes" || s.ui === "selectComp" || s.ui === "selectSlot" || s.ui === "selectAdaptSlot") && (e || (r = void 0)), r !== l[s.key] && (l[s.key] = r, n(t, l[s.key]));
   }
-}, Ee = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, Tt = [
+}, Ee = (t) => !(t instanceof Array), Le = (t) => t instanceof Array, Tt = [
   ["basic", "id"],
   ["basic", "name"]
-], Nt = (t) => Tt.find((s) => Le(t, s)), De = (t, s, l, e, n, o, i) => (t = Qe(t), o !== void 0 ? (t.push(o), i && t.push(s.key)) : t.push(s.key), Nt(t) ? (e.change = !1, e.change) : s.ui ? s.array && e.children && Ae(e.children) ? qt(
+], Nt = (t) => Tt.find((s) => Ae(t, s)), De = (t, s, l, e, n, o, i) => (t = Qe(t), o !== void 0 ? (t.push(o), i && t.push(s.key)) : t.push(s.key), Nt(t) ? (e.change = !1, e.change) : s.ui ? s.array && e.children && Le(e.children) ? qt(
   t,
   s,
   l,
@@ -121,7 +121,7 @@ const ze = (t) => !(t instanceof Array), Ne = (t) => t instanceof Array, Dt = (t
       !1,
       "execPropertyBranchArray property array must be valid"
     ), !1;
-  if (!e.children || !Ae(e.children))
+  if (!e.children || !Le(e.children))
     return console.assert(
       !1,
       "execPropertyBranchArray state children must be array"
@@ -153,7 +153,7 @@ const ze = (t) => !(t instanceof Array), Ne = (t) => t instanceof Array, Dt = (t
       ) && (a.change = !0), a.change && (e.change = !0);
     });
   }
-  return e.change || (e.change = !Le(r, H(s))), e.change;
+  return e.change || (e.change = !Ae(r, H(s))), e.change;
 }, Bt = (t, s, l, e, n, o, i) => {
   if (s.ui)
     return console.assert(
@@ -182,7 +182,7 @@ const ze = (t) => !(t instanceof Array), Ne = (t) => t instanceof Array, Dt = (t
     return console.assert(!1, "execPropertyLeafArray property ui must be valid"), !1;
   if (!s.array)
     return console.assert(!1, "execPropertyLeafArray property aray must be valid"), !1;
-  if (!e.children || !Ae(e.children))
+  if (!e.children || !Le(e.children))
     return console.assert(!1, "execPropertyLeafArray state children must be array"), !1;
   let r;
   o !== void 0 && !i ? (l[o] instanceof Array || (l[o] = H(s), n?.(t, l[o])), r = l[o]) : (l[s.key] instanceof Array || (l[s.key] = H(s), n?.(t, l[s.key])), r = l[s.key]), e.change = !1;
@@ -199,12 +199,12 @@ const ze = (t) => !(t instanceof Array), Ne = (t) => t instanceof Array, Dt = (t
       u,
       !1
     ) && (e.change = !0);
-  return e.change || (e.change = !Le(r, H(s))), e.change;
+  return e.change || (e.change = !Ae(r, H(s))), e.change;
 }, Kt = (t, s, l, e, n) => {
   if (!t.ui)
     return console.assert(!1, "execPropertyLeafScalar property ui must be valid"), !1;
   let o;
-  return e !== void 0 && !n ? o = s[e] : o = s[t.key], l.change = !Le(o, H(t, !0)), l.change;
+  return e !== void 0 && !n ? o = s[e] : o = s[t.key], l.change = !Ae(o, H(t, !0)), l.change;
 }, Ge = (t, s, l, e) => {
   if (s.length <= 0 || !l) {
     t.value = {};
@@ -227,7 +227,7 @@ const ze = (t) => !(t instanceof Array), Ne = (t) => t instanceof Array, Dt = (t
       return console.assert(!1, `isPropChanged state must be valid keys=${s}`), !1;
     if (!l.children)
       return console.assert(!1, `isPropChanged state must be valid keys=${s}`), !1;
-    typeof e == "string" ? Ee(l.children) && (l = l.children[e]) : Ae(l.children) && (l = l.children[e]);
+    typeof e == "string" ? Ee(l.children) && (l = l.children[e]) : Le(l.children) && (l = l.children[e]);
   }), l?.change ?? !1;
 }, Ie = Symbol(), et = Symbol(), tt = Symbol(), nt = Symbol(), lt = Symbol(), ot = Symbol(), st = Symbol(), it = Symbol();
 function Rt(t) {
@@ -281,7 +281,7 @@ function at() {
 const jt = /* @__PURE__ */ E({
   __name: "index",
   setup(t) {
-    const { t: s } = ne(), l = Jt(), e = Ht(), n = zt(), o = Yt(), i = O(0), r = O(0), u = O([]), a = A(() => [i.value, r.value]), c = (x) => {
+    const { t: s } = ne(), l = Jt(), e = Ht(), n = zt(), o = Yt(), i = O(0), r = O(0), u = O([]), a = L(() => [i.value, r.value]), c = (x) => {
       const U = () => !(u.value.length <= 0 || !ve(n.value, u.value)), g = () => {
         const V = be(l.value, u.value);
         if (V)
@@ -362,7 +362,7 @@ const jt = /* @__PURE__ */ E({
         title: s("x-prop-tree.paste"),
         func: g
       });
-    }, p = A(() => {
+    }, p = L(() => {
       const x = [];
       return c(x), v(x), m(x), x;
     }), d = (x) => {
@@ -414,7 +414,7 @@ const jt = /* @__PURE__ */ E({
   },
   emits: ["collapse", "menu", "create", "delete"],
   setup(t, { emit: s }) {
-    const { backgroundColor2: l, highlightColor: e } = I(), n = s, o = O(!1), i = A(() => ({
+    const { backgroundColor2: l, highlightColor: e } = I(), n = s, o = O(!1), i = L(() => ({
       background: o.value ? e.value : l.value,
       height: "36px",
       marginBottom: "1px",
@@ -617,7 +617,7 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
   },
   emits: ["x-click"],
   setup(t, { emit: s }) {
-    const { backgroundColor2: l, highlightColor: e } = I(), n = t, o = s, i = O(!1), r = A(() => ({
+    const { backgroundColor2: l, highlightColor: e } = I(), n = t, o = s, i = O(!1), r = L(() => ({
       background: i.value ? e.value : l.value,
       height: "30px",
       marginBottom: "1px",
@@ -651,7 +651,7 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
   },
   emits: ["x-click"],
   setup(t, { emit: s }) {
-    const { backgroundColor2: l, highlightColor: e } = I(), n = s, o = O(!1), i = A(() => ({
+    const { backgroundColor2: l, highlightColor: e } = I(), n = s, o = O(!1), i = L(() => ({
       background: o.value ? e.value : l.value,
       height: "48px",
       marginBottom: "1px",
@@ -720,22 +720,22 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { t: s } = ne(), l = Re(), { sysBarAvail: e, nameList: n } = le(), { backgroundColor1: o } = I(), i = F(t, "modelValue"), r = at(), u = A(() => {
+    const { t: s } = ne(), l = Re(), { sysBarAvail: e, nameList: n } = le(), { backgroundColor1: o } = I(), i = F(t, "modelValue"), r = at(), u = L(() => {
       let p = "100%";
       return l.mdAndUp.value && (p = "400px"), {
         background: o.value,
         width: p,
         height: "100%"
       };
-    }), a = A(() => {
+    }), a = L(() => {
       let p = 48;
       return e.value && (p += 24), {
         position: "relative",
         height: `calc(100% - ${p}px)`
       };
-    }), c = A(() => ({
+    }), c = L(() => ({
       height: "60px"
-    })), v = A(() => {
+    })), v = L(() => {
       if (!i.value)
         return s("x-runtime-lib.notSet");
       const p = pe(r, i.value);
@@ -832,12 +832,12 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
   }),
   emits: /* @__PURE__ */ j(["delete"], ["update:modelValue"]),
   setup(t, { emit: s }) {
-    const { t: l } = ne(), e = F(t, "modelValue"), n = s, o = A(() => {
+    const { t: l } = ne(), e = F(t, "modelValue"), n = s, o = L(() => {
       let u = "100%";
       return t.hasDelete && (u = "calc(100% - 37px)"), {
         width: u
       };
-    }), i = A(() => t.readonly), { open: r } = ye(`propTreeColorPickerMenu${_e()}`);
+    }), i = L(() => t.readonly), { open: r } = ye(`propTreeColorPickerMenu${_e()}`);
     return Se(() => {
       r.value = !1;
     }), (u, a) => {
@@ -899,7 +899,7 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
   },
   emits: ["x-click"],
   setup(t, { emit: s }) {
-    const { backgroundColor2: l, highlightColor: e } = I(), n = t, o = s, i = O(!1), r = A(() => ({
+    const { backgroundColor2: l, highlightColor: e } = I(), n = t, o = s, i = O(!1), r = L(() => ({
       background: i.value ? e.value : l.value,
       height: "30px",
       marginBottom: "1px",
@@ -933,7 +933,7 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
   },
   emits: ["x-click"],
   setup(t, { emit: s }) {
-    const { backgroundColor2: l, highlightColor: e } = I(), n = t, o = s, i = O(!1), r = A(() => ({
+    const { backgroundColor2: l, highlightColor: e } = I(), n = t, o = s, i = O(!1), r = L(() => ({
       background: i.value ? e.value : l.value,
       height: "48px",
       marginBottom: "1px",
@@ -1002,22 +1002,22 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { t: s } = ne(), l = Re(), { sysBarAvail: e, nameList: n } = le(), { backgroundColor1: o } = I(), i = F(t, "modelValue"), r = ut(), u = A(() => {
+    const { t: s } = ne(), l = Re(), { sysBarAvail: e, nameList: n } = le(), { backgroundColor1: o } = I(), i = F(t, "modelValue"), r = ut(), u = L(() => {
       let p = "100%";
       return l.mdAndUp.value && (p = "400px"), {
         background: o.value,
         width: p,
         height: "100%"
       };
-    }), a = A(() => {
+    }), a = L(() => {
       let p = 48;
       return e.value && (p += 24), {
         position: "relative",
         height: `calc(100% - ${p}px)`
       };
-    }), c = A(() => ({
+    }), c = L(() => ({
       height: "60px"
-    })), v = A(() => {
+    })), v = L(() => {
       if (!i.value)
         return s("x-runtime-lib.notSet");
       const p = pe(r, i.value);
@@ -1118,7 +1118,7 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
     return s({ save: () => {
       const v = u.value.save();
       l.value = JSON.stringify(v, null, 2);
-    } }), (v, m) => (k(), B(M(At), {
+    } }), (v, m) => (k(), B(M(Lt), {
       ref_key: "target",
       ref: u,
       lock: e.value,
@@ -1140,14 +1140,14 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { t: s } = ne(), { sysBarAvail: l } = le(), { backgroundColor0: e, backgroundColor1: n, backgroundColor2: o } = I(), i = F(t, "modelValue"), r = O(!1), u = O(1), a = A(() => {
+    const { t: s } = ne(), { sysBarAvail: l } = le(), { backgroundColor0: e, backgroundColor1: n, backgroundColor2: o } = I(), i = F(t, "modelValue"), r = O(!1), u = O(1), a = L(() => {
       let p = 48;
       return l.value && (p += 24), {
         position: "relative",
         background: n.value,
         height: `calc(100% - ${p}px)`
       };
-    }), c = A(() => s("x-prop-tree.jsonEditor")), { open: v } = ye(`propTreejsonEditorDlg${_e()}`);
+    }), c = L(() => s("x-prop-tree.jsonEditor")), { open: v } = ye(`propTreejsonEditorDlg${_e()}`);
     Se(() => {
       v.value = !1;
     });
@@ -1228,7 +1228,7 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
       }, 8, ["modelValue"]);
     };
   }
-}), Mn = { class: "d-flex justify-space-between align-center my-2" }, Pn = { class: "flex-grow-1" }, Ln = /* @__PURE__ */ E({
+}), Mn = { class: "d-flex justify-space-between align-center my-2" }, Pn = { class: "flex-grow-1" }, An = /* @__PURE__ */ E({
   __name: "index",
   props: /* @__PURE__ */ j({
     hasDelete: { type: Boolean, default: !1 },
@@ -1239,7 +1239,7 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
   }),
   emits: /* @__PURE__ */ j(["delete"], ["update:modelValue"]),
   setup(t, { emit: s }) {
-    const { t: l } = ne(), { isMobile: e } = le(), n = F(t, "modelValue"), o = s, i = Je(), r = A(() => qe[i.value].types[t.types]), u = O(0), a = A(() => {
+    const { t: l } = ne(), { isMobile: e } = le(), n = F(t, "modelValue"), o = s, i = Je(), r = L(() => qe[i.value].types[t.types]), u = O(0), a = L(() => {
       const d = [];
       return r.value?.forEach(({ title: C }, x) => {
         d.push({
@@ -1251,7 +1251,7 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
     He(() => {
       r.value?.some((d, C) => d.validator(n.value) ? (u.value = C, !0) : !1);
     });
-    const c = A(() => r.value?.[u.value]), v = () => {
+    const c = L(() => r.value?.[u.value]), v = () => {
       n.value = c.value?.default;
     }, m = O(0), p = async (d) => {
       if (!d || !e() || c.value.ui !== "pixelInput" && c.value.ui !== "percentInput")
@@ -1267,7 +1267,7 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
       C !== void 0 && (m.value = C);
     };
     return He(() => {
-      c.value?.ui === "pixelInput" ? m.value = Pt(n.value) : c.value?.ui === "percentInput" && (m.value = Lt(n.value));
+      c.value?.ui === "pixelInput" ? m.value = Pt(n.value) : c.value?.ui === "percentInput" && (m.value = At(n.value));
     }), ie(m, (d) => {
       c.value?.ui === "pixelInput" ? n.value = d + "px" : c.value?.ui === "percentInput" && (n.value = d + "%");
     }), (d, C) => {
@@ -1325,7 +1325,7 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
       ]);
     };
   }
-}), An = { class: "d-flex justify-space-between align-center" }, Dn = /* @__PURE__ */ E({
+}), Ln = { class: "d-flex justify-space-between align-center" }, Dn = /* @__PURE__ */ E({
   __name: "index",
   props: /* @__PURE__ */ j({
     hasDelete: { type: Boolean, default: !1 },
@@ -1356,7 +1356,7 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
     };
     return (i, r) => {
       const u = $("v-number-input"), a = $("v-btn"), c = ee("ripple");
-      return k(), q("div", An, [
+      return k(), q("div", Ln, [
         Z(w(u, {
           modelValue: e.value,
           "onUpdate:modelValue": r[0] || (r[0] = (v) => e.value = v),
@@ -1401,7 +1401,7 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
   }),
   emits: /* @__PURE__ */ j(["delete"], ["update:modelValue"]),
   setup(t, { emit: s }) {
-    const { t: l } = ne(), e = F(t, "modelValue"), n = s, o = Je(), i = A(() => {
+    const { t: l } = ne(), e = F(t, "modelValue"), n = s, o = Je(), i = L(() => {
       const r = [];
       return qe[o.value].items[t.items].forEach(({ title: a, value: c }) => {
         r.push({ title: l(a), value: c });
@@ -1445,7 +1445,7 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
   },
   emits: ["x-click"],
   setup(t, { emit: s }) {
-    const { backgroundColor2: l, highlightColor: e } = I(), n = s, o = O(!1), i = A(() => ({
+    const { backgroundColor2: l, highlightColor: e } = I(), n = s, o = O(!1), i = L(() => ({
       background: o.value ? e.value : l.value,
       height: "48px",
       marginBottom: "1px",
@@ -1499,22 +1499,22 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { t: s } = ne(), l = Re(), { sysBarAvail: e, nameList: n } = le(), { backgroundColor1: o } = I(), i = F(t, "modelValue"), r = rt(), u = A(() => {
+    const { t: s } = ne(), l = Re(), { sysBarAvail: e, nameList: n } = le(), { backgroundColor1: o } = I(), i = F(t, "modelValue"), r = rt(), u = L(() => {
       let p = "100%";
       return l.mdAndUp.value && (p = "400px"), {
         background: o.value,
         width: p,
         height: "100%"
       };
-    }), a = A(() => {
+    }), a = L(() => {
       let p = 48;
       return e.value && (p += 24), {
         position: "relative",
         height: `calc(100% - ${p}px)`
       };
-    }), c = A(() => ({
+    }), c = L(() => ({
       height: "60px"
-    })), v = A(() => {
+    })), v = L(() => {
       if (!i.value)
         return s("x-runtime-lib.notSet");
       const p = r.value.find((d) => d.id === i.value);
@@ -1683,7 +1683,7 @@ const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-g
   }
 });
 function Gn(t) {
-  return { renderUiAdaptSlotSelect: (l, e, n, o, i) => e.ui !== "adaptSlotSelect" ? (console.assert(!1), S("div", "renderUiSlotSelect property ui must be adaptSlotSelect")) : S(fn, {
+  return { renderUiAdaptSlotSelect: (l, e, n, o, i) => e.ui !== "selectAdaptSlot" ? (console.assert(!1), S("div", "renderUiSlotSelect property ui must be selectAdaptSlot")) : S(fn, {
     modelValue: te(
       l,
       e,
@@ -1734,7 +1734,7 @@ function Yn(t) {
   }) };
 }
 function Wn(t) {
-  return { renderUiCompSelect: (l, e, n, o, i) => e.ui !== "compSelect" ? (console.assert(!1), S("div", "renderUiCompSelect property ui must be compSelect")) : S($n, {
+  return { renderUiCompSelect: (l, e, n, o, i) => e.ui !== "selectComp" ? (console.assert(!1), S("div", "renderUiCompSelect property ui must be selectComp")) : S($n, {
     modelValue: te(
       l,
       e,
@@ -1789,7 +1789,7 @@ function Zn(t) {
   }) };
 }
 function jn(t) {
-  return { renderUiMultiTypes: (l, e, n, o, i) => e.ui !== "multiTypes" ? (console.assert(!1), S("div", "renderUiMultiTypes property ui must be multiTypes")) : S(Ln, {
+  return { renderUiMultiTypes: (l, e, n, o, i) => e.ui !== "multiTypes" ? (console.assert(!1), S("div", "renderUiMultiTypes property ui must be multiTypes")) : S(An, {
     modelValue: te(
       l,
       e,
@@ -1855,7 +1855,7 @@ const el = /* @__PURE__ */ E({
   },
   emits: ["menu"],
   setup(t, { emit: s }) {
-    const { backgroundColor2: l, highlightColor: e } = I(), n = s, o = O(!1), i = A(() => ({
+    const { backgroundColor2: l, highlightColor: e } = I(), n = s, o = O(!1), i = L(() => ({
       background: o.value ? e.value : l.value,
       minHeight: t.minHeight,
       paddingRight: "4px",
@@ -1933,7 +1933,7 @@ function nl(t) {
   }) };
 }
 function ll(t) {
-  return { renderUiSlotSelect: (l, e, n, o, i) => e.ui !== "slotSelect" ? (console.assert(!1), S("div", "renderUiSlotSelect property ui must be slotSelect")) : S(Jn, {
+  return { renderUiSlotSelect: (l, e, n, o, i) => e.ui !== "selectSlot" ? (console.assert(!1), S("div", "renderUiSlotSelect property ui must be selectSlot")) : S(Jn, {
     modelValue: te(
       l,
       e,
@@ -2115,11 +2115,11 @@ const il = /* @__PURE__ */ E({
         title: ce,
         collapse: h.collapse,
         hasCreate: !0,
-        onCollapse: (L) => {
-          h.collapse = L;
+        onCollapse: (A) => {
+          h.collapse = A;
         },
-        onMenu: (L, R) => {
-          fe.emit("propTreeMenu", { x: L, y: R, keys: y });
+        onMenu: (A, R) => {
+          fe.emit("propTreeMenu", { x: A, y: R, keys: y });
         },
         onCreate: () => {
           z.push({}), v(y, z);
@@ -2132,7 +2132,7 @@ const il = /* @__PURE__ */ E({
           }
         },
         (() => {
-          const L = [];
+          const A = [];
           for (let R = 0; R < z.length; R++) {
             if (!Ne(h.children)) {
               console.assert(!1);
@@ -2168,7 +2168,7 @@ const il = /* @__PURE__ */ E({
                 h.children.splice(se, 1), z.splice(se, 1), v(y, z);
               }
             });
-            L.push(kt);
+            A.push(kt);
             const xt = S(
               "div",
               {
@@ -2199,9 +2199,9 @@ const il = /* @__PURE__ */ E({
                 }), se;
               })()
             );
-            h.children[R].collapse || L.push(xt);
+            h.children[R].collapse || A.push(xt);
           }
-          return L;
+          return A;
         })()
       );
       return S(
@@ -2212,8 +2212,8 @@ const il = /* @__PURE__ */ E({
           }
         },
         (() => {
-          const L = [];
-          return L.push(ke), h.collapse || L.push(W), L;
+          const A = [];
+          return A.push(ke), h.collapse || A.push(W), A;
         })()
       );
     }, pt = (y, f, _, h, b, N) => {
@@ -2232,8 +2232,8 @@ const il = /* @__PURE__ */ E({
         onCollapse: (W) => {
           h.collapse = W;
         },
-        onMenu: (W, L) => {
-          fe.emit("propTreeMenu", { x: W, y: L, keys: y });
+        onMenu: (W, A) => {
+          fe.emit("propTreeMenu", { x: W, y: A, keys: y });
         },
         onDelete: () => {
           b === void 0 || N || (_.splice(b, 1), v(y.slice(0, -1), _));
@@ -2247,20 +2247,20 @@ const il = /* @__PURE__ */ E({
         },
         (() => {
           const W = [];
-          return f.children.forEach((L) => {
+          return f.children.forEach((A) => {
             if (!ze(h.children)) {
               console.assert(!1);
               return;
             }
-            h.children[L.key] || (h.children[L.key] = {
+            h.children[A.key] || (h.children[A.key] = {
               collapse: !0,
-              children: !L.ui && L.array ? [] : {}
+              children: !A.ui && A.array ? [] : {}
             });
             const R = Ce(
               y,
-              L,
+              A,
               (typeof _[f.key] != "object" && (_[f.key] = {}, v(y, _[f.key])), _[f.key]),
-              h.children[L.key]
+              h.children[A.key]
             );
             W.push(R);
           }), W;
@@ -2293,11 +2293,11 @@ const il = /* @__PURE__ */ E({
         title: ce,
         collapse: h.collapse,
         hasCreate: !0,
-        onCollapse: (L) => {
-          h.collapse = L;
+        onCollapse: (A) => {
+          h.collapse = A;
         },
-        onMenu: (L, R) => {
-          fe.emit("propTreeMenu", { x: L, y: R, keys: y });
+        onMenu: (A, R) => {
+          fe.emit("propTreeMenu", { x: A, y: R, keys: y });
         },
         onCreate: () => {
           z.push(H(f, !0)), v(y, z);
@@ -2310,12 +2310,12 @@ const il = /* @__PURE__ */ E({
           }
         },
         (() => {
-          const L = [];
+          const A = [];
           for (let R = 0; R < z.length; R++) {
             const $e = Ce(y, f, z, void 0, R, !1);
-            L.push($e);
+            A.push($e);
           }
-          return L;
+          return A;
         })()
       );
       return S(
@@ -2326,15 +2326,15 @@ const il = /* @__PURE__ */ E({
           }
         },
         (() => {
-          const L = [];
-          return L.push(ke), h.collapse || L.push(W), L;
+          const A = [];
+          return A.push(ke), h.collapse || A.push(W), A;
         })()
       );
     }, yt = (y, f, _, h, b) => {
       if (!f.ui)
         return console.assert(!1), S("div", "renderLeafScalar property ui must be valid");
       let N;
-      return f.ui === "dummy" ? N = g(y, f, _, h, b) : f.ui === "strInput" ? N = V(y, f, _, h, b) : f.ui === "numInput" ? N = P(y, f, _, h, b) : f.ui === "switch" ? N = T(y, f, _, h, b) : f.ui === "select" ? N = Q(y, f, _, h, b) : f.ui === "colorPicker" ? N = he(y, f, _, h, b) : f.ui === "jsonEditor" ? N = Te(y, f, _, h, b) : f.ui === "multiTypes" ? N = ct(y, f, _, h, b) : f.ui === "compSelect" ? N = dt(y, f, _, h, b) : f.ui === "slotSelect" ? N = mt(y, f, _, h, b) : f.ui === "adaptSlotSelect" ? N = ft(y, f, _, h, b) : console.assert(!1, "renderLeafScalar not implemented"), N ? U(y, f, N) : S("div");
+      return f.ui === "dummy" ? N = g(y, f, _, h, b) : f.ui === "strInput" ? N = V(y, f, _, h, b) : f.ui === "numInput" ? N = P(y, f, _, h, b) : f.ui === "switch" ? N = T(y, f, _, h, b) : f.ui === "select" ? N = Q(y, f, _, h, b) : f.ui === "colorPicker" ? N = he(y, f, _, h, b) : f.ui === "jsonEditor" ? N = Te(y, f, _, h, b) : f.ui === "multiTypes" ? N = ct(y, f, _, h, b) : f.ui === "selectComp" ? N = dt(y, f, _, h, b) : f.ui === "selectSlot" ? N = mt(y, f, _, h, b) : f.ui === "selectAdaptSlot" ? N = ft(y, f, _, h, b) : console.assert(!1, "renderLeafScalar not implemented"), N ? U(y, f, N) : S("div");
     }, ht = () => S(
       "div",
       {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-prop-tree",
   "private": false,
-  "version": "0.7.27",
+  "version": "0.7.28",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -25,17 +25,17 @@
     "lodash-es": "^4.17.21",
     "vue": "^3.5.25",
     "vue-i18n": "^11.2.2",
-    "vuetify": "^3.11.2",
-    "x-block-lib": "^0.8.59",
+    "vuetify": "^3.11.3",
+    "x-block-lib": "^0.8.60",
     "x-essential-lib": "^0.9.19",
     "x-group-list": "^0.4.7",
-    "x-runtime-lib": "^0.8.117",
+    "x-runtime-lib": "^0.8.118",
     "x-state-lib": "^0.3.31"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^24.10.1",
+    "@types/node": "^25.0.0",
     "@vitejs/plugin-vue": "^6.0.2",
     "eslint": "^9.39.1",
     "eslint-config-prettier": "^10.1.8",
@@ -45,14 +45,14 @@
     "husky": "^9.1.7",
     "lint-staged": "^16.2.7",
     "prettier": "3.7.4",
-    "sass": "^1.94.2",
+    "sass": "^1.96.0",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.48.1",
-    "vite": "^7.2.6",
+    "typescript-eslint": "^8.49.0",
+    "vite": "^7.2.7",
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-vuetify": "^2.1.2",
     "vue-eslint-parser": "^10.2.0",
     "vue-router": "^4.6.3",
-    "vue-tsc": "^3.1.5"
+    "vue-tsc": "^3.1.8"
   }
 }