@web-utils/form-ui 1.0.0-beta105 → 1.0.0-beta106

package/chunks/BtvhUxHg2.mjs

@@ -0,0 +1,1282 @@
+import { allProps as e } from "../props/vue-tree-select.mjs";
+import { Fragment as t, Teleport as n, Transition as r, TransitionGroup as i, computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, inject as d, isVNode as f, mergeProps as p, nextTick as m, normalizeClass as h, onBeforeUnmount as g, onMounted as _, onUnmounted as v, openBlock as y, provide as b, reactive as x, ref as S, toRefs as C, unref as ee, useSlots as te, useTemplateRef as w, watch as T } from "vue";
+import { isPromise as E } from "@web-utils/core";
+import { debounce as D, last as ne, noop as re, once as ie } from "lodash-es";
+//#region src/components/tree-select/utils/index.ts
+var O = re, k = (e) => function(t, ...n) {
+	t.type === "mousedown" && t.button === 0 && e.call(this, t, ...n);
+}, ae = (e, t) => {
+	let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = t.offsetHeight / 3;
+	r.bottom + i > n.bottom ? e.scrollTop = Math.min(t.offsetTop + t.clientHeight - e.offsetHeight + i, e.scrollHeight) : r.top - i < n.top && (e.scrollTop = Math.max(t.offsetTop - i, 0));
+};
+function A(e) {
+	let t = [], n = e.parentNode;
+	for (; n && n.nodeName !== "BODY" && n.nodeType === document.ELEMENT_NODE;) j(n) && t.push(n), n = n.parentNode;
+	return t.push(window), t;
+}
+function j(e) {
+	if (!e) return !1;
+	let { overflow: t, overflowX: n, overflowY: r } = getComputedStyle(e);
+	return /(auto|scroll|overlay)/.test(t + r + n);
+}
+function M(e, t) {
+	let n = A(e);
+	return window.addEventListener("resize", t, { passive: !0 }), n.forEach((e) => {
+		e.addEventListener("scroll", t, { passive: !0 });
+	}), function() {
+		window.removeEventListener("resize", t), n.forEach((e) => {
+			e.removeEventListener("scroll", t);
+		});
+	};
+}
+var oe = (e) => Number.isNaN(e), N = () => ({});
+function P(e) {
+	return typeof e != "object" || !e ? !1 : Object.getPrototypeOf(e) === Object.prototype;
+}
+function se(e, t, n) {
+	P(n) ? (e[t] || (e[t] = {}), F(e[t], n)) : e[t] = n;
+}
+function F(e, t) {
+	if (P(t)) {
+		let n = Object.keys(t);
+		for (let r = 0, i = n.length; r < i; r++) se(e, n[r], t[n[r]]);
+	}
+	return e;
+}
+function ce(e, t, n) {
+	for (let r = 0, i = e.length; r < i; r++) if (t.call(n, e[r], r, e)) return e[r];
+}
+function le(e, t) {
+	let n = e.indexOf(t);
+	n !== -1 && e.splice(n, 1);
+}
+function ue(e, t) {
+	return e.indexOf(t) !== -1;
+}
+function de(e, t) {
+	if (e.length !== t.length) return !0;
+	for (let n = 0; n < e.length; n++) if (e[n] !== t[n]) return !0;
+	return !1;
+}
+function fe(e, t) {
+	let n = t.length, r = e.length;
+	if (r > n) return !1;
+	if (r === n) return e === t;
+	outer: for (let i = 0, a = 0; i < r; i++) {
+		let r = e.charCodeAt(i);
+		for (; a < n;) if (t.charCodeAt(a++) === r) continue outer;
+		return !1;
+	}
+	return !0;
+}
+var I, L = [], R = 100;
+function z() {
+	I = window.setInterval(() => {
+		L.forEach(me);
+	}, R);
+}
+function pe() {
+	I && clearInterval(I), I = null;
+}
+function me(e) {
+	let { $el: t, listener: n, lastWidth: r, lastHeight: i } = e, a = t.offsetWidth, o = t.offsetHeight;
+	(r !== a || i !== o) && (e.lastWidth = a, e.lastHeight = o, n({
+		width: a,
+		height: o
+	}));
+}
+function he(e, t) {
+	let n = {
+		$el: e,
+		listener: t,
+		lastWidth: null,
+		lastHeight: null
+	};
+	return L.push(n), me(n), z(), () => {
+		le(L, n), L.length || pe();
+	};
+}
+function ge(e, t) {
+	let n = document.createElement("_"), r = n.appendChild(document.createElement("_")), i = n.appendChild(document.createElement("_")), a = r.appendChild(document.createElement("_")), o, s;
+	return r.style.cssText = n.style.cssText = "height:100%;left:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transition:0s;width:100%;z-index:-1", a.style.cssText = i.style.cssText = "display:block;height:100%;transition:0s;width:100%", a.style.width = a.style.height = "200%", e.appendChild(n), c(), u;
+	function c() {
+		l();
+		let a = e.offsetWidth, u = e.offsetHeight;
+		(a !== o || u !== s) && (o = a, s = u, i.style.width = `${a * 2}px`, i.style.height = `${u * 2}px`, n.scrollLeft = n.scrollWidth, n.scrollTop = n.scrollHeight, r.scrollLeft = r.scrollWidth, r.scrollTop = r.scrollHeight, t({
+			width: a,
+			height: u
+		})), r.addEventListener("scroll", c), n.addEventListener("scroll", c);
+	}
+	function l() {
+		r.removeEventListener("scroll", c), n.removeEventListener("scroll", c);
+	}
+	function u() {
+		l(), e.removeChild(n);
+	}
+}
+function _e(e, t) {
+	let n = document.documentMode === 9, r = !0, i = (n ? he : ge)(e, (...e) => r || t(...e));
+	return r = !1, i;
+}
+//#endregion
+//#region src/components/tree-select/constants.ts
+var ve = "ALL_CHILDREN", ye = "ALL_DESCENDANTS", be = "LEAF_CHILDREN", xe = "LEAF_DESCENDANTS", Se = "LOAD_ROOT_OPTIONS", Ce = "LOAD_CHILDREN_OPTIONS", we = "ASYNC_SEARCH", B = {
+	BACKSPACE: 8,
+	ENTER: 13,
+	ESCAPE: 27,
+	END: 35,
+	HOME: 36,
+	ARROW_LEFT: 37,
+	ARROW_UP: 38,
+	ARROW_RIGHT: 39,
+	ARROW_DOWN: 40,
+	DELETE: 46
+}, Te = process.env.NODE_ENV === "development" ? 10 : /* istanbul ignore next */ 200, V = Symbol("vueTreeSelect");
+//#endregion
+//#region src/components/tree-select/components/VueTreeSelectHiddenFields.vue?vue&type=script&lang.jsx
+function Ee(e) {
+	// istanbul ignore next
+	return typeof e == "string" ? e : 
+	// istanbul ignore else
+e != null && !oe(e) ? JSON.stringify(e) : "";
+}
+//#endregion
+//#region src/components/tree-select/components/VueTreeSelectHiddenFields.vue
+var De = {
+	name: "VueTreeSelectHiddenFields",
+	setup() {
+		let e = d(V);
+		return () => {
+			if (!e.name || e.disabled || !e.hasValue) return null;
+			let t = e.internalValue.map(Ee);
+			return e.multiple && e.joinValues && (t = [t.join(e.delimiter)]), t.map((t, n) => u("input", {
+				type: "hidden",
+				name: e.name,
+				value: t,
+				key: `hidden-field-${n}`
+			}, null));
+		};
+	}
+}, Oe = [
+	B.ENTER,
+	B.END,
+	B.HOME,
+	B.ARROW_LEFT,
+	B.ARROW_UP,
+	B.ARROW_RIGHT,
+	B.ARROW_DOWN
+], H = {
+	name: "VueTreeSelectInput",
+	setup(e, { expose: t }) {
+		let n = d(V), r = S(""), i = S(5), o = w("sizer"), s = w("input"), c = () => {
+			n.trigger.searchQuery = r.value;
+		}, l = D(c, Te, {
+			leading: !0,
+			trailing: !0
+		}), f = a(() => n.searchable && !n.disabled && n.multiple), h = a(() => ({ width: f.value ? `${i.value}px` : null })), g = () => {
+			if (!n.disabled) {
+				var e;
+				(e = s.value) == null || e.focus();
+			}
+		}, _ = () => {
+			var e;
+			(e = s.value) == null || e.blur();
+		}, v = () => {
+			// istanbul ignore else
+			n.trigger.isFocused = !0, n.openOnFocus && n.openMenu();
+		}, y = () => {
+			let e = n.getMenu();
+			// istanbul ignore next
+			if (e && document.activeElement === e) return g();
+			n.trigger.isFocused = !1, n.closeMenu();
+		}, b = (e) => {
+			let { value: t } = e.target;
+			r.value = t, t ? l() : (l.cancel(), c());
+		}, x = () => {
+			b({ target: { value: "" } });
+		}, C = (e) => {
+			let t = "which" in e ? e.which : 			/* istanbul ignore next */ e.keyCode;
+			if (!(e.ctrlKey || e.shiftKey || e.altKey || e.metaKey)) {
+				if (!n.menu.isOpen && ue(Oe, t)) return e.preventDefault(), n.openMenu();
+				switch (t) {
+					case B.BACKSPACE:
+						n.backspaceRemoves && !r.value.length && n.removeLastValue();
+						break;
+					case B.ENTER: {
+						if (e.preventDefault(), n.menu.current === null) return;
+						let t = n.getNode(n.menu.current);
+						if (t.isBranch && n.disableBranchNodes) return;
+						n.select(t);
+						break;
+					}
+					case B.ESCAPE:
+						r.value.length ? x() : n.menu.isOpen && n.closeMenu();
+						break;
+					case B.END:
+						e.preventDefault(), n.highlightLastOption();
+						break;
+					case B.HOME:
+						e.preventDefault(), n.highlightFirstOption();
+						break;
+					case B.ARROW_LEFT: {
+						let t = n.getNode(n.menu.current);
+						t.isBranch && n.shouldExpand(t) ? (e.preventDefault(), n.toggleExpanded(t)) : !t.isRootNode && (t.isLeaf || t.isBranch && !n.shouldExpand(t)) && (e.preventDefault(), n.setCurrentHighlightedOption(t.parentNode));
+						break;
+					}
+					case B.ARROW_UP:
+						e.preventDefault(), n.highlightPrevOption();
+						break;
+					case B.ARROW_RIGHT: {
+						let t = n.getNode(n.menu.current);
+						t.isBranch && !n.shouldExpand(t) && (e.preventDefault(), n.toggleExpanded(t));
+						break;
+					}
+					case B.ARROW_DOWN:
+						e.preventDefault(), n.highlightNextOption();
+						break;
+					case B.DELETE:
+						n.deleteRemoves && !r.value.length && n.removeLastValue();
+						break;
+					default:
+ // istanbul ignore else
+					n.openMenu();
+				}
+			}
+		}, ee = (e) => {
+			// istanbul ignore next
+			r.value.length && e.stopPropagation();
+		}, te = () => u("input", {
+			ref: "input",
+			class: "vue-treeselect__input",
+			type: "text",
+			autocomplete: "off",
+			tabIndex: n.tabIndex,
+			required: n.required && !n.hasValue,
+			value: r.value,
+			style: h.value,
+			onFocus: v,
+			onInput: b,
+			onBlur: y,
+			onKeydown: C,
+			onMousedown: ee
+		}, null), E = () => u("div", {
+			ref: "sizer",
+			class: "vue-treeselect__sizer"
+		}, [r.value]), ne = () => {
+			var e;
+			i.value = Math.max(5, ((e = o.value) == null ? void 0 : e.scrollWidth) + 15);
+		};
+		return T(() => n.trigger.searchQuery, (e) => {
+			r.value = e;
+		}), T(r, () => {
+			// istanbul ignore else
+			f.value && m(ne);
+		}), t({
+			blur: _,
+			focus: g
+		}), () => {
+			let e = {}, t = [];
+			return n.searchable && !n.disabled && (t.push(te()), f.value && t.push(E())), n.searchable || F(e, {
+				on: {
+					focus: v,
+					blur: y,
+					keydown: C
+				},
+				ref: "input"
+			}), !n.searchable && !n.disabled && F(e, { attrs: { tabIndex: n.tabIndex } }), u("div", p({ class: "vue-treeselect__input-container" }, e), [t]);
+		};
+	}
+}, U = {
+	name: "VueTreeSelectPlaceholder",
+	setup() {
+		let e = d(V);
+		return () => u("div", { class: {
+			"vue-treeselect__placeholder": !0,
+			"vue-treeselect-helper-zoom-effect-off": !0,
+			"vue-treeselect-helper-hide": e.hasValue || e.trigger.searchQuery
+		} }, [e.placeholder]);
+	}
+}, ke = {
+	name: "VueTreeSelectSingleValue",
+	setup(e, { expose: n }) {
+		let r = d(V);
+		return n({ input: w("input") }), () => {
+			let e = r.selectedNodes[0];
+			return u(t, null, [
+				r.hasValue && !r.trigger.searchQuery ? u("div", { class: "vue-treeselect__single-value" }, [r.$slots["value-label"] ? r.$slots["value-label"]({ node: e }) : e.label]) : null,
+				u(U, null, null),
+				u(H, { ref: "input" }, null)
+			]);
+		};
+	}
+}, W = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 348.333 348.333"
+}, Ae = /* @__PURE__ */ Object.assign({ name: "VueTreeSelectDelete" }, {
+	__name: "VueTreeSelectDelete",
+	setup(e) {
+		return (e, t) => (y(), s("svg", W, [...t[0] || (t[0] = [c("path", { d: "M336.559 68.611L231.016 174.165l105.543 105.549c15.699 15.705 15.699 41.145 0 56.85-7.844 7.844-18.128 11.769-28.407 11.769-10.296 0-20.581-3.919-28.419-11.769L174.167 231.003 68.609 336.563c-7.843 7.844-18.128 11.769-28.416 11.769-10.285 0-20.563-3.919-28.413-11.769-15.699-15.698-15.699-41.139 0-56.85l105.54-105.549L11.774 68.611c-15.699-15.699-15.699-41.145 0-56.844 15.696-15.687 41.127-15.687 56.829 0l105.563 105.554L279.721 11.767c15.705-15.687 41.139-15.687 56.832 0 15.705 15.699 15.705 41.145.006 56.844z" }, null, -1)])]));
+	}
+}), je = {
+	name: "VueTreeSelectMultiValueItem",
+	props: { node: {
+		type: Object,
+		required: !0
+	} },
+	setup(e) {
+		let t = d(V), n = k(() => {
+			t.select(e.node);
+		});
+		return () => u("div", { class: "vue-treeselect__multi-value-item-container" }, [u("div", {
+			class: {
+				"vue-treeselect__multi-value-item": !0,
+				"vue-treeselect__multi-value-item-disabled": e.node.isDisabled,
+				"vue-treeselect__multi-value-item-new": e.node.isNew
+			},
+			onMousedown: n
+		}, [u("span", { class: "vue-treeselect__multi-value-label" }, [t.$slots["value-label"] ? t.$slots["value-label"]({ node: e.node }) : e.node.label]), u("span", { class: "vue-treeselect__icon vue-treeselect__value-remove" }, [u(Ae, null, null)])])]);
+	}
+}, Me = {
+	name: "VueTreeSelectMultiValue",
+	setup(e, { expose: t }) {
+		let n = d(V), r = { props: {
+			tag: "div",
+			name: "vue-treeselect__multi-value-item--transition",
+			appear: !0
+		} }, a = () => n.internalValue.slice(0, n.limit).map(n.getNode).map((e) => u(je, {
+			key: `multi-value-item-${e.id}`,
+			node: e
+		}, null)), o = () => {
+			let e = n.internalValue.length - n.limit;
+			return e <= 0 ? null : u("div", {
+				class: "vue-treeselect__limit-tip vue-treeselect-helper-zoom-effect-off",
+				key: "exceed-limit-tip"
+			}, [u("span", { class: "vue-treeselect__limit-tip-text" }, [n.limitText(e)])]);
+		};
+		return t({ input: w("input") }), () => u(i, p({ class: "vue-treeselect__multi-value" }, r), { default: () => [
+			a(),
+			o(),
+			u(U, { key: "placeholder" }, null),
+			u(H, {
+				ref: "input",
+				key: "input"
+			}, null)
+		] });
+	}
+}, Ne = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 292.362 292.362"
+}, Pe = /* @__PURE__ */ Object.assign({ name: "VueTreeSelectArrow" }, {
+	__name: "VueTreeSelectArrow",
+	setup(e) {
+		return (e, t) => (y(), s("svg", Ne, [...t[0] || (t[0] = [c("path", { d: "M286.935 69.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952 0-9.233 1.807-12.85 5.424C1.807 72.998 0 77.279 0 82.228c0 4.948 1.807 9.229 5.424 12.847l127.907 127.907c3.621 3.617 7.902 5.428 12.85 5.428s9.233-1.811 12.847-5.428L286.935 95.074c3.613-3.617 5.427-7.898 5.427-12.847 0-4.948-1.814-9.229-5.427-12.85z" }, null, -1)])]));
+	}
+}), Fe = {
+	name: "VueTreeSelectControl",
+	setup(e, { expose: t }) {
+		let n = d(V), r = a(() => n.hasValue && n.internalValue.some((e) => !n.getNode(e).isDisabled)), i = a(() => n.clearable && !n.disabled && n.hasValue && (r.value || n.allowClearingDisabled)), o = a(() => n.alwaysOpen ? !n.menu.isOpen : !0), s = k((e) => {
+			e.preventDefault(), e.stopPropagation(), n.focusInput(), n.toggleMenu();
+		}), c = () => {
+			let e = n.multiple ? n.clearAllText : n.clearValueText;
+			return i.value ? u("div", {
+				class: "vue-treeselect__x-container",
+				title: e,
+				onMousedown: f
+			}, [u(Ae, { class: "vue-treeselect__x" }, null)]) : null;
+		}, l = () => {
+			let e = {
+				"vue-treeselect__control-arrow": !0,
+				"vue-treeselect__control-arrow--rotated": n.menu.isOpen
+			};
+			return o.value ? u("div", {
+				class: "vue-treeselect__control-arrow-container",
+				onMousedown: s
+			}, [u(Pe, { class: e }, null)]) : null;
+		}, f = k((e) => {
+			e.stopPropagation(), e.preventDefault();
+			let t = n.beforeClearAll(), r = (e) => {
+				e && n.clear();
+			};
+			E(t) ? t.then(r) : setTimeout(() => r(t), 0);
+		});
+		return t({
+			container: w("container"),
+			valueContainer: w("value-container")
+		}), () => {
+			let e = n.single ? ke : Me;
+			return u("div", {
+				class: "vue-treeselect__control",
+				onMousedown: n.handleMouseDown
+			}, [
+				u("div", {
+					class: "vue-treeselect__value-container",
+					ref: "container"
+				}, [u(e, { ref: "value-container" }, null)]),
+				c(),
+				l()
+			]);
+		};
+	}
+};
+//#endregion
+//#region src/components/tree-select/components/VueTreeSelectTip.jsx
+function G(e, { slots: t }) {
+	var n;
+	return u("div", { class: `vue-treeselect__tip vue-treeselect__${e.type}-tip` }, [u("div", { class: "vue-treeselect__icon-container" }, [u("span", { class: `vue-treeselect__icon-${e.icon}` }, null)]), u("span", { class: `vue-treeselect__tip-text vue-treeselect__${e.type}-tip-text` }, [(n = t.default) == null ? void 0 : n.call(t)])]);
+}
+G.props = {
+	type: {
+		type: String,
+		required: !0
+	},
+	icon: {
+		type: String,
+		required: !0
+	}
+}, G.inheritAttrs = !1;
+//#endregion
+//#region src/components/tree-select/components/VueTreeSelectOption.vue?vue&type=script&lang.jsx
+function K(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !f(e);
+}
+var q, J, Y, X = {
+	name: "VueTreeSelectOption",
+	props: { node: {
+		type: Object,
+		required: !0
+	} },
+	setup(e) {
+		let t = d(V), n = a(() => e.node.isBranch && t.shouldExpand(e.node)), i = a(() => t.shouldShowOptionInMenu(e.node)), o = () => u("div", {
+			class: {
+				"vue-treeselect__option": !0,
+				"vue-treeselect__option--disabled": e.node.isDisabled,
+				"vue-treeselect__option--selected": t.isSelected(e.node),
+				"vue-treeselect__option--highlight": e.node.isHighlighted,
+				"vue-treeselect__option--matched": t.localSearch.active && e.node.isMatched,
+				"vue-treeselect__option--hide": !i.value
+			},
+			onMouseenter: b,
+			"data-id": e.node.id
+		}, [c(), f([p([m()]), h()])]), s = () => n.value ? u("div", { class: "vue-treeselect__list" }, [
+			g(),
+			_(),
+			v(),
+			y()
+		]) : null, c = () => {
+			if (t.shouldFlattenOptions && i.value) return null;
+			if (e.node.isBranch) {
+				let e = { props: {
+					name: "vue-treeselect__option-arrow--prepare",
+					appear: !0
+				} }, t = {
+					"vue-treeselect__option-arrow": !0,
+					"vue-treeselect__option-arrow--rotated": n.value
+				};
+				return u("div", {
+					class: "vue-treeselect__option-arrow-container",
+					onMousedown: x
+				}, [u(r, e, { default: () => [u(Pe, { class: t }, null)] })]);
+			}
+			return t.hasBranchNodes ? (q || (q = u("div", { class: "vue-treeselect__option-arrow-placeholder" }, [l("\xA0")])), q) : null;
+		}, f = (e) => u("div", {
+			class: "vue-treeselect__label-container",
+			onMousedown: S
+		}, [e]), p = (n) => t.single || t.disableBranchNodes && e.node.isBranch ? null : u("div", { class: "vue-treeselect__checkbox-container" }, [n]), m = () => {
+			let n = t.forest.checkedStateMap[e.node.id], r = {
+				"vue-treeselect__checkbox": !0,
+				"vue-treeselect__checkbox--checked": n === 2,
+				"vue-treeselect__checkbox--indeterminate": n === 1,
+				"vue-treeselect__checkbox--unchecked": n === 0,
+				"vue-treeselect__checkbox--disabled": e.node.isDisabled
+			};
+			return J || (J = u("span", { class: "vue-treeselect__check-mark" }, null)), Y || (Y = u("span", { class: "vue-treeselect__minus-mark" }, null)), u("span", { class: r }, [J, Y]);
+		}, h = () => {
+			let n = e.node.isBranch && (t.localSearch.active ? t.showCountOnSearchComputed : t.showCount), r = n ? t.localSearch.active ? t.localSearch.countMap[e.node.id][t.showCountOf] : e.node.count[t.showCountOf] : NaN, i = "vue-treeselect__label", a = "vue-treeselect__count", o = t.$slots["option-label"];
+			return o ? o({
+				node: e.node,
+				shouldShowCount: n,
+				count: r,
+				labelClassName: i,
+				countClassName: a
+			}) : u("label", { class: i }, [e.node.label, n && u("span", { class: a }, [
+				l("("),
+				r,
+				l(")")
+			])]);
+		}, g = () => e.node.childrenStates.isLoaded ? e.node.children.map((e) => u(X, {
+			node: e,
+			key: e.id
+		}, null)) : null, _ = () => !e.node.childrenStates.isLoaded || e.node.children.length ? null : u(G, {
+			type: "no-children",
+			icon: "warning"
+		}, { default: () => [t.noChildrenText] }), v = () => e.node.childrenStates.isLoading ? u(G, {
+			type: "loading",
+			icon: "loader"
+		}, { default: () => [t.loadingText] }) : null, y = () => e.node.childrenStates.loadingError ? u(G, {
+			type: "error",
+			icon: "error"
+		}, { default: () => [e.node.childrenStates.loadingError, u("a", {
+			class: "vue-treeselect__retry",
+			title: t.retryTitle,
+			onMousedown: C
+		}, [t.retryText])] }) : null, b = (n) => {
+			n.target === n.currentTarget && t.setCurrentHighlightedOption(e.node, !1);
+		}, x = k(() => {
+			t.toggleExpanded(e.node);
+		}), S = k(() => {
+			e.node.isBranch && t.disableBranchNodes ? t.toggleExpanded(e.node) : t.select(e.node);
+		}), C = k(() => {
+			t.loadChildrenOptions(e.node);
+		});
+		return () => {
+			let n;
+			return u("div", { class: {
+				"vue-treeselect__list-item": !0,
+				[`vue-treeselect__indent-level-${t.shouldFlattenOptions ? 0 : e.node.level}`]: !0
+			} }, [o(), e.node.isBranch && u(r, { name: "vue-treeselect__list--transition" }, K(n = s()) ? n : { default: () => [n] })]);
+		};
+	}
+};
+//#endregion
+//#region src/components/tree-select/components/VueTreeSelectMenu.vue?vue&type=script&lang.jsx
+function Ie(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !f(e);
+}
+var Le = {
+	top: "top",
+	bottom: "bottom",
+	above: "top",
+	below: "bottom"
+}, Re = {
+	name: "VueTreeSelectMenu",
+	setup() {
+		let e = d(V), t = null, n = null, i = a(() => ({ maxHeight: `${e.maxHeight}px` })), o = a(() => ({ zIndex: e.appendToBody ? null : e.zIndex })), s = () => e.menu.isOpen ? u("div", {
+			ref: "menu",
+			class: "vue-treeselect__menu",
+			onMousedown: e.handleMouseDown,
+			style: i.value
+		}, [
+			c(),
+			e.async ? h() : e.localSearch.active ? p() : f(),
+			l()
+		]) : null, c = () => {
+			let t = e.$slots["before-list"];
+			return t ? t() : null;
+		}, l = () => {
+			let t = e.$slots["after-list"];
+			return t ? t() : null;
+		}, f = () => e.rootOptionsStates.isLoading ? b() : e.rootOptionsStates.loadingError ? x() : e.rootOptionsStates.isLoaded && e.forest.normalizedOptions.length === 0 ? C() : g(), p = () => e.rootOptionsStates.isLoading ? b() : e.rootOptionsStates.loadingError ? x() : e.rootOptionsStates.isLoaded && e.forest.normalizedOptions.length === 0 ? C() : e.localSearch.noResults ? ee() : g(), h = () => {
+			let t = e.getRemoteSearchEntry(), n = e.trigger.searchQuery === "" && !e.defaultOptions, r = n ? !1 : t.isLoaded && t.options.length === 0;
+			return n ? y() : t.isLoading ? b() : t.loadingError ? S() : r ? ee() : g();
+		}, g = () => u("div", { class: "vue-treeselect__list" }, [e.forest.normalizedOptions.map((e) => u(X, {
+			node: e,
+			key: e.id
+		}, null))]), y = () => u(G, {
+			type: "search-prompt",
+			icon: "warning"
+		}, { default: () => [e.searchPromptText] }), b = () => u(G, {
+			type: "loading",
+			icon: "loader"
+		}, { default: () => [e.loadingText] }), x = () => u(G, {
+			type: "error",
+			icon: "error"
+		}, { default: () => [e.rootOptionsStates.loadingError, u("a", {
+			class: "vue-treeselect__retry",
+			onClick: e.loadRootOptions,
+			title: e.retryTitle
+		}, [e.retryText])] }), S = () => {
+			let t = e.getRemoteSearchEntry();
+			return u(G, {
+				type: "error",
+				icon: "error"
+			}, { default: () => [t.loadingError, u("a", {
+				class: "vue-treeselect__retry",
+				onClick: e.handleRemoteSearch,
+				title: e.retryTitle
+			}, [e.retryText])] });
+		}, C = () => u(G, {
+			type: "no-options",
+			icon: "warning"
+		}, { default: () => [e.noOptionsText] }), ee = () => u(G, {
+			type: "no-results",
+			icon: "warning"
+		}, { default: () => [e.noResultsText] }), te = () => {
+			E(), D(), ne();
+		}, w = () => {
+			re(), ie();
+		}, E = () => {
+			if (!e.menu.isOpen) return;
+			let t = e.getMenu(), n = e.getControl(), r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = r.height, o = window.innerHeight, s = i.top, c = window.innerHeight - i.bottom, l = i.top >= 0 && i.top <= o || i.top < 0 && i.bottom > 0, u = c > a + 40, d = s > a + 40;
+			l ? e.openDirection === "auto" ? u || !d ? e.menu.placement = "bottom" : e.menu.placement = "top" : e.menu.placement = Le[e.openDirection] : e.closeMenu();
+		}, D = () => {
+			let n = e.getMenu();
+			t || (t = { remove: _e(n, E) });
+		}, ne = () => {
+			let t = e.getControl();
+			n || (n = { remove: M(t, E) });
+		}, re = () => {
+			t && (t.remove(), t = null);
+		}, ie = () => {
+			n && (n.remove(), n = null);
+		};
+		return T(() => e.menu.isOpen, (e) => {
+			e ? m(te) : w();
+		}), _(() => {
+			e.menu.isOpen && m(te);
+		}), v(() => {
+			w();
+		}), () => {
+			let e;
+			return u("div", {
+				ref: "menu-container",
+				class: "vue-treeselect__menu-container",
+				style: o.value
+			}, [u(r, { name: "vue-treeselect__menu--transition" }, Ie(e = s()) ? e : { default: () => [e] })]);
+		};
+	}
+}, ze = {
+	name: "VueTreeSelectPortalTarget",
+	setup() {
+		let e = d(V), t = w("el"), n = w("menu"), r = null, i = null, a = () => {
+			let r = e.getControl().getBoundingClientRect(), i = t.value.getBoundingClientRect(), a = e.menu.placement === "bottom" ? r.height : 0, o = `${Math.round(r.left - i.left)}px`, s = `${Math.round(r.top - i.top + a)}px`, c = n.value.$refs["menu-container"].style, l = ce([
+				"transform",
+				"webkitTransform",
+				"MozTransform",
+				"msTransform"
+			], (e) => e in document.body.style);
+			c[l] = `translate(${o}, ${s})`;
+		}, o = () => {
+			let t = e.getControl();
+			r || (r = { remove: M(t, a) });
+		}, s = () => {
+			let n = e.getControl().getBoundingClientRect();
+			t.value.style.width = `${n.width}px`;
+		}, c = () => {
+			let t = e.getControl();
+			i || (i = { remove: _e(t, () => {
+				s(), a();
+			}) });
+		}, l = () => {
+			r && (r.remove(), r = null);
+		}, f = () => {
+			i && (i.remove(), i = null);
+		}, p = () => {
+			l(), f();
+		}, m = () => {
+			s(), a(), o(), c();
+		};
+		return T(() => e.menu.isOpen, (e) => {
+			e ? m() : p();
+		}), T(() => e.menu.placement, () => {
+			a();
+		}), _(() => {
+			e.menu.isOpen && m();
+		}), g(() => {
+			p();
+		}), () => u("div", {
+			ref: "el",
+			class: ["vue-treeselect__portal-target", e.wrapperClass],
+			style: { zIndex: e.zIndex },
+			"data-instance-id": e.getInstanceId()
+		}, [u(Re, { ref: "menu" }, null)]);
+	}
+}, Be = {
+	name: "VueTreeSelectMenuPortal",
+	setup(e, { expose: t }) {
+		return t({ portalTarget: w("portalTarget") }), () => u(n, { to: "body" }, { default: () => [u(ze, { ref: "portalTarget" }, null)] });
+	}
+}, Ve = {
+	__name: "VueTreeSelect",
+	props: {
+		...e,
+		disabled: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"search-change",
+		"close",
+		"open",
+		"deselect",
+		"select"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = te(), c = (e, t) => {
+			let n = 0;
+			do {
+				if (e.level < n) return -1;
+				if (t.level < n) return 1;
+				if (e.index[n] !== t.index[n]) return e.index[n] - t.index[n];
+				n++;
+			} while (!0);
+		}, l = (e, t) => e.level === t.level ? c(e, t) : e.level - t.level, d = () => ({
+			isLoaded: !1,
+			isLoading: !1,
+			loadingError: ""
+		}), f = (e) => typeof e == "string" ? e : typeof e == "number" && !oe(e) ? `${e}` : "", p = (e, t, n) => e ? fe(t, n) : ue(n, t), v = (e) => e.message || String(e), w = x({
+			isFocused: !1,
+			searchQuery: ""
+		}), D = x({
+			isOpen: !1,
+			current: null,
+			lastScrollPosition: 0,
+			placement: "bottom"
+		}), re = () => n.modelValue == null ? [] : n.valueFormat === "id" ? n.multiple ? n.modelValue.slice() : [n.modelValue] : (n.multiple ? n.modelValue : [n.modelValue]).map((e) => lt(e)).map((e) => e.id), A = x({
+			normalizedOptions: [],
+			nodeMap: N(),
+			checkedStateMap: N(),
+			selectedNodeIds: re(),
+			selectedNodeMap: N()
+		}), j = x(d()), M = x({
+			active: !1,
+			noResults: !0,
+			countMap: N()
+		}), P = x(N()), se = a(() => A.selectedNodeIds.map(W)), F = a(() => {
+			let e;
+			if (L.value || n.flat || n.disableBranchNodes || n.valueConsistsOf === "ALL") e = A.selectedNodeIds.slice();
+			else if (n.valueConsistsOf === "BRANCH_PRIORITY") e = A.selectedNodeIds.filter((e) => {
+				let t = W(e);
+				return t.isRootNode ? !0 : !G(t.parentNode);
+			});
+			else if (n.valueConsistsOf === "LEAF_PRIORITY") e = A.selectedNodeIds.filter((e) => {
+				let t = W(e);
+				return t.isLeaf ? !0 : t.children.length === 0;
+			});
+			else if (n.valueConsistsOf === "ALL_WITH_INDETERMINATE") {
+				let t = [];
+				e = A.selectedNodeIds.slice(), se.value.forEach((n) => {
+					n.ancestors.forEach((n) => {
+						ue(t, n.id) || ue(e, n.id) || t.push(n.id);
+					});
+				}), e.push(...t);
+			}
+			return n.sortValueBy === "LEVEL" ? e.sort((e, t) => l(W(e), W(t))) : n.sortValueBy === "INDEX" && e.sort((e, t) => c(W(e), W(t))), e;
+		}), I = a(() => F.value.length > 0), L = a(() => !n.multiple), R = a(() => {
+			let e = [];
+			return Y((t) => {
+				if ((!M.active || Je(t)) && e.push(t.id), t.isBranch && !qe(t)) return !1;
+			}), e;
+		}), z = a(() => R.value.length !== 0), pe = a(() => typeof n.showCountOnSearch == "boolean" ? n.showCountOnSearch : n.showCount), me = a(() => A.normalizedOptions.some((e) => e.isBranch)), he = a(() => M.active && n.flattenSearchResults), ge = a(() => ({
+			"vue-treeselect": !0,
+			"vue-treeselect--single": L.value,
+			"vue-treeselect--multi": n.multiple,
+			"vue-treeselect--searchable": n.searchable,
+			"vue-treeselect--disabled": n.disabled,
+			"vue-treeselect--focused": w.isFocused,
+			"vue-treeselect--has-value": I.value,
+			"vue-treeselect--open": D.isOpen,
+			"vue-treeselect--open-above": D.placement === "top",
+			"vue-treeselect--open-below": D.placement === "bottom",
+			"vue-treeselect--branch-nodes-disabled": n.disableBranchNodes,
+			"vue-treeselect--append-to-body": n.appendToBody
+		})), _e = S(!1), B = S(null), Te = S(null), Ee = S(null), Oe = S(null), H = () => {
+			let e = n.async ? Ke().options : n.options;
+			if (Array.isArray(e)) {
+				let t = A.nodeMap;
+				A.nodeMap = N(), Pe(t), A.normalizedOptions = ut(null, e, t), Ct(F.value);
+			} else A.normalizedOptions = [];
+		}, U = () => n.instanceId == null ? n.id : n.instanceId, ke = () => {
+			if (n.valueFormat === "id") return n.multiple ? F.value.slice() : F.value[0];
+			let e = F.value.map((e) => W(e).raw);
+			return n.multiple ? e : e[0];
+		}, W = (e) => (O(() => e != null, () => `Invalid node id: ${e}`), e == null ? null : e in A.nodeMap ? A.nodeMap[e] : Ae(e)), Ae = (e) => {
+			let t = je(e), n = {
+				id: e,
+				label: lt(t).label || `${e} (unknown)`,
+				ancestors: [],
+				parentNode: null,
+				isFallbackNode: !0,
+				isRootNode: !0,
+				isLeaf: !0,
+				isBranch: !1,
+				isDisabled: !1,
+				isNew: !1,
+				index: [-1],
+				level: 0,
+				raw: t
+			};
+			return A.nodeMap[e] = n;
+		}, je = (e) => {
+			let t = { id: e };
+			return n.valueFormat === "id" ? t : ce(n.multiple ? Array.isArray(n.modelValue) ? n.modelValue : [] : n.modelValue ? [n.modelValue] : [], (t) => t && lt(t).id === e) || t;
+		}, Me = () => {
+			O(() => n.async ? n.searchable : !0, () => "For async search mode, the value of \"searchable\" prop must be true."), n.options == null && !n.loadOptions && O(() => !1, () => "Are you meant to dynamically load options? You need to use \"loadOptions\" prop."), n.flat && O(() => n.multiple, () => "You are using flat mode. But you forgot to add \"multiple=true\"?"), n.flat || [
+				"autoSelectAncestors",
+				"autoSelectDescendants",
+				"autoDeselectAncestors",
+				"autoDeselectDescendants"
+			].forEach((e) => {
+				O(() => !n[e], () => `"${e}" only applies to flat mode.`);
+			});
+		}, Ne = () => {
+			_e.value = !1;
+		}, Pe = (e) => {
+			A.selectedNodeIds.forEach((t) => {
+				if (!e[t]) return;
+				let n = {
+					...e[t],
+					isFallbackNode: !0
+				};
+				A.nodeMap[t] = n;
+			});
+		}, G = (e) => A.selectedNodeMap[e.id] === !0, K = (e, t) => {
+			if (!e.isBranch) return;
+			let n = e.children.slice();
+			for (; n.length;) {
+				let e = n[0];
+				e.isBranch && n.push(...e.children), t(e), n.shift();
+			}
+		}, q = (e, t) => {
+			e.isBranch && e.children.forEach((e) => {
+				q(e, t), t(e);
+			});
+		}, J = (e) => {
+			A.normalizedOptions.forEach((t) => {
+				q(t, e), e(t);
+			});
+		}, Y = (e) => {
+			let t = (n) => {
+				n.children.forEach((n) => {
+					e(n) !== !1 && n.isBranch && t(n);
+				});
+			};
+			t({ children: A.normalizedOptions });
+		}, X = (e) => {
+			e ? document.addEventListener("mousedown", Ue, !1) : document.removeEventListener("mousedown", Ue, !1);
+		}, Ie = () => {
+			var e;
+			return (e = Te.value) == null ? void 0 : e.container;
+		}, Le = () => {
+			var e;
+			return (e = Te.value) == null || (e = e.valueContainer) == null ? void 0 : e.input;
+		}, ze = () => {
+			var e;
+			(e = Le()) == null || e.focus();
+		}, Ve = () => {
+			var e;
+			(e = Le()) == null || e.blur();
+		}, He = k((e) => {
+			var t;
+			e.preventDefault(), e.stopPropagation(), !n.disabled && ((t = Ie()) != null && t.contains(e.target) && !D.isOpen && (n.openOnClick || w.isFocused) && at(), _e.value ? Ve() : ze(), Ne());
+		}), Ue = (e) => {
+			B.value && !B.value.contains(e.target) && (Ve(), Z());
+		}, We = () => {
+			let { searchQuery: e } = w, t = () => $e(!0);
+			if (!e) return M.active = !1, t();
+			M.active = !0, M.noResults = !0, J((e) => {
+				e.isBranch && (e.isExpandedOnSearch = !1, e.showAllChildrenOnSearch = !1, e.isMatched = !1, e.hasMatchedDescendants = !1, M.countMap[e.id] = {
+					[ve]: 0,
+					[ye]: 0,
+					[be]: 0,
+					[xe]: 0
+				});
+			});
+			let r = e.trim().toLocaleLowerCase(), i = r.replace(/\s+/g, " ").split(" ");
+			J((e) => {
+				n.searchNested && i.length > 1 ? e.isMatched = i.every((t) => p(!1, t, e.nestedSearchLabel)) : e.isMatched = n.matchKeys.some((t) => p(!n.disableFuzzyMatching, r, e.lowerCased[t])), e.isMatched && (M.noResults = !1, e.ancestors.forEach((e) => M.countMap[e.id][ye]++), e.isLeaf && e.ancestors.forEach((e) => M.countMap[e.id][xe]++), e.parentNode !== null && (M.countMap[e.parentNode.id][ve] += 1, e.isLeaf && (M.countMap[e.parentNode.id][be] += 1))), (e.isMatched || e.isBranch && e.isExpandedOnSearch) && e.parentNode !== null && (e.parentNode.isExpandedOnSearch = !0, e.parentNode.hasMatchedDescendants = !0);
+			}), t();
+		}, Ge = () => {
+			let { searchQuery: e } = w, t = Ke(), r = () => {
+				H(), $e(!0);
+			};
+			if ((e === "" || n.cacheOptions) && t.isLoaded) return r();
+			pt({
+				action: we,
+				args: { searchQuery: e },
+				isPending() {
+					return t.isLoading;
+				},
+				start: () => {
+					t.isLoading = !0, t.isLoaded = !1, t.loadingError = "";
+				},
+				succeed: (n) => {
+					t.isLoaded = !0, t.options = n, w.searchQuery === e && r();
+				},
+				fail: (e) => {
+					t.loadingError = v(e);
+				},
+				end: () => {
+					t.isLoading = !1;
+				}
+			});
+		}, Ke = () => {
+			let { searchQuery: e } = w, t = P[e] || {
+				...d(),
+				options: []
+			};
+			if (e === "") {
+				if (Array.isArray(n.defaultOptions)) return t.options = n.defaultOptions, t.isLoaded = !0, t;
+				if (n.defaultOptions !== !0) return t.isLoaded = !0, t;
+			}
+			return P[e] || (P[e] = t), t;
+		}, qe = (e) => M.active ? e.isExpandedOnSearch : e.isExpanded, Je = (e) => !!(e.isMatched || e.isBranch && e.hasMatchedDescendants && !n.flattenSearchResults || !e.isRootNode && e.parentNode.showAllChildrenOnSearch), Ye = (e) => !(M.active && !Je(e)), Xe = () => {
+			var e;
+			return (e = Te.value) == null ? void 0 : e.$el;
+		}, Ze = () => {
+			var e, t;
+			let r = n.appendToBody ? (e = Ee.value) == null ? void 0 : e.portalTarget : B.value, i = r == null || (t = r.$refs) == null || (t = t.menu) == null || (t = t.$refs) == null ? void 0 : t.menu;
+			return i && i.nodeName !== "#comment" ? i : null;
+		}, Qe = (e, t = !0) => {
+			let n = D.current;
+			if (n != null && n in A.nodeMap && (A.nodeMap[n].isHighlighted = !1), D.current = e.id, e.isHighlighted = !0, D.isOpen && t) {
+				let t = () => {
+					let t = Ze(), n = t == null ? void 0 : t.querySelector(`.vue-treeselect__option[data-id="${e.id}"]`);
+					n && ae(t, n);
+				};
+				Ze() ? t() : m(t);
+			}
+		}, $e = (e = !1) => {
+			let { current: t } = D;
+			(e || t == null || !(t in A.nodeMap) || !Ye(W(t))) && et();
+		}, et = () => {
+			if (!z.value) return;
+			let e = R.value[0];
+			Qe(W(e));
+		}, tt = () => {
+			if (!z.value) return;
+			let e = R.value.indexOf(D.current) - 1;
+			if (e === -1) return rt();
+			Qe(W(R.value[e]));
+		}, nt = () => {
+			if (!z.value) return;
+			let e = R.value.indexOf(D.current) + 1;
+			if (e === R.value.length) return et();
+			Qe(W(R.value[e]));
+		}, rt = () => {
+			z.value && Qe(W(ne(R.value)));
+		}, it = () => {
+			w.searchQuery = "";
+		}, Z = () => {
+			!D.isOpen || !n.disabled && n.alwaysOpen || (xt(), D.isOpen = !1, X(!1), it(), r("close", ke(), U()));
+		}, at = () => {
+			n.disabled || D.isOpen || (D.isOpen = !0, m($e), m(St), !n.options && !n.async && dt(), X(!0), r("open", U()));
+		}, ot = () => {
+			D.isOpen ? Z() : at();
+		}, st = (e) => {
+			let t;
+			M.active ? (t = e.isExpandedOnSearch = !e.isExpandedOnSearch, t && (e.showAllChildrenOnSearch = !0)) : t = e.isExpanded = !e.isExpanded, t && !e.childrenStates.isLoaded && ft(e);
+		}, ct = () => {
+			let e = N();
+			A.selectedNodeIds.forEach((t) => {
+				e[t] = !0;
+			}), A.selectedNodeMap = e;
+			let t = N();
+			n.multiple && (Y((e) => {
+				t[e.id] = 0;
+			}), se.value.forEach((e) => {
+				t[e.id] = 2, !n.flat && !n.disableBranchNodes && e.ancestors.forEach((e) => {
+					G(e) || (t[e.id] = 1);
+				});
+			})), A.checkedStateMap = t;
+		}, lt = (e) => ({
+			...e,
+			...n.normalizer(e, U())
+		}), ut = (e, t, r) => {
+			let i = t.map((e) => [lt(e), e]).map(([t, i], a) => {
+				mt(t), ht(t);
+				let { id: o, label: s, children: c, isDefaultExpanded: l } = t, u = e === null, p = u ? 0 : e.level + 1, m = Array.isArray(c) || c === null, h = !m, g = !!t.isDisabled || !n.flat && !u && e.isDisabled, _ = !!t.isNew, v = n.matchKeys.reduce((e, n) => ({
+					...e,
+					[n]: f(t[n]).toLocaleLowerCase()
+				}), {}), y = u ? v.label : `${e.nestedSearchLabel} ${v.label}`;
+				A.nodeMap[o] = N();
+				let b = A.nodeMap[o];
+				if (b.id = o, b.label = s, b.level = p, b.ancestors = u ? [] : [e].concat(e.ancestors), b.index = (u ? [] : e.index).concat(a), b.parentNode = e, b.lowerCased = v, b.nestedSearchLabel = y, b.isDisabled = g, b.isNew = _, b.isMatched = !1, b.isHighlighted = !1, b.isBranch = m, b.isLeaf = h, b.isRootNode = u, b.raw = i, m) {
+					let e = Array.isArray(c);
+					b.childrenStates = {
+						...d(),
+						isLoaded: e
+					}, b.isExpanded = typeof l == "boolean" ? l : p < n.defaultExpandLevel, b.hasMatchedDescendants = !1, b.hasDisabledDescendants = !1, b.isExpandedOnSearch = !1, b.showAllChildrenOnSearch = !1, b.count = {
+						[ve]: 0,
+						[ye]: 0,
+						[be]: 0,
+						[xe]: 0
+					}, b.children = e ? ut(b, c, r) : [], l === !0 && b.ancestors.forEach((e) => {
+						e.isExpanded = !0;
+					}), !e && typeof n.loadOptions != "function" ? O(() => !1, () => "Unloaded branch node detected. \"loadOptions\" prop is required to load its children.") : !e && b.isExpanded && ft(b);
+				}
+				if (b.ancestors.forEach((e) => e.count[ye]++), h && b.ancestors.forEach((e) => e.count[xe]++), u || (e.count[ve] += 1, h && (e.count[be] += 1), g && (e.hasDisabledDescendants = !0)), r && r[o]) {
+					let e = r[o];
+					b.isMatched = e.isMatched, b.showAllChildrenOnSearch = e.showAllChildrenOnSearch, b.isHighlighted = e.isHighlighted, e.isBranch && b.isBranch && (b.isExpanded = e.isExpanded, b.isExpandedOnSearch = e.isExpandedOnSearch, e.childrenStates.isLoaded && !b.childrenStates.isLoaded ? b.isExpanded = !1 : b.childrenStates = { ...e.childrenStates });
+				}
+				return b;
+			});
+			if (n.branchNodesFirst) {
+				let e = i.filter((e) => e.isBranch), t = i.filter((e) => e.isLeaf);
+				i = e.concat(t);
+			}
+			return i;
+		}, dt = () => {
+			pt({
+				action: Se,
+				isPending: () => j.isLoading,
+				start: () => {
+					j.isLoading = !0, j.loadingError = "";
+				},
+				succeed: () => {
+					j.isLoaded = !0, m(() => {
+						$e(!0);
+					});
+				},
+				fail: (e) => {
+					j.loadingError = v(e);
+				},
+				end: () => {
+					j.isLoading = !1;
+				}
+			});
+		}, ft = (e) => {
+			let { id: t, raw: n } = e;
+			pt({
+				action: Ce,
+				args: { parentNode: n },
+				isPending: () => W(t).childrenStates.isLoading,
+				start: () => {
+					W(t).childrenStates.isLoading = !0, W(t).childrenStates.loadingError = "";
+				},
+				succeed: () => {
+					W(t).childrenStates.isLoaded = !0;
+				},
+				fail: (e) => {
+					W(t).childrenStates.loadingError = v(e);
+				},
+				end: () => {
+					W(t).childrenStates.isLoading = !1;
+				}
+			});
+		}, pt = ({ action: e, args: t, isPending: r, start: i, succeed: a, fail: o, end: s }) => {
+			if (!n.loadOptions || r()) return;
+			i();
+			let c = ie((e, t) => {
+				e ? o(e) : a(t), s();
+			}), l = n.loadOptions({
+				id: U(),
+				instanceId: U(),
+				action: e,
+				...t,
+				callback: c
+			});
+			E(l) && l.then(() => {
+				c();
+			}, (e) => {
+				c(e);
+			}).catch((e) => {
+				console.error(e);
+			});
+		}, mt = (e) => {
+			O(() => !(e.id in A.nodeMap && !A.nodeMap[e.id].isFallbackNode), () => `Detected duplicate presence of node id ${JSON.stringify(e.id)}. Their labels are "${A.nodeMap[e.id].label}" and "${e.label}" respectively.`);
+		}, ht = (e) => {
+			O(() => !(e.children === void 0 && e.isBranch === !0), () => "Are you meant to declare an unloaded branch node? `isBranch: true` is no longer supported, please use `children: null` instead.");
+		}, gt = (e) => {
+			if (n.disabled || e.isDisabled) return;
+			L.value && _t();
+			let t = n.multiple && !n.flat ? A.checkedStateMap[e.id] === 0 : !G(e);
+			t ? vt(e) : yt(e), ct(), r(t ? "select" : "deselect", e.raw, U()), M.active && t && (L.value || n.clearOnSelect) && it(), L.value && n.closeOnSelect && (Z(), n.searchable && (_e.value = !0));
+		}, _t = () => {
+			I.value && (L.value || n.allowClearingDisabled ? A.selectedNodeIds = [] : A.selectedNodeIds = A.selectedNodeIds.filter((e) => W(e).isDisabled), ct());
+		}, vt = (e) => {
+			if (L.value || n.disableBranchNodes) return Q(e);
+			if (n.flat) {
+				Q(e), n.autoSelectAncestors ? e.ancestors.forEach((e) => {
+					!G(e) && !e.isDisabled && Q(e);
+				}) : n.autoSelectDescendants && K(e, (e) => {
+					!G(e) && !e.isDisabled && Q(e);
+				});
+				return;
+			}
+			let t = e.isLeaf || !e.hasDisabledDescendants || n.allowSelectingDisabledDescendants;
+			if (t && Q(e), e.isBranch && K(e, (e) => {
+				(!e.isDisabled || n.allowSelectingDisabledDescendants) && Q(e);
+			}), t) {
+				let t = e;
+				for (; (t = t.parentNode) !== null && t.children.every(G);) Q(t);
+			}
+		}, yt = (e) => {
+			if (n.disableBranchNodes) return $(e);
+			if (n.flat) {
+				$(e), n.autoDeselectAncestors ? e.ancestors.forEach((e) => {
+					G(e) && !e.isDisabled && $(e);
+				}) : n.autoDeselectDescendants && K(e, (e) => {
+					G(e) && !e.isDisabled && $(e);
+				});
+				return;
+			}
+			let t = !1;
+			if (e.isBranch && q(e, (e) => {
+				(!e.isDisabled || n.allowSelectingDisabledDescendants) && ($(e), t = !0);
+			}), e.isLeaf || t || e.children.length === 0) {
+				$(e);
+				let t = e;
+				for (; (t = t.parentNode) !== null && G(t);) $(t);
+			}
+		}, Q = (e) => {
+			A.selectedNodeIds.push(e.id), A.selectedNodeMap[e.id] = !0;
+		}, $ = (e) => {
+			le(A.selectedNodeIds, e.id), delete A.selectedNodeMap[e.id];
+		}, bt = () => {
+			if (I.value) {
+				if (L.value) return _t();
+				gt(W(ne(F.value)));
+			}
+		}, xt = () => {
+			let e = Ze();
+			e && (D.lastScrollPosition = e.scrollTop);
+		}, St = () => {
+			let e = Ze();
+			e && (e.scrollTop = D.lastScrollPosition);
+		}, Ct = (e) => {
+			let t = [];
+			if (L.value || n.flat || n.disableBranchNodes || n.valueConsistsOf === "ALL") t = e;
+			else if (n.valueConsistsOf === "BRANCH_PRIORITY") e.forEach((e) => {
+				t.push(e);
+				let n = W(e);
+				n.isBranch && K(n, (e) => {
+					t.push(e.id);
+				});
+			});
+			else if (n.valueConsistsOf === "LEAF_PRIORITY") {
+				let n = N(), r = e.slice();
+				for (; r.length;) {
+					let e = r.shift(), i = W(e);
+					t.push(e), !i.isRootNode && (i.parentNode.id in n || (n[i.parentNode.id] = i.parentNode.children.length), --n[i.parentNode.id] === 0 && r.push(i.parentNode.id));
+				}
+			} else if (n.valueConsistsOf === "ALL_WITH_INDETERMINATE") {
+				let n = N(), r = e.filter((e) => {
+					let t = W(e);
+					return t.isLeaf || t.children.length === 0;
+				});
+				for (; r.length;) {
+					let e = r.shift(), i = W(e);
+					t.push(e), !i.isRootNode && (i.parentNode.id in n || (n[i.parentNode.id] = i.parentNode.children.length), --n[i.parentNode.id] === 0 && r.push(i.parentNode.id));
+				}
+			}
+			de(A.selectedNodeIds, t) && (A.selectedNodeIds = t), ct();
+		};
+		return T(() => n.alwaysOpen, (e) => {
+			e ? at() : Z();
+		}), T(() => n.branchNodesFirst, () => {
+			H();
+		}), T(() => n.disabled, (e) => {
+			e && D.isOpen ? Z() : !e && !D.isOpen && n.alwaysOpen && at();
+		}), T(() => n.flat, () => {
+			H();
+		}), T(F, (e, t) => {
+			de(e, t) && r("update:modelValue", ke(), U());
+		}), T(() => n.matchKeys, () => {
+			H();
+		}), T(() => n.multiple, (e) => {
+			e && ct();
+		}), T(() => n.options, () => {
+			n.async || (H(), j.isLoaded = Array.isArray(n.options));
+		}, {
+			deep: !0,
+			immediate: !0
+		}), T(() => w.searchQuery, () => {
+			n.async ? Ge() : We(), r("search-change", w.searchQuery, U());
+		}), T(() => n.modelValue, () => {
+			let e = re();
+			de(e, F.value) && Ct(e);
+		}), b(V, x({
+			...C(n),
+			$slots: i,
+			trigger: w,
+			menu: D,
+			forest: A,
+			rootOptionsStates: j,
+			localSearch: M,
+			remoteSearch: P,
+			selectedNodes: se,
+			internalValue: F,
+			hasValue: I,
+			single: L,
+			visibleOptionIds: R,
+			hasVisibleOptions: z,
+			showCountOnSearchComputed: pe,
+			hasBranchNodes: me,
+			shouldFlattenOptions: he,
+			getInstanceId: U,
+			getValue: ke,
+			getNode: W,
+			createFallbackNode: Ae,
+			extractCheckedNodeIdsFromValue: re,
+			extractNodeFromValue: je,
+			verifyProps: Me,
+			resetFlags: Ne,
+			initialize: H,
+			keepDataOfSelectedNodes: Pe,
+			isSelected: G,
+			traverseDescendantsBFS: K,
+			traverseDescendantsDFS: q,
+			traverseAllNodesDFS: J,
+			traverseAllNodesByIndex: Y,
+			toggleClickOutsideEvent: X,
+			getContainer: Ie,
+			getInput: Le,
+			focusInput: ze,
+			blurInput: Ve,
+			handleMouseDown: He,
+			handleClickOutside: Ue,
+			handleLocalSearch: We,
+			handleRemoteSearch: Ge,
+			getRemoteSearchEntry: Ke,
+			shouldExpand: qe,
+			shouldOptionBeIncludedInSearchResult: Je,
+			shouldShowOptionInMenu: Ye,
+			getControl: Xe,
+			getMenu: Ze,
+			setCurrentHighlightedOption: Qe,
+			resetHighlightedOptionWhenNecessary: $e,
+			highlightFirstOption: et,
+			highlightPrevOption: tt,
+			highlightNextOption: nt,
+			highlightLastOption: rt,
+			resetSearchQuery: it,
+			closeMenu: Z,
+			openMenu: at,
+			toggleMenu: ot,
+			toggleExpanded: st,
+			buildForestState: ct,
+			enhancedNormalizer: lt,
+			normalize: ut,
+			loadRootOptions: dt,
+			loadChildrenOptions: ft,
+			callLoadOptionsProp: pt,
+			checkDuplication: mt,
+			verifyNodeShape: ht,
+			select: gt,
+			clear: _t,
+			addValue: Q,
+			removeValue: $,
+			removeLastValue: bt,
+			saveMenuScrollPosition: xt,
+			restoreMenuScrollPosition: St,
+			fixSelectedNodeIds: Ct
+		})), Me(), Ne(), _(() => {
+			n.autoFocus && ze(), !n.options && !n.async && n.autoLoadRootOptions && dt(), n.alwaysOpen && at(), n.async && n.defaultOptions && Ge();
+		}), g(() => {
+			X(!1);
+		}), (e, t) => (y(), s("div", {
+			ref_key: "wrapperRef",
+			ref: B,
+			class: h(ee(ge))
+		}, [
+			u(De),
+			u(Fe, {
+				ref_key: "controlRef",
+				ref: Te
+			}, null, 512),
+			e.appendToBody ? (y(), o(Be, {
+				key: 0,
+				ref_key: "portalRef",
+				ref: Ee
+			}, null, 512)) : (y(), o(Re, {
+				key: 1,
+				ref_key: "menuRef",
+				ref: Oe
+			}, null, 512))
+		], 2));
+	}
+};
+//#endregion
+export { Ve as t };