x-prop-tree 0.8.20 → 0.8.21

package/dist/index.js

@@ -1,2566 +1 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "./vendor.cs922lli.js";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, h, inject as g, isRef as _, mergeModels as v, mergeProps as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, onUnmounted as C, openBlock as w, provide as T, ref as E, renderList as D, renderSlot as ee, resolveComponent as O, resolveDirective as k, toDisplayString as A, unref as j, useId as M, useModel as N, useTemplateRef as te, watch as P, watchEffect as F, withCtx as I, withDirectives as L, withKeys as R, withModifiers as z } from "vue";
-import { eventBus as B, globalObjects as ne, injectDark as re, injectLocale as ie, openNumberDlg as ae, openPromptDlg as oe, useColor as V, useSystem as H, useViewStack as U } from "x-essential-lib";
-import { getElement as se, getItems as ce, getPropertyDefault as W, getPropertyDefaultArray as G, getTag as le, getTypes as ue, isHexColor as de, isThemeColor as fe, makeSlotId as pe, parseNumberUnit as me, pkgs as he, rules as ge, themeColors as _e, unwrapSlotId as ve } from "x-runtime-lib";
-import { useI18n as K } from "vue-i18n";
-import { globalState as ye } from "x-state-lib";
-import { useDisplay as be } from "vuetify";
-import { XBlockly as xe } from "x-block-lib";
-//#region src/utils/common.ts
-function q(e, t) {
-	let n = {
-		key: "",
-		name: "",
-		children: e
-	};
-	for (let e of t) if (typeof e != "number") {
-		if (!n) throw Error("target must be valid");
-		if (n.ui) throw Error("target ui must be invalid");
-		n = n.children.find((t) => t.key === e);
-	}
-	return n;
-}
-function J(e, t) {
-	let n = e;
-	for (let e of t) {
-		if (!n) throw Error("target must be valid");
-		n = n[e];
-	}
-	return n;
-}
-function Se(t, n, r, i, a, o) {
-	if (i !== void 0 && !a) {
-		if (!(r[i] instanceof Array)) {
-			let a = G(n);
-			e(a, r[i]) || (r[i] = a, o(t, r[i]));
-		}
-		return r[i];
-	} else {
-		if (!(r[n.key] instanceof Array)) {
-			let i = G(n);
-			e(i, r[n.key]) || (r[n.key] = i, o(t, r[n.key]));
-		}
-		return r[n.key];
-	}
-}
-function Y(t, n, r, i, a, o) {
-	if (i !== void 0 && !a) {
-		if (r[i] === void 0) {
-			let a = W(n);
-			e(a, r[i]) || (r[i] = a, o(t, r[i]));
-		}
-		return r[i];
-	} else {
-		if (r[n.key] === void 0) {
-			let i = W(n);
-			e(i, r[n.key]) || (r[n.key] = i, o(t, r[n.key]));
-		}
-		return r[n.key];
-	}
-}
-function X(t, n, i, a, o, s, c) {
-	o !== void 0 && !s ? e(a, i[o]) || (i[o] = r(a), c(t, i[o])) : e(a, i[n.key]) || (i[n.key] = r(a), c(t, i[n.key]));
-}
-//#endregion
-//#region src/utils/collapseState.ts
-function Z(e, t) {
-	let n = e.value;
-	for (let e of t) {
-		if (!n.children[e]) return !0;
-		n = n.children[e];
-	}
-	return n.collapse;
-}
-function Ce(e, t, n) {
-	let r = e.value;
-	for (let e of t) r.children[e] || (r.children[e] = {
-		collapse: !0,
-		children: {}
-	}), r = r.children[e];
-	r.collapse = n;
-}
-//#endregion
-//#region src/utils/copyPaste.ts
-var we = [
-	"key",
-	"name",
-	"children",
-	"default",
-	"arrayDefault"
-];
-function Te(n, r) {
-	function i(n, r) {
-		if (!e(t(n, we), t(r, we))) return !1;
-		if (n.ui || r.ui) return !0;
-		if (n.children.length !== r.children.length) return !1;
-		for (let e = 0; e < n.children.length; e++) if (!i(n.children[e], r.children[e])) return !1;
-		return !0;
-	}
-	return i(n, r);
-}
-function Ee(e, t, n, r, i, a) {
-	function o(e, t, n, r, i) {
-		if (t.ui) {
-			if (t.readonly || t.static) return;
-			X(e, t, n, r, i, !1, a);
-		} else if (t.array) X(e, t, n, r, i, !1, a);
-		else for (let i of t.children) typeof n == "object" && typeof r == "object" && o([...e, i.key], i, n[t.key], r[i.key], void 0);
-	}
-	o(e, t, n, r, i);
-}
-//#endregion
-//#region src/utils/propertyState.ts
-var De = [["basic", "id"], ["basic", "name"]];
-function Oe(t) {
-	return De.find((n) => e(t, n));
-}
-function ke(e, t, n, i, a, o, s) {
-	return e = r(e), a === void 0 ? e.push(t.key) : (e.push(a), o && e.push(t.key)), e?.[0] === "runtime" ? {
-		change: !1,
-		warning: !1
-	} : Oe(e) ? (i.change = !1, i.warning = !1, {
-		change: i.change,
-		warning: i.warning
-	}) : t.ui ? t.array && !s ? Me(e, t, n, i, a, o) : Ne(t, n, i, a, o) : t.array ? Ae(e, t, n, i, a, o) : je(e, t, n, i, a, o);
-}
-function Ae(t, n, r, i, a, o) {
-	if (n.ui) throw Error("execPropertyBranchArray property ui must be invalid");
-	if (!n.array) throw Error("execPropertyBranchArray property array must be valid");
-	let s;
-	if (s = a !== void 0 && !o ? r[a] : r[n.key], !(s instanceof Array)) return i.change = !1, i.warning = !1, {
-		change: !1,
-		warning: !1
-	};
-	for (let e = 0; e < s.length; e++) {
-		i.children[e] = {
-			change: !1,
-			warning: !1,
-			children: {}
-		};
-		let r = i.children[e];
-		for (let a of n.children) {
-			r.children[a.key] = {
-				change: !1,
-				warning: !1,
-				children: {}
-			};
-			let { change: n, warning: o } = ke(t, a, s[e], r.children[a.key], e, !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 ||= !e(s, G(n)), {
-		change: i.change,
-		warning: i.warning
-	};
-}
-function je(e, t, n, r, i, a) {
-	if (t.ui) throw Error("execPropertyBranchScalar property ui must be invalid");
-	if (t.array) throw Error("execPropertyBranchScalar property array must be invalid");
-	let o;
-	if (o = i !== void 0 && !a ? n[i] : n[t.key], o === void 0) return r.change = !1, r.warning = !1, {
-		change: !1,
-		warning: !1
-	};
-	for (let n = 0; n < t.children.length; n++) {
-		let i = t.children[n];
-		r.children[i.key] = {
-			change: !1,
-			warning: !1,
-			children: {}
-		};
-		let { change: a, warning: s } = ke(e, i, o, r.children[i.key], void 0, !1);
-		!r.change && a && (r.change = a), !r.warning && s && (r.warning = s);
-	}
-	return {
-		change: r.change,
-		warning: r.change
-	};
-}
-function Me(t, n, r, i, a, o) {
-	if (!n.ui) throw Error("execPropertyLeafArray property ui must be valid");
-	if (!n.array) throw Error("execPropertyLeafArray property aray must be valid");
-	let s;
-	if (s = a !== void 0 && !o ? r[a] : r[n.key], !(s instanceof Array)) return i.change = !1, i.warning = !1, {
-		change: !1,
-		warning: !1
-	};
-	for (let e = 0; e < s.length; e++) {
-		i.children[e] = {
-			change: !1,
-			warning: !1,
-			children: {}
-		};
-		let { change: r, warning: a } = ke(t, n, s, i.children[e], e, !1, !0);
-		!i.change && r && (i.change = r), !i.warning && a && (i.warning = a);
-	}
-	return i.change ||= !e(s, G(n)), {
-		change: i.change,
-		warning: i.warning
-	};
-}
-function Ne(t, n, r, i, a) {
-	if (!t.ui) throw Error("execPropertyLeafScalar property ui must be valid");
-	let o;
-	return o = i !== void 0 && !a ? n[i] : n[t.key], r.change = !e(o, W(t)), {
-		change: r.change,
-		warning: r.warning
-	};
-}
-function Pe(e, t, n) {
-	if (t.length <= 0 || !n) {
-		e.value = {
-			change: !1,
-			warning: !1,
-			children: {}
-		};
-		return;
-	}
-	let r = {
-		change: !1,
-		warning: !1,
-		children: {}
-	};
-	for (let e of t) {
-		let t = {
-			change: !1,
-			warning: !1,
-			children: {}
-		};
-		r.children[e.key] = t, ke([], e, n, t, void 0, !1);
-	}
-	e.value = r;
-}
-function Q(e, t) {
-	let n = e;
-	for (let e of t) {
-		if (!n.children[e]) return !1;
-		n = n.children[e];
-	}
-	return n.change;
-}
-//#endregion
-//#region src/utils/provideInject.ts
-var Fe = Symbol(), Ie = Symbol(), Le = Symbol(), Re = Symbol(), ze = Symbol(), Be = Symbol(), Ve = Symbol(), He = Symbol(), Ue = Symbol(), We = Symbol(), Ge = Symbol();
-function Ke(e) {
-	T(Fe, e);
-}
-function qe() {
-	return g(Fe);
-}
-function Je(e) {
-	T(Ie, e);
-}
-function Ye() {
-	return g(Ie);
-}
-function Xe(e) {
-	T(Le, e);
-}
-function Ze() {
-	return g(Le);
-}
-function Qe(e) {
-	T(Re, e);
-}
-function $e() {
-	return g(Re);
-}
-function et(e) {
-	T(ze, e);
-}
-function tt() {
-	return g(ze);
-}
-function nt(e) {
-	T(Be, e);
-}
-function rt() {
-	return g(Be);
-}
-function it(e) {
-	T(Ve, e);
-}
-function at() {
-	return g(Ve);
-}
-function ot(e) {
-	T(He, e);
-}
-function $() {
-	return g(He);
-}
-function st(e) {
-	T(Ue, e);
-}
-function ct() {
-	return g(Ue);
-}
-function lt(e) {
-	T(We, e);
-}
-function ut() {
-	return g(We);
-}
-function dt(e) {
-	T(Ge, e);
-}
-function ft() {
-	return g(Ge);
-}
-//#endregion
-//#region src/utils/reset.ts
-function pt(t, n, r, i) {
-	if (n.ui) {
-		if (n.readonly || n.static) return;
-		if (n.array) {
-			let a = t[n.key], o = G(n);
-			e(o, a) || (t[n.key] = o, i([...r, n.key], o));
-		} else {
-			let a = t[n.key], o = W(n);
-			e(o, a) || (t[n.key] = o, i([...r, n.key], o));
-		}
-	} else if (n.array) {
-		let a = t[n.key], o = G(n);
-		e(o, a) || (t[n.key] = o, i([...r, n.key], o));
-	} else for (let e of n.children) pt(t[n.key], e, [...r, n.key], i);
-}
-function mt(t, n, r, i) {
-	let a = r.at(-1);
-	if (a === void 0) return;
-	let o = q(n, r);
-	if (o) if (o.ui) {
-		if (o.readonly || o.static) return;
-		if (o.array) if (typeof a == "string") {
-			let n = J(t, r.slice(0, -1));
-			if (!n) return;
-			let s = n[a], c = G(o);
-			e(c, s) || (n[a] = c, i(r, c));
-		} else {
-			let n = J(t, r.slice(0, -1));
-			if (!n) return;
-			let s = n[a], c = W(o);
-			e(c, s) || (n[a] = c, i(r, c));
-		}
-		else {
-			let n = J(t, r.slice(0, -1));
-			if (!n) return;
-			let s = n[a], c = W(o);
-			e(c, s) || (n[a] = c, i(r, c));
-		}
-	} else if (o.array) if (typeof a == "string") {
-		let n = J(t, r.slice(0, -1));
-		if (!n) return;
-		let s = n[a], c = G(o);
-		e(c, s) || (n[a] = c, i(r, c));
-	} else {
-		let e = J(t, r);
-		if (!e) return;
-		for (let t of o.children) pt(e, t, r, i);
-	}
-	else {
-		let e = J(t, r);
-		if (!e) return;
-		for (let t of o.children) pt(e, t, r, i);
-	}
-}
-//#endregion
-//#region src/components/menu/func/copy.ts
-function ht(e) {
-	let { t } = K(), n = $e(), r = tt();
-	function i() {
-		return !0;
-	}
-	function a() {
-		let t = q(n.value, e.value);
-		if (!t) return;
-		let i = {
-			property: t,
-			object: J(r.value, e.value)
-		};
-		localStorage.setItem("propTreeCopy", JSON.stringify(i));
-	}
-	function o(e) {
-		i() && e.push({
-			title: t("x-prop-tree.copy"),
-			func: a
-		});
-	}
-	return { tryPushCopy: o };
-}
-//#endregion
-//#region src/components/menu/func/paste.ts
-function gt(e) {
-	let { t } = K(), n = $e(), r = tt(), i = $();
-	function a() {
-		if (e.value.length <= 0) return !1;
-		let t = q(n.value, e.value);
-		if (!t) return !1;
-		let r = localStorage.getItem("propTreeCopy");
-		if (!r) return !1;
-		let i;
-		try {
-			i = JSON.parse(r);
-		} catch (e) {
-			return console.error("parse propTreeCopy failed", e), !1;
-		}
-		return !!Te(t, i.property);
-	}
-	function o() {
-		if (e.value.length <= 0) return;
-		let t = q(n.value, e.value);
-		if (!t) return;
-		let a = localStorage.getItem("propTreeCopy");
-		if (!a) return;
-		let o;
-		try {
-			o = JSON.parse(a);
-		} catch (e) {
-			console.error("parse propTreeCopy failed", e);
-			return;
-		}
-		if (!Te(t, o.property)) return;
-		let s = J(r.value, e.value.slice(0, -1));
-		if (!s) return;
-		let c = e.value.at(-1);
-		Ee(e.value, t, s, o.object, typeof c == "number" ? c : void 0, i);
-	}
-	function s(e) {
-		a() && e.push({
-			title: t("x-prop-tree.paste"),
-			func: o
-		});
-	}
-	return { tryPushPaste: s };
-}
-//#endregion
-//#region src/components/menu/func/reset.ts
-function _t(e) {
-	let { t } = K(), n = $e(), r = tt(), i = at(), a = $();
-	function o() {
-		return !(e.value.length <= 0 || !Q(i.value, e.value));
-	}
-	function s() {
-		mt(r.value, n.value, e.value, a);
-	}
-	function c(e) {
-		o() && e.push({
-			title: t("x-prop-tree.reset"),
-			func: s
-		});
-	}
-	return { tryPushReset: c };
-}
-//#endregion
-//#region src/components/menu/index.vue
-var vt = /* @__PURE__ */ m({
-	__name: "index",
-	setup(e) {
-		let t = E(0), n = E(0), r = E([]), i = s(() => [t.value, n.value]), { tryPushCopy: a } = ht(r), { tryPushPaste: l } = gt(r), { tryPushReset: d } = _t(r), m = s(() => {
-			let e = [];
-			return a(e), l(e), d(e), e;
-		}), { open: h } = U("propTreeMenu", (e) => {
-			t.value = e.x, n.value = e.y, r.value = e.keys;
-		});
-		return (e, t) => {
-			let n = O("v-list-item-title"), r = O("v-list-item"), a = O("v-list"), s = O("v-menu");
-			return w(), c(s, {
-				modelValue: j(h),
-				"onUpdate:modelValue": t[0] ||= (e) => _(h) ? h.value = e : null,
-				"location-strategy": "connected",
-				scrim: "transparent",
-				target: i.value
-			}, {
-				default: I(() => [p(a, null, {
-					default: I(() => [(w(!0), u(o, null, D(m.value, (e, t) => (w(), c(r, {
-						key: t,
-						link: "",
-						onClick: e.func
-					}, {
-						default: I(() => [p(n, null, {
-							default: I(() => [f(A(e.title), 1)]),
-							_: 2
-						}, 1024)]),
-						_: 2
-					}, 1032, ["onClick"]))), 128))]),
-					_: 1
-				})]),
-				_: 1
-			}, 8, ["modelValue", "target"]);
-		};
-	}
-}), yt = { style: { pointerEvents: "none" } }, bt = /* @__PURE__ */ m({
-	__name: "index",
-	props: {
-		title: {},
-		collapse: { type: Boolean },
-		hasCreate: {
-			type: Boolean,
-			default: !1
-		},
-		hasDelete: {
-			type: Boolean,
-			default: !1
-		},
-		index: { default: 0 }
-	},
-	emits: [
-		"collapse",
-		"menu",
-		"create",
-		"delete"
-	],
-	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = V(), i = t, a = E(!1), o = s(() => ({
-			background: a.value ? r.value : n.value,
-			height: "36px",
-			marginBottom: "1px",
-			userSelect: "none"
-		})), f = () => {
-			i("collapse", !e.collapse);
-		}, m = (e) => {
-			i("menu", e.clientX, e.clientY);
-		};
-		return (t, n) => {
-			let r = O("v-icon"), s = O("v-spacer"), h = O("v-btn"), g = k("ripple");
-			return L((w(), u("div", {
-				class: "d-flex align-center cursor-pointer",
-				style: b(o.value),
-				onClick: f,
-				onContextmenu: z(m, ["self", "prevent"]),
-				onMouseout: n[2] ||= (e) => a.value = !1,
-				onMouseover: n[3] ||= (e) => a.value = !0
-			}, [
-				p(r, {
-					class: "mr-1",
-					icon: e.collapse ? "mdi-chevron-right" : "mdi-chevron-down"
-				}, null, 8, ["icon"]),
-				d("span", yt, A(e.title), 1),
-				p(s),
-				e.hasCreate ? (w(), c(h, {
-					key: 0,
-					class: "mx-3",
-					density: "compact",
-					icon: "mdi-plus",
-					variant: "text",
-					onClick: n[0] ||= z((e) => i("create"), ["stop"])
-				})) : l("", !0),
-				e.hasDelete ? (w(), c(h, {
-					key: 1,
-					class: "mx-3",
-					density: "compact",
-					icon: "mdi-minus",
-					variant: "text",
-					onClick: n[1] ||= z((t) => i("delete", e.index), ["stop"])
-				})) : l("", !0)
-			], 36)), [[g]]);
-		};
-	}
-});
-//#endregion
-//#region src/composables/adaptSlotList/index.ts
-function xt() {
-	let e = qe(), t = Ye(), n = Ze(), { i18n: r } = ne, o = E([]);
-	dt(o);
-	let s = () => {
-		if (!e.value || !t.value || !n.value) return [];
-		let s = he[e.value];
-		if (!s) return console.assert(!1, `invalid version=${e.value}`), [];
-		let c = le(t.value, n.value), l = [];
-		for (let e = 0; e < s.groups[c].length; e++) {
-			let t = s.groups[c][e], n = i(o, t.key);
-			l.push({
-				id: t.key,
-				type: 0,
-				name: r.global.t(t.name),
-				position: e,
-				collapse: n?.collapse ?? !0,
-				count: 0
-			});
-			let a = 0;
-			for (let e of t.items) {
-				let n = se(e);
-				if (n && !n.internal && n.slots) for (let e of n.slots) {
-					let i = pe("elementSlot", n.key, e.key), o = `${r.global.t(n.name)} / ${r.global.t(e.name)}`;
-					l.push({
-						id: i,
-						type: 1,
-						name: o,
-						position: a++,
-						group: t.key,
-						names: [n.name, e.name]
-					});
-				}
-			}
-		}
-		let { activeApp: u, depends: d } = ye.app;
-		for (let { id: e, name: t, position: n } of u.compGroups) {
-			let r = i(o, e);
-			l.push({
-				id: e,
-				type: 0,
-				name: t,
-				position: n,
-				collapse: r?.collapse ?? !0
-			});
-		}
-		let f = 0;
-		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 = pe("customSlot", e.id, n.id), r = `${e.name} / ${n.name}`;
-				l.push({
-					id: t,
-					type: 1,
-					name: r,
-					position: f++,
-					group: e.groupId,
-					names: [e.name, n.name]
-				});
-			}
-		}
-		return a(l, !0);
-	}, c = () => {
-		o.value = s();
-	}, l, u = () => {
-		clearTimeout(l), l = window.setTimeout(() => {
-			c(), l && u();
-		}, 1e3);
-	}, d = () => {
-		clearTimeout(l), l = void 0;
-	};
-	S(() => {
-		u();
-	}), x(() => {
-		d();
-	}), P([
-		e,
-		t,
-		n
-	], () => {
-		c(), u();
-	});
-}
-//#endregion
-//#region src/composables/compList/index.ts
-function St() {
-	let e = E([]);
-	st(e);
-	let t = () => {
-		let { activeApp: t, depends: n } = ye.app, r = [];
-		for (let { id: n, name: i, position: a } of t.compGroups) {
-			let t = e.value.find((e) => e.id === n);
-			r.push({
-				id: n,
-				type: 0,
-				name: i,
-				position: a,
-				collapse: t?.collapse ?? !0
-			});
-		}
-		for (let { id: e, groupId: i, name: a, position: o } of t.comps) n[e] && r.push({
-			id: e,
-			type: 1,
-			name: a,
-			position: o,
-			group: i
-		});
-		e.value = a(r, !0);
-	}, n, r = () => {
-		clearTimeout(n), n = window.setTimeout(() => {
-			t(), n && r();
-		}, 1e3);
-	}, i = () => {
-		clearTimeout(n), n = void 0;
-	};
-	S(() => {
-		r();
-	}), x(() => {
-		i();
-	});
-}
-//#endregion
-//#region src/composables/slotList/index.ts
-function Ct() {
-	let e = E([]);
-	lt(e);
-	let t = () => {
-		let { activeObject: e, activeComp: t } = ye.app;
-		if (e.type !== "comp" || !t.meta.slots) return [];
-		let n = [];
-		for (let { id: e, name: r } of t.meta.slots) n.push({
-			id: e,
-			name: r
-		});
-		return n;
-	}, n = () => {
-		e.value = t();
-	}, r, i = () => {
-		clearTimeout(r), r = window.setTimeout(() => {
-			n(), r && i();
-		}, 1e3);
-	}, a = () => {
-		clearTimeout(r), r = void 0;
-	};
-	S(() => {
-		i();
-	}), x(() => {
-		a();
-	});
-}
-//#endregion
-//#region src/components/values/adaptSlot/adaptSlotList/group.vue?vue&type=script&setup=true&lang.ts
-var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text-grey ml-1" }, Et = /* @__PURE__ */ m({
-	__name: "group",
-	props: {
-		id: {},
-		title: {},
-		collapse: { type: Boolean },
-		count: {}
-	},
-	emits: ["x-click"],
-	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = V(), i = t, a = E(!1), o = s(() => ({
-			background: a.value ? r.value : n.value,
-			height: "30px",
-			marginTop: "1px",
-			userSelect: "none"
-		}));
-		return (t, n) => {
-			let r = O("v-icon"), s = k("ripple");
-			return L((w(), u("div", {
-				class: "d-flex align-center cursor-pointer",
-				style: b(o.value),
-				onClick: n[0] ||= (t) => i("x-click", e.id),
-				onMouseout: n[1] ||= (e) => a.value = !1,
-				onMouseover: n[2] ||= (e) => a.value = !0
-			}, [
-				p(r, {
-					icon: e.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
-					size: "small"
-				}, null, 8, ["icon"]),
-				d("span", wt, A(e.title), 1),
-				d("span", Tt, A(e.count), 1)
-			], 36)), [[s]]);
-		};
-	}
-}), Dt = { class: "text-body-large ml-6" }, Ot = /* @__PURE__ */ m({
-	__name: "item",
-	props: {
-		id: {},
-		title: {}
-	},
-	emits: ["x-click"],
-	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = V(), i = t, a = E(!1), o = s(() => ({
-			background: a.value ? r.value : n.value,
-			height: "48px",
-			marginTop: "1px",
-			userSelect: "none"
-		}));
-		return (t, n) => {
-			let r = k("ripple");
-			return L((w(), u("div", {
-				class: "d-flex align-center cursor-pointer",
-				style: b(o.value),
-				onClick: n[0] ||= (t) => i("x-click", e.id),
-				onMouseout: n[1] ||= (e) => a.value = !1,
-				onMouseover: n[2] ||= (e) => a.value = !0
-			}, [d("span", Dt, A(e.title), 1)], 36)), [[r]]);
-		};
-	}
-}), kt = { key: 0 }, At = {
-	key: 1,
-	class: "text-body-medium text-grey ml-3"
-}, jt = /* @__PURE__ */ m({
-	__name: "index",
-	props: {
-		open: {
-			type: Boolean,
-			required: !0
-		},
-		openModifiers: {}
-	},
-	emits: /*@__PURE__*/ v(["x-select"], ["update:open"]),
-	setup(e, { emit: t }) {
-		let { t: r } = K(), a = N(e, "open"), s = t, d = ft(), f = (e) => {
-			let t = i(d, e);
-			t && n(d, e, !t.collapse);
-		}, p = (e) => {
-			a.value = !1, s("x-select", e);
-		};
-		return (e, t) => j(d).length > 0 ? (w(), u("div", kt, [(w(!0), u(o, null, D(j(d), (e) => (w(), u(o, { key: e.id }, [e.type === 0 ? (w(), c(Et, {
-			key: 0,
-			id: e.id,
-			collapse: e.collapse,
-			count: e.count ?? 0,
-			title: e.name,
-			onXClick: f
-		}, null, 8, [
-			"id",
-			"collapse",
-			"count",
-			"title"
-		])) : l("", !0), e.type === 1 && e.show ? (w(), c(Ot, {
-			key: 1,
-			id: e.id,
-			title: e.name,
-			onXClick: p
-		}, null, 8, ["id", "title"])) : l("", !0)], 64))), 128))])) : (w(), u("div", At, A(j(r)("x-prop-tree.noAdaptSlot")), 1));
-	}
-}), Mt = { class: "text-body-large" }, Nt = /* @__PURE__ */ m({
-	__name: "index",
-	props: /*@__PURE__*/ v({
-		hasDelete: {
-			type: Boolean,
-			default: !1
-		},
-		readonly: {
-			type: Boolean,
-			default: !1
-		}
-	}, {
-		modelValue: { default: null },
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
-	setup(t, { emit: n }) {
-		let { t: a } = K(), o = be(), { sysBarAvail: u } = H(), { backgroundColor1: m } = V(), h = N(t, "modelValue"), g = n, v = ft(), x = s(() => {
-			let e = "100%";
-			return o.mdAndUp.value && (e = "400px"), {
-				background: m.value,
-				width: e,
-				height: "100%"
-			};
-		}), S = s(() => {
-			let e = 48;
-			return u.value && (e += 24), {
-				position: "relative",
-				height: `calc(100% - ${e}px)`
-			};
-		}), T = s(() => ({ height: "60px" }));
-		F(() => {
-			if (!h.value) return;
-			let t = i(v, h.value.id);
-			t && !e(t.names, h.value.names) && (h.value = {
-				...h.value,
-				names: r(t.names)
-			});
-		});
-		let E = s(() => {
-			if (h.value) {
-				let { kind: e } = ve(h.value.id);
-				return e === "elementSlot" || e === "multipleElementSlot" ? h.value.names.map((e) => a(e)).join(" / ") : h.value.names.join(" / ");
-			} else return a("x-runtime-lib.notSet");
-		}), { open: D } = U(`propTreeAdaptSlotSelectDlg${M()}`);
-		C(() => {
-			D.value = !1;
-		});
-		function ee(e) {
-			if (!e) {
-				h.value = null;
-				return;
-			}
-			let t = i(v, e);
-			if (!t) {
-				h.value = null;
-				return;
-			}
-			h.value = {
-				id: t.id,
-				names: t.names
-			};
-		}
-		return (e, n) => {
-			let r = O("v-btn"), i = O("v-sheet"), o = O("v-dialog");
-			return w(), c(o, {
-				modelValue: j(D),
-				"onUpdate:modelValue": n[5] ||= (e) => _(D) ? D.value = e : null,
-				fullscreen: "",
-				"no-click-animation": "",
-				persistent: "",
-				transition: "scroll-x-reverse-transition",
-				onKeydown: n[6] ||= R(z((e) => D.value = !1, ["stop", "prevent"]), ["esc"])
-			}, {
-				activator: I(({ props: e }) => [p(r, y(e, {
-					block: "",
-					density: "comfortable",
-					readonly: t.readonly
-				}), {
-					default: I(() => [f(A(E.value), 1)]),
-					_: 1
-				}, 16, ["readonly"]), t.hasDelete ? (w(), c(r, {
-					key: 0,
-					class: "mx-2",
-					density: "compact",
-					icon: "mdi-minus",
-					variant: "text",
-					onClick: n[0] ||= z((e) => g("delete"), ["stop"])
-				})) : l("", !0)]),
-				default: I(() => [d("div", {
-					class: "w-100 h-100 d-flex flex-row-reverse",
-					onClick: n[3] ||= z((e) => D.value = !1, ["self"]),
-					onContextmenu: n[4] ||= z((e) => D.value = !1, ["self", "prevent"])
-				}, [d("div", {
-					class: "elevation-2",
-					style: b(x.value)
-				}, [
-					j(u) ? (w(), c(i, {
-						key: 0,
-						color: "transparent",
-						height: 24
-					})) : l("", !0),
-					p(i, {
-						class: "d-flex align-center px-3",
-						color: "transparent",
-						height: 48
-					}, {
-						default: I(() => [p(r, {
-							density: "comfortable",
-							icon: "mdi-close",
-							variant: "text",
-							onClick: n[1] ||= (e) => D.value = !1
-						}), d("span", Mt, A(j(a)("x-prop-tree.selectAdaptSlot")), 1)]),
-						_: 1
-					}),
-					d("div", {
-						class: "overflow-y-auto",
-						style: b(S.value)
-					}, [p(jt, {
-						open: j(D),
-						"onUpdate:open": n[2] ||= (e) => _(D) ? D.value = e : null,
-						onXSelect: ee
-					}, null, 8, ["open"]), d("div", { style: b(T.value) }, null, 4)], 4)
-				], 4)], 32)]),
-				_: 1
-			}, 8, ["modelValue"]);
-		};
-	}
-}), Pt = { class: "text-label-large ml-1" }, Ft = { class: "text-body-small text-grey ml-1" }, It = /* @__PURE__ */ m({
-	__name: "group",
-	props: {
-		id: {},
-		title: {},
-		collapse: { type: Boolean },
-		count: {}
-	},
-	emits: ["x-click"],
-	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = V(), i = t, a = E(!1), o = s(() => ({
-			background: a.value ? r.value : n.value,
-			height: "30px",
-			marginTop: "1px",
-			userSelect: "none"
-		}));
-		return (t, n) => {
-			let r = O("v-icon"), s = k("ripple");
-			return L((w(), u("div", {
-				class: "d-flex align-center cursor-pointer",
-				style: b(o.value),
-				onClick: n[0] ||= (t) => i("x-click", e.id),
-				onMouseout: n[1] ||= (e) => a.value = !1,
-				onMouseover: n[2] ||= (e) => a.value = !0
-			}, [
-				p(r, {
-					icon: e.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
-					size: "small"
-				}, null, 8, ["icon"]),
-				d("span", Pt, A(e.title), 1),
-				d("span", Ft, A(e.count), 1)
-			], 36)), [[s]]);
-		};
-	}
-}), Lt = { class: "text-body-large ml-6" }, Rt = /* @__PURE__ */ m({
-	__name: "item",
-	props: {
-		id: {},
-		title: {}
-	},
-	emits: ["x-click"],
-	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = V(), i = t, a = E(!1), o = s(() => ({
-			background: a.value ? r.value : n.value,
-			height: "48px",
-			marginTop: "1px",
-			userSelect: "none"
-		}));
-		return (t, n) => {
-			let r = k("ripple");
-			return L((w(), u("div", {
-				class: "d-flex align-center cursor-pointer",
-				style: b(o.value),
-				onClick: n[0] ||= (t) => i("x-click", e.id),
-				onMouseout: n[1] ||= (e) => a.value = !1,
-				onMouseover: n[2] ||= (e) => a.value = !0
-			}, [d("span", Lt, A(e.title), 1)], 36)), [[r]]);
-		};
-	}
-}), zt = { key: 0 }, Bt = {
-	key: 1,
-	class: "text-body-medium text-grey ml-3"
-}, Vt = /* @__PURE__ */ m({
-	__name: "index",
-	props: {
-		open: {
-			type: Boolean,
-			required: !0
-		},
-		openModifiers: {}
-	},
-	emits: /*@__PURE__*/ v(["x-select"], ["update:open"]),
-	setup(e, { emit: t }) {
-		let { t: r } = K(), a = N(e, "open"), s = t, d = ct();
-		function f(e) {
-			let t = i(d, e);
-			t && n(d, e, !t.collapse);
-		}
-		function p(e) {
-			a.value = !1, s("x-select", e), B.emit("refreshDepends");
-		}
-		return (e, t) => j(d).length > 0 ? (w(), u("div", zt, [(w(!0), u(o, null, D(j(d), (e) => (w(), u(o, { key: e.id }, [e.type === 0 ? (w(), c(It, {
-			key: 0,
-			id: e.id,
-			collapse: e.collapse,
-			count: e.count ?? 0,
-			title: e.name,
-			onXClick: f
-		}, null, 8, [
-			"id",
-			"collapse",
-			"count",
-			"title"
-		])) : l("", !0), e.type === 1 && e.show ? (w(), c(Rt, {
-			key: 1,
-			id: e.id,
-			title: e.name,
-			onXClick: p
-		}, null, 8, ["id", "title"])) : l("", !0)], 64))), 128))])) : (w(), u("div", Bt, A(j(r)("x-prop-tree.noComp")), 1));
-	}
-}), Ht = { class: "text-body-large" }, Ut = /* @__PURE__ */ m({
-	__name: "index",
-	props: /*@__PURE__*/ v({
-		hasDelete: {
-			type: Boolean,
-			default: !1
-		},
-		readonly: {
-			type: Boolean,
-			default: !1
-		}
-	}, {
-		modelValue: { default: null },
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
-	setup(e, { emit: t }) {
-		let { t: n } = K(), r = be(), { sysBarAvail: a } = H(), { backgroundColor1: o } = V(), u = N(e, "modelValue"), m = t, h = ct(), g = s(() => {
-			let e = "100%";
-			return r.mdAndUp.value && (e = "400px"), {
-				background: o.value,
-				width: e,
-				height: "100%"
-			};
-		}), v = s(() => {
-			let e = 48;
-			return a.value && (e += 24), {
-				position: "relative",
-				height: `calc(100% - ${e}px)`
-			};
-		}), x = s(() => ({ height: "60px" }));
-		F(() => {
-			if (!u.value) return;
-			let e = i(h, u.value.id);
-			e && e.name !== u.value.name && (u.value = {
-				...u.value,
-				name: e.name
-			});
-		});
-		let S = s(() => u.value ? u.value.name : n("x-runtime-lib.notSet")), { open: T } = U(`propTreeCompSelectDlg${M()}`);
-		C(() => {
-			T.value = !1;
-		});
-		function E(e) {
-			if (!e) {
-				u.value = null;
-				return;
-			}
-			let t = i(h, e);
-			if (!t) {
-				u.value = null;
-				return;
-			}
-			u.value = {
-				id: t.id,
-				name: t.name
-			};
-		}
-		return (t, r) => {
-			let i = O("v-btn"), o = O("v-sheet"), s = O("v-dialog");
-			return w(), c(s, {
-				modelValue: j(T),
-				"onUpdate:modelValue": r[5] ||= (e) => _(T) ? T.value = e : null,
-				fullscreen: "",
-				"no-click-animation": "",
-				persistent: "",
-				transition: "scroll-x-reverse-transition",
-				onKeydown: r[6] ||= R(z((e) => T.value = !1, ["stop", "prevent"]), ["esc"])
-			}, {
-				activator: I(({ props: t }) => [p(i, y(t, {
-					block: "",
-					density: "comfortable",
-					readonly: e.readonly
-				}), {
-					default: I(() => [f(A(S.value), 1)]),
-					_: 1
-				}, 16, ["readonly"]), e.hasDelete ? (w(), c(i, {
-					key: 0,
-					class: "mx-2",
-					density: "compact",
-					icon: "mdi-minus",
-					variant: "text",
-					onClick: r[0] ||= z((e) => m("delete"), ["stop"])
-				})) : l("", !0)]),
-				default: I(() => [d("div", {
-					class: "w-100 h-100 d-flex flex-row-reverse",
-					onClick: r[3] ||= z((e) => T.value = !1, ["self"]),
-					onContextmenu: r[4] ||= z((e) => T.value = !1, ["self", "prevent"])
-				}, [d("div", {
-					class: "elevation-2",
-					style: b(g.value)
-				}, [
-					j(a) ? (w(), c(o, {
-						key: 0,
-						color: "transparent",
-						height: 24
-					})) : l("", !0),
-					p(o, {
-						class: "d-flex align-center px-3",
-						color: "transparent",
-						height: 48
-					}, {
-						default: I(() => [p(i, {
-							density: "comfortable",
-							icon: "mdi-close",
-							variant: "text",
-							onClick: r[1] ||= (e) => T.value = !1
-						}), d("span", Ht, A(j(n)("x-prop-tree.selectComp")), 1)]),
-						_: 1
-					}),
-					d("div", {
-						class: "overflow-y-auto",
-						style: b(v.value)
-					}, [p(Vt, {
-						open: j(T),
-						"onUpdate:open": r[2] ||= (e) => _(T) ? T.value = e : null,
-						onXSelect: E
-					}, null, 8, ["open"]), d("div", { style: b(x.value) }, null, 4)], 4)
-				], 4)], 32)]),
-				_: 1
-			}, 8, ["modelValue"]);
-		};
-	}
-}), Wt = { class: "d-flex justify-space-between align-center" }, Gt = /* @__PURE__ */ m({
-	__name: "index",
-	props: /*@__PURE__*/ v({
-		hasDelete: {
-			type: Boolean,
-			default: !1
-		},
-		readonly: {
-			type: Boolean,
-			default: !1
-		}
-	}, {
-		modelValue: { required: !0 },
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
-	setup(e, { emit: t }) {
-		let { isMobile: n } = H(), r = N(e, "modelValue"), i = t, a = async (t) => {
-			if (!t || e.readonly || !n()) return;
-			let i = await oe({
-				title: "",
-				value: r.value
-			});
-			i !== void 0 && (r.value = i);
-		};
-		return (t, n) => {
-			let o = O("v-text-field"), s = O("v-btn"), d = k("ripple");
-			return w(), u("div", Wt, [L(p(o, {
-				modelValue: r.value,
-				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
-				density: "compact",
-				"hide-details": "",
-				readonly: e.readonly,
-				"single-line": "",
-				"onUpdate:focused": a
-			}, null, 8, ["modelValue", "readonly"]), [[
-				d,
-				void 0,
-				void 0,
-				{ stop: !0 }
-			]]), e.hasDelete ? (w(), c(s, {
-				key: 0,
-				class: "mx-2",
-				density: "compact",
-				icon: "mdi-minus",
-				variant: "text",
-				onClick: n[1] ||= z((e) => i("delete"), ["stop"])
-			})) : l("", !0)]);
-		};
-	}
-}), Kt = /* @__PURE__ */ m({
-	__name: "editor",
-	props: {
-		modelValue: { required: !0 },
-		modelModifiers: {},
-		lock: {
-			type: Boolean,
-			required: !0
-		},
-		lockModifiers: {},
-		scale: { required: !0 },
-		scaleModifiers: {}
-	},
-	emits: [
-		"update:modelValue",
-		"update:lock",
-		"update:scale"
-	],
-	setup(e, { expose: t }) {
-		let n = N(e, "modelValue"), r = N(e, "lock"), i = N(e, "scale"), a = re(), o = ie(), s = qe(), 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) => (w(), c(j(xe), {
-			ref_key: "target",
-			ref: l,
-			lock: r.value,
-			"onUpdate:lock": t[0] ||= (e) => r.value = e,
-			scale: i.value,
-			"onUpdate:scale": t[1] ||= (e) => i.value = e,
-			dark: j(a),
-			locale: j(o),
-			type: "json",
-			version: j(s),
-			onReady: u
-		}, null, 8, [
-			"lock",
-			"scale",
-			"dark",
-			"locale",
-			"version"
-		]));
-	}
-}), qt = { class: "text-body-large" }, Jt = /* @__PURE__ */ m({
-	__name: "index",
-	props: /*@__PURE__*/ v({
-		hasDelete: {
-			type: Boolean,
-			default: !1
-		},
-		readonly: {
-			type: Boolean,
-			default: !1
-		}
-	}, {
-		modelValue: { required: !0 },
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
-	setup(e, { emit: t }) {
-		let { t: n } = K(), { sysBarAvail: r } = H(), { backgroundColor0: i, backgroundColor1: a, backgroundColor2: o } = V(), u = N(e, "modelValue"), m = t, h = E(!1), g = E(1), v = s(() => {
-			let e = 48;
-			return r.value && (e += 24), {
-				position: "relative",
-				background: a.value,
-				height: `calc(100% - ${e}px)`
-			};
-		}), x = s(() => n("x-prop-tree.jsonEditor")), { open: S } = U(`propTreejsonEditorDlg${M()}`);
-		C(() => {
-			S.value = !1;
-		});
-		let T = te("editor");
-		return P(S, (e) => {
-			e || T.value?.save();
-		}), (t, n) => {
-			let a = O("v-btn"), s = O("v-sheet"), C = O("v-spacer"), E = O("v-dialog");
-			return w(), c(E, {
-				modelValue: j(S),
-				"onUpdate:modelValue": n[5] ||= (e) => _(S) ? S.value = e : null,
-				attach: "",
-				fullscreen: "",
-				"no-click-animation": "",
-				persistent: "",
-				transition: "dialog-bottom-transition",
-				onKeydown: n[6] ||= R(z((e) => S.value = !1, ["stop", "prevent"]), ["esc"])
-			}, {
-				activator: I(({ props: t }) => [p(a, y(t, {
-					block: "",
-					density: "comfortable",
-					readonly: e.readonly
-				}), {
-					default: I(() => [f(A(x.value), 1)]),
-					_: 1
-				}, 16, ["readonly"]), e.hasDelete ? (w(), c(a, {
-					key: 0,
-					class: "mx-2",
-					density: "compact",
-					icon: "mdi-minus",
-					variant: "text",
-					onClick: n[0] ||= z((e) => m("delete"), ["stop"])
-				})) : l("", !0)]),
-				default: I(() => [p(s, {
-					color: j(i),
-					height: "100%",
-					width: "100%"
-				}, {
-					default: I(() => [
-						j(r) ? (w(), c(s, {
-							key: 0,
-							color: j(o),
-							height: 24
-						}, null, 8, ["color"])) : l("", !0),
-						p(s, {
-							class: "d-flex align-center px-2",
-							color: j(o),
-							height: 48
-						}, {
-							default: I(() => [
-								p(a, {
-									density: "comfortable",
-									icon: "mdi-close",
-									variant: "text",
-									onClick: n[1] ||= (e) => S.value = !1
-								}),
-								d("span", qt, A(x.value), 1),
-								p(C)
-							]),
-							_: 1
-						}, 8, ["color"]),
-						d("div", { style: b(v.value) }, [p(Kt, {
-							ref_key: "editor",
-							ref: T,
-							modelValue: u.value,
-							"onUpdate:modelValue": n[2] ||= (e) => u.value = e,
-							lock: h.value,
-							"onUpdate:lock": n[3] ||= (e) => h.value = e,
-							scale: g.value,
-							"onUpdate:scale": n[4] ||= (e) => g.value = e
-						}, null, 8, [
-							"modelValue",
-							"lock",
-							"scale"
-						])], 4)
-					]),
-					_: 1
-				}, 8, ["color"])]),
-				_: 1
-			}, 8, ["modelValue"]);
-		};
-	}
-}), Yt = { class: "d-flex justify-space-between align-center" }, Xt = /* @__PURE__ */ m({
-	__name: "color",
-	props: /*@__PURE__*/ v({
-		hasDelete: {
-			type: Boolean,
-			default: !1
-		},
-		readonly: {
-			type: Boolean,
-			default: !1
-		}
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
-	setup(e, { emit: t }) {
-		let { t: n } = K(), r = N(e, "modelValue"), i = t, a = s(() => {
-			let t = "100%";
-			return e.hasDelete && (t = "calc(100% - 37px)"), { width: t };
-		}), o = s(() => e.readonly), { open: u } = U(`propTreeColorPickerMenu${M()}`);
-		return C(() => {
-			u.value = !1;
-		}), (t, s) => {
-			let m = O("v-btn"), h = O("v-color-picker"), g = O("v-menu");
-			return w(), c(g, {
-				modelValue: j(u),
-				"onUpdate:modelValue": s[2] ||= (e) => _(u) ? u.value = e : null,
-				"close-on-content-click": !1,
-				scrim: "transparent"
-			}, {
-				activator: I(({ props: t }) => [d("div", Yt, [d("div", {
-					class: "flex-grow-1",
-					style: b(a.value)
-				}, [p(m, y(t, {
-					block: "",
-					color: r.value,
-					density: "comfortable",
-					disabled: o.value
-				}), {
-					default: I(() => [f(A(r.value ? r.value : j(n)("x-runtime-lib.notSet")), 1)]),
-					_: 1
-				}, 16, ["color", "disabled"])], 4), e.hasDelete ? (w(), c(m, {
-					key: 0,
-					class: "mx-2",
-					density: "compact",
-					icon: "mdi-minus",
-					variant: "text",
-					onClick: s[0] ||= z((e) => i("delete"), ["stop"])
-				})) : l("", !0)])]),
-				default: I(() => [p(h, {
-					modelValue: r.value,
-					"onUpdate:modelValue": s[1] ||= (e) => r.value = e,
-					mode: "hexa",
-					"show-swatches": "",
-					"swatches-max-height": "150px"
-				}, null, 8, ["modelValue"])]),
-				_: 1
-			}, 8, ["modelValue"]);
-		};
-	}
-}), Zt = { class: "d-flex justify-space-between align-center my-2" }, Qt = { class: "flex-grow-1" }, $t = /* @__PURE__ */ m({
-	__name: "index",
-	props: /*@__PURE__*/ v({
-		hasDelete: {
-			type: Boolean,
-			default: !1
-		},
-		readonly: {
-			type: Boolean,
-			default: !1
-		},
-		types: {}
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
-	setup(e, { emit: t }) {
-		let { t: n } = K(), { isMobile: r } = H(), i = N(e, "modelValue"), a = t, o = s(() => ue(e.types)), f = E(""), m = s(() => {
-			let e = [];
-			for (let { value: t, title: r } of o.value) e.push({
-				value: t,
-				title: n(r)
-			});
-			return e;
-		});
-		F(() => {
-			for (let { value: e, validator: t } of o.value) if (t(i.value)) {
-				f.value = e;
-				return;
-			}
-			_();
-		});
-		let h = s(() => o.value.find((e) => e.value === f.value));
-		function g() {
-			i.value = h.value?.default;
-		}
-		function _() {
-			f.value = o.value[0].value, g();
-		}
-		let v = E(0), y = async (e) => {
-			if (!e || !r() || !h.value || h.value.trait !== "number" && h.value.trait !== "numberUnit") return;
-			let t = await ae({
-				title: "",
-				value: v.value,
-				precision: h.value.precision,
-				min: h.value.min,
-				max: h.value.max,
-				step: h.value.step
-			});
-			t !== void 0 && (v.value = t);
-		};
-		F(() => {
-			h.value?.trait === "number" ? v.value = i.value : h.value?.trait === "numberUnit" && (v.value = me(i.value, h.value.unit));
-		}), P(v, (e) => {
-			h.value?.trait === "number" ? i.value = e : h.value?.trait === "numberUnit" && (i.value = e + h.value.unit);
-		});
-		let b = E("#ff00ff");
-		F(() => {
-			h.value?.trait === "hexColor" && de(i.value) && (b.value = i.value);
-		}), P(b, (e) => {
-			h.value?.trait === "hexColor" && (i.value = e);
-		});
-		let x = E("primary"), S = s(() => {
-			let e = [];
-			if (h.value?.trait === "themeColor") for (let { value: t, title: r } of _e) e.push({
-				value: t,
-				title: n(r)
-			});
-			return e;
-		});
-		return F(() => {
-			h.value?.trait === "themeColor" && fe(i.value) && (x.value = i.value);
-		}), P(x, (e) => {
-			h.value?.trait === "themeColor" && (i.value = e);
-		}), (t, n) => {
-			let r = O("v-select"), i = O("v-number-input"), o = O("v-btn"), s = k("ripple");
-			return w(), u("div", Zt, [d("div", Qt, [
-				L(p(r, {
-					modelValue: f.value,
-					"onUpdate:modelValue": [n[0] ||= (e) => f.value = e, g],
-					density: "compact",
-					"hide-details": "",
-					items: m.value,
-					readonly: e.readonly,
-					"single-line": ""
-				}, null, 8, [
-					"modelValue",
-					"items",
-					"readonly"
-				]), [[
-					s,
-					void 0,
-					void 0,
-					{ stop: !0 }
-				]]),
-				h.value?.trait === "number" || h.value?.trait === "numberUnit" ? L((w(), c(i, {
-					key: 0,
-					modelValue: v.value,
-					"onUpdate:modelValue": n[1] ||= (e) => v.value = e,
-					"control-variant": "stacked",
-					density: "compact",
-					"hide-details": "",
-					max: h.value.max,
-					min: h.value.min,
-					precision: h.value.precision,
-					readonly: e.readonly,
-					"single-line": "",
-					step: h.value.step,
-					"onUpdate:focused": y
-				}, null, 8, [
-					"modelValue",
-					"max",
-					"min",
-					"precision",
-					"readonly",
-					"step"
-				])), [[
-					s,
-					void 0,
-					void 0,
-					{ stop: !0 }
-				]]) : l("", !0),
-				h.value?.trait === "hexColor" ? (w(), c(Xt, {
-					key: 1,
-					modelValue: b.value,
-					"onUpdate:modelValue": n[2] ||= (e) => b.value = e
-				}, null, 8, ["modelValue"])) : l("", !0),
-				h.value?.trait === "themeColor" ? L((w(), c(r, {
-					key: 2,
-					modelValue: x.value,
-					"onUpdate:modelValue": n[3] ||= (e) => x.value = e,
-					density: "compact",
-					"hide-details": "",
-					items: S.value,
-					"single-line": ""
-				}, null, 8, ["modelValue", "items"])), [[
-					s,
-					void 0,
-					void 0,
-					{ stop: !0 }
-				]]) : l("", !0)
-			]), e.hasDelete ? (w(), c(o, {
-				key: 0,
-				class: "mx-2",
-				density: "compact",
-				icon: "mdi-minus",
-				variant: "text",
-				onClick: n[4] ||= z((e) => a("delete"), ["stop"])
-			})) : l("", !0)]);
-		};
-	}
-}), en = { class: "d-flex justify-space-between align-center" }, tn = /* @__PURE__ */ m({
-	__name: "index",
-	props: /*@__PURE__*/ v({
-		hasDelete: {
-			type: Boolean,
-			default: !1
-		},
-		precision: { default: () => void 0 },
-		min: { default: () => -Infinity },
-		max: { default: () => Infinity },
-		step: { default: 1 },
-		readonly: {
-			type: Boolean,
-			default: !1
-		}
-	}, {
-		modelValue: { required: !0 },
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
-	setup(e, { emit: t }) {
-		let { isMobile: n } = H(), r = N(e, "modelValue"), i = t, a = async (t) => {
-			if (!t || e.readonly || !n()) return;
-			let i = await ae({
-				title: "",
-				value: r.value,
-				precision: e.precision,
-				min: e.min,
-				max: e.max,
-				step: e.step
-			});
-			i !== void 0 && (r.value = i);
-		};
-		return (t, n) => {
-			let o = O("v-number-input"), s = O("v-btn"), d = k("ripple");
-			return w(), u("div", en, [L(p(o, {
-				modelValue: r.value,
-				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
-				"control-variant": "stacked",
-				density: "compact",
-				"hide-details": "",
-				max: e.max,
-				min: e.min,
-				precision: e.precision,
-				readonly: e.readonly,
-				"single-line": "",
-				step: e.step,
-				"onUpdate:focused": a
-			}, null, 8, [
-				"modelValue",
-				"max",
-				"min",
-				"precision",
-				"readonly",
-				"step"
-			]), [[
-				d,
-				void 0,
-				void 0,
-				{ stop: !0 }
-			]]), e.hasDelete ? (w(), c(s, {
-				key: 0,
-				class: "mx-2",
-				density: "compact",
-				icon: "mdi-minus",
-				variant: "text",
-				onClick: n[1] ||= z((e) => i("delete"), ["stop"])
-			})) : l("", !0)]);
-		};
-	}
-}), nn = { class: "d-flex justify-space-between align-center my-2" }, rn = { class: "flex-grow-1" }, an = /* @__PURE__ */ m({
-	__name: "index",
-	props: /*@__PURE__*/ v({
-		hasDelete: {
-			type: Boolean,
-			default: !1
-		},
-		readonly: {
-			type: Boolean,
-			default: !1
-		}
-	}, {
-		modelValue: { required: !0 },
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
-	setup(e, { emit: t }) {
-		let { t: n } = K(), { isMobile: r } = H(), i = N(e, "modelValue"), a = t, o = E(""), f = E(0);
-		F(() => {
-			let e = i.value.split(",");
-			e.length < 1 || (o.value = e[0], (e[0] === "minLength" || e[1] === "maxLength" || e[2] === "length") && (e.length > 1 ? f.value = parseInt(e[1]) : f.value = 0));
-		});
-		function m() {
-			o.value === "minLength" || o.value === "maxLength" || o.value === "length" ? i.value = `${o.value},${f.value}` : i.value = o.value;
-		}
-		let h = s(() => {
-			let e = [{
-				value: "",
-				title: n("x-runtime-lib.notSet")
-			}];
-			for (let t of ge) e.push({
-				value: t,
-				title: n(`x-runtime-lib.${t}`)
-			});
-			return e;
-		});
-		function g() {
-			f.value = 0, m();
-		}
-		F(() => {
-			let e = i.value.split(",");
-			e.length > 1 && (f.value = parseInt(e[1]));
-		});
-		async function _(e) {
-			if (!e || !r()) return;
-			let t = await ae({
-				title: "",
-				value: f.value,
-				precision: 0,
-				min: 0,
-				max: Infinity,
-				step: 1
-			});
-			t !== void 0 && (f.value = t, m());
-		}
-		function v() {
-			m();
-		}
-		return (t, n) => {
-			let r = O("v-select"), i = O("v-number-input"), s = O("v-btn"), m = k("ripple");
-			return w(), u("div", nn, [d("div", rn, [L(p(r, {
-				modelValue: o.value,
-				"onUpdate:modelValue": [n[0] ||= (e) => o.value = e, g],
-				density: "compact",
-				"hide-details": "",
-				items: h.value,
-				readonly: e.readonly,
-				"single-line": ""
-			}, null, 8, [
-				"modelValue",
-				"items",
-				"readonly"
-			]), [[
-				m,
-				void 0,
-				void 0,
-				{ stop: !0 }
-			]]), o.value === "minLength" || o.value === "maxLength" || o.value === "length" ? L((w(), c(i, {
-				key: 0,
-				modelValue: f.value,
-				"onUpdate:modelValue": [n[1] ||= (e) => f.value = e, v],
-				"control-variant": "stacked",
-				density: "compact",
-				"hide-details": "",
-				max: Infinity,
-				min: 0,
-				precision: 0,
-				readonly: e.readonly,
-				"single-line": "",
-				step: 1,
-				"onUpdate:focused": _
-			}, null, 8, ["modelValue", "readonly"])), [[
-				m,
-				void 0,
-				void 0,
-				{ stop: !0 }
-			]]) : l("", !0)]), e.hasDelete ? (w(), c(s, {
-				key: 0,
-				class: "mx-2",
-				density: "compact",
-				icon: "mdi-minus",
-				variant: "text",
-				onClick: n[2] ||= z((e) => a("delete"), ["stop"])
-			})) : l("", !0)]);
-		};
-	}
-}), on = { class: "d-flex justify-space-between align-center" }, sn = /* @__PURE__ */ m({
-	__name: "index",
-	props: /*@__PURE__*/ v({
-		hasDelete: {
-			type: Boolean,
-			default: !1
-		},
-		readonly: {
-			type: Boolean,
-			default: !1
-		},
-		items: {}
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
-	setup(e, { emit: t }) {
-		let { t: n } = K(), r = N(e, "modelValue"), i = t, a = s(() => {
-			let t = [];
-			return ce(e.items)?.forEach(({ value: e, title: r }) => {
-				let i = e;
-				r && (i = n(r)), t.push({
-					value: e,
-					title: i
-				});
-			}), t;
-		});
-		return (t, n) => {
-			let o = O("v-select"), s = O("v-btn"), d = k("ripple");
-			return w(), u("div", on, [L(p(o, {
-				modelValue: r.value,
-				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
-				density: "compact",
-				"hide-details": "",
-				items: a.value,
-				readonly: e.readonly,
-				"single-line": ""
-			}, null, 8, [
-				"modelValue",
-				"items",
-				"readonly"
-			]), [[
-				d,
-				void 0,
-				void 0,
-				{ stop: !0 }
-			]]), e.hasDelete ? (w(), c(s, {
-				key: 0,
-				class: "mx-2",
-				density: "compact",
-				icon: "mdi-minus",
-				variant: "text",
-				onClick: n[1] ||= z((e) => i("delete"), ["stop"])
-			})) : l("", !0)]);
-		};
-	}
-}), cn = { class: "text-body-large ml-6" }, ln = /* @__PURE__ */ m({
-	__name: "item",
-	props: {
-		id: {},
-		title: {}
-	},
-	emits: ["x-click"],
-	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = V(), i = t, a = E(!1), o = s(() => ({
-			background: a.value ? r.value : n.value,
-			height: "48px",
-			marginTop: "1px",
-			userSelect: "none"
-		}));
-		return (t, n) => {
-			let r = k("ripple");
-			return L((w(), u("div", {
-				class: "d-flex align-center cursor-pointer",
-				style: b(o.value),
-				onClick: n[0] ||= (t) => i("x-click", e.id),
-				onMouseout: n[1] ||= (e) => a.value = !1,
-				onMouseover: n[2] ||= (e) => a.value = !0
-			}, [d("span", cn, A(e.title), 1)], 36)), [[r]]);
-		};
-	}
-}), un = { key: 0 }, dn = {
-	key: 1,
-	class: "text-body-medium text-grey ml-3"
-}, fn = /* @__PURE__ */ m({
-	__name: "index",
-	props: {
-		open: {
-			type: Boolean,
-			required: !0
-		},
-		openModifiers: {}
-	},
-	emits: /*@__PURE__*/ v(["x-select"], ["update:open"]),
-	setup(e, { emit: t }) {
-		let { t: n } = K(), r = N(e, "open"), i = t, a = ut(), s = (e) => {
-			r.value = !1, i("x-select", e);
-		};
-		return (e, t) => j(a).length > 0 ? (w(), u("div", un, [(w(!0), u(o, null, D(j(a), (e) => (w(), c(ln, {
-			key: e.id,
-			id: e.id,
-			title: e.name,
-			onXClick: s
-		}, null, 8, ["id", "title"]))), 128))])) : (w(), u("div", dn, A(j(n)("x-prop-tree.noSlot")), 1));
-	}
-}), pn = { class: "text-body-large" }, mn = /* @__PURE__ */ m({
-	__name: "index",
-	props: /*@__PURE__*/ v({
-		hasDelete: {
-			type: Boolean,
-			default: !1
-		},
-		readonly: {
-			type: Boolean,
-			default: !1
-		}
-	}, {
-		modelValue: { default: null },
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
-	setup(e, { emit: t }) {
-		let { t: n } = K(), r = be(), { sysBarAvail: i } = H(), { backgroundColor1: a } = V(), o = N(e, "modelValue"), u = t, m = ut(), h = s(() => {
-			let e = "100%";
-			return r.mdAndUp.value && (e = "400px"), {
-				background: a.value,
-				width: e,
-				height: "100%"
-			};
-		}), g = s(() => {
-			let e = 48;
-			return i.value && (e += 24), {
-				position: "relative",
-				height: `calc(100% - ${e}px)`
-			};
-		}), v = s(() => ({ height: "60px" }));
-		F(() => {
-			if (!o.value) return;
-			let e = m.value.find((e) => e.id === o.value.id);
-			e && e.name !== o.value.name && (o.value = {
-				...o.value,
-				name: e.name
-			});
-		});
-		let x = s(() => o.value ? o.value.name : n("x-runtime-lib.notSet")), { open: S } = U(`propTreeSlotSelectDlg${M()}`);
-		C(() => {
-			S.value = !1;
-		});
-		function T(e) {
-			if (!e) {
-				o.value = null;
-				return;
-			}
-			let t = m.value.find((t) => t.id === e);
-			if (!t) {
-				o.value = null;
-				return;
-			}
-			o.value = {
-				id: t.id,
-				name: t.name
-			};
-		}
-		return (t, r) => {
-			let a = O("v-btn"), o = O("v-sheet"), s = O("v-dialog");
-			return w(), c(s, {
-				modelValue: j(S),
-				"onUpdate:modelValue": r[5] ||= (e) => _(S) ? S.value = e : null,
-				fullscreen: "",
-				"no-click-animation": "",
-				persistent: "",
-				transition: "scroll-x-reverse-transition",
-				onKeydown: r[6] ||= R(z((e) => S.value = !1, ["stop", "prevent"]), ["esc"])
-			}, {
-				activator: I(({ props: t }) => [p(a, y(t, {
-					block: "",
-					density: "comfortable",
-					readonly: e.readonly
-				}), {
-					default: I(() => [f(A(x.value), 1)]),
-					_: 1
-				}, 16, ["readonly"]), e.hasDelete ? (w(), c(a, {
-					key: 0,
-					class: "mx-2",
-					density: "compact",
-					icon: "mdi-minus",
-					variant: "text",
-					onClick: r[0] ||= z((e) => u("delete"), ["stop"])
-				})) : l("", !0)]),
-				default: I(() => [d("div", {
-					class: "w-100 h-100 d-flex flex-row-reverse",
-					onClick: r[3] ||= z((e) => S.value = !1, ["self"]),
-					onContextmenu: r[4] ||= z((e) => S.value = !1, ["self", "prevent"])
-				}, [d("div", {
-					class: "elevation-2",
-					style: b(h.value)
-				}, [
-					j(i) ? (w(), c(o, {
-						key: 0,
-						color: "transparent",
-						height: 24
-					})) : l("", !0),
-					p(o, {
-						class: "d-flex align-center px-3",
-						color: "transparent",
-						height: 48
-					}, {
-						default: I(() => [p(a, {
-							density: "comfortable",
-							icon: "mdi-close",
-							variant: "text",
-							onClick: r[1] ||= (e) => S.value = !1
-						}), d("span", pn, A(j(n)("x-prop-tree.selectSlot")), 1)]),
-						_: 1
-					}),
-					d("div", {
-						class: "overflow-y-auto",
-						style: b(g.value)
-					}, [p(fn, {
-						open: j(S),
-						"onUpdate:open": r[2] ||= (e) => _(S) ? S.value = e : null,
-						onXSelect: T
-					}, null, 8, ["open"]), d("div", { style: b(v.value) }, null, 4)], 4)
-				], 4)], 32)]),
-				_: 1
-			}, 8, ["modelValue"]);
-		};
-	}
-}), hn = { class: "d-flex justify-space-between align-center" }, gn = /* @__PURE__ */ m({
-	__name: "index",
-	props: /*@__PURE__*/ v({
-		hasDelete: {
-			type: Boolean,
-			default: !1
-		},
-		readonly: {
-			type: Boolean,
-			default: !1
-		}
-	}, {
-		modelValue: { type: Boolean },
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
-	setup(e, { emit: t }) {
-		let n = N(e, "modelValue"), r = t;
-		return (t, i) => {
-			let a = O("v-switch"), o = O("v-btn");
-			return w(), u("div", hn, [p(a, {
-				modelValue: n.value,
-				"onUpdate:modelValue": i[0] ||= (e) => n.value = e,
-				class: "ml-1",
-				color: "primary",
-				density: "compact",
-				"hide-details": "",
-				readonly: e.readonly
-			}, null, 8, ["modelValue", "readonly"]), e.hasDelete ? (w(), c(o, {
-				key: 0,
-				class: "mx-2",
-				density: "compact",
-				icon: "mdi-minus",
-				variant: "text",
-				onClick: i[1] ||= z((e) => r("delete"), ["stop"])
-			})) : l("", !0)]);
-		};
-	}
-}), _n = { class: "d-flex justify-space-between align-center" }, vn = /* @__PURE__ */ m({
-	__name: "index",
-	props: /*@__PURE__*/ v({
-		hasDelete: {
-			type: Boolean,
-			default: !1
-		},
-		readonly: {
-			type: Boolean,
-			default: !1
-		}
-	}, {
-		modelValue: { required: !0 },
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
-	setup(e, { emit: t }) {
-		let { isMobile: n } = H(), r = N(e, "modelValue"), i = t, a = async (t) => {
-			if (!t || e.readonly || !n()) return;
-			let i = await oe({
-				title: "",
-				value: r.value
-			});
-			i !== void 0 && (r.value = i);
-		};
-		return (t, n) => {
-			let o = O("v-text-field"), s = O("v-btn"), d = k("ripple");
-			return w(), u("div", _n, [L(p(o, {
-				modelValue: r.value,
-				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
-				density: "compact",
-				"hide-details": "",
-				readonly: e.readonly,
-				"single-line": "",
-				"onUpdate:focused": a
-			}, null, 8, ["modelValue", "readonly"]), [[
-				d,
-				void 0,
-				void 0,
-				{ stop: !0 }
-			]]), e.hasDelete ? (w(), c(s, {
-				key: 0,
-				class: "mx-2",
-				density: "compact",
-				icon: "mdi-minus",
-				variant: "text",
-				onClick: n[1] ||= z((e) => i("delete"), ["stop"])
-			})) : l("", !0)]);
-		};
-	}
-});
-//#endregion
-//#region src/composables/uis/uiAdaptSlot.ts
-function yn() {
-	let e = $();
-	return { renderUiAdaptSlot: (t, n, r, i, a) => {
-		if (n.ui !== "adaptSlot") throw Error("useUiAdaptSlot property ui must be adaptSlot");
-		return h(Nt, {
-			modelValue: Y(t, n, r, i, a, e),
-			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
-			},
-			hasDelete: i !== void 0 && !a,
-			onDelete: () => {
-				i === void 0 || a || (r.splice(i, 1), e(t.slice(0, -1), r));
-			},
-			readonly: n.readonly
-		});
-	} };
-}
-//#endregion
-//#region src/composables/uis/uiComp.ts
-function bn() {
-	let e = $();
-	return { renderUiComp: (t, n, r, i, a) => {
-		if (n.ui !== "comp") throw Error("renderUiComp property ui must be comp");
-		return h(Ut, {
-			modelValue: Y(t, n, r, i, a, e),
-			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
-			},
-			hasDelete: i !== void 0 && !a,
-			onDelete: () => {
-				i === void 0 || a || (r.splice(i, 1), e(t.slice(0, -1), r));
-			},
-			readonly: n.readonly
-		});
-	} };
-}
-//#endregion
-//#region src/composables/uis/uiDummy.ts
-function xn() {
-	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);
-	} };
-}
-//#endregion
-//#region src/composables/uis/uiIcon.ts
-function Sn() {
-	let e = $();
-	return { renderUiIcon: (t, n, r, i, a) => {
-		if (n.ui !== "icon") throw Error("renderUiIcon property ui must be icon");
-		return h(Gt, {
-			modelValue: n.static ? n.value : Y(t, n, r, i, a, e),
-			"onUpdate:modelValue": (o) => {
-				n.static || X(t, n, r, o, i, a, e);
-			},
-			hasDelete: i !== void 0 && !a,
-			onDelete: () => {
-				i === void 0 || a || (r.splice(i, 1), e(t.slice(0, -1), r));
-			},
-			readonly: n.static || n.readonly
-		});
-	} };
-}
-//#endregion
-//#region src/composables/uis/uiJson.ts
-function Cn() {
-	let e = $();
-	return { renderUiJson: (t, n, r, i, a) => {
-		if (n.ui !== "json") throw Error("renderUiJson property ui must be json");
-		return h(Jt, {
-			modelValue: Y(t, n, r, i, a, e) ?? "{}",
-			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
-			},
-			hasDelete: i !== void 0 && !a,
-			onDelete: () => {
-				i === void 0 || a || (r.splice(i, 1), e(t.slice(0, -1), r));
-			},
-			readonly: n.readonly
-		});
-	} };
-}
-//#endregion
-//#region src/composables/uis/uiMultiTypes.ts
-function wn() {
-	let e = $();
-	return { renderUiMultiTypes: (t, n, r, i, a) => {
-		if (n.ui !== "multiTypes") throw Error("renderUiMultiTypes property ui must be multiTypes");
-		return h($t, {
-			modelValue: Y(t, n, r, i, a, e),
-			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
-			},
-			hasDelete: i !== void 0 && !a,
-			onDelete: () => {
-				i === void 0 || a || (r.splice(i, 1), e(t.slice(0, -1), r));
-			},
-			types: n.types
-		});
-	} };
-}
-//#endregion
-//#region src/composables/uis/uiNumber.ts
-function Tn() {
-	let e = $();
-	return { renderUiNumber: (t, n, r, i, a) => {
-		if (n.ui !== "number") throw Error("renderUiNumber property ui must be number");
-		return h(tn, {
-			modelValue: Y(t, n, r, i, a, e),
-			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
-			},
-			hasDelete: i !== void 0 && !a,
-			onDelete: () => {
-				i === void 0 || a || (r.splice(i, 1), e(t.slice(0, -1), r));
-			},
-			precision: n.precision,
-			min: n.min,
-			max: n.max,
-			step: n.step,
-			readonly: n.readonly
-		});
-	} };
-}
-//#endregion
-//#region src/components/entry/index.vue
-var En = /* @__PURE__ */ m({
-	__name: "index",
-	props: { minHeight: {} },
-	emits: ["menu"],
-	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = V(), i = t, a = E(!1), o = s(() => ({
-			background: a.value ? r.value : n.value,
-			minHeight: e.minHeight,
-			paddingRight: "4px",
-			marginBottom: "1px",
-			userSelect: "none"
-		})), c = (e) => {
-			i("menu", e.clientX, e.clientY);
-		};
-		return (e, t) => {
-			let n = k("ripple");
-			return L((w(), u("div", {
-				class: "d-flex justify-space-between align-center cursor-pointer",
-				style: b(o.value),
-				onContextmenu: z(c, ["self", "prevent"]),
-				onMouseout: t[0] ||= (e) => a.value = !1,
-				onMouseover: t[1] ||= (e) => a.value = !0
-			}, [ee(e.$slots, "default")], 36)), [[n]]);
-		};
-	}
-});
-//#endregion
-//#region src/composables/uis/uiProperty.ts
-function Dn() {
-	let { t: e } = K(), t = at();
-	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 += " *"), h(En, {
-			minHeight: "56px",
-			onMenu: (e, t) => {
-				B.emit("propTreeMenu", {
-					x: e,
-					y: t,
-					keys: n
-				});
-			}
-		}, () => [h("span", {
-			style: {
-				marginLeft: "4px",
-				pointerEvents: "none"
-			},
-			innerHTML: o
-		}), h("div", { style: { width: "200px" } }, i)]);
-	} };
-}
-//#endregion
-//#region src/composables/uis/uiRule.ts
-function On() {
-	let e = $();
-	function t(t, n, r, i, a) {
-		if (n.ui !== "rule") throw Error("renderUiRule property ui must be rule");
-		return h(an, {
-			modelValue: Y(t, n, r, i, a, e),
-			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
-			},
-			hasDelete: i !== void 0 && !a,
-			onDelete: () => {
-				i === void 0 || a || (r.splice(i, 1), e(t.slice(0, -1), r));
-			}
-		});
-	}
-	return { renderUiRule: t };
-}
-//#endregion
-//#region src/composables/uis/uiSelect.ts
-function kn() {
-	let e = $();
-	return { renderUiSelect: (t, n, r, i, a) => {
-		if (n.ui !== "select") throw Error("renderUiSelect property ui must be select");
-		return h(sn, {
-			modelValue: Y(t, n, r, i, a, e),
-			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
-			},
-			hasDelete: i !== void 0 && !a,
-			onDelete: () => {
-				i === void 0 || a || (r.splice(i, 1), e(t.slice(0, -1), r));
-			},
-			items: n.items,
-			readonly: n.readonly
-		});
-	} };
-}
-//#endregion
-//#region src/composables/uis/uiSlot.ts
-function An() {
-	let e = $();
-	return { renderUiSlot: (t, n, r, i, a) => {
-		if (n.ui !== "slot") throw Error("renderUiSlot property ui must be slot");
-		return h(mn, {
-			modelValue: Y(t, n, r, i, a, e),
-			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
-			},
-			hasDelete: i !== void 0 && !a,
-			onDelete: () => {
-				i === void 0 || a || (r.splice(i, 1), e(t.slice(0, -1), r));
-			},
-			readonly: n.readonly
-		});
-	} };
-}
-//#endregion
-//#region src/composables/uis/uiSwitch.ts
-function jn() {
-	let e = $();
-	return { renderUiSwitch: (t, n, r, i, a) => {
-		if (n.ui !== "switch") throw Error("renderUiSwitch property ui must be switch");
-		return h(gn, {
-			modelValue: Y(t, n, r, i, a, e),
-			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
-			},
-			hasDelete: i !== void 0 && !a,
-			onDelete: () => {
-				i === void 0 || a || (r.splice(i, 1), e(t.slice(0, 1), r));
-			},
-			readonly: n.readonly
-		});
-	} };
-}
-//#endregion
-//#region src/composables/uis/uiText.ts
-function Mn() {
-	let e = $();
-	return { renderUiText: (t, n, r, i, a) => {
-		if (n.ui !== "text") throw Error("renderUiText property ui must be text");
-		return h(vn, {
-			modelValue: n.static ? n.value : Y(t, n, r, i, a, e),
-			"onUpdate:modelValue": (o) => {
-				n.static || X(t, n, r, o, i, a, e);
-			},
-			hasDelete: i !== void 0 && !a,
-			onDelete: () => {
-				i === void 0 || a || (r.splice(i, 1), e(t.slice(0, -1), r));
-			},
-			readonly: n.static || n.readonly
-		});
-	} };
-}
-//#endregion
-//#region src/components/propTree/main.vue?vue&type=script&setup=true&lang.ts
-var Nn = "20px", Pn = /* @__PURE__ */ m({
-	__name: "main",
-	setup(e) {
-		let { t } = K(), { backgroundColor1: n } = V(), i = $e(), a = tt(), s = rt(), c = at(), l = $();
-		St(), Ct(), xt();
-		let { renderProperty: d } = Dn(), { renderUiDummy: f } = xn(), { renderUiText: m } = Mn(), { renderUiNumber: g } = Tn(), { renderUiSwitch: _ } = jn(), { renderUiSelect: v } = kn(), { renderUiJson: y } = Cn(), { renderUiIcon: b } = Sn(), { renderUiComp: x } = bn(), { renderUiSlot: S } = An(), { renderUiAdaptSlot: C } = yn(), { renderUiRule: T } = On(), { renderUiMultiTypes: E } = wn(), D = (e, t, n, i, a, o) => {
-			if (e = r(e), i === void 0 ? e.push(t.key) : (e.push(i), a && e.push(t.key)), e?.[0] !== "runtime") return t.ui ? t.array && !o ? k(e, t, n, i, a) : A(e, t, n, i, a) : t.array ? ee(e, t, n, i, a) : O(e, t, n, i, a);
-		}, ee = (e, n, r, i, a) => {
-			if (n.ui) throw Error("renderBranchArray property ui must be invalid");
-			if (!n.array) throw Error("renderBranchArray property array must be valid");
-			let o = Se(e, n, r, i, a, l), u = t(n.name);
-			Z(s, e) && Q(c.value, e) && (u += " *");
-			let d = h(bt, {
-				title: u,
-				collapse: Z(s, e),
-				hasCreate: !0,
-				onCollapse: (t) => {
-					Ce(s, e, t);
-				},
-				onMenu: (t, n) => {
-					B.emit("propTreeMenu", {
-						x: t,
-						y: n,
-						keys: e
-					});
-				},
-				onCreate: () => {
-					o.push({}), l(e, o);
-				}
-			}), f = h("div", { style: { paddingLeft: Nn } }, (() => {
-				let t = [];
-				for (let r = 0; r < o.length; r++) {
-					let i = [...e, r], a = `[${r + 1}]`;
-					Z(s, [...e, r]) && Q(c.value, i) && (a += " *");
-					let u = h(bt, {
-						title: a,
-						collapse: Z(s, [...e, r]),
-						hasDelete: !0,
-						index: r,
-						onCollapse: (t) => {
-							Ce(s, [...e, r], t);
-						},
-						onMenu: (e, t) => {
-							B.emit("propTreeMenu", {
-								x: e,
-								y: t,
-								keys: i
-							});
-						},
-						onDelete: (t) => {
-							o.splice(t, 1), l(e, o);
-						}
-					});
-					t.push(u);
-					let d = h("div", { style: { paddingLeft: Nn } }, (() => {
-						let t = [];
-						for (let i of n.children) t.push(D(e, i, o[r], r, !0));
-						return t;
-					})());
-					Z(s, [...e, r]) || t.push(d);
-				}
-				return t;
-			})());
-			return h("div", { style: { marginTop: "1px" } }, (() => {
-				let t = [];
-				return t.push(d), Z(s, e) || t.push(f), t;
-			})());
-		}, O = (e, n, r, i, a) => {
-			if (n.ui) throw Error("renderBranchScalar property ui must be invalid");
-			if (n.array) throw Error("renderBranchScalar property array must be invalid");
-			let o = t(n.name);
-			Z(s, e) && Q(c.value, e) && (o += " *");
-			let u = h(bt, {
-				title: o,
-				collapse: Z(s, e),
-				hasDelete: i !== void 0 && !a,
-				onCollapse: (t) => {
-					Ce(s, e, t);
-				},
-				onMenu: (t, n) => {
-					B.emit("propTreeMenu", {
-						x: t,
-						y: n,
-						keys: e
-					});
-				},
-				onDelete: () => {
-					i === void 0 || a || (r.splice(i, 1), l(e.slice(0, -1), r));
-				}
-			}), d = h("div", { style: { paddingLeft: Nn } }, (() => {
-				let t = [];
-				for (let i of n.children) t.push(D(e, i, (typeof r[n.key] != "object" && (r[n.key] = {}, l(e, r[n.key])), r[n.key]), void 0, !1));
-				return t;
-			})());
-			return h("div", { style: { marginTop: "1px" } }, (() => {
-				let t = [];
-				return t.push(u), Z(s, e) || t.push(d), t;
-			})());
-		}, k = (e, n, r, i, a) => {
-			if (!n.ui) throw Error("renderLeafArray property ui must be valid");
-			if (!n.array) throw Error("renderLeafArray property array must be valid");
-			let o = Se(e, n, r, i, a, l), u = t(n.name);
-			Z(s, e) && Q(c.value, e) && (u += " *");
-			let d = h(bt, {
-				title: u,
-				collapse: Z(s, e),
-				hasCreate: !0,
-				onCollapse: (t) => {
-					Ce(s, e, t);
-				},
-				onMenu: (t, n) => {
-					B.emit("propTreeMenu", {
-						x: t,
-						y: n,
-						keys: e
-					});
-				},
-				onCreate: () => {
-					o.push(W(n)), l(e, o);
-				}
-			}), f = h("div", { style: { paddingLeft: Nn } }, (() => {
-				let t = [];
-				for (let r = 0; r < o.length; r++) t.push(D(e, n, o, r, !1, !0));
-				return t;
-			})());
-			return h("div", { style: { marginTop: "1px" } }, (() => {
-				let t = [];
-				return t.push(d), Z(s, e) || t.push(f), t;
-			})());
-		}, A = (e, t, n, r, i) => {
-			if (!t.ui) throw Error("renderLeafScalar property ui must be valid");
-			let a;
-			return t.ui === "dummy" ? a = f(e, t, n, r, i) : t.ui === "text" ? a = m(e, t, n, r, i) : t.ui === "number" ? a = g(e, t, n, r, i) : t.ui === "switch" ? a = _(e, t, n, r, i) : t.ui === "select" ? a = v(e, t, n, r, i) : t.ui === "json" ? a = y(e, t, n, r, i) : t.ui === "icon" ? a = b(e, t, n, r, i) : t.ui === "comp" ? a = x(e, t, n, r, i) : t.ui === "slot" ? a = S(e, t, n, r, i) : t.ui === "adaptSlot" ? a = C(e, t, n, r, i) : t.ui === "rule" ? a = T(e, t, n, r, i) : t.ui === "multiTypes" ? a = E(e, t, n, r, i) : console.assert(!1, "renderLeafScalar not implemented"), a ? d(e, t, a) : h("div");
-		}, j = () => h("div", {
-			class: "text-body-medium",
-			style: { background: n.value }
-		}, (() => {
-			let e = [];
-			if (i.value.length > 0 && a.value) for (let t of i.value) e.push(D([], t, a.value, void 0, !1));
-			return e;
-		})());
-		return (e, t) => (w(), u(o, null, [p(j), p(vt)], 64));
-	}
-}), Fn = /* @__PURE__ */ m({
-	__name: "index",
-	props: {
-		config: {},
-		object: {},
-		version: {},
-		type: {},
-		subtype: {}
-	},
-	emits: ["change"],
-	setup(e, { emit: t }) {
-		let n = t, r = E([]);
-		Qe(r), F(() => {
-			r.value = e.config;
-		});
-		let i = E();
-		et(i), F(() => {
-			i.value = e.object;
-		});
-		let a = E("");
-		Ke(a), F(() => {
-			a.value = e.version;
-		});
-		let o = E(e.type);
-		Je(o), F(() => {
-			o.value = e.type;
-		});
-		let s = E("");
-		Xe(s), F(() => {
-			s.value = e.subtype;
-		}), nt(E({
-			collapse: !0,
-			children: {}
-		}));
-		let l = E({
-			change: !1,
-			warning: !1,
-			children: {}
-		});
-		it(l);
-		function u(t, r) {
-			Pe(l, e.config, e.object), n("change", t, r);
-		}
-		ot(u);
-		function d() {
-			Pe(l, e.config, e.object);
-		}
-		return S(() => {
-			B.on("refreshPropertyState", d);
-		}), x(() => {
-			B.off("refreshPropertyState", d);
-		}), P([() => e.config, () => e.object], () => {
-			Pe(l, e.config, e.object);
-		}, { immediate: !0 }), (e, t) => (w(), c(Pn));
-	}
-}), In = (e) => {
-	e.component("XPropTree", Fn);
-}, Ln = (e, t, n) => {
-	let r = t.lastIndexOf("?"), i = e[r === -1 || r < t.lastIndexOf("/") ? t : t.slice(0, r)];
-	return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((e, r) => {
-		(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(r.bind(null, /* @__PURE__ */ Error("Unknown variable dynamic import: " + t + (t.split("/").length === n ? "" : ". Note that variables only represent file names one level deep."))));
-	});
-};
-//#endregion
-//#region src/i18n/index.ts
-async function Rn(e) {
-	return (await Ln(/* #__PURE__ */ Object.assign({
-		"./locales/en/index.ts": () => import("./i18n-en.h32u3o3z.js").then((e) => e.t),
-		"./locales/zhHans/index.ts": () => import("./i18n-zhHans.byb869oq.js").then((e) => e.t)
-	}), `./locales/${e}/index.ts`, 4)).default;
-}
-//#endregion
-//#region src/index.ts
-var zn = { install: In };
-//#endregion
-export { zn as default, Rn as loadLocaleMessagePropTree };
+import{Fragment as e,computed as t,createBlock as n,createCommentVNode as r,createElementBlock as i,createElementVNode as a,createTextVNode as o,createVNode as s,defineComponent as c,h as l,inject as u,isRef as d,mergeModels as f,mergeProps as p,normalizeStyle as m,onBeforeUnmount as h,onMounted as g,onUnmounted as _,openBlock as v,provide as y,ref as b,renderList as x,renderSlot as S,resolveComponent as C,resolveDirective as w,toDisplayString as T,unref as E,useId as D,useModel as O,useTemplateRef as k,watch as A,watchEffect as j,withCtx as M,withDirectives as N,withKeys as P,withModifiers as F}from"vue";import{eventBus as I,globalObjects as ee,injectDark as te,injectLocale as ne,openNumberDlg as re,openPromptDlg as ie,useColor as L,useSystem as R,useViewStack as z}from"x-essential-lib";import{getElement as ae,getItems as oe,getPropertyDefault as B,getPropertyDefaultArray as V,getTag as se,getTypes as ce,isHexColor as le,isThemeColor as ue,makeSlotId as de,parseNumberUnit as fe,pkgs as pe,rules as me,themeColors as he,unwrapSlotId as ge}from"x-runtime-lib";import{cloneDeep as H,isEqual as U,omit as _e}from"lodash-es";import{getListEntry as W,setCollapse as ve,tidyList as ye}from"x-group-list";import{useI18n as G}from"vue-i18n";import{globalState as be}from"x-state-lib";import{useDisplay as xe}from"vuetify";import{XBlockly as Se}from"x-block-lib";function K(e,t){let n={key:``,name:``,children:e};for(let e of t)if(typeof e!=`number`){if(!n)throw Error(`target must be valid`);if(n.ui)throw Error(`target ui must be invalid`);n=n.children.find(t=>t.key===e)}return n}function q(e,t){let n=e;for(let e of t){if(!n)throw Error(`target must be valid`);n=n[e]}return n}function Ce(e,t,n,r,i,a){if(r!==void 0&&!i){if(!(n[r]instanceof Array)){let i=V(t);U(i,n[r])||(n[r]=i,a(e,n[r]))}return n[r]}else{if(!(n[t.key]instanceof Array)){let r=V(t);U(r,n[t.key])||(n[t.key]=r,a(e,n[t.key]))}return n[t.key]}}function J(e,t,n,r,i,a){if(r!==void 0&&!i){if(n[r]===void 0){let i=B(t);U(i,n[r])||(n[r]=i,a(e,n[r]))}return n[r]}else{if(n[t.key]===void 0){let r=B(t);U(r,n[t.key])||(n[t.key]=r,a(e,n[t.key]))}return n[t.key]}}function Y(e,t,n,r,i,a,o){i!==void 0&&!a?U(r,n[i])||(n[i]=H(r),o(e,n[i])):U(r,n[t.key])||(n[t.key]=H(r),o(e,n[t.key]))}function X(e,t){let n=e.value;for(let e of t){if(!n.children[e])return!0;n=n.children[e]}return n.collapse}function we(e,t,n){let r=e.value;for(let e of t)r.children[e]||(r.children[e]={collapse:!0,children:{}}),r=r.children[e];r.collapse=n}const Te=[`key`,`name`,`children`,`default`,`arrayDefault`];function Ee(e,t){function n(e,t){if(!U(_e(e,Te),_e(t,Te)))return!1;if(e.ui||t.ui)return!0;if(e.children.length!==t.children.length)return!1;for(let r=0;r<e.children.length;r++)if(!n(e.children[r],t.children[r]))return!1;return!0}return n(e,t)}function De(e,t,n,r,i,a){function o(e,t,n,r,i){if(t.ui){if(t.readonly||t.static)return;Y(e,t,n,r,i,!1,a)}else if(t.array)Y(e,t,n,r,i,!1,a);else for(let i of t.children)typeof n==`object`&&typeof r==`object`&&o([...e,i.key],i,n[t.key],r[i.key],void 0)}o(e,t,n,r,i)}const Oe=[[`basic`,`id`],[`basic`,`name`]];function ke(e){return Oe.find(t=>U(e,t))}function Ae(e,t,n,r,i,a,o){return e=H(e),i===void 0?e.push(t.key):(e.push(i),a&&e.push(t.key)),e?.[0]===`runtime`?{change:!1,warning:!1}:ke(e)?(r.change=!1,r.warning=!1,{change:r.change,warning:r.warning}):t.ui?t.array&&!o?Ne(e,t,n,r,i,a):Pe(t,n,r,i,a):t.array?je(e,t,n,r,i,a):Me(e,t,n,r,i,a)}function je(e,t,n,r,i,a){if(t.ui)throw Error(`execPropertyBranchArray property ui must be invalid`);if(!t.array)throw Error(`execPropertyBranchArray property array must be valid`);let o;if(o=i!==void 0&&!a?n[i]:n[t.key],!(o instanceof Array))return r.change=!1,r.warning=!1,{change:!1,warning:!1};for(let n=0;n<o.length;n++){r.children[n]={change:!1,warning:!1,children:{}};let i=r.children[n];for(let a of t.children){i.children[a.key]={change:!1,warning:!1,children:{}};let{change:t,warning:s}=Ae(e,a,o[n],i.children[a.key],n,!0);!i.change&&t&&(i.change=t),!i.change&&s&&(i.warning=s),!r.change&&i.change&&(r.change=i.change),!r.warning&&i.warning&&(r.warning=i.warning)}}return r.change||=!U(o,V(t)),{change:r.change,warning:r.warning}}function Me(e,t,n,r,i,a){if(t.ui)throw Error(`execPropertyBranchScalar property ui must be invalid`);if(t.array)throw Error(`execPropertyBranchScalar property array must be invalid`);let o;if(o=i!==void 0&&!a?n[i]:n[t.key],o===void 0)return r.change=!1,r.warning=!1,{change:!1,warning:!1};for(let n=0;n<t.children.length;n++){let i=t.children[n];r.children[i.key]={change:!1,warning:!1,children:{}};let{change:a,warning:s}=Ae(e,i,o,r.children[i.key],void 0,!1);!r.change&&a&&(r.change=a),!r.warning&&s&&(r.warning=s)}return{change:r.change,warning:r.change}}function Ne(e,t,n,r,i,a){if(!t.ui)throw Error(`execPropertyLeafArray property ui must be valid`);if(!t.array)throw Error(`execPropertyLeafArray property aray must be valid`);let o;if(o=i!==void 0&&!a?n[i]:n[t.key],!(o instanceof Array))return r.change=!1,r.warning=!1,{change:!1,warning:!1};for(let n=0;n<o.length;n++){r.children[n]={change:!1,warning:!1,children:{}};let{change:i,warning:a}=Ae(e,t,o,r.children[n],n,!1,!0);!r.change&&i&&(r.change=i),!r.warning&&a&&(r.warning=a)}return r.change||=!U(o,V(t)),{change:r.change,warning:r.warning}}function Pe(e,t,n,r,i){if(!e.ui)throw Error(`execPropertyLeafScalar property ui must be valid`);let a;return a=r!==void 0&&!i?t[r]:t[e.key],n.change=!U(a,B(e)),e.ui===`comp`||e.ui===`slot`||e.ui,{change:n.change,warning:n.warning}}function Fe(e,t,n){if(t.length<=0||!n){e.value={change:!1,warning:!1,children:{}};return}let r={change:!1,warning:!1,children:{}};for(let e of t){let t={change:!1,warning:!1,children:{}};r.children[e.key]=t,Ae([],e,n,t,void 0,!1)}e.value=r}function Z(e,t){let n=e;for(let e of t){if(!n.children[e])return!1;n=n.children[e]}return n.change}function Q(e,t){let n=e;for(let e of t){if(!n.children[e])return!1;n=n.children[e]}return!!n.warning}const Ie=Symbol(),Le=Symbol(),Re=Symbol(),ze=Symbol(),Be=Symbol(),Ve=Symbol(),He=Symbol(),Ue=Symbol(),We=Symbol(),Ge=Symbol(),Ke=Symbol();function qe(e){y(Ie,e)}function Je(){return u(Ie)}function Ye(e){y(Le,e)}function Xe(){return u(Le)}function Ze(e){y(Re,e)}function Qe(){return u(Re)}function $e(e){y(ze,e)}function et(){return u(ze)}function tt(e){y(Be,e)}function nt(){return u(Be)}function rt(e){y(Ve,e)}function it(){return u(Ve)}function at(e){y(He,e)}function ot(){return u(He)}function st(e){y(Ue,e)}function $(){return u(Ue)}function ct(e){y(We,e)}function lt(){return u(We)}function ut(e){y(Ge,e)}function dt(){return u(Ge)}function ft(e){y(Ke,e)}function pt(){return u(Ke)}function mt(e,t,n,r){if(t.ui){if(t.readonly||t.static)return;if(t.array){let i=e[t.key],a=V(t);U(a,i)||(e[t.key]=a,r([...n,t.key],a))}else{let i=e[t.key],a=B(t);U(a,i)||(e[t.key]=a,r([...n,t.key],a))}}else if(t.array){let i=e[t.key],a=V(t);U(a,i)||(e[t.key]=a,r([...n,t.key],a))}else for(let i of t.children)mt(e[t.key],i,[...n,t.key],r)}function ht(e,t,n,r){let i=n.at(-1);if(i===void 0)return;let a=K(t,n);if(a)if(a.ui){if(a.readonly||a.static)return;if(a.array)if(typeof i==`string`){let t=q(e,n.slice(0,-1));if(!t)return;let o=t[i],s=V(a);U(s,o)||(t[i]=s,r(n,s))}else{let t=q(e,n.slice(0,-1));if(!t)return;let o=t[i],s=B(a);U(s,o)||(t[i]=s,r(n,s))}else{let t=q(e,n.slice(0,-1));if(!t)return;let o=t[i],s=B(a);U(s,o)||(t[i]=s,r(n,s))}}else if(a.array)if(typeof i==`string`){let t=q(e,n.slice(0,-1));if(!t)return;let o=t[i],s=V(a);U(s,o)||(t[i]=s,r(n,s))}else{let t=q(e,n);if(!t)return;for(let e of a.children)mt(t,e,n,r)}else{let t=q(e,n);if(!t)return;for(let e of a.children)mt(t,e,n,r)}}function gt(e){let{t}=G(),n=et(),r=nt();function i(){return!0}function a(){let t=K(n.value,e.value);if(!t)return;let i={property:t,object:q(r.value,e.value)};localStorage.setItem(`propTreeCopy`,JSON.stringify(i))}function o(e){i()&&e.push({title:t(`x-prop-tree.copy`),func:a})}return{tryPushCopy:o}}function _t(e){let{t}=G(),n=et(),r=nt(),i=$();function a(){if(e.value.length<=0)return!1;let t=K(n.value,e.value);if(!t)return!1;let r=localStorage.getItem(`propTreeCopy`);if(!r)return!1;let i;try{i=JSON.parse(r)}catch(e){return console.error(`parse propTreeCopy failed`,e),!1}return!!Ee(t,i.property)}function o(){if(e.value.length<=0)return;let t=K(n.value,e.value);if(!t)return;let a=localStorage.getItem(`propTreeCopy`);if(!a)return;let o;try{o=JSON.parse(a)}catch(e){console.error(`parse propTreeCopy failed`,e);return}if(!Ee(t,o.property))return;let s=q(r.value,e.value.slice(0,-1));if(!s)return;let c=e.value.at(-1);De(e.value,t,s,o.object,typeof c==`number`?c:void 0,i)}function s(e){a()&&e.push({title:t(`x-prop-tree.paste`),func:o})}return{tryPushPaste:s}}function vt(e){let{t}=G(),n=et(),r=nt(),i=ot(),a=$();function o(){return!(e.value.length<=0||!Z(i.value,e.value))}function s(){ht(r.value,n.value,e.value,a)}function c(e){o()&&e.push({title:t(`x-prop-tree.reset`),func:s})}return{tryPushReset:c}}var yt=c({__name:`index`,setup(r){let a=b(0),c=b(0),l=b([]),u=t(()=>[a.value,c.value]),{tryPushCopy:f}=gt(l),{tryPushPaste:p}=_t(l),{tryPushReset:m}=vt(l),h=t(()=>{let e=[];return f(e),p(e),m(e),e}),{open:g}=z(`propTreeMenu`,e=>{a.value=e.x,c.value=e.y,l.value=e.keys});return(t,r)=>{let a=C(`v-list-item-title`),c=C(`v-list-item`),l=C(`v-list`),f=C(`v-menu`);return v(),n(f,{modelValue:E(g),"onUpdate:modelValue":r[0]||=e=>d(g)?g.value=e:null,"location-strategy":`connected`,scrim:`transparent`,target:u.value},{default:M(()=>[s(l,null,{default:M(()=>[(v(!0),i(e,null,x(h.value,(e,t)=>(v(),n(c,{key:t,link:``,onClick:e.func},{default:M(()=>[s(a,null,{default:M(()=>[o(T(e.title),1)]),_:2},1024)]),_:2},1032,[`onClick`]))),128))]),_:1})]),_:1},8,[`modelValue`,`target`])}}});const bt={style:{pointerEvents:`none`}};var xt=c({__name:`index`,props:{title:{type:String,required:!0},collapse:{type:Boolean,required:!0},hasCreate:{type:Boolean,required:!1,default:!1},hasDelete:{type:Boolean,required:!1,default:!1},index:{type:Number,required:!1,default:0}},emits:[`collapse`,`menu`,`create`,`delete`],setup(e,{emit:o}){let{backgroundColor2:c,highlightColor:l}=L(),u=o,d=b(!1),f=t(()=>({background:d.value?l.value:c.value,height:`36px`,marginBottom:`1px`,userSelect:`none`})),p=()=>{u(`collapse`,!e.collapse)},h=e=>{u(`menu`,e.clientX,e.clientY)};return(t,o)=>{let c=C(`v-icon`),l=C(`v-spacer`),g=C(`v-btn`),_=w(`ripple`);return N((v(),i(`div`,{class:`d-flex align-center cursor-pointer`,style:m(f.value),onClick:p,onContextmenu:F(h,[`self`,`prevent`]),onMouseout:o[2]||=e=>d.value=!1,onMouseover:o[3]||=e=>d.value=!0},[s(c,{class:`mr-1`,icon:e.collapse?`mdi-chevron-right`:`mdi-chevron-down`},null,8,[`icon`]),a(`span`,bt,T(e.title),1),s(l),e.hasCreate?(v(),n(g,{key:0,class:`mx-3`,density:`compact`,icon:`mdi-plus`,variant:`text`,onClick:o[0]||=F(e=>u(`create`),[`stop`])})):r(`v-if`,!0),e.hasDelete?(v(),n(g,{key:1,class:`mx-3`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:o[1]||=F(t=>u(`delete`,e.index),[`stop`])})):r(`v-if`,!0)],36)),[[_]])}}});function St(){let e=Je(),t=Xe(),n=Qe(),{i18n:r}=ee,i=b([]);ft(i);let a=()=>{if(!e.value||!t.value||!n.value)return[];let a=pe[e.value];if(!a)return console.assert(!1,`invalid version=${e.value}`),[];let o=se(t.value,n.value),s=[];for(let e=0;e<a.groups[o].length;e++){let t=a.groups[o][e],n=W(i,t.key);s.push({id:t.key,type:0,name:r.global.t(t.name),position:e,collapse:n?.collapse??!0,count:0});let c=0;for(let e of t.items){let n=ae(e);if(n&&!n.internal&&n.slots)for(let e of n.slots){let i=de(`elementSlot`,n.key,e.key),a=`${r.global.t(n.name)} / ${r.global.t(e.name)}`;s.push({id:i,type:1,name:a,position:c++,group:t.key,names:[n.name,e.name]})}}}let{activeApp:c,depends:l}=be.app;for(let{id:e,name:t,position:n}of c.compGroups){let r=W(i,e);s.push({id:e,type:0,name:t,position:n,collapse:r?.collapse??!0})}let u=0;for(let e of c.comps){let t=l[e.id];if(t&&t.meta.slots)for(let n of t.meta.slots){let t=de(`customSlot`,e.id,n.id),r=`${e.name} / ${n.name}`;s.push({id:t,type:1,name:r,position:u++,group:e.groupId,names:[e.name,n.name]})}}return ye(s,!0)},o=()=>{i.value=a()},s,c=()=>{clearTimeout(s),s=window.setTimeout(()=>{o(),s&&c()},1e3)},l=()=>{clearTimeout(s),s=void 0};g(()=>{c()}),h(()=>{l()}),A([e,t,n],()=>{o(),c()})}function Ct(){let e=b([]);ct(e);let t=()=>{let{activeApp:t,depends:n}=be.app,r=[];for(let{id:n,name:i,position:a}of t.compGroups){let t=e.value.find(e=>e.id===n);r.push({id:n,type:0,name:i,position:a,collapse:t?.collapse??!0})}for(let{id:e,groupId:i,name:a,position:o}of t.comps)n[e]&&r.push({id:e,type:1,name:a,position:o,group:i});e.value=ye(r,!0)},n,r=()=>{clearTimeout(n),n=window.setTimeout(()=>{t(),n&&r()},1e3)},i=()=>{clearTimeout(n),n=void 0};g(()=>{r()}),h(()=>{i()})}function wt(){let e=b([]);ut(e);let t=()=>{let{activeObject:e,activeComp:t}=be.app;if(e.type!==`comp`||!t.meta.slots)return[];let n=[];for(let{id:e,name:r}of t.meta.slots)n.push({id:e,name:r});return n},n=()=>{e.value=t()},r,i=()=>{clearTimeout(r),r=window.setTimeout(()=>{n(),r&&i()},1e3)},a=()=>{clearTimeout(r),r=void 0};g(()=>{i()}),h(()=>{a()})}const Tt={class:`text-label-large ml-1`},Et={class:`text-body-small text-grey ml-1`};var Dt=c({__name:`group`,props:{id:{type:String,required:!0},title:{type:String,required:!0},collapse:{type:Boolean,required:!0},count:{type:Number,required:!0}},emits:[`x-click`],setup(e,{emit:n}){let{backgroundColor2:r,highlightColor:o}=L(),c=n,l=b(!1),u=t(()=>({background:l.value?o.value:r.value,height:`30px`,marginTop:`1px`,userSelect:`none`}));return(t,n)=>{let r=C(`v-icon`),o=w(`ripple`);return N((v(),i(`div`,{class:`d-flex align-center cursor-pointer`,style:m(u.value),onClick:n[0]||=t=>c(`x-click`,e.id),onMouseout:n[1]||=e=>l.value=!1,onMouseover:n[2]||=e=>l.value=!0},[s(r,{icon:e.collapse?`mdi-chevron-right`:`mdi-chevron-down`,size:`small`},null,8,[`icon`]),a(`span`,Tt,T(e.title),1),a(`span`,Et,T(e.count),1)],36)),[[o]])}}});const Ot={class:`text-body-large ml-6`};var kt=c({__name:`item`,props:{id:{type:String,required:!0},title:{type:String,required:!0}},emits:[`x-click`],setup(e,{emit:n}){let{backgroundColor2:r,highlightColor:o}=L(),s=n,c=b(!1),l=t(()=>({background:c.value?o.value:r.value,height:`48px`,marginTop:`1px`,userSelect:`none`}));return(t,n)=>{let r=w(`ripple`);return N((v(),i(`div`,{class:`d-flex align-center cursor-pointer`,style:m(l.value),onClick:n[0]||=t=>s(`x-click`,e.id),onMouseout:n[1]||=e=>c.value=!1,onMouseover:n[2]||=e=>c.value=!0},[a(`span`,Ot,T(e.title),1)],36)),[[r]])}}});const At={key:0},jt={key:1,class:`text-body-medium text-grey ml-3`};var Mt=c({__name:`index`,props:{open:{type:Boolean,required:!0},openModifiers:{}},emits:f([`x-select`],[`update:open`]),setup(t,{emit:a}){let{t:o}=G(),s=O(t,`open`),c=a,l=pt(),u=e=>{let t=W(l,e);t&&ve(l,e,!t.collapse)},d=e=>{s.value=!1,c(`x-select`,e)};return(t,a)=>E(l).length>0?(v(),i(`div`,At,[(v(!0),i(e,null,x(E(l),t=>(v(),i(e,{key:t.id},[t.type===0?(v(),n(Dt,{key:0,id:t.id,collapse:t.collapse,count:t.count??0,title:t.name,onXClick:u},null,8,[`id`,`collapse`,`count`,`title`])):r(`v-if`,!0),t.type===1&&t.show?(v(),n(kt,{key:1,id:t.id,title:t.name,onXClick:d},null,8,[`id`,`title`])):r(`v-if`,!0)],64))),128))])):(v(),i(`div`,jt,T(E(o)(`x-prop-tree.noAdaptSlot`)),1))}});const Nt={class:`text-body-large`};var Pt=c({__name:`index`,props:f({hasDelete:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1}},{modelValue:{type:[Object,null],default:null},modelModifiers:{}}),emits:f([`delete`],[`update:modelValue`]),setup(e,{emit:i}){let{t:c}=G(),l=xe(),{sysBarAvail:u}=R(),{backgroundColor1:f}=L(),h=O(e,`modelValue`),g=i,y=pt(),b=t(()=>{let e=`100%`;return l.mdAndUp.value&&(e=`400px`),{background:f.value,width:e,height:`100%`}}),x=t(()=>{let e=48;return u.value&&(e+=24),{position:`relative`,height:`calc(100% - ${e}px)`}}),S=t(()=>({height:`60px`}));j(()=>{if(!h.value)return;let e=W(y,h.value.id);e&&!U(e.names,h.value.names)&&(h.value={...h.value,names:H(e.names)})});let w=t(()=>{if(h.value){let{kind:e}=ge(h.value.id);return e===`elementSlot`||e===`multipleElementSlot`?h.value.names.map(e=>c(e)).join(` / `):h.value.names.join(` / `)}else return c(`x-runtime-lib.notSet`)}),{open:k}=z(`propTreeAdaptSlotSelectDlg${D()}`);_(()=>{k.value=!1});function A(e){if(!e){h.value=null;return}let t=W(y,e);if(!t){h.value=null;return}h.value={id:t.id,names:t.names}}return(t,i)=>{let l=C(`v-btn`),f=C(`v-sheet`),h=C(`v-dialog`);return v(),n(h,{modelValue:E(k),"onUpdate:modelValue":i[5]||=e=>d(k)?k.value=e:null,fullscreen:``,"no-click-animation":``,persistent:``,transition:`scroll-x-reverse-transition`,onKeydown:i[6]||=P(F(e=>k.value=!1,[`stop`,`prevent`]),[`esc`])},{activator:M(({props:t})=>[s(l,p(t,{block:``,density:`comfortable`,readonly:e.readonly}),{default:M(()=>[o(T(w.value),1)]),_:1},16,[`readonly`]),e.hasDelete?(v(),n(l,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:i[0]||=F(e=>g(`delete`),[`stop`])})):r(`v-if`,!0)]),default:M(()=>[a(`div`,{class:`w-100 h-100 d-flex flex-row-reverse`,onClick:i[3]||=F(e=>k.value=!1,[`self`]),onContextmenu:i[4]||=F(e=>k.value=!1,[`self`,`prevent`])},[a(`div`,{class:`elevation-2`,style:m(b.value)},[E(u)?(v(),n(f,{key:0,color:`transparent`,height:24})):r(`v-if`,!0),s(f,{class:`d-flex align-center px-3`,color:`transparent`,height:48},{default:M(()=>[s(l,{density:`comfortable`,icon:`mdi-close`,variant:`text`,onClick:i[1]||=e=>k.value=!1}),a(`span`,Nt,T(E(c)(`x-prop-tree.selectAdaptSlot`)),1)]),_:1}),a(`div`,{class:`overflow-y-auto`,style:m(x.value)},[s(Mt,{open:E(k),"onUpdate:open":i[2]||=e=>d(k)?k.value=e:null,onXSelect:A},null,8,[`open`]),a(`div`,{style:m(S.value)},null,4)],4)],4)],32)]),_:1},8,[`modelValue`])}}});const Ft={class:`text-label-large ml-1`},It={class:`text-body-small text-grey ml-1`};var Lt=c({__name:`group`,props:{id:{type:String,required:!0},title:{type:String,required:!0},collapse:{type:Boolean,required:!0},count:{type:Number,required:!0}},emits:[`x-click`],setup(e,{emit:n}){let{backgroundColor2:r,highlightColor:o}=L(),c=n,l=b(!1),u=t(()=>({background:l.value?o.value:r.value,height:`30px`,marginTop:`1px`,userSelect:`none`}));return(t,n)=>{let r=C(`v-icon`),o=w(`ripple`);return N((v(),i(`div`,{class:`d-flex align-center cursor-pointer`,style:m(u.value),onClick:n[0]||=t=>c(`x-click`,e.id),onMouseout:n[1]||=e=>l.value=!1,onMouseover:n[2]||=e=>l.value=!0},[s(r,{icon:e.collapse?`mdi-chevron-right`:`mdi-chevron-down`,size:`small`},null,8,[`icon`]),a(`span`,Ft,T(e.title),1),a(`span`,It,T(e.count),1)],36)),[[o]])}}});const Rt={class:`text-body-large ml-6`};var zt=c({__name:`item`,props:{id:{type:String,required:!0},title:{type:String,required:!0}},emits:[`x-click`],setup(e,{emit:n}){let{backgroundColor2:r,highlightColor:o}=L(),s=n,c=b(!1),l=t(()=>({background:c.value?o.value:r.value,height:`48px`,marginTop:`1px`,userSelect:`none`}));return(t,n)=>{let r=w(`ripple`);return N((v(),i(`div`,{class:`d-flex align-center cursor-pointer`,style:m(l.value),onClick:n[0]||=t=>s(`x-click`,e.id),onMouseout:n[1]||=e=>c.value=!1,onMouseover:n[2]||=e=>c.value=!0},[a(`span`,Rt,T(e.title),1)],36)),[[r]])}}});const Bt={key:0},Vt={key:1,class:`text-body-medium text-grey ml-3`};var Ht=c({__name:`index`,props:{open:{type:Boolean,required:!0},openModifiers:{}},emits:f([`x-select`],[`update:open`]),setup(t,{emit:a}){let{t:o}=G(),s=O(t,`open`),c=a,l=lt();function u(e){let t=W(l,e);t&&ve(l,e,!t.collapse)}function d(e){s.value=!1,c(`x-select`,e),I.emit(`refreshDepends`)}return(t,a)=>E(l).length>0?(v(),i(`div`,Bt,[(v(!0),i(e,null,x(E(l),t=>(v(),i(e,{key:t.id},[t.type===0?(v(),n(Lt,{key:0,id:t.id,collapse:t.collapse,count:t.count??0,title:t.name,onXClick:u},null,8,[`id`,`collapse`,`count`,`title`])):r(`v-if`,!0),t.type===1&&t.show?(v(),n(zt,{key:1,id:t.id,title:t.name,onXClick:d},null,8,[`id`,`title`])):r(`v-if`,!0)],64))),128))])):(v(),i(`div`,Vt,T(E(o)(`x-prop-tree.noComp`)),1))}});const Ut={class:`text-body-large`};var Wt=c({__name:`index`,props:f({hasDelete:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1}},{modelValue:{type:[Object,null],default:null},modelModifiers:{}}),emits:f([`delete`],[`update:modelValue`]),setup(e,{emit:i}){let{t:c}=G(),l=xe(),{sysBarAvail:u}=R(),{backgroundColor1:f}=L(),h=O(e,`modelValue`),g=i,y=lt(),b=t(()=>{let e=`100%`;return l.mdAndUp.value&&(e=`400px`),{background:f.value,width:e,height:`100%`}}),x=t(()=>{let e=48;return u.value&&(e+=24),{position:`relative`,height:`calc(100% - ${e}px)`}}),S=t(()=>({height:`60px`}));j(()=>{if(!h.value)return;let e=W(y,h.value.id);e&&e.name!==h.value.name&&(h.value={...h.value,name:e.name})});let w=t(()=>h.value?h.value.name:c(`x-runtime-lib.notSet`)),{open:k}=z(`propTreeCompSelectDlg${D()}`);_(()=>{k.value=!1});function A(e){if(!e){h.value=null;return}let t=W(y,e);if(!t){h.value=null;return}h.value={id:t.id,name:t.name}}return(t,i)=>{let l=C(`v-btn`),f=C(`v-sheet`),h=C(`v-dialog`);return v(),n(h,{modelValue:E(k),"onUpdate:modelValue":i[5]||=e=>d(k)?k.value=e:null,fullscreen:``,"no-click-animation":``,persistent:``,transition:`scroll-x-reverse-transition`,onKeydown:i[6]||=P(F(e=>k.value=!1,[`stop`,`prevent`]),[`esc`])},{activator:M(({props:t})=>[s(l,p(t,{block:``,density:`comfortable`,readonly:e.readonly}),{default:M(()=>[o(T(w.value),1)]),_:1},16,[`readonly`]),e.hasDelete?(v(),n(l,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:i[0]||=F(e=>g(`delete`),[`stop`])})):r(`v-if`,!0)]),default:M(()=>[a(`div`,{class:`w-100 h-100 d-flex flex-row-reverse`,onClick:i[3]||=F(e=>k.value=!1,[`self`]),onContextmenu:i[4]||=F(e=>k.value=!1,[`self`,`prevent`])},[a(`div`,{class:`elevation-2`,style:m(b.value)},[E(u)?(v(),n(f,{key:0,color:`transparent`,height:24})):r(`v-if`,!0),s(f,{class:`d-flex align-center px-3`,color:`transparent`,height:48},{default:M(()=>[s(l,{density:`comfortable`,icon:`mdi-close`,variant:`text`,onClick:i[1]||=e=>k.value=!1}),a(`span`,Ut,T(E(c)(`x-prop-tree.selectComp`)),1)]),_:1}),a(`div`,{class:`overflow-y-auto`,style:m(x.value)},[s(Ht,{open:E(k),"onUpdate:open":i[2]||=e=>d(k)?k.value=e:null,onXSelect:A},null,8,[`open`]),a(`div`,{style:m(S.value)},null,4)],4)],4)],32)]),_:1},8,[`modelValue`])}}});const Gt={class:`d-flex justify-space-between align-center`};var Kt=c({__name:`index`,props:f({hasDelete:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1}},{modelValue:{type:String,required:!0},modelModifiers:{}}),emits:f([`delete`],[`update:modelValue`]),setup(e,{emit:t}){let{isMobile:a}=R(),o=O(e,`modelValue`),c=t,l=async t=>{if(!t||e.readonly||!a())return;let n=await ie({title:``,value:o.value});n!==void 0&&(o.value=n)};return(t,a)=>{let u=C(`v-text-field`),d=C(`v-btn`),f=w(`ripple`);return v(),i(`div`,Gt,[N(s(u,{modelValue:o.value,"onUpdate:modelValue":a[0]||=e=>o.value=e,density:`compact`,"hide-details":``,readonly:e.readonly,"single-line":``,"onUpdate:focused":l},null,8,[`modelValue`,`readonly`]),[[f,void 0,void 0,{stop:!0}]]),e.hasDelete?(v(),n(d,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:a[1]||=F(e=>c(`delete`),[`stop`])})):r(`v-if`,!0)])}}}),qt=c({__name:`editor`,props:{modelValue:{type:String,required:!0},modelModifiers:{},lock:{type:Boolean,required:!0},lockModifiers:{},scale:{type:Number,required:!0},scaleModifiers:{}},emits:[`update:modelValue`,`update:lock`,`update:scale`],setup(e,{expose:t}){let r=O(e,`modelValue`),i=O(e,`lock`),a=O(e,`scale`),o=te(),s=ne(),c=Je(),l=k(`target`),u=()=>{let e=JSON.parse(r.value);l.value?.load(e)};return t({save:()=>{let e=l.value.save();r.value=JSON.stringify(e,null,2)}}),(e,t)=>(v(),n(E(Se),{ref_key:`target`,ref:l,lock:i.value,"onUpdate:lock":t[0]||=e=>i.value=e,scale:a.value,"onUpdate:scale":t[1]||=e=>a.value=e,dark:E(o),locale:E(s),type:`json`,version:E(c),onReady:u},null,8,[`lock`,`scale`,`dark`,`locale`,`version`]))}});const Jt={class:`text-body-large`};var Yt=c({__name:`index`,props:f({hasDelete:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1}},{modelValue:{type:String,required:!0},modelModifiers:{}}),emits:f([`delete`],[`update:modelValue`]),setup(e,{emit:i}){let{t:c}=G(),{sysBarAvail:l}=R(),{backgroundColor0:u,backgroundColor1:f,backgroundColor2:h}=L(),g=O(e,`modelValue`),y=i,x=b(!1),S=b(1),w=t(()=>{let e=48;return l.value&&(e+=24),{position:`relative`,background:f.value,height:`calc(100% - ${e}px)`}}),j=t(()=>c(`x-prop-tree.jsonEditor`)),{open:N}=z(`propTreejsonEditorDlg${D()}`);_(()=>{N.value=!1});let I=k(`editor`);return A(N,e=>{e||I.value?.save()}),(t,i)=>{let c=C(`v-btn`),f=C(`v-sheet`),_=C(`v-spacer`),b=C(`v-dialog`);return v(),n(b,{modelValue:E(N),"onUpdate:modelValue":i[5]||=e=>d(N)?N.value=e:null,attach:``,fullscreen:``,"no-click-animation":``,persistent:``,transition:`dialog-bottom-transition`,onKeydown:i[6]||=P(F(e=>N.value=!1,[`stop`,`prevent`]),[`esc`])},{activator:M(({props:t})=>[s(c,p(t,{block:``,density:`comfortable`,readonly:e.readonly}),{default:M(()=>[o(T(j.value),1)]),_:1},16,[`readonly`]),e.hasDelete?(v(),n(c,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:i[0]||=F(e=>y(`delete`),[`stop`])})):r(`v-if`,!0)]),default:M(()=>[s(f,{color:E(u),height:`100%`,width:`100%`},{default:M(()=>[E(l)?(v(),n(f,{key:0,color:E(h),height:24},null,8,[`color`])):r(`v-if`,!0),s(f,{class:`d-flex align-center px-2`,color:E(h),height:48},{default:M(()=>[s(c,{density:`comfortable`,icon:`mdi-close`,variant:`text`,onClick:i[1]||=e=>N.value=!1}),a(`span`,Jt,T(j.value),1),s(_)]),_:1},8,[`color`]),a(`div`,{style:m(w.value)},[s(qt,{ref_key:`editor`,ref:I,modelValue:g.value,"onUpdate:modelValue":i[2]||=e=>g.value=e,lock:x.value,"onUpdate:lock":i[3]||=e=>x.value=e,scale:S.value,"onUpdate:scale":i[4]||=e=>S.value=e},null,8,[`modelValue`,`lock`,`scale`])],4)]),_:1},8,[`color`])]),_:1},8,[`modelValue`])}}});const Xt={class:`d-flex justify-space-between align-center`};var Zt=c({__name:`color`,props:f({hasDelete:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1}},{modelValue:{type:String},modelModifiers:{}}),emits:f([`delete`],[`update:modelValue`]),setup(e,{emit:i}){let{t:c}=G(),l=O(e,`modelValue`),u=i,f=t(()=>{let t=`100%`;return e.hasDelete&&(t=`calc(100% - 37px)`),{width:t}}),h=t(()=>e.readonly),{open:g}=z(`propTreeColorPickerMenu${D()}`);return _(()=>{g.value=!1}),(t,i)=>{let _=C(`v-btn`),y=C(`v-color-picker`),b=C(`v-menu`);return v(),n(b,{modelValue:E(g),"onUpdate:modelValue":i[2]||=e=>d(g)?g.value=e:null,"close-on-content-click":!1,scrim:`transparent`},{activator:M(({props:t})=>[a(`div`,Xt,[a(`div`,{class:`flex-grow-1`,style:m(f.value)},[s(_,p(t,{block:``,color:l.value,density:`comfortable`,disabled:h.value}),{default:M(()=>[o(T(l.value?l.value:E(c)(`x-runtime-lib.notSet`)),1)]),_:1},16,[`color`,`disabled`])],4),e.hasDelete?(v(),n(_,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:i[0]||=F(e=>u(`delete`),[`stop`])})):r(`v-if`,!0)])]),default:M(()=>[s(y,{modelValue:l.value,"onUpdate:modelValue":i[1]||=e=>l.value=e,mode:`hexa`,"show-swatches":``,"swatches-max-height":`150px`},null,8,[`modelValue`])]),_:1},8,[`modelValue`])}}});const Qt={class:`d-flex justify-space-between align-center my-2`},$t={class:`flex-grow-1`};var en=c({__name:`index`,props:f({hasDelete:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1},types:{type:String,required:!0}},{modelValue:{type:null},modelModifiers:{}}),emits:f([`delete`],[`update:modelValue`]),setup(e,{emit:o}){let{t:c}=G(),{isMobile:l}=R(),u=O(e,`modelValue`),d=o,f=t(()=>ce(e.types)),p=b(``),m=t(()=>{let e=[];for(let{value:t,title:n}of f.value)e.push({value:t,title:c(n)});return e});j(()=>{for(let{value:e,validator:t}of f.value)if(t(u.value)){p.value=e;return}_()});let h=t(()=>f.value.find(e=>e.value===p.value));function g(){u.value=h.value?.default}function _(){p.value=f.value[0].value,g()}let y=b(0),x=async e=>{if(!e||!l()||!h.value||h.value.trait!==`number`&&h.value.trait!==`numberUnit`)return;let t=await re({title:``,value:y.value,precision:h.value.precision,min:h.value.min,max:h.value.max,step:h.value.step});t!==void 0&&(y.value=t)};j(()=>{h.value?.trait===`number`?y.value=u.value:h.value?.trait===`numberUnit`&&(y.value=fe(u.value,h.value.unit))}),A(y,e=>{h.value?.trait===`number`?u.value=e:h.value?.trait===`numberUnit`&&(u.value=e+h.value.unit)});let S=b(`#ff00ff`);j(()=>{h.value?.trait===`hexColor`&&le(u.value)&&(S.value=u.value)}),A(S,e=>{h.value?.trait===`hexColor`&&(u.value=e)});let T=b(`primary`),E=t(()=>{let e=[];if(h.value?.trait===`themeColor`)for(let{value:t,title:n}of he)e.push({value:t,title:c(n)});return e});return j(()=>{h.value?.trait===`themeColor`&&ue(u.value)&&(T.value=u.value)}),A(T,e=>{h.value?.trait===`themeColor`&&(u.value=e)}),(t,o)=>{let c=C(`v-select`),l=C(`v-number-input`),u=C(`v-btn`),f=w(`ripple`);return v(),i(`div`,Qt,[a(`div`,$t,[N(s(c,{modelValue:p.value,"onUpdate:modelValue":[o[0]||=e=>p.value=e,g],density:`compact`,"hide-details":``,items:m.value,readonly:e.readonly,"single-line":``},null,8,[`modelValue`,`items`,`readonly`]),[[f,void 0,void 0,{stop:!0}]]),h.value?.trait===`number`||h.value?.trait===`numberUnit`?N((v(),n(l,{key:0,modelValue:y.value,"onUpdate:modelValue":o[1]||=e=>y.value=e,"control-variant":`stacked`,density:`compact`,"hide-details":``,max:h.value.max,min:h.value.min,precision:h.value.precision,readonly:e.readonly,"single-line":``,step:h.value.step,"onUpdate:focused":x},null,8,[`modelValue`,`max`,`min`,`precision`,`readonly`,`step`])),[[f,void 0,void 0,{stop:!0}]]):r(`v-if`,!0),h.value?.trait===`hexColor`?(v(),n(Zt,{key:1,modelValue:S.value,"onUpdate:modelValue":o[2]||=e=>S.value=e},null,8,[`modelValue`])):r(`v-if`,!0),h.value?.trait===`themeColor`?N((v(),n(c,{key:2,modelValue:T.value,"onUpdate:modelValue":o[3]||=e=>T.value=e,density:`compact`,"hide-details":``,items:E.value,"single-line":``},null,8,[`modelValue`,`items`])),[[f,void 0,void 0,{stop:!0}]]):r(`v-if`,!0)]),e.hasDelete?(v(),n(u,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:o[4]||=F(e=>d(`delete`),[`stop`])})):r(`v-if`,!0)])}}});const tn={class:`d-flex justify-space-between align-center`};var nn=c({__name:`index`,props:f({hasDelete:{type:Boolean,required:!1,default:!1},precision:{type:Number,required:!1,default:()=>void 0},min:{type:Number,required:!1,default:()=>-1/0},max:{type:Number,required:!1,default:()=>1/0},step:{type:Number,required:!1,default:1},readonly:{type:Boolean,required:!1,default:!1}},{modelValue:{type:Number,required:!0},modelModifiers:{}}),emits:f([`delete`],[`update:modelValue`]),setup(e,{emit:t}){let{isMobile:a}=R(),o=O(e,`modelValue`),c=t,l=async t=>{if(!t||e.readonly||!a())return;let n=await re({title:``,value:o.value,precision:e.precision,min:e.min,max:e.max,step:e.step});n!==void 0&&(o.value=n)};return(t,a)=>{let u=C(`v-number-input`),d=C(`v-btn`),f=w(`ripple`);return v(),i(`div`,tn,[N(s(u,{modelValue:o.value,"onUpdate:modelValue":a[0]||=e=>o.value=e,"control-variant":`stacked`,density:`compact`,"hide-details":``,max:e.max,min:e.min,precision:e.precision,readonly:e.readonly,"single-line":``,step:e.step,"onUpdate:focused":l},null,8,[`modelValue`,`max`,`min`,`precision`,`readonly`,`step`]),[[f,void 0,void 0,{stop:!0}]]),e.hasDelete?(v(),n(d,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:a[1]||=F(e=>c(`delete`),[`stop`])})):r(`v-if`,!0)])}}});const rn={class:`d-flex justify-space-between align-center my-2`},an={class:`flex-grow-1`};var on=c({__name:`index`,props:f({hasDelete:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1}},{modelValue:{type:String,required:!0},modelModifiers:{}}),emits:f([`delete`],[`update:modelValue`]),setup(e,{emit:o}){let{t:c}=G(),{isMobile:l}=R(),u=O(e,`modelValue`),d=o,f=b(``),p=b(0);j(()=>{let e=u.value.split(`,`);e.length<1||(f.value=e[0],(e[0]===`minLength`||e[1]===`maxLength`||e[2]===`length`)&&(e.length>1?p.value=parseInt(e[1]):p.value=0))});function m(){f.value===`minLength`||f.value===`maxLength`||f.value===`length`?u.value=`${f.value},${p.value}`:u.value=f.value}let h=t(()=>{let e=[{value:``,title:c(`x-runtime-lib.notSet`)}];for(let t of me)e.push({value:t,title:c(`x-runtime-lib.${t}`)});return e});function g(){p.value=0,m()}j(()=>{let e=u.value.split(`,`);e.length>1&&(p.value=parseInt(e[1]))});async function _(e){if(!e||!l())return;let t=await re({title:``,value:p.value,precision:0,min:0,max:1/0,step:1});t!==void 0&&(p.value=t,m())}function y(){m()}return(t,o)=>{let c=C(`v-select`),l=C(`v-number-input`),u=C(`v-btn`),m=w(`ripple`);return v(),i(`div`,rn,[a(`div`,an,[N(s(c,{modelValue:f.value,"onUpdate:modelValue":[o[0]||=e=>f.value=e,g],density:`compact`,"hide-details":``,items:h.value,readonly:e.readonly,"single-line":``},null,8,[`modelValue`,`items`,`readonly`]),[[m,void 0,void 0,{stop:!0}]]),f.value===`minLength`||f.value===`maxLength`||f.value===`length`?N((v(),n(l,{key:0,modelValue:p.value,"onUpdate:modelValue":[o[1]||=e=>p.value=e,y],"control-variant":`stacked`,density:`compact`,"hide-details":``,max:1/0,min:0,precision:0,readonly:e.readonly,"single-line":``,step:1,"onUpdate:focused":_},null,8,[`modelValue`,`readonly`])),[[m,void 0,void 0,{stop:!0}]]):r(`v-if`,!0)]),e.hasDelete?(v(),n(u,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:o[2]||=F(e=>d(`delete`),[`stop`])})):r(`v-if`,!0)])}}});const sn={class:`d-flex justify-space-between align-center`};var cn=c({__name:`index`,props:f({hasDelete:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1},items:{type:String,required:!0}},{modelValue:{type:String},modelModifiers:{}}),emits:f([`delete`],[`update:modelValue`]),setup(e,{emit:a}){let{t:o}=G(),c=O(e,`modelValue`),l=a,u=t(()=>{let t=[];return oe(e.items)?.forEach(({value:e,title:n})=>{let r=e;n&&(r=o(n)),t.push({value:e,title:r})}),t});return(t,a)=>{let o=C(`v-select`),d=C(`v-btn`),f=w(`ripple`);return v(),i(`div`,sn,[N(s(o,{modelValue:c.value,"onUpdate:modelValue":a[0]||=e=>c.value=e,density:`compact`,"hide-details":``,items:u.value,readonly:e.readonly,"single-line":``},null,8,[`modelValue`,`items`,`readonly`]),[[f,void 0,void 0,{stop:!0}]]),e.hasDelete?(v(),n(d,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:a[1]||=F(e=>l(`delete`),[`stop`])})):r(`v-if`,!0)])}}});const ln={class:`text-body-large ml-6`};var un=c({__name:`item`,props:{id:{type:String,required:!0},title:{type:String,required:!0}},emits:[`x-click`],setup(e,{emit:n}){let{backgroundColor2:r,highlightColor:o}=L(),s=n,c=b(!1),l=t(()=>({background:c.value?o.value:r.value,height:`48px`,marginTop:`1px`,userSelect:`none`}));return(t,n)=>{let r=w(`ripple`);return N((v(),i(`div`,{class:`d-flex align-center cursor-pointer`,style:m(l.value),onClick:n[0]||=t=>s(`x-click`,e.id),onMouseout:n[1]||=e=>c.value=!1,onMouseover:n[2]||=e=>c.value=!0},[a(`span`,ln,T(e.title),1)],36)),[[r]])}}});const dn={key:0},fn={key:1,class:`text-body-medium text-grey ml-3`};var pn=c({__name:`index`,props:{open:{type:Boolean,required:!0},openModifiers:{}},emits:f([`x-select`],[`update:open`]),setup(t,{emit:r}){let{t:a}=G(),o=O(t,`open`),s=r,c=dt(),l=e=>{o.value=!1,s(`x-select`,e)};return(t,r)=>E(c).length>0?(v(),i(`div`,dn,[(v(!0),i(e,null,x(E(c),e=>(v(),n(un,{key:e.id,id:e.id,title:e.name,onXClick:l},null,8,[`id`,`title`]))),128))])):(v(),i(`div`,fn,T(E(a)(`x-prop-tree.noSlot`)),1))}});const mn={class:`text-body-large`};var hn=c({__name:`index`,props:f({hasDelete:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1}},{modelValue:{type:[Object,null],default:null},modelModifiers:{}}),emits:f([`delete`],[`update:modelValue`]),setup(e,{emit:i}){let{t:c}=G(),l=xe(),{sysBarAvail:u}=R(),{backgroundColor1:f}=L(),h=O(e,`modelValue`),g=i,y=dt(),b=t(()=>{let e=`100%`;return l.mdAndUp.value&&(e=`400px`),{background:f.value,width:e,height:`100%`}}),x=t(()=>{let e=48;return u.value&&(e+=24),{position:`relative`,height:`calc(100% - ${e}px)`}}),S=t(()=>({height:`60px`}));j(()=>{if(!h.value)return;let e=y.value.find(e=>e.id===h.value.id);e&&e.name!==h.value.name&&(h.value={...h.value,name:e.name})});let w=t(()=>h.value?h.value.name:c(`x-runtime-lib.notSet`)),{open:k}=z(`propTreeSlotSelectDlg${D()}`);_(()=>{k.value=!1});function A(e){if(!e){h.value=null;return}let t=y.value.find(t=>t.id===e);if(!t){h.value=null;return}h.value={id:t.id,name:t.name}}return(t,i)=>{let l=C(`v-btn`),f=C(`v-sheet`),h=C(`v-dialog`);return v(),n(h,{modelValue:E(k),"onUpdate:modelValue":i[5]||=e=>d(k)?k.value=e:null,fullscreen:``,"no-click-animation":``,persistent:``,transition:`scroll-x-reverse-transition`,onKeydown:i[6]||=P(F(e=>k.value=!1,[`stop`,`prevent`]),[`esc`])},{activator:M(({props:t})=>[s(l,p(t,{block:``,density:`comfortable`,readonly:e.readonly}),{default:M(()=>[o(T(w.value),1)]),_:1},16,[`readonly`]),e.hasDelete?(v(),n(l,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:i[0]||=F(e=>g(`delete`),[`stop`])})):r(`v-if`,!0)]),default:M(()=>[a(`div`,{class:`w-100 h-100 d-flex flex-row-reverse`,onClick:i[3]||=F(e=>k.value=!1,[`self`]),onContextmenu:i[4]||=F(e=>k.value=!1,[`self`,`prevent`])},[a(`div`,{class:`elevation-2`,style:m(b.value)},[E(u)?(v(),n(f,{key:0,color:`transparent`,height:24})):r(`v-if`,!0),s(f,{class:`d-flex align-center px-3`,color:`transparent`,height:48},{default:M(()=>[s(l,{density:`comfortable`,icon:`mdi-close`,variant:`text`,onClick:i[1]||=e=>k.value=!1}),a(`span`,mn,T(E(c)(`x-prop-tree.selectSlot`)),1)]),_:1}),a(`div`,{class:`overflow-y-auto`,style:m(x.value)},[s(pn,{open:E(k),"onUpdate:open":i[2]||=e=>d(k)?k.value=e:null,onXSelect:A},null,8,[`open`]),a(`div`,{style:m(S.value)},null,4)],4)],4)],32)]),_:1},8,[`modelValue`])}}});const gn={class:`d-flex justify-space-between align-center`};var _n=c({__name:`index`,props:f({hasDelete:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:f([`delete`],[`update:modelValue`]),setup(e,{emit:t}){let a=O(e,`modelValue`),o=t;return(t,c)=>{let l=C(`v-switch`),u=C(`v-btn`);return v(),i(`div`,gn,[s(l,{modelValue:a.value,"onUpdate:modelValue":c[0]||=e=>a.value=e,class:`ml-1`,color:`primary`,density:`compact`,"hide-details":``,readonly:e.readonly},null,8,[`modelValue`,`readonly`]),e.hasDelete?(v(),n(u,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:c[1]||=F(e=>o(`delete`),[`stop`])})):r(`v-if`,!0)])}}});const vn={class:`d-flex justify-space-between align-center`};var yn=c({__name:`index`,props:f({hasDelete:{type:Boolean,required:!1,default:!1},readonly:{type:Boolean,required:!1,default:!1}},{modelValue:{type:String,required:!0},modelModifiers:{}}),emits:f([`delete`],[`update:modelValue`]),setup(e,{emit:t}){let{isMobile:a}=R(),o=O(e,`modelValue`),c=t,l=async t=>{if(!t||e.readonly||!a())return;let n=await ie({title:``,value:o.value});n!==void 0&&(o.value=n)};return(t,a)=>{let u=C(`v-text-field`),d=C(`v-btn`),f=w(`ripple`);return v(),i(`div`,vn,[N(s(u,{modelValue:o.value,"onUpdate:modelValue":a[0]||=e=>o.value=e,density:`compact`,"hide-details":``,readonly:e.readonly,"single-line":``,"onUpdate:focused":l},null,8,[`modelValue`,`readonly`]),[[f,void 0,void 0,{stop:!0}]]),e.hasDelete?(v(),n(d,{key:0,class:`mx-2`,density:`compact`,icon:`mdi-minus`,variant:`text`,onClick:a[1]||=F(e=>c(`delete`),[`stop`])})):r(`v-if`,!0)])}}});function bn(){let e=$();return{renderUiAdaptSlot:(t,n,r,i,a)=>{if(n.ui!==`adaptSlot`)throw Error(`useUiAdaptSlot property ui must be adaptSlot`);return l(Pt,{modelValue:J(t,n,r,i,a,e),"onUpdate:modelValue":o=>{Y(t,n,r,o,i,a,e)},hasDelete:i!==void 0&&!a,onDelete:()=>{i===void 0||a||(r.splice(i,1),e(t.slice(0,-1),r))},readonly:n.readonly})}}}function xn(){let e=$();return{renderUiComp:(t,n,r,i,a)=>{if(n.ui!==`comp`)throw Error(`renderUiComp property ui must be comp`);return l(Wt,{modelValue:J(t,n,r,i,a,e),"onUpdate:modelValue":o=>{Y(t,n,r,o,i,a,e)},hasDelete:i!==void 0&&!a,onDelete:()=>{i===void 0||a||(r.splice(i,1),e(t.slice(0,-1),r))},readonly:n.readonly})}}}function Sn(){let e=$();return{renderUiDummy:(t,n,r,i,a)=>{if(n.ui!==`dummy`)throw Error(`renderUiDummy property ui must be dummy`);J(t,n,r,i,a,e)}}}function Cn(){let e=$();return{renderUiIcon:(t,n,r,i,a)=>{if(n.ui!==`icon`)throw Error(`renderUiIcon property ui must be icon`);return l(Kt,{modelValue:n.static?n.value:J(t,n,r,i,a,e),"onUpdate:modelValue":o=>{n.static||Y(t,n,r,o,i,a,e)},hasDelete:i!==void 0&&!a,onDelete:()=>{i===void 0||a||(r.splice(i,1),e(t.slice(0,-1),r))},readonly:n.static||n.readonly})}}}function wn(){let e=$();return{renderUiJson:(t,n,r,i,a)=>{if(n.ui!==`json`)throw Error(`renderUiJson property ui must be json`);return l(Yt,{modelValue:J(t,n,r,i,a,e)??`{}`,"onUpdate:modelValue":o=>{Y(t,n,r,o,i,a,e)},hasDelete:i!==void 0&&!a,onDelete:()=>{i===void 0||a||(r.splice(i,1),e(t.slice(0,-1),r))},readonly:n.readonly})}}}function Tn(){let e=$();return{renderUiMultiTypes:(t,n,r,i,a)=>{if(n.ui!==`multiTypes`)throw Error(`renderUiMultiTypes property ui must be multiTypes`);return l(en,{modelValue:J(t,n,r,i,a,e),"onUpdate:modelValue":o=>{Y(t,n,r,o,i,a,e)},hasDelete:i!==void 0&&!a,onDelete:()=>{i===void 0||a||(r.splice(i,1),e(t.slice(0,-1),r))},types:n.types})}}}function En(){let e=$();return{renderUiNumber:(t,n,r,i,a)=>{if(n.ui!==`number`)throw Error(`renderUiNumber property ui must be number`);return l(nn,{modelValue:J(t,n,r,i,a,e),"onUpdate:modelValue":o=>{Y(t,n,r,o,i,a,e)},hasDelete:i!==void 0&&!a,onDelete:()=>{i===void 0||a||(r.splice(i,1),e(t.slice(0,-1),r))},precision:n.precision,min:n.min,max:n.max,step:n.step,readonly:n.readonly})}}}var Dn=c({__name:`index`,props:{minHeight:{type:String,required:!0}},emits:[`menu`],setup(e,{emit:n}){let{backgroundColor2:r,highlightColor:a}=L(),o=n,s=b(!1),c=t(()=>({background:s.value?a.value:r.value,minHeight:e.minHeight,paddingRight:`4px`,marginBottom:`1px`,userSelect:`none`})),l=e=>{o(`menu`,e.clientX,e.clientY)};return(e,t)=>{let n=w(`ripple`);return N((v(),i(`div`,{class:`d-flex justify-space-between align-center cursor-pointer`,style:m(c.value),onContextmenu:F(l,[`self`,`prevent`]),onMouseout:t[0]||=e=>s.value=!1,onMouseover:t[1]||=e=>s.value=!0},[S(e.$slots,`default`)],36)),[[n]])}}});function On(){let{t:e}=G(),t=ot();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+=` !`:Z(t.value,n)&&(o+=` *`),l(Dn,{minHeight:`56px`,onMenu:(e,t)=>{I.emit(`propTreeMenu`,{x:e,y:t,keys:n})}},()=>[l(`span`,{style:{marginLeft:`4px`,pointerEvents:`none`},innerHTML:o}),l(`div`,{style:{width:`200px`}},i)])}}}function kn(){let e=$();function t(t,n,r,i,a){if(n.ui!==`rule`)throw Error(`renderUiRule property ui must be rule`);return l(on,{modelValue:J(t,n,r,i,a,e),"onUpdate:modelValue":o=>{Y(t,n,r,o,i,a,e)},hasDelete:i!==void 0&&!a,onDelete:()=>{i===void 0||a||(r.splice(i,1),e(t.slice(0,-1),r))}})}return{renderUiRule:t}}function An(){let e=$();return{renderUiSelect:(t,n,r,i,a)=>{if(n.ui!==`select`)throw Error(`renderUiSelect property ui must be select`);return l(cn,{modelValue:J(t,n,r,i,a,e),"onUpdate:modelValue":o=>{Y(t,n,r,o,i,a,e)},hasDelete:i!==void 0&&!a,onDelete:()=>{i===void 0||a||(r.splice(i,1),e(t.slice(0,-1),r))},items:n.items,readonly:n.readonly})}}}function jn(){let e=$();return{renderUiSlot:(t,n,r,i,a)=>{if(n.ui!==`slot`)throw Error(`renderUiSlot property ui must be slot`);return l(hn,{modelValue:J(t,n,r,i,a,e),"onUpdate:modelValue":o=>{Y(t,n,r,o,i,a,e)},hasDelete:i!==void 0&&!a,onDelete:()=>{i===void 0||a||(r.splice(i,1),e(t.slice(0,-1),r))},readonly:n.readonly})}}}function Mn(){let e=$();return{renderUiSwitch:(t,n,r,i,a)=>{if(n.ui!==`switch`)throw Error(`renderUiSwitch property ui must be switch`);return l(_n,{modelValue:J(t,n,r,i,a,e),"onUpdate:modelValue":o=>{Y(t,n,r,o,i,a,e)},hasDelete:i!==void 0&&!a,onDelete:()=>{i===void 0||a||(r.splice(i,1),e(t.slice(0,1),r))},readonly:n.readonly})}}}function Nn(){let e=$();return{renderUiText:(t,n,r,i,a)=>{if(n.ui!==`text`)throw Error(`renderUiText property ui must be text`);return l(yn,{modelValue:n.static?n.value:J(t,n,r,i,a,e),"onUpdate:modelValue":o=>{n.static||Y(t,n,r,o,i,a,e)},hasDelete:i!==void 0&&!a,onDelete:()=>{i===void 0||a||(r.splice(i,1),e(t.slice(0,-1),r))},readonly:n.static||n.readonly})}}}const Pn=`20px`;var Fn=c({__name:`main`,setup(t){let{t:n}=G(),{backgroundColor1:r}=L(),a=et(),o=nt(),c=it(),u=ot(),d=$();Ct(),wt(),St();let{renderProperty:f}=On(),{renderUiDummy:p}=Sn(),{renderUiText:m}=Nn(),{renderUiNumber:h}=En(),{renderUiSwitch:g}=Mn(),{renderUiSelect:_}=An(),{renderUiJson:y}=wn(),{renderUiIcon:b}=Cn(),{renderUiComp:x}=xn(),{renderUiSlot:S}=jn(),{renderUiAdaptSlot:C}=bn(),{renderUiRule:w}=kn(),{renderUiMultiTypes:T}=Tn(),E=(e,t,n,r,i,a)=>{if(e=H(e),r===void 0?e.push(t.key):(e.push(r),i&&e.push(t.key)),e?.[0]!==`runtime`)return t.ui?t.array&&!a?k(e,t,n,r,i):A(e,t,n,r,i):t.array?D(e,t,n,r,i):O(e,t,n,r,i)},D=(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=Ce(e,t,r,i,a,d),s=n(t.name);X(c,e)&&(Q(u.value,e)?s+=` !`:Z(u.value,e)&&(s+=` *`));let f=l(xt,{title:s,collapse:X(c,e),hasCreate:!0,onCollapse:t=>{we(c,e,t)},onMenu:(t,n)=>{I.emit(`propTreeMenu`,{x:t,y:n,keys:e})},onCreate:()=>{o.push({}),d(e,o)}}),p=l(`div`,{style:{paddingLeft:Pn}},(()=>{let n=[];for(let r=0;r<o.length;r++){let i=[...e,r],a=`[${r+1}]`;X(c,[...e,r])&&(Q(u.value,i)?a+=` !`:Z(u.value,i)&&(a+=` *`));let s=l(xt,{title:a,collapse:X(c,[...e,r]),hasDelete:!0,index:r,onCollapse:t=>{we(c,[...e,r],t)},onMenu:(e,t)=>{I.emit(`propTreeMenu`,{x:e,y:t,keys:i})},onDelete:t=>{o.splice(t,1),d(e,o)}});n.push(s);let f=l(`div`,{style:{paddingLeft:Pn}},(()=>{let n=[];for(let i of t.children)n.push(E(e,i,o[r],r,!0));return n})());X(c,[...e,r])||n.push(f)}return n})());return l(`div`,{style:{marginTop:`1px`}},(()=>{let t=[];return t.push(f),X(c,e)||t.push(p),t})())},O=(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);X(c,e)&&(Q(u.value,e)?o+=` !`:Z(u.value,e)&&(o+=` *`));let s=l(xt,{title:o,collapse:X(c,e),hasDelete:i!==void 0&&!a,onCollapse:t=>{we(c,e,t)},onMenu:(t,n)=>{I.emit(`propTreeMenu`,{x:t,y:n,keys:e})},onDelete:()=>{i===void 0||a||(r.splice(i,1),d(e.slice(0,-1),r))}}),f=l(`div`,{style:{paddingLeft:Pn}},(()=>{let n=[];for(let i of t.children)n.push(E(e,i,(typeof r[t.key]!=`object`&&(r[t.key]={},d(e,r[t.key])),r[t.key]),void 0,!1));return n})());return l(`div`,{style:{marginTop:`1px`}},(()=>{let t=[];return t.push(s),X(c,e)||t.push(f),t})())},k=(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=Ce(e,t,r,i,a,d),s=n(t.name);X(c,e)&&(Q(u.value,e)?s+=` !`:Z(u.value,e)&&(s+=` *`));let f=l(xt,{title:s,collapse:X(c,e),hasCreate:!0,onCollapse:t=>{we(c,e,t)},onMenu:(t,n)=>{I.emit(`propTreeMenu`,{x:t,y:n,keys:e})},onCreate:()=>{o.push(B(t)),d(e,o)}}),p=l(`div`,{style:{paddingLeft:Pn}},(()=>{let n=[];for(let r=0;r<o.length;r++)n.push(E(e,t,o,r,!1,!0));return n})());return l(`div`,{style:{marginTop:`1px`}},(()=>{let t=[];return t.push(f),X(c,e)||t.push(p),t})())},A=(e,t,n,r,i)=>{if(!t.ui)throw Error(`renderLeafScalar property ui must be valid`);let a;return t.ui===`dummy`?a=p(e,t,n,r,i):t.ui===`text`?a=m(e,t,n,r,i):t.ui===`number`?a=h(e,t,n,r,i):t.ui===`switch`?a=g(e,t,n,r,i):t.ui===`select`?a=_(e,t,n,r,i):t.ui===`json`?a=y(e,t,n,r,i):t.ui===`icon`?a=b(e,t,n,r,i):t.ui===`comp`?a=x(e,t,n,r,i):t.ui===`slot`?a=S(e,t,n,r,i):t.ui===`adaptSlot`?a=C(e,t,n,r,i):t.ui===`rule`?a=w(e,t,n,r,i):t.ui===`multiTypes`?a=T(e,t,n,r,i):console.assert(!1,`renderLeafScalar not implemented`),a?f(e,t,a):l(`div`)},j=()=>l(`div`,{class:`text-body-medium`,style:{background:r.value}},(()=>{let e=[];if(a.value.length>0&&o.value)for(let t of a.value)e.push(E([],t,o.value,void 0,!1));return e})());return(t,n)=>(v(),i(e,null,[s(j),s(yt)],64))}}),In=c({__name:`index`,props:{config:{type:Array,required:!0},object:{type:null,required:!0},version:{type:String,required:!0},type:{type:String,required:!0},subtype:{type:String,required:!0}},emits:[`change`],setup(e,{emit:t}){let r=t,i=b([]);$e(i),j(()=>{i.value=e.config});let a=b();tt(a),j(()=>{a.value=e.object});let o=b(``);qe(o),j(()=>{o.value=e.version});let s=b(e.type);Ye(s),j(()=>{s.value=e.type});let c=b(``);Ze(c),j(()=>{c.value=e.subtype}),rt(b({collapse:!0,children:{}}));let l=b({change:!1,warning:!1,children:{}});at(l);function u(t,n){Fe(l,e.config,e.object),r(`change`,t,n)}st(u);function d(){Fe(l,e.config,e.object)}return g(()=>{I.on(`refreshPropertyState`,d)}),h(()=>{I.off(`refreshPropertyState`,d)}),A([()=>e.config,()=>e.object],()=>{Fe(l,e.config,e.object)},{immediate:!0}),(e,t)=>(v(),n(Fn))}});const Ln=e=>{e.component(`XPropTree`,In)};async function Rn(e){if(e===`en`)return(await import(`./i18n-en.bjdqf6it.js`).then(e=>e.t)).default;if(e===`zhHans`)return(await import(`./i18n-zhHans.erc38kn7.js`).then(e=>e.t)).default;throw Error(`invalid locale=${e}`)}var zn={install:Ln};export{zn as default,Rn as loadLocaleMessagePropTree};