x-prop-tree 0.8.1 → 0.8.3

package/dist/index.js

@@ -1,13 +1,13 @@
 import { a as e, i as t, n, r, t as i } from "./vendor.kbufw3jy.js";
-import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, h as m, inject as h, isRef as g, mergeModels as _, mergeProps as v, normalizeStyle as y, onBeforeUnmount as b, onMounted as x, onUnmounted as S, openBlock as C, provide as w, ref as T, renderList as E, renderSlot as ee, resolveComponent as D, resolveDirective as O, toDisplayString as k, unref as A, useId as j, useModel as M, useTemplateRef as te, watch as N, watchEffect as P, withCtx as F, withDirectives as I, withKeys as ne, withModifiers as L } from "vue";
-import { getElement as re, getPropertyDefault as R, getPropertyDefaultArray as z, getTag as ie, isHexColor as ae, isThemeColor as oe, makeSlotId as se, parsePercent as ce, parsePixel as le, pkgs as ue, themeColors as de } from "x-runtime-lib";
-import { useI18n as B } from "vue-i18n";
-import { eventBus as V, globalObjects as fe, injectDark as pe, injectLocale as me, openNumberDlg as he, openPromptDlg as ge, useColor as H, useSystem as U, useViewStack as W } from "x-essential-lib";
-import { globalState as _e } from "x-state-lib";
-import { useDisplay as ve } from "vuetify";
-import { XBlockly as ye } from "x-block-lib";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, h as m, inject as h, isRef as g, mergeModels as _, mergeProps as v, normalizeStyle as y, onBeforeUnmount as b, onMounted as x, onUnmounted as S, openBlock as C, provide as w, ref as T, renderList as E, renderSlot as ee, resolveComponent as D, resolveDirective as O, toDisplayString as k, unref as A, useId as j, useModel as M, useTemplateRef as te, watch as N, watchEffect as P, withCtx as F, withDirectives as I, withKeys as L, withModifiers as R } from "vue";
+import { getElement as ne, getPropertyDefault as z, getPropertyDefaultArray as B, getTag as re, isHexColor as ie, isThemeColor as ae, makeSlotId as oe, parsePercent as se, parsePixel as ce, pkgs as le, themeColors as ue } from "x-runtime-lib";
+import { useI18n as V } from "vue-i18n";
+import { eventBus as H, globalObjects as de, injectDark as fe, injectLocale as pe, openNumberDlg as me, openPromptDlg as he, useColor as U, useSystem as W, useViewStack as G } from "x-essential-lib";
+import { globalState as ge } from "x-state-lib";
+import { useDisplay as _e } from "vuetify";
+import { XBlockly as ve } from "x-block-lib";
 //#region src/utils/collapseState.ts
-function G(e, t) {
+function K(e, t) {
 	let n = e.value;
 	for (let e of t) {
 		if (!n.children[e]) return !0;
@@ -15,7 +15,7 @@ function G(e, t) {
 	}
 	return n.collapse;
 }
-function K(e, t, n) {
+function q(e, t, n) {
 	let r = e.value;
 	for (let e of t) r.children[e] || (r.children[e] = {
 		collapse: !0,
@@ -25,7 +25,7 @@ function K(e, t, n) {
 }
 //#endregion
 //#region src/utils/common.ts
-function q(e, t) {
+function J(e, t) {
 	let n = {
 		key: "",
 		name: "",
@@ -38,7 +38,7 @@ function q(e, t) {
 	}
 	return n;
 }
-function J(e, t) {
+function Y(e, t) {
 	let n = e;
 	for (let e of t) {
 		if (!n) throw Error("target must be valid");
@@ -46,42 +46,42 @@ function J(e, t) {
 	}
 	return n;
 }
-function be(e, n, r, i, a, o) {
+function ye(e, n, r, i, a, o) {
 	if (i !== void 0 && !a) {
 		if (!(r[i] instanceof Array)) {
-			let a = z(n);
+			let a = B(n);
 			t(a, r[i]) || (r[i] = a, o(e, r[i]));
 		}
 		return r[i];
 	} else {
 		if (!(r[n.key] instanceof Array)) {
-			let i = z(n);
+			let i = B(n);
 			t(i, r[n.key]) || (r[n.key] = i, o(e, r[n.key]));
 		}
 		return r[n.key];
 	}
 }
-function Y(e, n, r, i, a, o) {
+function X(e, n, r, i, a, o) {
 	if (i !== void 0 && !a) {
 		if (r[i] === void 0) {
-			let a = R(n);
+			let a = z(n);
 			t(a, r[i]) || (r[i] = a, o(e, r[i]));
 		}
 		return r[i];
 	} else {
 		if (r[n.key] === void 0) {
-			let i = R(n);
+			let i = z(n);
 			t(i, r[n.key]) || (r[n.key] = i, o(e, r[n.key]));
 		}
 		return r[n.key];
 	}
 }
-function X(e, t, n, r, i, a, o) {
+function Z(e, t, n, r, i, a, o) {
 	i !== void 0 && !a ? r !== n[i] && (n[i] = r, o(e, n[i])) : r !== n[t.key] && (n[t.key] = r, o(e, n[t.key]));
 }
 //#endregion
 //#region src/utils/copyPaste.ts
-var xe = (e, t) => {
+var be = (e, t) => {
 	let n = (e, t) => {
 		if (e.ui !== t.ui || e.array !== t.array) return !1;
 		if (e.ui || t.ui) return !0;
@@ -90,12 +90,12 @@ var xe = (e, t) => {
 		return !0;
 	};
 	return n(e, t);
-}, Se = [["basic", "id"], ["basic", "name"]];
-function Ce(e) {
-	return Se.find((n) => t(e, n));
+}, xe = [["basic", "id"], ["basic", "name"]];
+function Se(e) {
+	return xe.find((n) => t(e, n));
 }
-function Z(t, n, r, i, a, o) {
-	return t = e(t), a === void 0 ? t.push(n.key) : (t.push(a), o && t.push(n.key)), Ce(t) ? (i.change = !1, i.warning = !1, {
+function Ce(t, n, r, i, a, o) {
+	return t = e(t), a === void 0 ? t.push(n.key) : (t.push(a), o && t.push(n.key)), Se(t) ? (i.change = !1, i.warning = !1, {
 		change: i.change,
 		warning: i.warning
 	}) : n.ui ? n.array && i.children ? Ee(t, n, r, i, a, o) : De(n, r, i, a, o) : n.array ? we(t, n, r, i, a, o) : Te(t, n, r, i, a, o);
@@ -121,11 +121,11 @@ function we(e, n, r, i, a, o) {
 				warning: !1,
 				children: {}
 			};
-			let { change: n, warning: o } = Z(e, a, s[t], r.children[a.key], t, !0);
+			let { change: n, warning: o } = Ce(e, a, s[t], r.children[a.key], t, !0);
 			!r.change && n && (r.change = n), !r.change && o && (r.warning = o), !i.change && r.change && (i.change = r.change), !i.warning && r.warning && (i.warning = r.warning);
 		}
 	}
-	return i.change ||= !t(s, z(n)), {
+	return i.change ||= !t(s, B(n)), {
 		change: i.change,
 		warning: i.warning
 	};
@@ -145,7 +145,7 @@ function Te(e, t, n, r, i, a) {
 			warning: !1,
 			children: {}
 		};
-		let { change: a, warning: s } = Z(e, i, o, r.children[i.key], void 0, !1);
+		let { change: a, warning: s } = Ce(e, i, o, r.children[i.key], void 0, !1);
 		!r.change && a && (r.change = a), !r.warning && s && (r.warning = s);
 	}
 	return {
@@ -167,10 +167,10 @@ function Ee(e, n, r, i, a, o) {
 			warning: !1,
 			children: {}
 		};
-		let { change: r, warning: a } = Z(e, n, s, i.children[t], t, !1);
+		let { change: r, warning: a } = Ce(e, n, s, i.children[t], t, !1);
 		!i.change && r && (i.change = r), !i.warning && a && (i.warning = a);
 	}
-	return i.change ||= !t(s, z(n)), {
+	return i.change ||= !t(s, B(n)), {
 		change: i.change,
 		warning: i.warning
 	};
@@ -178,7 +178,7 @@ function Ee(e, n, r, i, a, o) {
 function De(e, n, r, i, a) {
 	if (!e.ui) throw Error("execPropertyLeafScalar property ui must be valid");
 	let o;
-	return o = i !== void 0 && !a ? n[i] : n[e.key], r.change = !t(o, R(e)), {
+	return o = i !== void 0 && !a ? n[i] : n[e.key], r.change = !t(o, z(e)), {
 		change: r.change,
 		warning: r.warning
 	};
@@ -203,7 +203,7 @@ function Oe(e, t, n) {
 			warning: !1,
 			children: {}
 		};
-		r.children[e.key] = t, Z([], e, n, t, void 0, !1);
+		r.children[e.key] = t, Ce([], e, n, t, void 0, !1);
 	}
 	e.value = r;
 }
@@ -289,15 +289,15 @@ function ot() {
 var st = /* @__PURE__ */ p({
 	__name: "index",
 	setup(e) {
-		let { t } = B(), n = qe(), r = Ye(), i = $e(), c = $(), u = T(0), p = T(0), m = T([]), h = o(() => [u.value, p.value]), _ = (e) => {
+		let { t } = V(), n = qe(), r = Ye(), i = $e(), c = $(), u = T(0), p = T(0), m = T([]), h = o(() => [u.value, p.value]), _ = (e) => {
 			!(m.value.length <= 0 || !Q(i.value, m.value)) && e.push({
 				title: t("x-prop-tree.reset"),
 				func: () => {
-					let e = q(n.value, m.value);
+					let e = J(n.value, m.value);
 					if (e) if (e.ui) {
-						let t = J(r.value, m.value.slice(0, -1));
+						let t = Y(r.value, m.value.slice(0, -1));
 						if (!t) return;
-						t[m.value[m.value.length - 1]] = R(e), c(m.value, t[m.value[m.value.length - 1]]);
+						t[m.value[m.value.length - 1]] = z(e), c(m.value, t[m.value[m.value.length - 1]]);
 					} else if (e.array) {
 						let t = m.value[m.value.length - 1];
 						if (t === void 0) {
@@ -305,21 +305,21 @@ var st = /* @__PURE__ */ p({
 							return;
 						}
 						if (typeof t == "string") {
-							let t = J(r.value, m.value.slice(0, -1));
+							let t = Y(r.value, m.value.slice(0, -1));
 							if (!t) return;
-							t[m.value[m.value.length - 1]] = R(e), c(m.value, t[m.value[m.value.length - 1]]);
+							t[m.value[m.value.length - 1]] = z(e), c(m.value, t[m.value[m.value.length - 1]]);
 						} else {
-							let t = J(r.value, m.value);
+							let t = Y(r.value, m.value);
 							if (!t) return;
 							e.children.forEach((n) => {
-								t[n.key] = R(e), c([...m.value, n.key], t[n.key]);
+								t[n.key] = z(e), c([...m.value, n.key], t[n.key]);
 							});
 						}
 					} else {
-						let t = J(r.value, m.value);
+						let t = Y(r.value, m.value);
 						if (!t) return;
 						e.children.forEach((n) => {
-							t[n.key] = R(e), c([...m.value, n.key], t[n.key]);
+							t[n.key] = z(e), c([...m.value, n.key], t[n.key]);
 						});
 					}
 				}
@@ -328,7 +328,7 @@ var st = /* @__PURE__ */ p({
 			e.push({
 				title: t("x-prop-tree.copy"),
 				func: () => {
-					let e = q(n.value, m.value), t = J(r.value, m.value);
+					let e = J(n.value, m.value), t = Y(r.value, m.value);
 					localStorage.setItem("propTreeCopy", JSON.stringify({
 						property: e,
 						object: t
@@ -342,8 +342,8 @@ var st = /* @__PURE__ */ p({
 				try {
 					let { property: t } = JSON.parse(e);
 					if (!t) return !1;
-					let r = q(n.value, m.value);
-					return r ? xe(t, r) : !1;
+					let r = J(n.value, m.value);
+					return r ? be(t, r) : !1;
 				} catch (e) {
 					console.error(e);
 				}
@@ -355,7 +355,7 @@ var st = /* @__PURE__ */ p({
 					if (!r()) return;
 					let e = localStorage.getItem("propTreeCopy");
 					if (e) try {
-						let { object: t } = JSON.parse(e), r = q(n.value, m.value);
+						let { object: t } = JSON.parse(e), r = J(n.value, m.value);
 						console.log(t, r);
 					} catch (e) {
 						console.error(e);
@@ -365,7 +365,7 @@ var st = /* @__PURE__ */ p({
 		}, b = o(() => {
 			let e = [];
 			return _(e), v(e), y(e), e;
-		}), { open: x } = W("propTreeMenu", (e) => {
+		}), { open: x } = G("propTreeMenu", (e) => {
 			u.value = e.x, p.value = e.y, m.value = e.keys;
 		});
 		return (e, t) => {
@@ -417,7 +417,7 @@ var st = /* @__PURE__ */ p({
 		"delete"
 	],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = H(), i = t, a = T(!1), d = o(() => ({
+		let { backgroundColor2: n, highlightColor: r } = U(), i = t, a = T(!1), d = o(() => ({
 			background: a.value ? r.value : n.value,
 			height: "36px",
 			marginBottom: "1px",
@@ -433,7 +433,7 @@ var st = /* @__PURE__ */ p({
 				class: "d-flex align-center cursor-pointer",
 				style: y(d.value),
 				onClick: p,
-				onContextmenu: L(m, ["self", "prevent"]),
+				onContextmenu: R(m, ["self", "prevent"]),
 				onMouseout: n[2] ||= (e) => a.value = !1,
 				onMouseover: n[3] ||= (e) => a.value = !0
 			}, [
@@ -449,7 +449,7 @@ var st = /* @__PURE__ */ p({
 					density: "compact",
 					icon: "mdi-plus",
 					variant: "text",
-					onClick: n[0] ||= L((e) => i("create"), ["stop"])
+					onClick: n[0] ||= R((e) => i("create"), ["stop"])
 				})) : c("", !0),
 				e.hasDelete ? (C(), s(h, {
 					key: 1,
@@ -457,7 +457,7 @@ var st = /* @__PURE__ */ p({
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: n[1] ||= L((t) => i("delete", e.index), ["stop"])
+					onClick: n[1] ||= R((t) => i("delete", e.index), ["stop"])
 				})) : c("", !0)
 			], 36)), [[g]]);
 		};
@@ -466,13 +466,13 @@ var st = /* @__PURE__ */ p({
 //#endregion
 //#region src/composables/adaptSlotList/index.ts
 function ut() {
-	let e = Ve(), t = Ue(), n = Ge(), { i18n: a } = fe, o = T([]);
+	let e = Ve(), t = Ue(), n = Ge(), { i18n: a } = de, o = T([]);
 	at(o);
 	let s = () => {
 		if (!e.value || !t.value || !n.value) return [];
-		let s = ue[e.value];
+		let s = le[e.value];
 		if (!s) return console.assert(!1, `invalid version=${e.value}`), [];
-		let c = ie(t.value, n.value), l = [];
+		let c = re(t.value, n.value), l = [];
 		for (let e = 0; e < s.groups[c].length; e++) {
 			let t = s.groups[c][e], n = r(o, t.key);
 			l.push({
@@ -485,9 +485,9 @@ function ut() {
 			});
 			let i = 0;
 			for (let e of t.items) {
-				let n = re(e);
+				let n = ne(e);
 				if (n && !n.internal && n.slots) for (let e of n.slots) {
-					let r = se("elementSlot", n.key, e.key), o = `${a.global.t(n.name)} / ${a.global.t(e.name)}`;
+					let r = oe("elementSlot", n.key, e.key), o = `${a.global.t(n.name)} / ${a.global.t(e.name)}`;
 					l.push({
 						id: r,
 						type: 1,
@@ -498,7 +498,7 @@ function ut() {
 				}
 			}
 		}
-		let { activeApp: u, depends: d } = _e.app;
+		let { activeApp: u, depends: d } = ge.app;
 		for (let { id: e, name: t, position: n } of u.compGroups) {
 			let i = r(o, e);
 			l.push({
@@ -513,7 +513,7 @@ function ut() {
 		for (let e of u.comps) {
 			let t = d[e.id];
 			if (t && t.meta.slots) for (let n of t.meta.slots) {
-				let t = se("customSlot", e.id, n.id), r = `${e.name} / ${n.name}`;
+				let t = oe("customSlot", e.id, n.id), r = `${e.name} / ${n.name}`;
 				l.push({
 					id: t,
 					type: 1,
@@ -551,7 +551,7 @@ function dt() {
 	let e = T([]);
 	tt(e);
 	let t = () => {
-		let { activeApp: t, depends: n } = _e.app, r = [];
+		let { activeApp: t, depends: n } = ge.app, r = [];
 		for (let { id: n, name: i, position: a } of t.compGroups) {
 			let t = e.value.find((e) => e.id === n);
 			r.push({
@@ -589,7 +589,7 @@ function ft() {
 	let e = T([]);
 	rt(e);
 	let t = () => {
-		let { activeObject: e, activeComp: t } = _e.app;
+		let { activeObject: e, activeComp: t } = ge.app;
 		if (e.type !== "comp" || !t.meta.slots) return [];
 		let n = [];
 		for (let { id: e, name: r } of t.meta.slots) n.push({
@@ -624,7 +624,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = H(), i = e, a = t, s = T(!1), c = o(() => ({
+		let { backgroundColor2: n, highlightColor: r } = U(), i = e, a = t, s = T(!1), c = o(() => ({
 			background: s.value ? r.value : n.value,
 			height: "30px",
 			marginTop: "1px",
@@ -656,7 +656,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = H(), i = t, a = T(!1), s = o(() => ({
+		let { backgroundColor2: n, highlightColor: r } = U(), i = t, a = T(!1), s = o(() => ({
 			background: a.value ? r.value : n.value,
 			height: "48px",
 			marginTop: "1px",
@@ -689,7 +689,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(e) {
-		let { nameList: t } = U(), i = M(e, "modelValue"), o = M(e, "open"), u = ot(), d = (e) => {
+		let { nameList: t } = W(), i = M(e, "modelValue"), o = M(e, "open"), u = ot(), d = (e) => {
 			let t = r(u, e);
 			t && n(u, e, !t.collapse);
 		}, f = (e) => {
@@ -735,7 +735,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = B(), i = ve(), { sysBarAvail: a, nameList: l } = U(), { backgroundColor1: p } = H(), m = M(e, "modelValue"), h = t, _ = ot(), b = o(() => {
+		let { t: n } = V(), i = _e(), { sysBarAvail: a, nameList: l } = W(), { backgroundColor1: p } = U(), m = M(e, "modelValue"), h = t, _ = ot(), b = o(() => {
 			let e = "100%";
 			return i.mdAndUp.value && (e = "400px"), {
 				background: p.value,
@@ -752,7 +752,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			if (!m.value) return n("x-runtime-lib.notSet");
 			let e = r(_, m.value);
 			return e ? e.name : n("x-runtime-lib.slotNotAvail");
-		}), { open: E } = W(`propTreeAdaptSlotSelectDlg${j()}`);
+		}), { open: E } = G(`propTreeAdaptSlotSelectDlg${j()}`);
 		return S(() => {
 			E.value = !1;
 		}), (t, n) => {
@@ -764,7 +764,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 				"no-click-animation": "",
 				persistent: "",
 				transition: "scroll-x-reverse-transition",
-				onKeydown: n[7] ||= ne(L((e) => E.value = !1, ["stop", "prevent"]), ["esc"])
+				onKeydown: n[7] ||= L(R((e) => E.value = !1, ["stop", "prevent"]), ["esc"])
 			}, {
 				activator: F(({ props: t }) => [f(r, v(t, {
 					block: "",
@@ -779,12 +779,12 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: n[0] ||= L((e) => h("delete"), ["stop"])
+					onClick: n[0] ||= R((e) => h("delete"), ["stop"])
 				})) : c("", !0)]),
 				default: F(() => [u("div", {
 					class: "w-100 h-100 d-flex flex-row-reverse",
-					onClick: n[4] ||= L((e) => E.value = !1, ["self"]),
-					onContextmenu: n[5] ||= L((e) => E.value = !1, ["self", "prevent"])
+					onClick: n[4] ||= R((e) => E.value = !1, ["self"]),
+					onContextmenu: n[5] ||= R((e) => E.value = !1, ["self", "prevent"])
 				}, [u("div", {
 					class: "elevation-2",
 					style: y(b.value)
@@ -842,10 +842,10 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = B(), r = M(e, "modelValue"), i = t, a = o(() => {
+		let { t: n } = V(), r = M(e, "modelValue"), i = t, a = o(() => {
 			let t = "100%";
 			return e.hasDelete && (t = "calc(100% - 37px)"), { width: t };
-		}), l = o(() => e.readonly), { open: p } = W(`propTreeColorPickerMenu${j()}`);
+		}), l = o(() => e.readonly), { open: p } = G(`propTreeColorPickerMenu${j()}`);
 		return S(() => {
 			p.value = !1;
 		}), (t, o) => {
@@ -873,7 +873,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: o[0] ||= L((e) => i("delete"), ["stop"])
+					onClick: o[0] ||= R((e) => i("delete"), ["stop"])
 				})) : c("", !0)])]),
 				default: F(() => [f(h, {
 					modelValue: r.value,
@@ -896,7 +896,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = H(), i = e, a = t, s = T(!1), c = o(() => ({
+		let { backgroundColor2: n, highlightColor: r } = U(), i = e, a = t, s = T(!1), c = o(() => ({
 			background: s.value ? r.value : n.value,
 			height: "30px",
 			marginTop: "1px",
@@ -928,7 +928,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = H(), i = e, a = t, s = T(!1), c = o(() => ({
+		let { backgroundColor2: n, highlightColor: r } = U(), i = e, a = t, s = T(!1), c = o(() => ({
 			background: s.value ? r.value : n.value,
 			height: "48px",
 			marginTop: "1px",
@@ -961,11 +961,11 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(e) {
-		let { nameList: t } = U(), i = M(e, "modelValue"), o = M(e, "open"), u = nt(), d = (e) => {
+		let { nameList: t } = W(), i = M(e, "modelValue"), o = M(e, "open"), u = nt(), d = (e) => {
 			let t = r(u, e);
 			t && n(u, e, !t.collapse);
 		}, f = (e) => {
-			i.value = e, o.value = !1, V.emit("refreshDepends");
+			i.value = e, o.value = !1, H.emit("refreshDepends");
 		};
 		return (e, n) => A(u).length > 0 ? (C(), l("div", At, [(C(!0), l(a, null, E(A(u), (e) => (C(), l(a, { key: e.id }, [e.type === 0 ? (C(), s(Dt, {
 			key: 0,
@@ -1003,7 +1003,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = B(), i = ve(), { sysBarAvail: a, nameList: l } = U(), { backgroundColor1: p } = H(), m = M(e, "modelValue"), h = t, _ = nt(), b = o(() => {
+		let { t: n } = V(), i = _e(), { sysBarAvail: a, nameList: l } = W(), { backgroundColor1: p } = U(), m = M(e, "modelValue"), h = t, _ = nt(), b = o(() => {
 			let e = "100%";
 			return i.mdAndUp.value && (e = "400px"), {
 				background: p.value,
@@ -1020,7 +1020,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			if (!m.value) return n("x-runtime-lib.notSet");
 			let e = r(_, m.value);
 			return e ? e.name : n("x-runtime-lib.compNotAvail");
-		}), { open: E } = W(`propTreeCompSelectDlg${j()}`);
+		}), { open: E } = G(`propTreeCompSelectDlg${j()}`);
 		return S(() => {
 			E.value = !1;
 		}), (t, n) => {
@@ -1032,7 +1032,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 				"no-click-animation": "",
 				persistent: "",
 				transition: "scroll-x-reverse-transition",
-				onKeydown: n[7] ||= ne(L((e) => E.value = !1, ["stop", "prevent"]), ["esc"])
+				onKeydown: n[7] ||= L(R((e) => E.value = !1, ["stop", "prevent"]), ["esc"])
 			}, {
 				activator: F(({ props: t }) => [f(r, v(t, {
 					block: "",
@@ -1047,12 +1047,12 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: n[0] ||= L((e) => h("delete"), ["stop"])
+					onClick: n[0] ||= R((e) => h("delete"), ["stop"])
 				})) : c("", !0)]),
 				default: F(() => [u("div", {
 					class: "w-100 h-100 d-flex flex-row-reverse",
-					onClick: n[4] ||= L((e) => E.value = !1, ["self"]),
-					onContextmenu: n[5] ||= L((e) => E.value = !1, ["self", "prevent"])
+					onClick: n[4] ||= R((e) => E.value = !1, ["self"]),
+					onContextmenu: n[5] ||= R((e) => E.value = !1, ["self", "prevent"])
 				}, [u("div", {
 					class: "elevation-2",
 					style: y(b.value)
@@ -1108,14 +1108,14 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 		"update:scale"
 	],
 	setup(e, { expose: t }) {
-		let n = M(e, "modelValue"), r = M(e, "lock"), i = M(e, "scale"), a = pe(), o = me(), c = Ve(), l = te("target"), u = () => {
+		let n = M(e, "modelValue"), r = M(e, "lock"), i = M(e, "scale"), a = fe(), o = pe(), c = Ve(), l = te("target"), u = () => {
 			let e = JSON.parse(n.value);
 			l.value?.load(e);
 		};
 		return t({ save: () => {
 			let e = l.value.save();
 			n.value = JSON.stringify(e, null, 2);
-		} }), (e, t) => (C(), s(A(ye), {
+		} }), (e, t) => (C(), s(A(ve), {
 			ref_key: "target",
 			ref: l,
 			lock: r.value,
@@ -1152,14 +1152,14 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = B(), { sysBarAvail: r } = U(), { backgroundColor0: i, backgroundColor1: a, backgroundColor2: l } = H(), p = M(e, "modelValue"), m = t, h = T(!1), _ = T(1), b = o(() => {
+		let { t: n } = V(), { sysBarAvail: r } = W(), { backgroundColor0: i, backgroundColor1: a, backgroundColor2: l } = U(), p = M(e, "modelValue"), m = t, h = T(!1), _ = T(1), b = o(() => {
 			let e = 48;
 			return r.value && (e += 24), {
 				position: "relative",
 				background: a.value,
 				height: `calc(100% - ${e}px)`
 			};
-		}), x = o(() => n("x-prop-tree.jsonEditor")), { open: w } = W(`propTreejsonEditorDlg${j()}`);
+		}), x = o(() => n("x-prop-tree.jsonEditor")), { open: w } = G(`propTreejsonEditorDlg${j()}`);
 		S(() => {
 			w.value = !1;
 		});
@@ -1176,7 +1176,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 				"no-click-animation": "",
 				persistent: "",
 				transition: "dialog-bottom-transition",
-				onKeydown: n[6] ||= ne(L((e) => w.value = !1, ["stop", "prevent"]), ["esc"])
+				onKeydown: n[6] ||= L(R((e) => w.value = !1, ["stop", "prevent"]), ["esc"])
 			}, {
 				activator: F(({ props: t }) => [f(a, v(t, {
 					block: "",
@@ -1191,7 +1191,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: n[0] ||= L((e) => m("delete"), ["stop"])
+					onClick: n[0] ||= R((e) => m("delete"), ["stop"])
 				})) : c("", !0)]),
 				default: F(() => [f(o, {
 					color: A(i),
@@ -1260,7 +1260,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = B(), { isMobile: r } = U(), i = M(e, "modelValue"), a = t, d = Ve(), p = o(() => ue[d.value].types[e.types]), m = T(""), h = o(() => {
+		let { t: n } = V(), { isMobile: r } = W(), i = M(e, "modelValue"), a = t, d = Ve(), p = o(() => le[d.value].types[e.types]), m = T(""), h = o(() => {
 			let e = [];
 			for (let { value: t, title: r } of p.value) e.push({
 				value: t,
@@ -1279,7 +1279,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			i.value = g.value?.default;
 		}, v = T(0), y = async (e) => {
 			if (!e || !r() || !g.value || g.value.trait !== "pixel" && g.value.trait !== "percent") return;
-			let t = await he({
+			let t = await me({
 				title: "",
 				value: v.value,
 				precision: g.value.precision,
@@ -1290,30 +1290,30 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			t !== void 0 && (v.value = t);
 		};
 		P(() => {
-			g.value?.trait === "pixel" ? v.value = le(i.value) : g.value?.trait === "percent" && (v.value = ce(i.value));
+			g.value?.trait === "pixel" ? v.value = ce(i.value) : g.value?.trait === "percent" && (v.value = se(i.value));
 		}), N(v, (e) => {
 			g.value?.trait === "pixel" ? i.value = e + "px" : g.value?.trait === "percent" && (i.value = e + "%");
 		});
 		let b = T("#ff00ff");
 		P(() => {
-			g.value?.trait === "hexColor" && ae(i.value) && (b.value = i.value);
+			g.value?.trait === "hexColor" && ie(i.value) && (b.value = i.value);
 		}), N(b, (e) => {
 			g.value?.trait === "hexColor" && (i.value = e);
 		});
 		let x = T("primary"), S = o(() => {
 			let e = [];
-			if (g.value?.trait === "themeColor") for (let { value: t, title: r } of de) e.push({
+			if (g.value?.trait === "themeColor") for (let { value: t, title: r } of ue) e.push({
 				value: t,
 				title: n(r)
 			});
 			return e;
 		});
 		return P(() => {
-			g.value?.trait === "themeColor" && oe(i.value) && (x.value = i.value);
+			g.value?.trait === "themeColor" && ae(i.value) && (x.value = i.value);
 		}), N(x, (e) => {
 			g.value?.trait === "themeColor" && (i.value = e);
 		}), (t, n) => {
-			let r = D("v-select"), i = D("v-number-input"), o = D("v-color-input"), d = D("v-btn"), p = O("ripple");
+			let r = D("v-select"), i = D("v-number-input"), o = D("v-btn"), d = O("ripple");
 			return C(), l("div", Rt, [u("div", zt, [
 				I(f(r, {
 					modelValue: m.value,
@@ -1328,7 +1328,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					"items",
 					"readonly"
 				]), [[
-					p,
+					d,
 					void 0,
 					void 0,
 					{ stop: !0 }
@@ -1355,48 +1355,37 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					"readonly",
 					"step"
 				])), [[
-					p,
+					d,
 					void 0,
 					void 0,
 					{ stop: !0 }
 				]]) : c("", !0),
-				g.value?.trait === "hexColor" ? I((C(), s(o, {
+				g.value?.trait === "hexColor" ? (C(), s(wt, {
 					key: 1,
 					modelValue: b.value,
-					"onUpdate:modelValue": n[2] ||= (e) => b.value = e,
-					density: "compact",
-					"hide-details": "",
-					"hide-pip": "",
-					mode: "hexa",
-					"show-swatches": "",
-					"swatches-max-height": "150px"
-				}, null, 8, ["modelValue"])), [[
-					p,
-					void 0,
-					void 0,
-					{ stop: !0 }
-				]]) : c("", !0),
+					"onUpdate:modelValue": n[2] ||= (e) => b.value = e
+				}, null, 8, ["modelValue"])) : c("", !0),
 				g.value?.trait === "themeColor" ? I((C(), s(r, {
 					key: 2,
 					modelValue: x.value,
 					"onUpdate:modelValue": n[3] ||= (e) => x.value = e,
-					items: S.value,
 					density: "compact",
 					"hide-details": "",
+					items: S.value,
 					"single-line": ""
 				}, null, 8, ["modelValue", "items"])), [[
-					p,
+					d,
 					void 0,
 					void 0,
 					{ stop: !0 }
 				]]) : c("", !0)
-			]), e.hasDelete ? (C(), s(d, {
+			]), e.hasDelete ? (C(), s(o, {
 				key: 0,
 				class: "mx-2",
 				density: "compact",
 				icon: "mdi-minus",
 				variant: "text",
-				onClick: n[4] ||= L((e) => a("delete"), ["stop"])
+				onClick: n[4] ||= R((e) => a("delete"), ["stop"])
 			})) : c("", !0)]);
 		};
 	}
@@ -1421,9 +1410,9 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { isMobile: n } = U(), r = M(e, "modelValue"), i = t, a = async (t) => {
+		let { isMobile: n } = W(), r = M(e, "modelValue"), i = t, a = async (t) => {
 			if (!t || e.readonly || !n()) return;
-			let i = await he({
+			let i = await me({
 				title: "",
 				value: r.value,
 				precision: e.precision,
@@ -1466,7 +1455,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 				density: "compact",
 				icon: "mdi-minus",
 				variant: "text",
-				onClick: n[1] ||= L((e) => i("delete"), ["stop"])
+				onClick: n[1] ||= R((e) => i("delete"), ["stop"])
 			})) : c("", !0)]);
 		};
 	}
@@ -1488,9 +1477,9 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = B(), r = M(e, "modelValue"), i = t, a = Ve(), u = o(() => {
+		let { t: n } = V(), r = M(e, "modelValue"), i = t, a = Ve(), u = o(() => {
 			let t = [];
-			return ue[a.value].items[e.items].forEach(({ title: e, value: r }) => {
+			return le[a.value].items[e.items].forEach(({ title: e, value: r }) => {
 				t.push({
 					title: n(e),
 					value: r
@@ -1522,7 +1511,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 				density: "compact",
 				icon: "mdi-minus",
 				variant: "text",
-				onClick: n[1] ||= L((e) => i("delete"), ["stop"])
+				onClick: n[1] ||= R((e) => i("delete"), ["stop"])
 			})) : c("", !0)]);
 		};
 	}
@@ -1534,7 +1523,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = H(), i = t, a = T(!1), s = o(() => ({
+		let { backgroundColor2: n, highlightColor: r } = U(), i = t, a = T(!1), s = o(() => ({
 			background: a.value ? r.value : n.value,
 			height: "48px",
 			marginTop: "1px",
@@ -1567,7 +1556,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(e) {
-		let { nameList: t } = U(), n = M(e, "modelValue"), r = M(e, "open"), i = it(), o = (e) => {
+		let { nameList: t } = W(), n = M(e, "modelValue"), r = M(e, "open"), i = it(), o = (e) => {
 			n.value = e, r.value = !1;
 		};
 		return (e, n) => A(i).length > 0 ? (C(), l("div", qt, [(C(!0), l(a, null, E(A(i), (e) => (C(), s(Kt, {
@@ -1594,7 +1583,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = B(), r = ve(), { sysBarAvail: i, nameList: a } = U(), { backgroundColor1: l } = H(), p = M(e, "modelValue"), m = t, h = it(), _ = o(() => {
+		let { t: n } = V(), r = _e(), { sysBarAvail: i, nameList: a } = W(), { backgroundColor1: l } = U(), p = M(e, "modelValue"), m = t, h = it(), _ = o(() => {
 			let e = "100%";
 			return r.mdAndUp.value && (e = "400px"), {
 				background: l.value,
@@ -1611,7 +1600,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			if (!p.value) return n("x-runtime-lib.notSet");
 			let e = h.value.find((e) => e.id === p.value);
 			return e ? e.name : n("x-runtime-lib.slotNotAvail");
-		}), { open: T } = W(`propTreeSlotSelectDlg${j()}`);
+		}), { open: T } = G(`propTreeSlotSelectDlg${j()}`);
 		return S(() => {
 			T.value = !1;
 		}), (t, n) => {
@@ -1623,7 +1612,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 				"no-click-animation": "",
 				persistent: "",
 				transition: "scroll-x-reverse-transition",
-				onKeydown: n[7] ||= ne(L((e) => T.value = !1, ["stop", "prevent"]), ["esc"])
+				onKeydown: n[7] ||= L(R((e) => T.value = !1, ["stop", "prevent"]), ["esc"])
 			}, {
 				activator: F(({ props: t }) => [f(r, v(t, {
 					block: "",
@@ -1638,12 +1627,12 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: n[0] ||= L((e) => m("delete"), ["stop"])
+					onClick: n[0] ||= R((e) => m("delete"), ["stop"])
 				})) : c("", !0)]),
 				default: F(() => [u("div", {
 					class: "w-100 h-100 d-flex flex-row-reverse",
-					onClick: n[4] ||= L((e) => T.value = !1, ["self"]),
-					onContextmenu: n[5] ||= L((e) => T.value = !1, ["self", "prevent"])
+					onClick: n[4] ||= R((e) => T.value = !1, ["self"]),
+					onContextmenu: n[5] ||= R((e) => T.value = !1, ["self", "prevent"])
 				}, [u("div", {
 					class: "elevation-2",
 					style: y(_.value)
@@ -1697,9 +1686,9 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { isMobile: n } = U(), r = M(e, "modelValue"), i = t, a = async (t) => {
+		let { isMobile: n } = W(), r = M(e, "modelValue"), i = t, a = async (t) => {
 			if (!t || e.readonly || !n()) return;
-			let i = await ge({
+			let i = await he({
 				title: "",
 				value: r.value
 			});
@@ -1726,7 +1715,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 				density: "compact",
 				icon: "mdi-minus",
 				variant: "text",
-				onClick: n[1] ||= L((e) => i("delete"), ["stop"])
+				onClick: n[1] ||= R((e) => i("delete"), ["stop"])
 			})) : c("", !0)]);
 		};
 	}
@@ -1764,7 +1753,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 				density: "compact",
 				icon: "mdi-minus",
 				variant: "text",
-				onClick: i[1] ||= L((e) => r("delete"), ["stop"])
+				onClick: i[1] ||= R((e) => r("delete"), ["stop"])
 			})) : c("", !0)]);
 		};
 	}
@@ -1776,9 +1765,9 @@ function nn() {
 	return { renderUiAdaptSlotSelect: (t, n, r, i, a) => {
 		if (n.ui !== "selectAdaptSlot") throw Error("renderUiSlotSelect property ui must be selectAdaptSlot");
 		return m(St, {
-			modelValue: Y(t, n, r, i, a, e),
+			modelValue: X(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
+				Z(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1795,9 +1784,9 @@ function rn() {
 	return { renderUiColorPicker: (t, n, r, i, a) => {
 		if (n.ui !== "colorPicker") throw Error("renderUiColorPicker property ui must be colorPicker");
 		return m(wt, {
-			modelValue: Y(t, n, r, i, a, e),
+			modelValue: X(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
+				Z(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1814,9 +1803,9 @@ function an() {
 	return { renderUiCompSelect: (t, n, r, i, a) => {
 		if (n.ui !== "selectComp") throw Error("renderUiCompSelect property ui must be selectComp");
 		return m(Pt, {
-			modelValue: Y(t, n, r, i, a, e),
+			modelValue: X(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
+				Z(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1832,7 +1821,7 @@ function on() {
 	let e = $();
 	return { renderUiDummy: (t, n, r, i, a) => {
 		if (n.ui !== "dummy") throw Error("renderUiDummy property ui must be dummy");
-		Y(t, n, r, i, a, e);
+		X(t, n, r, i, a, e);
 	} };
 }
 //#endregion
@@ -1842,9 +1831,9 @@ function sn() {
 	return { renderUiJsonEditor: (t, n, r, i, a) => {
 		if (n.ui !== "jsonEditor") throw Error("renderUijsonEditor property ui must be jsonEditor");
 		return m(Lt, {
-			modelValue: Y(t, n, r, i, a, e) ?? "{}",
+			modelValue: X(t, n, r, i, a, e) ?? "{}",
 			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
+				Z(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1861,9 +1850,9 @@ function cn() {
 	return { renderUiMultiTypes: (t, n, r, i, a) => {
 		if (n.ui !== "multiTypes") throw Error("renderUiMultiTypes property ui must be multiTypes");
 		return m(Bt, {
-			modelValue: Y(t, n, r, i, a, e) ?? "",
+			modelValue: X(t, n, r, i, a, e) ?? "",
 			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
+				Z(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1880,9 +1869,9 @@ function ln() {
 	return { renderUiNumInput: (t, n, r, i, a) => {
 		if (n.ui !== "numInput") throw Error("renderUiNumInput property ui must be numInput");
 		return m(Ht, {
-			modelValue: Y(t, n, r, i, a, e),
+			modelValue: X(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
+				Z(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1903,7 +1892,7 @@ var un = /* @__PURE__ */ p({
 	props: { minHeight: {} },
 	emits: ["menu"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = H(), i = t, a = T(!1), s = o(() => ({
+		let { backgroundColor2: n, highlightColor: r } = U(), i = t, a = T(!1), s = o(() => ({
 			background: a.value ? r.value : n.value,
 			minHeight: e.minHeight,
 			paddingRight: "4px",
@@ -1917,7 +1906,7 @@ var un = /* @__PURE__ */ p({
 			return I((C(), l("div", {
 				class: "d-flex justify-space-between align-center cursor-pointer",
 				style: y(s.value),
-				onContextmenu: L(c, ["self", "prevent"]),
+				onContextmenu: R(c, ["self", "prevent"]),
 				onMouseout: t[0] ||= (e) => a.value = !1,
 				onMouseover: t[1] ||= (e) => a.value = !0
 			}, [ee(e.$slots, "default")], 36)), [[n]]);
@@ -1927,13 +1916,13 @@ var un = /* @__PURE__ */ p({
 //#endregion
 //#region src/composables/uis/uiProperty.ts
 function dn() {
-	let { t: e } = B(), t = $e();
+	let { t: e } = V(), t = $e();
 	return { renderProperty: (n, r, i) => {
 		let a = n[n.length - 1], o = typeof a == "number" ? `[${a + 1}]` : e(r.name);
 		return Q(t.value, n) && (o += " *"), m(un, {
 			minHeight: "56px",
 			onMenu: (e, t) => {
-				V.emit("propTreeMenu", {
+				H.emit("propTreeMenu", {
 					x: e,
 					y: t,
 					keys: n
@@ -1955,9 +1944,9 @@ function fn() {
 	return { renderUiSelect: (t, n, r, i, a) => {
 		if (n.ui !== "select") throw Error("renderUiSelect property ui must be select");
 		return m(Wt, {
-			modelValue: Y(t, n, r, i, a, e) ?? "",
+			modelValue: X(t, n, r, i, a, e) ?? "",
 			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
+				Z(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1975,9 +1964,9 @@ function pn() {
 	return { renderUiSlotSelect: (t, n, r, i, a) => {
 		if (n.ui !== "selectSlot") throw Error("renderUiSlotSelect property ui must be selectSlot");
 		return m(Zt, {
-			modelValue: Y(t, n, r, i, a, e),
+			modelValue: X(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
+				Z(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1994,9 +1983,9 @@ function mn() {
 	return { renderUiStrInput: (t, n, r, i, a) => {
 		if (n.ui !== "strInput") throw Error("renderUiStrInput property ui must be strInput");
 		return m($t, {
-			modelValue: n.static ? n.value : Y(t, n, r, i, a, e),
+			modelValue: n.static ? n.value : X(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				n.static || X(t, n, r, o, i, a, e);
+				n.static || Z(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2013,9 +2002,9 @@ function hn() {
 	return { renderUiSwitch: (t, n, r, i, a) => {
 		if (n.ui !== "switch") throw Error("renderUiSwitch property ui must be switch");
 		return m(tn, {
-			modelValue: Y(t, n, r, i, a, e) ?? !1,
+			modelValue: X(t, n, r, i, a, e) ?? !1,
 			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
+				Z(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2030,22 +2019,22 @@ function hn() {
 var gn = "20px", _n = /* @__PURE__ */ p({
 	__name: "main",
 	setup(t) {
-		let { t: n } = B(), { backgroundColor1: r } = H(), i = qe(), o = Ye(), s = Ze(), c = $e(), u = $();
+		let { t: n } = V(), { backgroundColor1: r } = U(), i = qe(), o = Ye(), s = Ze(), c = $e(), u = $();
 		dt(), ft(), ut();
 		let { renderProperty: d } = dn(), { renderUiDummy: p } = on(), { renderUiStrInput: h } = mn(), { renderUiNumInput: g } = ln(), { renderUiSwitch: _ } = hn(), { renderUiSelect: v } = fn(), { renderUiColorPicker: y } = rn(), { renderUiJsonEditor: b } = sn(), { renderUiMultiTypes: x } = cn(), { renderUiCompSelect: S } = an(), { renderUiSlotSelect: w } = pn(), { renderUiAdaptSlotSelect: T } = nn(), E = (t, n, r, i, a, o) => (t = e(t), i === void 0 ? t.push(n.key) : (t.push(i), a && t.push(n.key)), n.ui ? n.array && !o ? O(t, n, r, i, a) : k(t, n, r, i, a) : n.array ? ee(t, n, r, i, a) : D(t, n, r, i, a)), ee = (e, t, r, i, a) => {
 			if (t.ui) throw Error("renderBranchArray property ui must be invalid");
 			if (!t.array) throw Error("renderBranchArray property array must be valid");
-			let o = be(e, t, r, i, a, u), l = n(t.name);
-			G(s, e) && Q(c.value, e) && (l += " *");
+			let o = ye(e, t, r, i, a, u), l = n(t.name);
+			K(s, e) && Q(c.value, e) && (l += " *");
 			let d = m(lt, {
 				title: l,
-				collapse: G(s, e),
+				collapse: K(s, e),
 				hasCreate: !0,
 				onCollapse: (t) => {
-					K(s, e, t);
+					q(s, e, t);
 				},
 				onMenu: (t, n) => {
-					V.emit("propTreeMenu", {
+					H.emit("propTreeMenu", {
 						x: t,
 						y: n,
 						keys: e
@@ -2058,17 +2047,17 @@ var gn = "20px", _n = /* @__PURE__ */ p({
 				let n = [];
 				for (let r = 0; r < o.length; r++) {
 					let i = [...e, r], a = `[${r + 1}]`;
-					G(s, [...e, r]) && Q(c.value, i) && (a += " *");
+					K(s, [...e, r]) && Q(c.value, i) && (a += " *");
 					let l = m(lt, {
 						title: a,
-						collapse: G(s, [...e, r]),
+						collapse: K(s, [...e, r]),
 						hasDelete: !0,
 						index: r,
 						onCollapse: (t) => {
-							K(s, [...e, r], t);
+							q(s, [...e, r], t);
 						},
 						onMenu: (e, t) => {
-							V.emit("propTreeMenu", {
+							H.emit("propTreeMenu", {
 								x: e,
 								y: t,
 								keys: i
@@ -2084,28 +2073,28 @@ var gn = "20px", _n = /* @__PURE__ */ p({
 						for (let i of t.children) n.push(E(e, i, o[r], r, !0));
 						return n;
 					})());
-					G(s, [...e, r]) || n.push(d);
+					K(s, [...e, r]) || n.push(d);
 				}
 				return n;
 			})());
 			return m("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
-				return t.push(d), G(s, e) || t.push(f), t;
+				return t.push(d), K(s, e) || t.push(f), t;
 			})());
 		}, D = (e, t, r, i, a) => {
 			if (t.ui) throw Error("renderBranchScalar property ui must be invalid");
 			if (t.array) throw Error("renderBranchScalar property array must be invalid");
 			let o = n(t.name);
-			G(s, e) && Q(c.value, e) && (o += " *");
+			K(s, e) && Q(c.value, e) && (o += " *");
 			let l = m(lt, {
 				title: o,
-				collapse: G(s, e),
+				collapse: K(s, e),
 				hasDelete: i !== void 0 && !a,
 				onCollapse: (t) => {
-					K(s, e, t);
+					q(s, e, t);
 				},
 				onMenu: (t, n) => {
-					V.emit("propTreeMenu", {
+					H.emit("propTreeMenu", {
 						x: t,
 						y: n,
 						keys: e
@@ -2121,29 +2110,29 @@ var gn = "20px", _n = /* @__PURE__ */ p({
 			})());
 			return m("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
-				return t.push(l), G(s, e) || t.push(d), t;
+				return t.push(l), K(s, e) || t.push(d), t;
 			})());
 		}, O = (e, t, r, i, a) => {
 			if (!t.ui) throw Error("renderLeafArray property ui must be valid");
 			if (!t.array) throw Error("renderLeafArray property array must be valid");
-			let o = be(e, t, r, i, a, u), l = n(t.name);
-			G(s, e) && Q(c.value, e) && (l += " *");
+			let o = ye(e, t, r, i, a, u), l = n(t.name);
+			K(s, e) && Q(c.value, e) && (l += " *");
 			let d = m(lt, {
 				title: l,
-				collapse: G(s, e),
+				collapse: K(s, e),
 				hasCreate: !0,
 				onCollapse: (t) => {
-					K(s, e, t);
+					q(s, e, t);
 				},
 				onMenu: (t, n) => {
-					V.emit("propTreeMenu", {
+					H.emit("propTreeMenu", {
 						x: t,
 						y: n,
 						keys: e
 					});
 				},
 				onCreate: () => {
-					o.push(R(t)), u(e, o);
+					o.push(z(t)), u(e, o);
 				}
 			}), f = m("div", { style: { paddingLeft: gn } }, (() => {
 				let n = [];
@@ -2152,7 +2141,7 @@ var gn = "20px", _n = /* @__PURE__ */ p({
 			})());
 			return m("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
-				return t.push(d), G(s, e) || t.push(f), t;
+				return t.push(d), K(s, e) || t.push(f), t;
 			})());
 		}, k = (e, t, n, r, i) => {
 			if (!t.ui) throw Error("renderLeafScalar property ui must be valid");

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-prop-tree",
   "private": false,
-  "version": "0.8.1",
+  "version": "0.8.3",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -32,7 +32,7 @@
     "x-error-lib": "^0.5.16",
     "x-essential-lib": "^0.9.29",
     "x-group-list": "^0.4.12",
-    "x-runtime-lib": "^0.9.2",
+    "x-runtime-lib": "^0.9.3",
     "x-state-lib": "^0.3.42"
   },
   "devDependencies": {