morya-ui 0.3.8 → 0.4.0

package/dist/tree-select/index.js

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