morya-ui 0.2.4 → 0.2.5

package/dist/tree-select/index.js

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