morya-ui 0.3.0 → 0.3.2

package/dist/tree-select/index.js

@@ -1,5 +1,5 @@
 import { i as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../Icon-lcN1rS87.js";
+import { t } from "../Icon-od9Ob-Ay.js";
 import { t as n } from "../useMotionTransition-Bxnnb_9u.js";
 import { n as r, t as i } from "../overlay-oR-5MDuE.js";
 import { t as ee } from "../overlayPlacement-Cd20JTD_.js";
@@ -9,25 +9,25 @@ import { t as a } from "../useMId-BXFYayPP.js";
 import { t as re } from "../Scrollbar-DTeJ8P5b.js";
 import { t as o } from "../Checkbox-BzbAUfyZ.js";
 import { t as ie } from "../useFieldFeedback-C5qIqYMK.js";
-import { a as ae, i as oe, n as se, o as ce, r as s, s as le } from "../checkStrategy-CZzuUKDI.js";
-import { c as ue, o as de } from "../config-CapALqt3.js";
-import { n as fe } from "../locale-Bzm2nbEp.js";
+import { a as ae, c as oe, d as se, f as ce, l as s, n as le, p as ue, u as de } from "../treeQuery-CnHkyYOA.js";
+import { c as fe, o as pe } from "../config-CapALqt3.js";
+import { n as c } from "../locale-Bzm2nbEp.js";
 import "./style.js";
-import { Fragment as c, Teleport as pe, Transition as me, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as he, createVNode as m, defineComponent as h, mergeProps as ge, nextTick as _e, normalizeClass as g, normalizeStyle as ve, onBeforeUnmount as ye, openBlock as _, ref as v, renderList as y, renderSlot as be, resolveDynamicComponent as b, toDisplayString as x, unref as S, useAttrs as xe, useSlots as Se, vModelText as Ce, watch as C, withCtx as we, withDirectives as Te, withModifiers as w } from "vue";
+import { Fragment as l, Teleport as me, Transition as he, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as ge, createVNode as h, defineComponent as g, mergeProps as _, nextTick as _e, normalizeClass as v, normalizeStyle as ve, onBeforeUnmount as ye, openBlock as y, ref as b, renderList as x, renderSlot as be, resolveDynamicComponent as S, toDisplayString as C, unref as w, useAttrs as xe, useSlots as Se, vModelText as Ce, watch as T, withCtx as E, withDirectives as we, withModifiers as D } from "vue";
 //#region src/components/TreeSelect/TreeSelectNodeItem.vue?vue&type=script&setup=true&lang.ts
-var T = [
+var Te = [
 	"aria-expanded",
 	"aria-level",
 	"aria-disabled",
 	"aria-selected",
 	"aria-checked"
-], E = ["aria-label"], D = {
+], Ee = ["aria-label"], De = {
 	key: 1,
 	class: "m-treeselect__toggler-spacer"
 }, O = ["disabled", "tabindex"], k = {
 	key: 0,
 	role: "group"
-}, A = /* @__PURE__ */ h({
+}, Oe = /* @__PURE__ */ g({
 	__name: "TreeSelectNodeItem",
 	props: {
 		node: {},
@@ -46,48 +46,48 @@ var T = [
 		"activate"
 	],
 	setup(e) {
-		let n = fe();
-		return (r, i) => (_(), f("li", {
-			class: g(["m-treeselect__node", { "m-treeselect__node--active": e.node.key === e.activeKey }]),
+		let n = c();
+		return (r, i) => (y(), p("li", {
+			class: v(["m-treeselect__node", { "m-treeselect__node--active": e.node.key === e.activeKey }]),
 			role: "treeitem",
 			"aria-expanded": e.node.children?.length ? !!e.expanded[e.node.key] : void 0,
 			"aria-level": e.depth + 1,
 			"aria-disabled": e.node.disabled || void 0,
 			"aria-selected": e.showCheckbox ? void 0 : e.selectedKeys.includes(e.node.key),
 			"aria-checked": e.showCheckbox ? !!e.checkedKeys[e.node.key] : void 0
-		}, [p("div", {
+		}, [m("div", {
 			class: "m-treeselect__row",
 			style: ve({ paddingLeft: `${e.depth * .75}rem` })
 		}, [
-			e.node.children?.length ? (_(), f("button", {
+			e.node.children?.length ? (y(), p("button", {
 				key: 0,
 				type: "button",
 				class: "m-treeselect__toggler",
 				tabindex: "-1",
-				"aria-label": e.expanded[e.node.key] ? S(n).collapse : S(n).expand,
-				onClick: i[0] ||= w((t) => r.$emit("toggle", e.node.key), ["stop"])
-			}, [m(t, {
+				"aria-label": e.expanded[e.node.key] ? w(n).collapse : w(n).expand,
+				onClick: i[0] ||= D((t) => r.$emit("toggle", e.node.key), ["stop"])
+			}, [h(t, {
 				name: e.expanded[e.node.key] ? "chevron-down" : "chevron-right",
 				size: "sm"
-			}, null, 8, ["name"])], 8, E)) : (_(), f("span", D)),
-			e.showCheckbox ? (_(), u(o, {
+			}, null, 8, ["name"])], 8, Ee)) : (y(), p("span", De)),
+			e.showCheckbox ? (y(), d(o, {
 				key: 2,
 				class: "m-treeselect__checkbox",
 				tabindex: "-1",
 				"model-value": !!e.checkedKeys[e.node.key],
 				disabled: e.node.disabled,
 				"onUpdate:modelValue": i[1] ||= (t) => r.$emit("check", e.node),
-				onClick: i[2] ||= w(() => {}, ["stop"])
-			}, null, 8, ["model-value", "disabled"])) : d("", !0),
-			p("button", {
+				onClick: i[2] ||= D(() => {}, ["stop"])
+			}, null, 8, ["model-value", "disabled"])) : f("", !0),
+			m("button", {
 				type: "button",
-				class: g(["m-treeselect__option", { "m-treeselect__option--selected": e.selectedKeys.includes(e.node.key) }]),
+				class: v(["m-treeselect__option", { "m-treeselect__option--selected": e.selectedKeys.includes(e.node.key) }]),
 				disabled: e.node.disabled,
 				tabindex: e.node.key === e.activeKey ? 0 : -1,
 				onMouseenter: i[3] ||= (t) => r.$emit("activate", e.node),
 				onClick: i[4] ||= (t) => r.$emit("select", e.node)
-			}, [e.renderOption ? (_(), u(b(() => e.renderOption?.(e.node)), { key: 0 })) : (_(), f(c, { key: 1 }, [he(x(e.node.label), 1)], 64))], 42, O)
-		], 4), e.node.children?.length && e.expanded[e.node.key] ? (_(), f("ul", k, [(_(!0), f(c, null, y(e.node.children, (t) => (_(), u(A, {
+			}, [e.renderOption ? (y(), d(S(() => e.renderOption?.(e.node)), { key: 0 })) : (y(), p(l, { key: 1 }, [ge(C(e.node.label), 1)], 64))], 42, O)
+		], 4), e.node.children?.length && e.expanded[e.node.key] ? (y(), p("ul", k, [(y(!0), p(l, null, x(e.node.children, (t) => (y(), d(Oe, {
 			key: t.key,
 			node: t,
 			depth: e.depth + 1,
@@ -110,9 +110,9 @@ var T = [
 			"show-checkbox",
 			"active-key",
 			"render-option"
-		]))), 128))])) : d("", !0)], 10, T));
+		]))), 128))])) : f("", !0)], 10, Te));
 	}
-}), Ee = ["for"], De = [
+}), ke = ["for"], Ae = [
 	"id",
 	"tabindex",
 	"aria-disabled",
@@ -120,20 +120,20 @@ var T = [
 	"aria-controls",
 	"aria-invalid",
 	"aria-describedby"
-], Oe = {
+], je = {
 	key: 0,
 	class: "m-treeselect__tags"
-}, ke = { class: "m-select__tag-label" }, Ae = [
+}, Me = { class: "m-select__tag-label" }, Ne = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], je = {
+], Pe = {
 	key: 0,
 	class: "m-select__tag m-select__tag--more"
-}, Me = { class: "m-select__suffix" }, Ne = ["aria-label"], Pe = ["id"], Fe = ["placeholder"], Ie = {
+}, Fe = { class: "m-select__suffix" }, Ie = ["aria-label"], Le = ["id"], Re = ["placeholder"], ze = {
 	class: "m-treeselect__tree",
 	role: "tree"
-}, Le = ["id", "role"], Re = /* @__PURE__ */ h({
+}, Be = ["id", "role"], Ve = /* @__PURE__ */ g({
 	inheritAttrs: !1,
 	__name: "TreeSelect",
 	props: {
@@ -194,302 +194,289 @@ var T = [
 		name: {}
 	},
 	emits: ["update:modelValue", "clear"],
-	setup(o, { emit: he }) {
-		let h = o, b = he, T = xe(), { rootAttrs: E, controlAttrs: D } = e(T, () => h.pt, { controlKey: "control" }), O = Se(), k = ue(), { transitionName: Re, transitionCss: ze } = n({
+	setup(o, { emit: ge }) {
+		let g = o, S = ge, Te = xe(), { rootAttrs: Ee, controlAttrs: De } = e(Te, () => g.pt, { controlKey: "control" }), O = Se(), k = fe(), { transitionName: Ve, transitionCss: He } = n({
 			role: "popup",
-			local: () => h.transition,
+			local: () => g.transition,
 			componentName: "TreeSelect",
 			fallback: "scale-fade"
-		}), j = fe(), Be = de("TreeSelect", () => h.size), Ve = a("m-treeselect"), M = l(() => h.id ?? Ve), { isInvalid: He, feedbackText: N, feedbackIsError: Ue } = ie(h), P = v(!1), F = v(""), I = v(null), L = v(null), R = v(null), We = v({}), z = v({}), Ge = l(() => r(h, k.value.appendTo)), B = l(() => i(h, k.value.appendTo)), V = l(() => h.multiple || h.selectionMode === "multiple" || h.checkable), H = l(() => Array.isArray(h.modelValue) ? h.modelValue : typeof h.modelValue == "string" && h.modelValue ? [h.modelValue] : []), Ke = l(() => {
+		}), A = c(), Ue = pe("TreeSelect", () => g.size), We = a("m-treeselect"), j = u(() => g.id ?? We), { isInvalid: M, feedbackText: N, feedbackIsError: P } = ie(g), F = b(!1), I = b(""), L = b(null), R = b(null), z = b(null), Ge = b({}), B = b({}), Ke = u(() => r(g, k.value.appendTo)), V = u(() => i(g, k.value.appendTo)), H = u(() => g.multiple || g.selectionMode === "multiple" || g.checkable), U = u(() => Array.isArray(g.modelValue) ? g.modelValue : typeof g.modelValue == "string" && g.modelValue ? [g.modelValue] : []), qe = u(() => {
 			let e = {};
-			for (let t of H.value) e[t] = !0;
+			for (let t of U.value) e[t] = !0;
 			return e;
-		}), qe = l(() => se(h.options, Ke.value, h.checkStrategy, h.checkStrictly)), Je = l(() => {
-			let e = H.value[0];
-			if (!e || V.value) return h.placeholder ?? j.value.selectPlaceholder;
-			if (h.showPath) {
-				let t = oe(h.options, e);
-				return t.length ? t.join(h.separator) : e;
+		}), Je = u(() => oe(g.options, qe.value, g.checkStrategy, g.checkStrictly)), Ye = u(() => {
+			let e = U.value[0];
+			if (!e || H.value) return g.placeholder ?? A.value.selectPlaceholder;
+			if (g.showPath) {
+				let t = de(g.options, e);
+				return t.length ? t.join(g.separator) : e;
 			}
-			return s(h.options, e)?.label ?? h.placeholder ?? j.value.selectPlaceholder;
-		}), Ye = l(() => {
-			let e = H.value[0];
-			return e && !V.value ? s(h.options, e) : void 0;
-		}), Xe = l(() => O.option ? (e) => O.option?.({ option: e }) : void 0), U = l(() => H.value.map((e) => ({
+			return s(g.options, e)?.label ?? g.placeholder ?? A.value.selectPlaceholder;
+		}), Xe = u(() => {
+			let e = U.value[0];
+			return e && !H.value ? s(g.options, e) : void 0;
+		}), Ze = u(() => O.option ? (e) => O.option?.({ option: e }) : void 0), W = u(() => U.value.map((e) => ({
 			key: e,
-			label: h.showPath ? oe(h.options, e).join(h.separator) : s(h.options, e)?.label ?? e
-		}))), Ze = l(() => {
-			let e = h.maxTagCount;
-			return e == null || e < 0 || U.value.length <= e ? U.value : U.value.slice(0, e);
-		}), W = l(() => Math.max(0, U.value.length - Ze.value.length)), Qe = l(() => h.clearable && H.value.length > 0 && !h.disabled), $e = l(() => {
-			let e = F.value.trim().toLowerCase();
-			if (!e) return h.options;
-			let t = (n) => {
-				let r = n.label.toLowerCase().includes(e), i = (n.children ?? []).map(t).filter((e) => e != null);
-				return r || i.length ? {
-					...n,
-					children: i.length ? i : n.children
-				} : null;
-			};
-			return h.options.map(t).filter((e) => e != null);
-		}), G = l(() => {
+			label: g.showPath ? de(g.options, e).join(g.separator) : s(g.options, e)?.label ?? e
+		}))), Qe = u(() => {
+			let e = g.maxTagCount;
+			return e == null || e < 0 || W.value.length <= e ? W.value : W.value.slice(0, e);
+		}), G = u(() => Math.max(0, W.value.length - Qe.value.length)), $e = u(() => g.clearable && U.value.length > 0 && !g.disabled), et = u(() => le(g.options, I.value)), K = u(() => {
 			let e = [], t = (n, r) => {
 				for (let i of n) e.push({
 					node: i,
 					parentKey: r
-				}), i.children?.length && z.value[i.key] && t(i.children, i.key);
+				}), i.children?.length && B.value[i.key] && t(i.children, i.key);
 			};
-			return t($e.value, null), e;
-		}), et = a("m-treeselect-panel"), K = ne({
-			itemCount: () => G.value.length,
-			isItemDisabled: (e) => !!G.value[e]?.node.disabled,
-			enabled: P,
+			return t(et.value, null), e;
+		}), tt = a("m-treeselect-panel"), q = ne({
+			itemCount: () => K.value.length,
+			isItemDisabled: (e) => !!K.value[e]?.node.disabled,
+			enabled: F,
 			onActivate: (e) => {
-				let t = G.value[e];
-				t && Z(t.node);
+				let t = K.value[e];
+				t && ct(t.node);
 			},
 			onEscape: () => {
-				P.value = !1;
+				F.value = !1;
 			},
-			returnFocusTo: L
-		}), tt = l(() => G.value[K.activeIndex.value]?.node.key ?? null);
-		function nt() {
-			let e = K.activeIndex.value;
+			returnFocusTo: R
+		}), nt = u(() => K.value[q.activeIndex.value]?.node.key ?? null);
+		function rt() {
+			let e = q.activeIndex.value;
 			if (e < 0) return;
-			let t = R.value?.querySelectorAll(".m-treeselect__option")?.[e];
+			let t = z.value?.querySelectorAll(".m-treeselect__option")?.[e];
 			t && document.activeElement !== t && t.focus({ preventScroll: !0 }), t?.scrollIntoView({ block: "nearest" });
 		}
-		function rt() {
-			if (!B.value || !L.value) return;
-			let e = L.value.getBoundingClientRect();
-			We.value = ee(e, "bottom-start", { minWidth: `${e.width}px` });
+		function it() {
+			if (!V.value || !R.value) return;
+			let e = R.value.getBoundingClientRect();
+			Ge.value = ee(e, "bottom-start", { minWidth: `${e.width}px` });
 		}
-		function q(e = !1) {
-			P.value = !0, _e(() => {
-				if (rt(), e) {
-					let e = G.value.findIndex((e) => H.value.includes(e.node.key));
-					e >= 0 ? K.setActive(e) : K.moveFirst(), h.filterable ? R.value?.querySelector(".m-treeselect__filter")?.focus() : nt();
-				} else K.setActive(-1), h.filterable && R.value?.querySelector(".m-treeselect__filter")?.focus();
+		function J(e = !1) {
+			F.value = !0, _e(() => {
+				if (it(), e) {
+					let e = K.value.findIndex((e) => U.value.includes(e.node.key));
+					e >= 0 ? q.setActive(e) : q.moveFirst(), g.filterable ? z.value?.querySelector(".m-treeselect__filter")?.focus() : rt();
+				} else q.setActive(-1), g.filterable && z.value?.querySelector(".m-treeselect__filter")?.focus();
 			});
 		}
-		function it() {
-			if (!h.disabled) {
-				if (P.value) {
-					P.value = !1;
+		function at() {
+			if (!g.disabled) {
+				if (F.value) {
+					F.value = !1;
 					return;
 				}
-				q(!1);
+				J(!1);
 			}
 		}
-		function J(e) {
-			if (!P.value) return;
-			let t = G.value, n = t[K.activeIndex.value];
+		function Y(e) {
+			if (!F.value) return;
+			let t = K.value, n = t[q.activeIndex.value];
 			if (e.key === "ArrowRight") {
 				if (e.preventDefault(), !n) return;
 				if (n.node.children?.length) {
-					if (!z.value[n.node.key]) Y(n.node.key);
+					if (!B.value[n.node.key]) X(n.node.key);
 					else {
 						let e = t.findIndex((e) => e.parentKey === n.node.key);
-						e >= 0 && K.setActive(e);
+						e >= 0 && q.setActive(e);
 					}
 				}
 				return;
 			}
 			if (e.key === "ArrowLeft") {
 				if (e.preventDefault(), !n) return;
-				if (n.node.children?.length && z.value[n.node.key]) Y(n.node.key);
+				if (n.node.children?.length && B.value[n.node.key]) X(n.node.key);
 				else if (n.parentKey != null) {
 					let e = t.findIndex((e) => e.node.key === n.parentKey);
-					e >= 0 && K.setActive(e);
+					e >= 0 && q.setActive(e);
 				}
 				return;
 			}
-			K.onKeydown(e);
+			q.onKeydown(e);
 		}
-		function at(e) {
-			if (!h.disabled) {
-				if (!P.value) {
-					e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), q(!0)) : e.key === "Enter" && (e.preventDefault(), q(!1));
+		function ot(e) {
+			if (!g.disabled) {
+				if (!F.value) {
+					e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), J(!0)) : e.key === "Enter" && (e.preventDefault(), J(!1));
 					return;
 				}
-				J(e);
+				Y(e);
 			}
 		}
-		function ot(e) {
+		function st(e) {
 			[
 				"ArrowUp",
 				"ArrowDown",
 				"Enter",
 				"Escape"
-			].includes(e.key) && J(e);
+			].includes(e.key) && Y(e);
 		}
-		C(K.activeIndex, () => {
-			if (P.value && !h.filterable) nt();
-			else if (P.value) {
-				let e = K.activeIndex.value;
-				R.value?.querySelectorAll(".m-treeselect__option")[e]?.scrollIntoView({ block: "nearest" });
+		T(q.activeIndex, () => {
+			if (F.value && !g.filterable) rt();
+			else if (F.value) {
+				let e = q.activeIndex.value;
+				z.value?.querySelectorAll(".m-treeselect__option")[e]?.scrollIntoView({ block: "nearest" });
 			}
 		});
-		function Y(e) {
-			z.value = {
-				...z.value,
-				[e]: !z.value[e]
-			};
-		}
 		function X(e) {
-			V.value ? b("update:modelValue", e) : b("update:modelValue", e[0] ?? null);
+			B.value = ae(B.value, e, { mode: "boolean" });
 		}
 		function Z(e) {
+			H.value ? S("update:modelValue", e) : S("update:modelValue", e[0] ?? null);
+		}
+		function ct(e) {
 			if (!e.disabled) {
-				if (h.checkable) {
-					ct(e);
+				if (g.checkable) {
+					ut(e);
 					return;
 				}
-				if (!V.value) {
-					b("update:modelValue", e.key === h.modelValue ? null : e.key), P.value = !1, L.value?.focus({ preventScroll: !0 });
+				if (!H.value) {
+					S("update:modelValue", e.key === g.modelValue ? null : e.key), F.value = !1, R.value?.focus({ preventScroll: !0 });
 					return;
 				}
-				X(H.value.includes(e.key) ? H.value.filter((t) => t !== e.key) : [...H.value, e.key]);
+				Z(U.value.includes(e.key) ? U.value.filter((t) => t !== e.key) : [...U.value, e.key]);
 			}
 		}
-		function st(e) {
+		function lt(e) {
 			if (e.disabled) return;
-			let t = G.value.findIndex((t) => t.node.key === e.key);
-			t >= 0 && K.setActive(t);
+			let t = K.value.findIndex((t) => t.node.key === e.key);
+			t >= 0 && q.setActive(t);
 		}
-		function ct(e) {
+		function ut(e) {
 			if (e.disabled) return;
-			let t = { ...qe.value }, n = !t[e.key];
-			h.checkStrictly ? n ? t[e.key] = !0 : delete t[e.key] : (ce(e, n, t), le(h.options, t));
-			let r = ae(h.options, t, h.checkStrategy, h.checkStrictly);
-			X(Object.keys(r).filter((e) => r[e]));
+			let t = { ...Je.value }, n = !t[e.key];
+			g.checkStrictly ? n ? t[e.key] = !0 : delete t[e.key] : (ce(e, n, t), ue(g.options, t));
+			let r = se(g.options, t, g.checkStrategy, g.checkStrictly);
+			Z(Object.keys(r).filter((e) => r[e]));
 		}
-		function lt(e) {
-			X(H.value.filter((t) => t !== e));
+		function dt(e) {
+			Z(U.value.filter((t) => t !== e));
 		}
-		function ut(e) {
-			e.stopPropagation(), b("update:modelValue", V.value ? [] : null), b("clear");
+		function ft(e) {
+			e.stopPropagation(), S("update:modelValue", H.value ? [] : null), S("clear");
 		}
 		function Q(e) {
 			let t = e.target;
-			I.value?.contains(t) || R.value?.contains(t) || (P.value = !1);
+			L.value?.contains(t) || z.value?.contains(t) || (F.value = !1);
 		}
 		function $(e) {
 			let t = e.target;
-			I.value?.contains(t) || R.value?.contains(t) || (P.value = !1);
+			L.value?.contains(t) || z.value?.contains(t) || (F.value = !1);
 		}
-		function dt() {
-			P.value && rt();
+		function pt() {
+			F.value && it();
 		}
-		return te(() => P.value && B.value, dt), C(P, (e) => {
-			e ? (document.addEventListener("click", Q), document.addEventListener("focusin", $)) : (F.value = "", K.reset(), document.removeEventListener("click", Q), document.removeEventListener("focusin", $));
+		return te(() => F.value && V.value, pt), T(F, (e) => {
+			e ? (document.addEventListener("click", Q), document.addEventListener("focusin", $)) : (I.value = "", q.reset(), document.removeEventListener("click", Q), document.removeEventListener("focusin", $));
 		}), ye(() => {
 			document.removeEventListener("click", Q), document.removeEventListener("focusin", $);
-		}), (e, n) => (_(), f("div", ge({
+		}), (e, n) => (y(), p("div", _({
 			ref_key: "root",
-			ref: I
-		}, S(E), { class: "m-select-field" }), [
-			o.label ? (_(), f("label", {
+			ref: L
+		}, w(Ee), { class: "m-select-field" }), [
+			o.label ? (y(), p("label", {
 				key: 0,
 				class: "m-select-field__label",
-				for: M.value
-			}, x(o.label), 9, Ee)) : d("", !0),
-			p("div", { class: g(["m-treeselect", [`m-treeselect--${S(Be)}`, {
+				for: j.value
+			}, C(o.label), 9, ke)) : f("", !0),
+			m("div", { class: v(["m-treeselect", [`m-treeselect--${w(Ue)}`, {
 				"m-treeselect--disabled": o.disabled,
-				"m-treeselect--open": P.value,
-				"m-treeselect--multiple": V.value,
-				"m-treeselect--invalid": S(He)
-			}]]) }, [p("div", { class: g(["m-treeselect__control m-select__control", {
-				"m-select__control--clearable": Qe.value,
-				"m-select__control--open": P.value
-			}]) }, [p("div", ge(S(D), {
-				id: M.value,
+				"m-treeselect--open": F.value,
+				"m-treeselect--multiple": H.value,
+				"m-treeselect--invalid": w(M)
+			}]]) }, [m("div", { class: v(["m-treeselect__control m-select__control", {
+				"m-select__control--clearable": $e.value,
+				"m-select__control--open": F.value
+			}]) }, [m("div", _(w(De), {
+				id: j.value,
 				ref_key: "trigger",
-				ref: L,
+				ref: R,
 				class: "m-treeselect__trigger",
 				role: "combobox",
 				tabindex: o.disabled ? -1 : 0,
 				"aria-disabled": o.disabled || void 0,
-				"aria-expanded": P.value,
-				"aria-controls": P.value ? S(et) : void 0,
-				"aria-invalid": S(He) || void 0,
-				"aria-describedby": S(N) ? `${M.value}-help` : void 0,
+				"aria-expanded": F.value,
+				"aria-controls": F.value ? w(tt) : void 0,
+				"aria-invalid": w(M) || void 0,
+				"aria-describedby": w(N) ? `${j.value}-help` : void 0,
 				"aria-haspopup": "tree",
-				onClick: it,
-				onKeydown: at
-			}), [V.value && U.value.length ? (_(), f("div", Oe, [(_(!0), f(c, null, y(Ze.value, (e) => (_(), f("span", {
+				onClick: at,
+				onKeydown: ot
+			}), [H.value && W.value.length ? (y(), p("div", je, [(y(!0), p(l, null, x(Qe.value, (e) => (y(), p("span", {
 				key: e.key,
 				class: "m-select__tag"
-			}, [p("span", ke, x(e.label), 1), p("button", {
+			}, [m("span", Me, C(e.label), 1), m("button", {
 				type: "button",
 				class: "m-select__tag-remove",
-				"aria-label": S(j).removeTag,
+				"aria-label": w(A).removeTag,
 				disabled: o.disabled,
-				onClick: w((t) => lt(e.key), ["stop"])
-			}, [m(t, {
+				onClick: D((t) => dt(e.key), ["stop"])
+			}, [h(t, {
 				name: "close",
 				size: "sm"
-			})], 8, Ae)]))), 128)), W.value ? (_(), f("span", je, x(W.value > 0 ? `+${W.value}` : ""), 1)) : d("", !0)])) : S(O).value && Ye.value ? be(e.$slots, "value", { option: Ye.value }, void 0, void 0, 2) : (_(), f("span", {
+			})], 8, Ne)]))), 128)), G.value ? (y(), p("span", Pe, C(G.value > 0 ? `+${G.value}` : ""), 1)) : f("", !0)])) : w(O).value && Xe.value ? be(e.$slots, "value", { option: Xe.value }, void 0, void 0, 2) : (y(), p("span", {
 				key: 1,
-				class: g(["m-treeselect__label", { "m-treeselect__label--placeholder": !H.value.length }])
-			}, x(Je.value), 3))], 16, De), p("div", Me, [Qe.value ? (_(), f("button", {
+				class: v(["m-treeselect__label", { "m-treeselect__label--placeholder": !U.value.length }])
+			}, C(Ye.value), 3))], 16, Ae), m("div", Fe, [$e.value ? (y(), p("button", {
 				key: 0,
 				class: "m-select__clear",
 				type: "button",
-				"aria-label": S(j).clear,
-				onClick: ut
-			}, [m(t, {
+				"aria-label": w(A).clear,
+				onClick: ft
+			}, [h(t, {
 				name: "close",
 				class: "m-control-affix-icon"
-			})], 8, Ne)) : d("", !0), p("span", {
-				class: g(["m-select__indicator", { "m-select__indicator--open": P.value }]),
+			})], 8, Ie)) : f("", !0), m("span", {
+				class: v(["m-select__indicator", { "m-select__indicator--open": F.value }]),
 				"aria-hidden": "true"
-			}, [m(t, {
+			}, [h(t, {
 				name: "chevron-down",
 				class: "m-control-affix-icon"
-			})], 2)])], 2), (_(), u(pe, {
-				to: Ge.value.to,
-				disabled: Ge.value.disabled
-			}, [m(me, {
-				name: S(Re),
-				css: S(ze)
+			})], 2)])], 2), (y(), d(me, {
+				to: Ke.value.to,
+				disabled: Ke.value.disabled
+			}, [h(he, {
+				name: w(Ve),
+				css: w(He)
 			}, {
-				default: we(() => [P.value ? (_(), f("div", {
+				default: E(() => [F.value ? (y(), p("div", {
 					key: 0,
-					id: S(et),
+					id: w(tt),
 					ref_key: "panel",
-					ref: R,
-					class: g(["m-treeselect__panel", { "m-treeselect__panel--teleported": B.value }]),
-					style: ve(B.value ? We.value : void 0),
-					onKeydown: J
-				}, [o.filterable ? Te((_(), f("input", {
+					ref: z,
+					class: v(["m-treeselect__panel", { "m-treeselect__panel--teleported": V.value }]),
+					style: ve(V.value ? Ge.value : void 0),
+					onKeydown: Y
+				}, [o.filterable ? we((y(), p("input", {
 					key: 0,
-					"onUpdate:modelValue": n[0] ||= (e) => F.value = e,
+					"onUpdate:modelValue": n[0] ||= (e) => I.value = e,
 					class: "m-treeselect__filter",
 					type: "search",
-					placeholder: S(j).searchPlaceholder,
-					onClick: n[1] ||= w(() => {}, ["stop"]),
-					onKeydown: ot
-				}, null, 40, Fe)), [[Ce, F.value]]) : d("", !0), m(re, {
+					size: "1",
+					placeholder: w(A).searchPlaceholder,
+					onClick: n[1] ||= D(() => {}, ["stop"]),
+					onKeydown: st
+				}, null, 40, Re)), [[Ce, I.value]]) : f("", !0), h(re, {
 					class: "m-treeselect__tree-scroll",
 					"fit-content": "",
 					"wrap-class": "m-treeselect__tree-wrap",
 					"view-class": "m-treeselect__tree-view"
 				}, {
-					default: we(() => [p("ul", Ie, [(_(!0), f(c, null, y($e.value, (e) => (_(), u(A, {
+					default: E(() => [m("ul", ze, [(y(!0), p(l, null, x(et.value, (e) => (y(), d(Oe, {
 						key: e.key,
 						node: e,
 						depth: 0,
-						"selected-keys": H.value,
-						"checked-keys": qe.value,
-						expanded: z.value,
+						"selected-keys": U.value,
+						"checked-keys": Je.value,
+						expanded: B.value,
 						"show-checkbox": o.checkable,
-						"active-key": tt.value,
-						"render-option": Xe.value,
-						onToggle: Y,
-						onSelect: Z,
-						onCheck: ct,
-						onActivate: st
+						"active-key": nt.value,
+						"render-option": Ze.value,
+						onToggle: X,
+						onSelect: ct,
+						onCheck: ut,
+						onActivate: lt
 					}, null, 8, [
 						"node",
 						"selected-keys",
@@ -500,17 +487,17 @@ var T = [
 						"render-option"
 					]))), 128))])]),
 					_: 1
-				})], 46, Pe)) : d("", !0)]),
+				})], 46, Le)) : f("", !0)]),
 				_: 1
 			}, 8, ["name", "css"])], 8, ["to", "disabled"]))], 2),
-			S(N) ? (_(), f("span", {
+			w(N) ? (y(), p("span", {
 				key: 1,
-				id: `${M.value}-help`,
-				class: g(["m-select-field__help", { "m-select-field__help--invalid": S(Ue) }]),
-				role: S(Ue) ? "alert" : void 0
-			}, x(S(N)), 11, Le)) : d("", !0)
+				id: `${j.value}-help`,
+				class: v(["m-select-field__help", { "m-select-field__help--invalid": w(P) }]),
+				role: w(P) ? "alert" : void 0
+			}, C(w(N)), 11, Be)) : f("", !0)
 		], 16));
 	}
 });
 //#endregion
-export { Re as MTreeSelect };
+export { Ve as MTreeSelect };