morya-ui 0.1.1 → 0.2.2

package/dist/tree-select/index.js

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