morya-ui 0.1.1 → 0.2.2

package/dist/tree/index.js

@@ -1,12 +1,13 @@
-import { a as e, t } from "../Icon-DfpIfo2L.js";
-import { t as n } from "../useMenuKeyboard-BedmYE4W.js";
-import { t as r } from "../Checkbox-D8Ma0ZbG.js";
-import { a as i, c as a, n as ee, o, s, t as c } from "../checkStrategy-CZzuUKDI.js";
+import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { a as t, t as n } from "../Icon-DfpIfo2L.js";
+import { t as r } from "../useMenuKeyboard-BedmYE4W.js";
+import { t as i } from "../Checkbox-BjtAYUUD.js";
+import { a, c as ee, n as o, o as s, s as c, t as l } from "../checkStrategy-CZzuUKDI.js";
 import { n as te } from "../locale-DYGhxekd.js";
 import "./style.js";
-import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, defineComponent as g, inject as _, nextTick as v, normalizeClass as y, openBlock as b, provide as x, reactive as S, ref as C, renderList as ne, renderSlot as w, resolveDynamicComponent as T, toDisplayString as E, unref as D, useSlots as O, watch as k, withModifiers as A } from "vue";
+import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, defineComponent as _, inject as v, mergeProps as y, nextTick as ne, normalizeClass as b, openBlock as x, provide as S, reactive as C, ref as w, renderList as T, renderSlot as re, resolveDynamicComponent as ie, toDisplayString as E, unref as D, useAttrs as O, useSlots as ae, watch as k, withModifiers as A } from "vue";
 //#region src/components/Tree/context.ts
-var j = Symbol("m-tree"), re = Symbol("m-tree-node-slot"), M = [
+var j = Symbol("m-tree"), M = Symbol("m-tree-node-slot"), N = [
 	"aria-expanded",
 	"aria-disabled",
 	"aria-level",
@@ -14,106 +15,108 @@ var j = Symbol("m-tree"), re = Symbol("m-tree-node-slot"), M = [
 	"aria-checked",
 	"tabindex",
 	"data-m-tree-key"
-], N = ["draggable"], P = ["aria-label", "disabled"], F = {
+], P = ["draggable"], F = ["aria-label", "disabled"], I = {
 	key: 1,
-	class: "m-tree__toggler wk-tree__toggler--leaf",
+	class: "m-tree__toggler m-tree__toggler--leaf",
 	"aria-hidden": "true"
-}, I = {
+}, L = {
 	key: 3,
 	class: "m-tree__icon",
 	"aria-hidden": "true"
-}, L = ["disabled"], R = {
+}, R = ["disabled"], oe = {
 	key: 0,
 	class: "m-tree__children",
 	role: "group"
-}, z = /* @__PURE__ */ g({
+}, se = /* @__PURE__ */ _({
 	__name: "TreeNodeItem",
 	props: {
 		node: {},
 		depth: { default: 1 }
 	},
-	setup(n) {
-		let i = n, a = _(j), ee = _(re, void 0), o = te(), s = u(() => a.isExpanded(i.node.key)), c = u(() => a.isSelected(i.node.key)), g = u(() => a.isChecked(i.node.key)), v = u(() => a.isIndeterminate(i.node.key)), x = u(() => a.isDisabled(i.node)), S = u(() => a.isMatch(i.node)), C = u(() => !!a.loadingKeys[i.node.key]), w = u(() => a.hasChildren(i.node)), O = u(() => {
-			if (i.node.icon && e(i.node.icon)) return i.node.icon;
-		}), k = u(() => i.node.children ?? a.loadedChildren[i.node.key] ?? []), B = u(() => ee?.({
-			node: i.node,
-			data: i.node
+	setup(e) {
+		let r = e, a = v(j), ee = v(M, void 0), o = te(), s = d(() => a.isExpanded(r.node.key)), c = d(() => a.isSelected(r.node.key)), l = d(() => a.isChecked(r.node.key)), _ = d(() => a.isIndeterminate(r.node.key)), y = d(() => a.isDisabled(r.node)), ne = d(() => a.isMatch(r.node)), S = d(() => !!a.loadingKeys[r.node.key]), C = d(() => a.hasChildren(r.node)), w = d(() => {
+			if (r.node.icon && t(r.node.icon)) return r.node.icon;
+		}), re = d(() => r.node.children ?? a.loadedChildren[r.node.key] ?? []), O = d(() => ee?.({
+			node: r.node,
+			data: r.node
 		}));
-		return (e, i) => (b(), p("li", {
-			class: y(["m-tree__node", { "m-tree__node--active": D(a).activeKey.value === n.node.key }]),
+		return (t, r) => (x(), m("li", {
+			class: b(["m-tree__node", { "m-tree__node--active": D(a).activeKey.value === e.node.key }]),
 			role: "treeitem",
-			"aria-expanded": w.value ? s.value : void 0,
-			"aria-disabled": x.value || void 0,
-			"aria-level": n.depth,
+			"aria-expanded": C.value ? s.value : void 0,
+			"aria-disabled": y.value || void 0,
+			"aria-level": e.depth,
 			"aria-selected": c.value,
-			"aria-checked": D(a).showCheckbox ? g.value : void 0,
-			tabindex: D(a).tabindexForKey(n.node.key),
-			"data-m-tree-key": n.node.key,
-			onFocus: i[8] ||= (e) => D(a).setActiveKey(n.node.key)
-		}, [m("div", {
-			class: y(["m-tree__row", {
+			"aria-checked": D(a).showCheckbox ? l.value : void 0,
+			tabindex: D(a).tabindexForKey(e.node.key),
+			"data-m-tree-key": e.node.key,
+			onFocus: r[8] ||= (t) => D(a).setActiveKey(e.node.key)
+		}, [h("div", {
+			class: b(["m-tree__row", {
 				"m-tree__row--selected": c.value,
-				"m-tree__row--disabled": x.value,
-				"m-tree__row--matched": S.value,
-				"m-tree__row--indeterminate": v.value
+				"m-tree__row--disabled": y.value,
+				"m-tree__row--matched": ne.value,
+				"m-tree__row--indeterminate": _.value
 			}]),
-			draggable: D(a).draggable && !x.value,
-			onDragstart: i[4] ||= (e) => D(a).onDragStart(n.node, e),
-			onDragover: i[5] ||= (e) => D(a).onDragOver(n.node, e),
-			onDrop: i[6] ||= (e) => D(a).onDrop(n.node, e),
-			onDragend: i[7] ||= (e) => D(a).onDragEnd()
+			draggable: D(a).draggable && !y.value,
+			onDragstart: r[4] ||= (t) => D(a).onDragStart(e.node, t),
+			onDragover: r[5] ||= (t) => D(a).onDragOver(e.node, t),
+			onDrop: r[6] ||= (t) => D(a).onDrop(e.node, t),
+			onDragend: r[7] ||= (e) => D(a).onDragEnd()
 		}, [
-			w.value ? (b(), p("button", {
+			C.value ? (x(), m("button", {
 				key: 0,
 				type: "button",
 				class: "m-tree__toggler",
 				tabindex: "-1",
 				"aria-label": s.value ? D(o).collapse : D(o).expand,
-				disabled: x.value,
-				onClick: i[0] ||= (e) => D(a).toggleExpand(n.node)
-			}, [C.value ? (b(), d(t, {
+				disabled: y.value,
+				onClick: r[0] ||= (t) => D(a).toggleExpand(e.node)
+			}, [S.value ? (x(), f(n, {
 				key: 0,
 				name: "loader",
 				size: "sm"
-			})) : (b(), d(t, {
+			})) : (x(), f(n, {
 				key: 1,
 				name: s.value ? "chevron-down" : "chevron-right",
 				size: "sm"
-			}, null, 8, ["name"]))], 8, P)) : (b(), p("span", F)),
-			D(a).showCheckbox ? (b(), d(r, {
+			}, null, 8, ["name"]))], 8, F)) : (x(), m("span", I)),
+			D(a).showCheckbox ? (x(), f(i, {
 				key: 2,
 				class: "m-tree__checkbox",
 				tabindex: "-1",
-				"model-value": g.value || v.value,
-				disabled: x.value,
-				"onUpdate:modelValue": i[1] ||= (e) => D(a).toggleCheck(n.node),
-				onClick: i[2] ||= A(() => {}, ["stop"])
-			}, null, 8, ["model-value", "disabled"])) : f("", !0),
-			O.value || n.node.icon ? (b(), p("span", I, [O.value ? (b(), d(t, {
+				"model-value": l.value || _.value,
+				disabled: y.value,
+				"onUpdate:modelValue": r[1] ||= (t) => D(a).toggleCheck(e.node),
+				onClick: r[2] ||= A(() => {}, ["stop"])
+			}, null, 8, ["model-value", "disabled"])) : p("", !0),
+			w.value || e.node.icon ? (x(), m("span", L, [w.value ? (x(), f(n, {
 				key: 0,
-				name: O.value,
+				name: w.value,
 				size: "sm"
-			}, null, 8, ["name"])) : (b(), p(l, { key: 1 }, [h(E(n.node.icon), 1)], 64))])) : f("", !0),
-			m("button", {
+			}, null, 8, ["name"])) : (x(), m(u, { key: 1 }, [g(E(e.node.icon), 1)], 64))])) : p("", !0),
+			h("button", {
 				type: "button",
 				class: "m-tree__label",
 				tabindex: "-1",
-				disabled: x.value,
-				onClick: i[3] ||= (e) => D(a).select(n.node)
-			}, [B.value ? (b(), d(T({ render: () => B.value }), { key: 0 })) : (b(), p(l, { key: 1 }, [h(E(n.node.label), 1)], 64))], 8, L)
-		], 42, N), w.value && s.value ? (b(), p("ul", R, [(b(!0), p(l, null, ne(k.value, (e) => (b(), d(z, {
-			key: e.key,
-			node: e,
-			depth: n.depth + 1
-		}, null, 8, ["node", "depth"]))), 128))])) : f("", !0)], 42, M));
+				disabled: y.value,
+				onClick: r[3] ||= (t) => D(a).select(e.node)
+			}, [O.value ? (x(), f(ie({ render: () => O.value }), { key: 0 })) : (x(), m(u, { key: 1 }, [g(E(e.node.label), 1)], 64))], 8, R)
+		], 42, P), C.value && s.value ? (x(), m("ul", oe, [(x(!0), m(u, null, T(re.value, (t) => (x(), f(se, {
+			key: t.key,
+			node: t,
+			depth: e.depth + 1
+		}, null, 8, ["node", "depth"]))), 128))])) : p("", !0)], 42, N));
 	}
-}), B = { class: "m-tree-root" }, ie = {
+}), ce = {
 	key: 1,
 	class: "m-tree__message",
 	role: "status"
-}, ae = { class: "m-tree__empty-text" }, V = /* @__PURE__ */ g({
+}, le = { class: "m-tree__empty-text" }, z = /* @__PURE__ */ _({
+	inheritAttrs: !1,
 	__name: "Tree",
 	props: {
+		pt: {},
 		value: {},
 		selectionKeys: { default: () => ({}) },
 		modelValue: { default: null },
@@ -163,256 +166,256 @@ var j = Symbol("m-tree"), re = Symbol("m-tree-node-slot"), M = [
 		"check",
 		"node-drop"
 	],
-	setup(e, { emit: t }) {
-		let r = e, f = t, h = O(), g = te();
-		x(re, h.default);
-		let _ = u(() => r.emptyMessage ?? g.value.emptyMessage), y = C({}), T = S({}), D = S({}), A = S({}), M = S({}), N = C(null), P = C(null), F = u(() => c(r.value)), I = u(() => r.checkStrategy ?? "all");
+	setup(t, { emit: n }) {
+		let i = t, p = O(), { rootAttrs: g } = e(p, () => i.pt), _ = n, v = ae(), b = te();
+		S(M, v.default);
+		let ie = d(() => i.emptyMessage ?? b.value.emptyMessage), A = w({}), N = C({}), P = C({}), F = C({}), I = C({}), L = w(null), R = w(null), oe = d(() => l(i.value)), z = d(() => i.checkStrategy ?? "all");
 		k(() => [
-			r.value,
-			r.defaultExpandAll,
-			r.expandedKeys
+			i.value,
+			i.defaultExpandAll,
+			i.expandedKeys
 		], () => {
-			if (r.expandedKeys) {
-				y.value = { ...r.expandedKeys };
+			if (i.expandedKeys) {
+				A.value = { ...i.expandedKeys };
 				return;
 			}
-			if (r.defaultExpandAll) {
+			if (i.defaultExpandAll) {
 				let e = {};
-				a(r.value, (t) => {
+				ee(i.value, (t) => {
 					t.children?.length && (e[t.key] = !0);
-				}), y.value = e;
+				}), A.value = e;
 			}
 		}, {
 			immediate: !0,
 			deep: !0
-		}), k(() => r.expandedKeys, (e) => {
-			e && (y.value = { ...e });
+		}), k(() => i.expandedKeys, (e) => {
+			e && (A.value = { ...e });
 		});
-		let L = u(() => r.selectionMode === "single" && r.modelValue ? { [r.modelValue]: !0 } : r.selectionKeys ?? {}), R = u(() => ee(r.value, r.checkedKeys ?? {}, I.value, r.checkStrictly));
-		function V(e, t) {
+		let B = d(() => i.selectionMode === "single" && i.modelValue ? { [i.modelValue]: !0 } : i.selectionKeys ?? {}), V = d(() => o(i.value, i.checkedKeys ?? {}, z.value, i.checkStrictly));
+		function H(e, t) {
 			return t.label.toLowerCase().includes(e.toLowerCase());
 		}
-		function H(e) {
-			let t = r.filter?.trim();
-			return !t || (r.filterNode ?? V)(t, e) ? !0 : (e.children ?? []).some((e) => H(e));
+		function U(e) {
+			let t = i.filter?.trim();
+			return !t || (i.filterNode ?? H)(t, e) ? !0 : (e.children ?? []).some((e) => U(e));
 		}
-		let U = u(() => r.filter?.trim() ? r.value.filter((e) => H(e)) : r.value), oe = u(() => !!r.filter?.trim() && U.value.length === 0);
-		function W(e) {
-			if (r.filter?.trim()) {
-				let t = G(r.value, e);
-				if (t && (t.children ?? []).some((e) => H(e))) return !0;
+		let W = d(() => i.filter?.trim() ? i.value.filter((e) => U(e)) : i.value), ue = d(() => !!i.filter?.trim() && W.value.length === 0);
+		function G(e) {
+			if (i.filter?.trim()) {
+				let t = de(i.value, e);
+				if (t && (t.children ?? []).some((e) => U(e))) return !0;
 			}
-			return !!y.value[e];
+			return !!A.value[e];
 		}
-		function G(e, t) {
+		function de(e, t) {
 			for (let n of e) {
 				if (n.key === t) return n;
-				let e = G(n.children ?? [], t);
+				let e = de(n.children ?? [], t);
 				if (e) return e;
 			}
 			return null;
 		}
-		function K(e) {
-			return !!L.value[e];
+		function fe(e) {
+			return !!B.value[e];
 		}
-		function q(e) {
-			return !!R.value[e];
+		function K(e) {
+			return !!V.value[e];
 		}
-		function se(e) {
-			if (r.checkStrictly || !r.showCheckbox) return !1;
-			let t = F.value.get(e) ?? [];
+		function pe(e) {
+			if (i.checkStrictly || !i.showCheckbox) return !1;
+			let t = oe.value.get(e) ?? [];
 			if (!t.length) return !1;
-			let n = 0, i = !1;
-			for (let e of t) q(e.key) && (n += 1), se(e.key) && (i = !0);
-			return i ? !0 : n > 0 && n < t.length;
+			let n = 0, r = !1;
+			for (let e of t) K(e.key) && (n += 1), pe(e.key) && (r = !0);
+			return r ? !0 : n > 0 && n < t.length;
 		}
-		function J(e) {
+		function q(e) {
 			return !!e.disabled;
 		}
-		function ce(e) {
-			return e.isLeaf ? !0 : r.lazy ? !e.children?.length && !D[e.key]?.length && !T[e.key] : !e.children?.length && !D[e.key]?.length;
+		function me(e) {
+			return e.isLeaf ? !0 : i.lazy ? !e.children?.length && !P[e.key]?.length && !N[e.key] : !e.children?.length && !P[e.key]?.length;
 		}
-		function Y(e) {
-			return e.children?.length || D[e.key]?.length ? !0 : r.lazy && !e.isLeaf && !A[e.key];
+		function J(e) {
+			return e.children?.length || P[e.key]?.length ? !0 : i.lazy && !e.isLeaf && !F[e.key];
 		}
-		function le(e) {
-			return e.children ?? D[e.key] ?? [];
+		function he(e) {
+			return e.children ?? P[e.key] ?? [];
 		}
-		function ue(e) {
-			let t = r.filter?.trim();
-			return t ? (r.filterNode ?? V)(t, e) : !1;
+		function ge(e) {
+			let t = i.filter?.trim();
+			return t ? (i.filterNode ?? H)(t, e) : !1;
 		}
-		async function X(e) {
-			if (J(e)) return;
-			let t = W(e.key), n = { ...y.value };
-			if (t) delete n[e.key], f("node-collapse", e);
-			else if (r.accordion && (n = {}), n[e.key] = !0, f("node-expand", e), r.lazy && r.load && !e.children?.length && !A[e.key] && !e.isLeaf) {
-				T[e.key] = !0, delete M[e.key];
+		async function Y(e) {
+			if (q(e)) return;
+			let t = G(e.key), n = { ...A.value };
+			if (t) delete n[e.key], _("node-collapse", e);
+			else if (i.accordion && (n = {}), n[e.key] = !0, _("node-expand", e), i.lazy && i.load && !e.children?.length && !F[e.key] && !e.isLeaf) {
+				N[e.key] = !0, delete I[e.key];
 				try {
-					D[e.key] = await r.load(e), A[e.key] = !0;
+					P[e.key] = await i.load(e), F[e.key] = !0;
 				} catch (t) {
-					M[e.key] = !0, delete n[e.key], f("node-load-error", {
+					I[e.key] = !0, delete n[e.key], _("node-load-error", {
 						node: e,
 						error: t
 					});
 				} finally {
-					T[e.key] = !1;
+					N[e.key] = !1;
 				}
 			}
-			y.value = n, f("update:expandedKeys", n);
+			A.value = n, _("update:expandedKeys", n);
 		}
-		function de(e) {
-			if (J(e)) return;
-			if (r.selectionMode === "single") {
-				let t = K(e.key) ? null : e.key;
-				f("update:modelValue", t), f("update:selectionKeys", t ? { [t]: !0 } : {}), f(t ? "node-select" : "node-unselect", e);
+		function _e(e) {
+			if (q(e)) return;
+			if (i.selectionMode === "single") {
+				let t = fe(e.key) ? null : e.key;
+				_("update:modelValue", t), _("update:selectionKeys", t ? { [t]: !0 } : {}), _(t ? "node-select" : "node-unselect", e);
 				return;
 			}
-			let t = { ...L.value };
-			t[e.key] ? (delete t[e.key], f("node-unselect", e)) : (t[e.key] = !0, f("node-select", e)), f("update:selectionKeys", t);
+			let t = { ...B.value };
+			t[e.key] ? (delete t[e.key], _("node-unselect", e)) : (t[e.key] = !0, _("node-select", e)), _("update:selectionKeys", t);
 		}
-		function fe(e) {
-			if (J(e)) return;
-			let t = { ...R.value }, n = !q(e.key);
-			r.checkStrictly ? n ? t[e.key] = !0 : delete t[e.key] : (o(e, n, t), s(r.value, t));
-			let a = i(r.value, t, I.value, r.checkStrictly);
-			f("update:checkedKeys", a), f("check", {
+		function ve(e) {
+			if (q(e)) return;
+			let t = { ...V.value }, n = !K(e.key);
+			i.checkStrictly ? n ? t[e.key] = !0 : delete t[e.key] : (s(e, n, t), c(i.value, t));
+			let r = a(i.value, t, z.value, i.checkStrictly);
+			_("update:checkedKeys", r), _("check", {
 				node: e,
-				checkedKeys: a
+				checkedKeys: r
 			});
 		}
-		function pe(e, t) {
-			if (!r.draggable || J(e)) {
+		function ye(e, t) {
+			if (!i.draggable || q(e)) {
 				t.preventDefault();
 				return;
 			}
-			N.value = e.key, t.dataTransfer?.setData("text/plain", e.key), t.dataTransfer.effectAllowed = "move";
+			L.value = e.key, t.dataTransfer?.setData("text/plain", e.key), t.dataTransfer.effectAllowed = "move";
 		}
-		function me(e, t) {
-			!r.draggable || !N.value || N.value === e.key || (t.preventDefault(), t.dataTransfer.dropEffect = "move");
+		function be(e, t) {
+			!i.draggable || !L.value || L.value === e.key || (t.preventDefault(), t.dataTransfer.dropEffect = "move");
 		}
-		function he(e, t) {
-			if (!r.draggable || !N.value || N.value === e.key) return;
+		function xe(e, t) {
+			if (!i.draggable || !L.value || L.value === e.key) return;
 			t.preventDefault();
-			let n = t.currentTarget.getBoundingClientRect(), i = t.clientY - n.top, a = "inside";
-			i < n.height * .25 ? a = "before" : i > n.height * .75 && (a = "after"), f("node-drop", {
-				dragKey: N.value,
+			let n = t.currentTarget.getBoundingClientRect(), r = t.clientY - n.top, a = "inside";
+			r < n.height * .25 ? a = "before" : r > n.height * .75 && (a = "after"), _("node-drop", {
+				dragKey: L.value,
 				dropKey: e.key,
 				position: a
-			}), N.value = null;
+			}), L.value = null;
 		}
-		function ge() {
-			N.value = null;
+		function Se() {
+			L.value = null;
 		}
-		let Z = u(() => {
+		let X = d(() => {
 			let e = [], t = (n, r) => {
 				for (let i of n) e.push({
 					node: i,
 					parentKey: r
-				}), W(i.key) && t(le(i), i.key);
+				}), G(i.key) && t(he(i), i.key);
 			};
-			return t(U.value, null), e;
-		}), Q = n({
-			itemCount: () => Z.value.length,
-			isItemDisabled: (e) => !!Z.value[e]?.node.disabled,
+			return t(W.value, null), e;
+		}), Z = r({
+			itemCount: () => X.value.length,
+			isItemDisabled: (e) => !!X.value[e]?.node.disabled,
 			onActivate: (e, t) => {
-				let n = Z.value[e];
-				n && (t.key === " " && r.showCheckbox ? fe(n.node) : de(n.node));
+				let n = X.value[e];
+				n && (t.key === " " && i.showCheckbox ? ve(n.node) : _e(n.node));
 			}
-		}), $ = u(() => Z.value[Q.activeIndex.value]?.node.key ?? null);
-		function _e(e) {
-			if ($.value === e) return 0;
-			if (Q.activeIndex.value < 0) {
-				let t = Z.value.findIndex((e) => !e.node.disabled);
-				if (t >= 0 && Z.value[t].node.key === e) return 0;
+		}), Q = d(() => X.value[Z.activeIndex.value]?.node.key ?? null);
+		function Ce(e) {
+			if (Q.value === e) return 0;
+			if (Z.activeIndex.value < 0) {
+				let t = X.value.findIndex((e) => !e.node.disabled);
+				if (t >= 0 && X.value[t].node.key === e) return 0;
 			}
 			return -1;
 		}
-		function ve(e) {
-			let t = Z.value.findIndex((t) => t.node.key === e);
-			t >= 0 && Q.setActive(t);
+		function we(e) {
+			let t = X.value.findIndex((t) => t.node.key === e);
+			t >= 0 && Z.setActive(t);
 		}
-		k(Q.activeIndex, () => {
-			v(() => {
-				let e = $.value;
-				if (e == null || !P.value) return;
-				let t = P.value.querySelectorAll("[data-m-tree-key]");
-				for (let n of t) if (n.dataset.muTreeKey === e) {
+		k(Z.activeIndex, () => {
+			ne(() => {
+				let e = Q.value;
+				if (e == null || !R.value) return;
+				let t = R.value.querySelectorAll("[data-m-tree-key]");
+				for (let n of t) if (n.dataset.mTreeKey === e) {
 					n.focus({ preventScroll: !0 });
 					break;
 				}
 			});
 		});
-		function ye(e) {
-			let t = Q.activeIndex.value, n = Z.value[t];
+		function $(e) {
+			let t = Z.activeIndex.value, n = X.value[t];
 			if (e.key === "ArrowRight") {
 				if (e.preventDefault(), !n) return;
-				Y(n.node) && (W(n.node.key) ? Q.setActive(t + 1) : X(n.node));
+				J(n.node) && (G(n.node.key) ? Z.setActive(t + 1) : Y(n.node));
 				return;
 			}
 			if (e.key === "ArrowLeft") {
 				if (e.preventDefault(), !n) return;
-				if (Y(n.node) && W(n.node.key)) X(n.node);
+				if (J(n.node) && G(n.node.key)) Y(n.node);
 				else if (n.parentKey != null) {
-					let e = Z.value.findIndex((e) => e.node.key === n.parentKey);
-					e >= 0 && Q.setActive(e);
+					let e = X.value.findIndex((e) => e.node.key === n.parentKey);
+					e >= 0 && Z.setActive(e);
 				}
 				return;
 			}
-			Q.onKeydown(e);
+			Z.onKeydown(e);
 		}
-		return x(j, {
-			isExpanded: W,
-			isSelected: K,
-			isChecked: q,
-			isIndeterminate: se,
-			isDisabled: J,
-			isLeaf: ce,
-			hasChildren: Y,
-			isMatch: ue,
+		return S(j, {
+			isExpanded: G,
+			isSelected: fe,
+			isChecked: K,
+			isIndeterminate: pe,
+			isDisabled: q,
+			isLeaf: me,
+			hasChildren: J,
+			isMatch: ge,
 			get showCheckbox() {
-				return r.showCheckbox;
+				return i.showCheckbox;
 			},
 			get draggable() {
-				return r.draggable;
+				return i.draggable;
 			},
 			get lazy() {
-				return r.lazy;
+				return i.lazy;
 			},
-			loadingKeys: T,
-			loadedChildren: D,
-			loadedKeys: A,
-			loadFailedKeys: M,
-			activeKey: $,
-			tabindexForKey: _e,
-			setActiveKey: ve,
-			toggleExpand: X,
-			select: de,
-			toggleCheck: fe,
-			onDragStart: pe,
-			onDragOver: me,
-			onDrop: he,
-			onDragEnd: ge
-		}), (e, t) => (b(), p("div", B, [U.value.length ? (b(), p("ul", {
+			loadingKeys: N,
+			loadedChildren: P,
+			loadedKeys: F,
+			loadFailedKeys: I,
+			activeKey: Q,
+			tabindexForKey: Ce,
+			setActiveKey: we,
+			toggleExpand: Y,
+			select: _e,
+			toggleCheck: ve,
+			onDragStart: ye,
+			onDragOver: be,
+			onDrop: xe,
+			onDragEnd: Se
+		}), (e, t) => (x(), m("div", y(D(g), { class: "m-tree-root" }), [W.value.length ? (x(), m("ul", {
 			key: 0,
 			ref_key: "root",
-			ref: P,
+			ref: R,
 			class: "m-tree",
 			role: "tree",
-			onKeydown: ye
-		}, [(b(!0), p(l, null, ne(U.value, (e) => (b(), d(z, {
+			onKeydown: $
+		}, [(x(!0), m(u, null, T(W.value, (e) => (x(), f(se, {
 			key: e.key,
 			node: e,
 			depth: 1
-		}, null, 8, ["node"]))), 128))], 544)) : oe.value ? (b(), p("div", ie, [w(e.$slots, "empty", {}, () => [m("p", ae, E(_.value), 1)])])) : (b(), p("ul", {
+		}, null, 8, ["node"]))), 128))], 544)) : ue.value ? (x(), m("div", ce, [re(e.$slots, "empty", {}, () => [h("p", le, E(ie.value), 1)])])) : (x(), m("ul", {
 			key: 2,
 			ref_key: "root",
-			ref: P,
+			ref: R,
 			class: "m-tree",
 			role: "tree",
-			onKeydown: ye
-		}, null, 544))]));
+			onKeydown: $
+		}, null, 544))], 16));
 	}
 });
 //#endregion
-export { V as MTree };
+export { z as MTree };