@web-utils/component 4.0.15 → 5.0.0-beta01

package/chunks/VueTreeSelect.9Ywl-I8e.mjs

@@ -0,0 +1,1872 @@
+import { t as e } from "./_plugin-vue_export-helper.7vrlOII_.mjs";
+import t, { createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, isVNode as o, mergeProps as s, openBlock as c, resolveComponent as l } from "vue";
+import { isPromise as u } from "@web-utils/core";
+import { debounce as d, identity as f, last as p, noop as m, once as h } from "lodash-es";
+//#region src/components/tree-select/utils/warning.js
+var g = process.env.NODE_ENV === "production" ? m : function(e, t) {
+	if (!e()) {
+		let e = ["[Vue-TreeSelect Warning]"].concat(t());
+		console.error(...e);
+	}
+};
+//#endregion
+//#region src/components/tree-select/utils/onLeftClick.js
+function _(e) {
+	return function(t, ...n) {
+		t.type === "mousedown" && t.button === 0 && e.call(this, t, ...n);
+	};
+}
+//#endregion
+//#region src/components/tree-select/utils/scrollIntoView.js
+function v(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));
+}
+//#endregion
+//#region src/components/tree-select/utils/removeFromArray.js
+function y(e, t) {
+	let n = e.indexOf(t);
+	n !== -1 && e.splice(n, 1);
+}
+//#endregion
+//#region src/components/tree-select/utils/watchSize.js
+var b, x = [], ee = 100;
+function te() {
+	b = setInterval(() => {
+		x.forEach(S);
+	}, ee);
+}
+function ne() {
+	clearInterval(b), b = null;
+}
+function S(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 re(e, t) {
+	let n = {
+		$el: e,
+		listener: t,
+		lastWidth: null,
+		lastHeight: null
+	};
+	return x.push(n), S(n), te(), () => {
+		y(x, n), x.length || ne();
+	};
+}
+function ie(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 C(e, t) {
+	let n = document.documentMode === 9, r = !0, i = (n ? re : ie)(e, (...e) => r || t(...e));
+	return r = !1, i;
+}
+//#endregion
+//#region src/components/tree-select/utils/setupResizeAndScrollEventListeners.js
+function ae(e) {
+	let t = [], n = e.parentNode;
+	for (; n && n.nodeName !== "BODY" && n.nodeType === document.ELEMENT_NODE;) oe(n) && t.push(n), n = n.parentNode;
+	return t.push(window), t;
+}
+function oe(e) {
+	let { overflow: t, overflowX: n, overflowY: r } = getComputedStyle(e);
+	return /(auto|scroll|overlay)/.test(t + r + n);
+}
+function w(e, t) {
+	let n = ae(e);
+	return window.addEventListener("resize", t, { passive: !0 }), n.forEach((e) => {
+		e.addEventListener("scroll", t, { passive: !0 });
+	}), function() {
+		window.removeEventListener("resize", t, { passive: !0 }), n.forEach((e) => {
+			e.removeEventListener("scroll", t, { passive: !0 });
+		});
+	};
+}
+//#endregion
+//#region src/components/tree-select/utils/isNaN.js
+function T(e) {
+	return Number.isNaN(e);
+}
+//#endregion
+//#region src/components/tree-select/utils/createMap.js
+var E = () => Object.create(null);
+//#endregion
+//#region src/components/tree-select/utils/deepExtend.js
+function D(e) {
+	return typeof e != "object" || !e ? !1 : Object.getPrototypeOf(e) === Object.prototype;
+}
+function se(e, t, n) {
+	D(n) ? (e[t] || (e[t] = {}), O(e[t], n)) : e[t] = n;
+}
+function O(e, t) {
+	if (D(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;
+}
+//#endregion
+//#region src/components/tree-select/utils/includes.js
+function k(e, t) {
+	return e.indexOf(t) !== -1;
+}
+//#endregion
+//#region src/components/tree-select/utils/find.js
+function A(e, t, n) {
+	for (let r = 0, i = e.length; r < i; r++) if (t.call(n, e[r], r, e)) return e[r];
+}
+//#endregion
+//#region src/components/tree-select/utils/quickDiff.js
+function j(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;
+}
+//#endregion
+//#region src/components/tree-select/utils/index.js
+function ce(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;
+}
+//#endregion
+//#region src/components/tree-select/constants.js
+var M = "ALL_CHILDREN", N = "ALL_DESCENDANTS", P = "LEAF_CHILDREN", F = "LEAF_DESCENDANTS", le = "LOAD_ROOT_OPTIONS", ue = "LOAD_CHILDREN_OPTIONS", de = "ASYNC_SEARCH", I = "BRANCH_PRIORITY", fe = "LEAF_PRIORITY", pe = "ALL_WITH_INDETERMINATE", L = "ORDER_SELECTED", me = "LEVEL", he = "INDEX", R = {
+	BACKSPACE: 8,
+	ENTER: 13,
+	ESCAPE: 27,
+	END: 35,
+	HOME: 36,
+	ARROW_LEFT: 37,
+	ARROW_UP: 38,
+	ARROW_RIGHT: 39,
+	ARROW_DOWN: 40,
+	DELETE: 46
+}, ge = process.env.NODE_ENV === "testing" ? 10 : 200;
+//#endregion
+//#region src/components/tree-select/mixins/tree-select-mixin.js
+function z(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);
+}
+function _e(e, t) {
+	return e.level === t.level ? z(e, t) : e.level - t.level;
+}
+function B() {
+	return {
+		isLoaded: !1,
+		isLoading: !1,
+		loadingError: ""
+	};
+}
+function ve(e) {
+	// istanbul ignore next
+	return typeof e == "string" ? e : typeof e == "number" && !T(e) ? `${e}` : "";
+}
+function V(e, t, n) {
+	return e ? ce(t, n) : k(n, t);
+}
+function H(e) {
+	return e.message || String(e);
+}
+var ye = 0, be = {
+	provide() {
+		return { instance: this };
+	},
+	props: {
+		allowClearingDisabled: {
+			type: Boolean,
+			default: !1
+		},
+		allowSelectingDisabledDescendants: {
+			type: Boolean,
+			default: !1
+		},
+		alwaysOpen: {
+			type: Boolean,
+			default: !1
+		},
+		appendToBody: {
+			type: Boolean,
+			default: !1
+		},
+		async: {
+			type: Boolean,
+			default: !1
+		},
+		autoFocus: {
+			type: Boolean,
+			default: !1
+		},
+		autoLoadRootOptions: {
+			type: Boolean,
+			default: !0
+		},
+		autoDeselectAncestors: {
+			type: Boolean,
+			default: !1
+		},
+		autoDeselectDescendants: {
+			type: Boolean,
+			default: !1
+		},
+		autoSelectAncestors: {
+			type: Boolean,
+			default: !1
+		},
+		autoSelectDescendants: {
+			type: Boolean,
+			default: !1
+		},
+		backspaceRemoves: {
+			type: Boolean,
+			default: !0
+		},
+		beforeClearAll: {
+			type: Function,
+			default: () => !0
+		},
+		branchNodesFirst: {
+			type: Boolean,
+			default: !1
+		},
+		cacheOptions: {
+			type: Boolean,
+			default: !0
+		},
+		clearable: {
+			type: Boolean,
+			default: !0
+		},
+		clearAllText: {
+			type: String,
+			default: "Clear all"
+		},
+		clearOnSelect: {
+			type: Boolean,
+			default: !1
+		},
+		clearValueText: {
+			type: String,
+			default: "Clear value"
+		},
+		closeOnSelect: {
+			type: Boolean,
+			default: !0
+		},
+		defaultExpandLevel: {
+			type: Number,
+			default: 0
+		},
+		defaultOptions: { default: !1 },
+		deleteRemoves: {
+			type: Boolean,
+			default: !0
+		},
+		delimiter: {
+			type: String,
+			default: ","
+		},
+		flattenSearchResults: {
+			type: Boolean,
+			default: !1
+		},
+		disableBranchNodes: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		disableFuzzyMatching: {
+			type: Boolean,
+			default: !1
+		},
+		flat: {
+			type: Boolean,
+			default: !1
+		},
+		instanceId: {
+			default: () => `${ye++}$$`,
+			type: [String, Number]
+		},
+		joinValues: {
+			type: Boolean,
+			default: !1
+		},
+		limit: {
+			type: Number,
+			default: Infinity
+		},
+		limitText: {
+			type: Function,
+			default: function(e) {
+				return `and ${e} more`;
+			}
+		},
+		loadingText: {
+			type: String,
+			default: "Loading..."
+		},
+		loadOptions: { type: Function },
+		matchKeys: {
+			type: Array,
+			default: () => ["label"]
+		},
+		maxHeight: {
+			type: Number,
+			default: 300
+		},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		name: { type: String },
+		noChildrenText: {
+			type: String,
+			default: "No sub-options."
+		},
+		noOptionsText: {
+			type: String,
+			default: "No options available."
+		},
+		noResultsText: {
+			type: String,
+			default: "No results found..."
+		},
+		normalizer: {
+			type: Function,
+			default: f
+		},
+		openDirection: {
+			type: String,
+			default: "auto",
+			validator(e) {
+				return k([
+					"auto",
+					"top",
+					"bottom",
+					"above",
+					"below"
+				], e);
+			}
+		},
+		openOnClick: {
+			type: Boolean,
+			default: !0
+		},
+		openOnFocus: {
+			type: Boolean,
+			default: !1
+		},
+		options: { type: Array },
+		placeholder: {
+			type: String,
+			default: "Select..."
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		retryText: {
+			type: String,
+			default: "Retry?"
+		},
+		retryTitle: {
+			type: String,
+			default: "Click to retry"
+		},
+		searchable: {
+			type: Boolean,
+			default: !0
+		},
+		searchNested: {
+			type: Boolean,
+			default: !1
+		},
+		searchPromptText: {
+			type: String,
+			default: "Type to search..."
+		},
+		showCount: {
+			type: Boolean,
+			default: !1
+		},
+		showCountOf: {
+			type: String,
+			default: M,
+			validator(e) {
+				return k([
+					M,
+					N,
+					P,
+					F
+				], e);
+			}
+		},
+		showCountOnSearch: null,
+		sortValueBy: {
+			type: String,
+			default: L,
+			validator(e) {
+				return k([
+					L,
+					me,
+					he
+				], e);
+			}
+		},
+		tabIndex: {
+			type: Number,
+			default: 0
+		},
+		value: null,
+		valueConsistsOf: {
+			type: String,
+			default: I,
+			validator(e) {
+				return k([
+					"ALL",
+					I,
+					fe,
+					pe
+				], e);
+			}
+		},
+		valueFormat: {
+			type: String,
+			default: "id"
+		},
+		zIndex: {
+			type: [Number, String],
+			default: 999
+		}
+	},
+	data() {
+		return {
+			trigger: {
+				isFocused: !1,
+				searchQuery: ""
+			},
+			menu: {
+				isOpen: !1,
+				current: null,
+				lastScrollPosition: 0,
+				placement: "bottom"
+			},
+			forest: {
+				normalizedOptions: [],
+				nodeMap: E(),
+				checkedStateMap: E(),
+				selectedNodeIds: this.extractCheckedNodeIdsFromValue(),
+				selectedNodeMap: E()
+			},
+			rootOptionsStates: B(),
+			localSearch: {
+				active: !1,
+				noResults: !0,
+				countMap: E()
+			},
+			remoteSearch: E()
+		};
+	},
+	computed: {
+		selectedNodes() {
+			return this.forest.selectedNodeIds.map(this.getNode);
+		},
+		internalValue() {
+			let e;
+			// istanbul ignore else
+			if (this.single || this.flat || this.disableBranchNodes || this.valueConsistsOf === "ALL") e = this.forest.selectedNodeIds.slice();
+			else if (this.valueConsistsOf === "BRANCH_PRIORITY") e = this.forest.selectedNodeIds.filter((e) => {
+				let t = this.getNode(e);
+				return t.isRootNode ? !0 : !this.isSelected(t.parentNode);
+			});
+			else if (this.valueConsistsOf === "LEAF_PRIORITY") e = this.forest.selectedNodeIds.filter((e) => {
+				let t = this.getNode(e);
+				return t.isLeaf ? !0 : t.children.length === 0;
+			});
+			else if (this.valueConsistsOf === "ALL_WITH_INDETERMINATE") {
+				let t = [];
+				e = this.forest.selectedNodeIds.slice(), this.selectedNodes.forEach((n) => {
+					n.ancestors.forEach((n) => {
+						k(t, n.id) || k(e, n.id) || t.push(n.id);
+					});
+				}), e.push(...t);
+			}
+			return this.sortValueBy === "LEVEL" ? e.sort((e, t) => _e(this.getNode(e), this.getNode(t))) : this.sortValueBy === "INDEX" && e.sort((e, t) => z(this.getNode(e), this.getNode(t))), e;
+		},
+		hasValue() {
+			return this.internalValue.length > 0;
+		},
+		single() {
+			return !this.multiple;
+		},
+		visibleOptionIds() {
+			let e = [];
+			return this.traverseAllNodesByIndex((t) => {
+				if ((!this.localSearch.active || this.shouldOptionBeIncludedInSearchResult(t)) && e.push(t.id), t.isBranch && !this.shouldExpand(t)) return !1;
+			}), e;
+		},
+		hasVisibleOptions() {
+			return this.visibleOptionIds.length !== 0;
+		},
+		showCountOnSearchComputed() {
+			return typeof this.showCountOnSearch == "boolean" ? this.showCountOnSearch : this.showCount;
+		},
+		hasBranchNodes() {
+			return this.forest.normalizedOptions.some((e) => e.isBranch);
+		},
+		shouldFlattenOptions() {
+			return this.localSearch.active && this.flattenSearchResults;
+		}
+	},
+	watch: {
+		alwaysOpen(e) {
+			e ? this.openMenu() : this.closeMenu();
+		},
+		branchNodesFirst() {
+			this.initialize();
+		},
+		disabled(e) {
+			e && this.menu.isOpen ? this.closeMenu() : !e && !this.menu.isOpen && this.alwaysOpen && this.openMenu();
+		},
+		flat() {
+			this.initialize();
+		},
+		internalValue(e, t) {
+			j(e, t) && this.$emit("input", this.getValue(), this.getInstanceId());
+		},
+		matchKeys() {
+			this.initialize();
+		},
+		multiple(e) {
+			// istanbul ignore else
+			e && this.buildForestState();
+		},
+		options: {
+			handler() {
+				this.async || (this.initialize(), this.rootOptionsStates.isLoaded = Array.isArray(this.options));
+			},
+			deep: !0,
+			immediate: !0
+		},
+		"trigger.searchQuery"() {
+			this.async ? this.handleRemoteSearch() : this.handleLocalSearch(), this.$emit("search-change", this.trigger.searchQuery, this.getInstanceId());
+		},
+		value() {
+			let e = this.extractCheckedNodeIdsFromValue();
+			j(e, this.internalValue) && this.fixSelectedNodeIds(e);
+		}
+	},
+	methods: {
+		verifyProps() {
+			g(() => this.async ? this.searchable : !0, () => "For async search mode, the value of \"searchable\" prop must be true."), this.options == null && !this.loadOptions && g(() => !1, () => "Are you meant to dynamically load options? You need to use \"loadOptions\" prop."), this.flat && g(() => this.multiple, () => "You are using flat mode. But you forgot to add \"multiple=true\"?"), this.flat || [
+				"autoSelectAncestors",
+				"autoSelectDescendants",
+				"autoDeselectAncestors",
+				"autoDeselectDescendants"
+			].forEach((e) => {
+				g(() => !this[e], () => `"${e}" only applies to flat mode.`);
+			});
+		},
+		resetFlags() {
+			this._blurOnSelect = !1;
+		},
+		initialize() {
+			let e = this.async ? this.getRemoteSearchEntry().options : this.options;
+			if (Array.isArray(e)) {
+				let t = this.forest.nodeMap;
+				this.forest.nodeMap = E(), this.keepDataOfSelectedNodes(t), this.forest.normalizedOptions = this.normalize(null, e, t), this.fixSelectedNodeIds(this.internalValue);
+			} else this.forest.normalizedOptions = [];
+		},
+		getInstanceId() {
+			return this.instanceId == null ? this.id : this.instanceId;
+		},
+		getValue() {
+			if (this.valueFormat === "id") return this.multiple ? this.internalValue.slice() : this.internalValue[0];
+			let e = this.internalValue.map((e) => this.getNode(e).raw);
+			return this.multiple ? e : e[0];
+		},
+		getNode(e) {
+			return g(() => e != null, () => `Invalid node id: ${e}`), e == null ? null : e in this.forest.nodeMap ? this.forest.nodeMap[e] : this.createFallbackNode(e);
+		},
+		createFallbackNode(e) {
+			let t = this.extractNodeFromValue(e), n = {
+				id: e,
+				label: this.enhancedNormalizer(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 this.$set(this.forest.nodeMap, e, n);
+		},
+		extractCheckedNodeIdsFromValue() {
+			return this.value == null ? [] : this.valueFormat === "id" ? this.multiple ? this.value.slice() : [this.value] : (this.multiple ? this.value : [this.value]).map((e) => this.enhancedNormalizer(e)).map((e) => e.id);
+		},
+		extractNodeFromValue(e) {
+			let t = { id: e };
+			return this.valueFormat === "id" ? t : A(this.multiple ? Array.isArray(this.value) ? this.value : [] : this.value ? [this.value] : [], (t) => t && this.enhancedNormalizer(t).id === e) || t;
+		},
+		fixSelectedNodeIds(e) {
+			let t = [];
+			// istanbul ignore else
+			if (this.single || this.flat || this.disableBranchNodes || this.valueConsistsOf === "ALL") t = e;
+			else if (this.valueConsistsOf === "BRANCH_PRIORITY") e.forEach((e) => {
+				t.push(e);
+				let n = this.getNode(e);
+				n.isBranch && this.traverseDescendantsBFS(n, (e) => {
+					t.push(e.id);
+				});
+			});
+			else if (this.valueConsistsOf === "LEAF_PRIORITY") {
+				let n = E(), r = e.slice();
+				for (; r.length;) {
+					let e = r.shift(), i = this.getNode(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 (this.valueConsistsOf === "ALL_WITH_INDETERMINATE") {
+				let n = E(), r = e.filter((e) => {
+					let t = this.getNode(e);
+					return t.isLeaf || t.children.length === 0;
+				});
+				for (; r.length;) {
+					let e = r.shift(), i = this.getNode(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));
+				}
+			}
+			j(this.forest.selectedNodeIds, t) && (this.forest.selectedNodeIds = t), this.buildForestState();
+		},
+		keepDataOfSelectedNodes(e) {
+			this.forest.selectedNodeIds.forEach((t) => {
+				if (!e[t]) return;
+				let n = {
+					...e[t],
+					isFallbackNode: !0
+				};
+				this.$set(this.forest.nodeMap, t, n);
+			});
+		},
+		isSelected(e) {
+			return this.forest.selectedNodeMap[e.id] === !0;
+		},
+		traverseDescendantsBFS(e, t) {
+			// istanbul ignore if
+			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();
+			}
+		},
+		traverseDescendantsDFS(e, t) {
+			e.isBranch && e.children.forEach((e) => {
+				this.traverseDescendantsDFS(e, t), t(e);
+			});
+		},
+		traverseAllNodesDFS(e) {
+			this.forest.normalizedOptions.forEach((t) => {
+				this.traverseDescendantsDFS(t, e), e(t);
+			});
+		},
+		traverseAllNodesByIndex(e) {
+			let t = (n) => {
+				n.children.forEach((n) => {
+					e(n) !== !1 && n.isBranch && t(n);
+				});
+			};
+			t({ children: this.forest.normalizedOptions });
+		},
+		toggleClickOutsideEvent(e) {
+			e ? document.addEventListener("mousedown", this.handleClickOutside, !1) : document.removeEventListener("mousedown", this.handleClickOutside, !1);
+		},
+		getValueContainer() {
+			return this.$refs.control.$refs["value-container"];
+		},
+		getInput() {
+			return this.getValueContainer().$refs.input;
+		},
+		focusInput() {
+			this.getInput().focus();
+		},
+		blurInput() {
+			this.getInput().blur();
+		},
+		handleMouseDown: _(function(e) {
+			e.preventDefault(), e.stopPropagation(), !this.disabled && (this.getValueContainer().$el.contains(e.target) && !this.menu.isOpen && (this.openOnClick || this.trigger.isFocused) && this.openMenu(), this._blurOnSelect ? this.blurInput() : this.focusInput(), this.resetFlags());
+		}),
+		handleClickOutside(e) {
+			// istanbul ignore else
+			this.$refs.wrapper && !this.$refs.wrapper.contains(e.target) && (this.blurInput(), this.closeMenu());
+		},
+		handleLocalSearch() {
+			let { searchQuery: e } = this.trigger, t = () => this.resetHighlightedOptionWhenNecessary(!0);
+			if (!e) return this.localSearch.active = !1, t();
+			this.localSearch.active = !0, this.localSearch.noResults = !0, this.traverseAllNodesDFS((e) => {
+				e.isBranch && (e.isExpandedOnSearch = !1, e.showAllChildrenOnSearch = !1, e.isMatched = !1, e.hasMatchedDescendants = !1, this.$set(this.localSearch.countMap, e.id, {
+					[M]: 0,
+					[N]: 0,
+					[P]: 0,
+					[F]: 0
+				}));
+			});
+			let n = e.trim().toLocaleLowerCase(), r = n.replace(/\s+/g, " ").split(" ");
+			this.traverseAllNodesDFS((e) => {
+				this.searchNested && r.length > 1 ? e.isMatched = r.every((t) => V(!1, t, e.nestedSearchLabel)) : e.isMatched = this.matchKeys.some((t) => V(!this.disableFuzzyMatching, n, e.lowerCased[t])), e.isMatched && (this.localSearch.noResults = !1, e.ancestors.forEach((e) => this.localSearch.countMap[e.id][N]++), e.isLeaf && e.ancestors.forEach((e) => this.localSearch.countMap[e.id][F]++), e.parentNode !== null && (this.localSearch.countMap[e.parentNode.id][M] += 1, e.isLeaf && (this.localSearch.countMap[e.parentNode.id][P] += 1))), (e.isMatched || e.isBranch && e.isExpandedOnSearch) && e.parentNode !== null && (e.parentNode.isExpandedOnSearch = !0, e.parentNode.hasMatchedDescendants = !0);
+			}), t();
+		},
+		handleRemoteSearch() {
+			let { searchQuery: e } = this.trigger, t = this.getRemoteSearchEntry(), n = () => {
+				this.initialize(), this.resetHighlightedOptionWhenNecessary(!0);
+			};
+			if ((e === "" || this.cacheOptions) && t.isLoaded) return n();
+			this.callLoadOptionsProp({
+				action: de,
+				args: { searchQuery: e },
+				isPending() {
+					return t.isLoading;
+				},
+				start: () => {
+					t.isLoading = !0, t.isLoaded = !1, t.loadingError = "";
+				},
+				succeed: (r) => {
+					t.isLoaded = !0, t.options = r, this.trigger.searchQuery === e && n();
+				},
+				fail: (e) => {
+					t.loadingError = H(e);
+				},
+				end: () => {
+					t.isLoading = !1;
+				}
+			});
+		},
+		getRemoteSearchEntry() {
+			let { searchQuery: e } = this.trigger, t = this.remoteSearch[e] || {
+				...B(),
+				options: []
+			};
+			if (this.$watch(() => t.options, () => {
+				this.trigger.searchQuery === e && this.initialize();
+			}, { deep: !0 }), e === "") {
+				if (Array.isArray(this.defaultOptions)) return t.options = this.defaultOptions, t.isLoaded = !0, t;
+				if (this.defaultOptions !== !0) return t.isLoaded = !0, t;
+			}
+			return this.remoteSearch[e] || this.$set(this.remoteSearch, e, t), t;
+		},
+		shouldExpand(e) {
+			return this.localSearch.active ? e.isExpandedOnSearch : e.isExpanded;
+		},
+		shouldOptionBeIncludedInSearchResult(e) {
+			return !!(e.isMatched || e.isBranch && e.hasMatchedDescendants && !this.flattenSearchResults || !e.isRootNode && e.parentNode.showAllChildrenOnSearch);
+		},
+		shouldShowOptionInMenu(e) {
+			return !(this.localSearch.active && !this.shouldOptionBeIncludedInSearchResult(e));
+		},
+		getControl() {
+			return this.$refs.control.$el;
+		},
+		getMenu() {
+			let e = (this.appendToBody ? this.$refs.portal.portalTarget : this).$refs.menu.$refs.menu;
+			return e && e.nodeName !== "#comment" ? e : null;
+		},
+		setCurrentHighlightedOption(e, t = !0) {
+			let n = this.menu.current;
+			if (n != null && n in this.forest.nodeMap && (this.forest.nodeMap[n].isHighlighted = !1), this.menu.current = e.id, e.isHighlighted = !0, this.menu.isOpen && t) {
+				let t = () => {
+					let t = this.getMenu(), n = t.querySelector(`.vue-treeselect__option[data-id="${e.id}"]`);
+					n && v(t, n);
+				};
+				this.getMenu() ? t() : this.$nextTick(t);
+			}
+		},
+		resetHighlightedOptionWhenNecessary(e = !1) {
+			let { current: t } = this.menu;
+			(e || t == null || !(t in this.forest.nodeMap) || !this.shouldShowOptionInMenu(this.getNode(t))) && this.highlightFirstOption();
+		},
+		highlightFirstOption() {
+			if (!this.hasVisibleOptions) return;
+			let e = this.visibleOptionIds[0];
+			this.setCurrentHighlightedOption(this.getNode(e));
+		},
+		highlightPrevOption() {
+			if (!this.hasVisibleOptions) return;
+			let e = this.visibleOptionIds.indexOf(this.menu.current) - 1;
+			if (e === -1) return this.highlightLastOption();
+			this.setCurrentHighlightedOption(this.getNode(this.visibleOptionIds[e]));
+		},
+		highlightNextOption() {
+			if (!this.hasVisibleOptions) return;
+			let e = this.visibleOptionIds.indexOf(this.menu.current) + 1;
+			if (e === this.visibleOptionIds.length) return this.highlightFirstOption();
+			this.setCurrentHighlightedOption(this.getNode(this.visibleOptionIds[e]));
+		},
+		highlightLastOption() {
+			if (!this.hasVisibleOptions) return;
+			let e = p(this.visibleOptionIds);
+			this.setCurrentHighlightedOption(this.getNode(e));
+		},
+		resetSearchQuery() {
+			this.trigger.searchQuery = "";
+		},
+		closeMenu() {
+			!this.menu.isOpen || !this.disabled && this.alwaysOpen || (this.saveMenuScrollPosition(), this.menu.isOpen = !1, this.toggleClickOutsideEvent(!1), this.resetSearchQuery(), this.$emit("close", this.getValue(), this.getInstanceId()));
+		},
+		openMenu() {
+			this.disabled || this.menu.isOpen || (this.menu.isOpen = !0, this.$nextTick(this.resetHighlightedOptionWhenNecessary), this.$nextTick(this.restoreMenuScrollPosition), !this.options && !this.async && this.loadRootOptions(), this.toggleClickOutsideEvent(!0), this.$emit("open", this.getInstanceId()));
+		},
+		toggleMenu() {
+			this.menu.isOpen ? this.closeMenu() : this.openMenu();
+		},
+		toggleExpanded(e) {
+			let t;
+			this.localSearch.active ? (t = e.isExpandedOnSearch = !e.isExpandedOnSearch, t && (e.showAllChildrenOnSearch = !0)) : t = e.isExpanded = !e.isExpanded, t && !e.childrenStates.isLoaded && this.loadChildrenOptions(e);
+		},
+		buildForestState() {
+			let e = E();
+			this.forest.selectedNodeIds.forEach((t) => {
+				e[t] = !0;
+			}), this.forest.selectedNodeMap = e;
+			let t = E();
+			this.multiple && (this.traverseAllNodesByIndex((e) => {
+				t[e.id] = 0;
+			}), this.selectedNodes.forEach((e) => {
+				t[e.id] = 2, !this.flat && !this.disableBranchNodes && e.ancestors.forEach((e) => {
+					this.isSelected(e) || (t[e.id] = 1);
+				});
+			})), this.forest.checkedStateMap = t;
+		},
+		enhancedNormalizer(e) {
+			return {
+				...e,
+				...this.normalizer(e, this.getInstanceId())
+			};
+		},
+		normalize(e, t, n) {
+			let r = t.map((e) => [this.enhancedNormalizer(e), e]).map(([t, r], i) => {
+				this.checkDuplication(t), this.verifyNodeShape(t);
+				let { id: a, label: o, children: s, isDefaultExpanded: c } = t, l = e === null, u = l ? 0 : e.level + 1, d = Array.isArray(s) || s === null, f = !d, p = !!t.isDisabled || !this.flat && !l && e.isDisabled, m = !!t.isNew, h = this.matchKeys.reduce((e, n) => ({
+					...e,
+					[n]: ve(t[n]).toLocaleLowerCase()
+				}), {}), _ = l ? h.label : `${e.nestedSearchLabel} ${h.label}`, v = this.$set(this.forest.nodeMap, a, E());
+				if (this.$set(v, "id", a), this.$set(v, "label", o), this.$set(v, "level", u), this.$set(v, "ancestors", l ? [] : [e].concat(e.ancestors)), this.$set(v, "index", (l ? [] : e.index).concat(i)), this.$set(v, "parentNode", e), this.$set(v, "lowerCased", h), this.$set(v, "nestedSearchLabel", _), this.$set(v, "isDisabled", p), this.$set(v, "isNew", m), this.$set(v, "isMatched", !1), this.$set(v, "isHighlighted", !1), this.$set(v, "isBranch", d), this.$set(v, "isLeaf", f), this.$set(v, "isRootNode", l), this.$set(v, "raw", r), d) {
+					let e = Array.isArray(s);
+					this.$set(v, "childrenStates", {
+						...B(),
+						isLoaded: e
+					}), this.$set(v, "isExpanded", typeof c == "boolean" ? c : u < this.defaultExpandLevel), this.$set(v, "hasMatchedDescendants", !1), this.$set(v, "hasDisabledDescendants", !1), this.$set(v, "isExpandedOnSearch", !1), this.$set(v, "showAllChildrenOnSearch", !1), this.$set(v, "count", {
+						[M]: 0,
+						[N]: 0,
+						[P]: 0,
+						[F]: 0
+					}), this.$set(v, "children", e ? this.normalize(v, s, n) : []), c === !0 && v.ancestors.forEach((e) => {
+						e.isExpanded = !0;
+					}), !e && typeof this.loadOptions != "function" ? g(() => !1, () => "Unloaded branch node detected. \"loadOptions\" prop is required to load its children.") : !e && v.isExpanded && this.loadChildrenOptions(v);
+				}
+				if (v.ancestors.forEach((e) => e.count[N]++), f && v.ancestors.forEach((e) => e.count[F]++), l || (e.count[M] += 1, f && (e.count[P] += 1), p && (e.hasDisabledDescendants = !0)), n && n[a]) {
+					let e = n[a];
+					v.isMatched = e.isMatched, v.showAllChildrenOnSearch = e.showAllChildrenOnSearch, v.isHighlighted = e.isHighlighted, e.isBranch && v.isBranch && (v.isExpanded = e.isExpanded, v.isExpandedOnSearch = e.isExpandedOnSearch, e.childrenStates.isLoaded && !v.childrenStates.isLoaded ? v.isExpanded = !1 : v.childrenStates = { ...e.childrenStates });
+				}
+				return v;
+			});
+			if (this.branchNodesFirst) {
+				let e = r.filter((e) => e.isBranch), t = r.filter((e) => e.isLeaf);
+				r = e.concat(t);
+			}
+			return r;
+		},
+		loadRootOptions() {
+			this.callLoadOptionsProp({
+				action: le,
+				isPending: () => this.rootOptionsStates.isLoading,
+				start: () => {
+					this.rootOptionsStates.isLoading = !0, this.rootOptionsStates.loadingError = "";
+				},
+				succeed: () => {
+					this.rootOptionsStates.isLoaded = !0, this.$nextTick(() => {
+						this.resetHighlightedOptionWhenNecessary(!0);
+					});
+				},
+				fail: (e) => {
+					this.rootOptionsStates.loadingError = H(e);
+				},
+				end: () => {
+					this.rootOptionsStates.isLoading = !1;
+				}
+			});
+		},
+		loadChildrenOptions(e) {
+			let { id: t, raw: n } = e;
+			this.callLoadOptionsProp({
+				action: ue,
+				args: { parentNode: n },
+				isPending: () => this.getNode(t).childrenStates.isLoading,
+				start: () => {
+					this.getNode(t).childrenStates.isLoading = !0, this.getNode(t).childrenStates.loadingError = "";
+				},
+				succeed: () => {
+					this.getNode(t).childrenStates.isLoaded = !0;
+				},
+				fail: (e) => {
+					this.getNode(t).childrenStates.loadingError = H(e);
+				},
+				end: () => {
+					this.getNode(t).childrenStates.isLoading = !1;
+				}
+			});
+		},
+		callLoadOptionsProp({ action: e, args: t, isPending: n, start: r, succeed: i, fail: a, end: o }) {
+			if (!this.loadOptions || n()) return;
+			r();
+			let s = h((e, t) => {
+				e ? a(e) : i(t), o();
+			}), c = this.loadOptions({
+				id: this.getInstanceId(),
+				instanceId: this.getInstanceId(),
+				action: e,
+				...t,
+				callback: s
+			});
+			u(c) && c.then(() => {
+				s();
+			}, (e) => {
+				s(e);
+			}).catch((e) => {
+				// istanbul ignore next
+				console.error(e);
+			});
+		},
+		checkDuplication(e) {
+			g(() => !(e.id in this.forest.nodeMap && !this.forest.nodeMap[e.id].isFallbackNode), () => `Detected duplicate presence of node id ${JSON.stringify(e.id)}. Their labels are "${this.forest.nodeMap[e.id].label}" and "${e.label}" respectively.`);
+		},
+		verifyNodeShape(e) {
+			g(() => !(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.");
+		},
+		select(e) {
+			if (this.disabled || e.isDisabled) return;
+			this.single && this.clear();
+			let t = this.multiple && !this.flat ? this.forest.checkedStateMap[e.id] === 0 : !this.isSelected(e);
+			t ? this._selectNode(e) : this._deselectNode(e), this.buildForestState(), t ? this.$emit("select", e.raw, this.getInstanceId()) : this.$emit("deselect", e.raw, this.getInstanceId()), this.localSearch.active && t && (this.single || this.clearOnSelect) && this.resetSearchQuery(), this.single && this.closeOnSelect && (this.closeMenu(), this.searchable && (this._blurOnSelect = !0));
+		},
+		clear() {
+			this.hasValue && (this.single || this.allowClearingDisabled ? this.forest.selectedNodeIds = [] : this.forest.selectedNodeIds = this.forest.selectedNodeIds.filter((e) => this.getNode(e).isDisabled), this.buildForestState());
+		},
+		_selectNode(e) {
+			if (this.single || this.disableBranchNodes) return this.addValue(e);
+			if (this.flat) {
+				this.addValue(e), this.autoSelectAncestors ? e.ancestors.forEach((e) => {
+					!this.isSelected(e) && !e.isDisabled && this.addValue(e);
+				}) : this.autoSelectDescendants && this.traverseDescendantsBFS(e, (e) => {
+					!this.isSelected(e) && !e.isDisabled && this.addValue(e);
+				});
+				return;
+			}
+			let t = e.isLeaf || !e.hasDisabledDescendants || this.allowSelectingDisabledDescendants;
+			if (t && this.addValue(e), e.isBranch && this.traverseDescendantsBFS(e, (e) => {
+				(!e.isDisabled || this.allowSelectingDisabledDescendants) && this.addValue(e);
+			}), t) {
+				let t = e;
+				for (; (t = t.parentNode) !== null && t.children.every(this.isSelected);) this.addValue(t);
+			}
+		},
+		_deselectNode(e) {
+			if (this.disableBranchNodes) return this.removeValue(e);
+			if (this.flat) {
+				this.removeValue(e), this.autoDeselectAncestors ? e.ancestors.forEach((e) => {
+					this.isSelected(e) && !e.isDisabled && this.removeValue(e);
+				}) : this.autoDeselectDescendants && this.traverseDescendantsBFS(e, (e) => {
+					this.isSelected(e) && !e.isDisabled && this.removeValue(e);
+				});
+				return;
+			}
+			let t = !1;
+			if (e.isBranch && this.traverseDescendantsDFS(e, (e) => {
+				(!e.isDisabled || this.allowSelectingDisabledDescendants) && (this.removeValue(e), t = !0);
+			}), e.isLeaf || t || e.children.length === 0) {
+				this.removeValue(e);
+				let t = e;
+				for (; (t = t.parentNode) !== null && this.isSelected(t);) this.removeValue(t);
+			}
+		},
+		addValue(e) {
+			this.forest.selectedNodeIds.push(e.id), this.forest.selectedNodeMap[e.id] = !0;
+		},
+		removeValue(e) {
+			y(this.forest.selectedNodeIds, e.id), delete this.forest.selectedNodeMap[e.id];
+		},
+		removeLastValue() {
+			if (!this.hasValue) return;
+			if (this.single) return this.clear();
+			let e = p(this.internalValue), t = this.getNode(e);
+			this.select(t);
+		},
+		saveMenuScrollPosition() {
+			let e = this.getMenu();
+			// istanbul ignore else
+			e && (this.menu.lastScrollPosition = e.scrollTop);
+		},
+		restoreMenuScrollPosition() {
+			let e = this.getMenu();
+			// istanbul ignore else
+			e && (e.scrollTop = this.menu.lastScrollPosition);
+		}
+	},
+	created() {
+		this.verifyProps(), this.resetFlags();
+	},
+	mounted() {
+		this.autoFocus && this.focusInput(), !this.options && !this.async && this.autoLoadRootOptions && this.loadRootOptions(), this.alwaysOpen && this.openMenu(), this.async && this.defaultOptions && this.handleRemoteSearch();
+	},
+	destroyed() {
+		// istanbul ignore next
+		this.toggleClickOutsideEvent(!1);
+	}
+};
+//#endregion
+//#region src/components/tree-select/components/VueTreeSelectHiddenFields.vue?vue&type=script&lang.jsx
+function xe(e) {
+	// istanbul ignore next
+	return typeof e == "string" ? e : e != null && !T(e) ? JSON.stringify(e) : "";
+}
+//#endregion
+//#region src/components/tree-select/components/VueTreeSelectHiddenFields.vue
+var Se = {
+	name: "VueTreeSelectHiddenFields",
+	functional: !0,
+	inject: ["instance"],
+	render(e, t) {
+		let { instance: n } = t.injections;
+		if (!n.name || n.disabled || !n.hasValue) return null;
+		let r = n.internalValue.map(xe);
+		return n.multiple && n.joinValues && (r = [r.join(n.delimiter)]), r.map((e, t) => a("input", {
+			type: "hidden",
+			name: n.name,
+			value: e,
+			key: `hidden-field-${t}`
+		}, null));
+	}
+}, Ce = [
+	R.ENTER,
+	R.END,
+	R.HOME,
+	R.ARROW_LEFT,
+	R.ARROW_UP,
+	R.ARROW_RIGHT,
+	R.ARROW_DOWN
+], U = {
+	name: "VueTreeSelectInput",
+	inject: ["instance"],
+	data: () => ({
+		inputWidth: 5,
+		value: ""
+	}),
+	computed: {
+		needAutoSize() {
+			let { instance: e } = this;
+			return e.searchable && !e.disabled && e.multiple;
+		},
+		inputStyle() {
+			return { width: this.needAutoSize ? `${this.inputWidth}px` : null };
+		}
+	},
+	watch: {
+		"instance.trigger.searchQuery"(e) {
+			this.value = e;
+		},
+		value() {
+			// istanbul ignore else
+			this.needAutoSize && this.$nextTick(this.updateInputWidth);
+		}
+	},
+	created() {
+		this.debouncedCallback = d(this.updateSearchQuery, ge, {
+			leading: !0,
+			trailing: !0
+		});
+	},
+	methods: {
+		clear() {
+			this.onInput({ target: { value: "" } });
+		},
+		focus() {
+			let { instance: e } = this;
+			if (!e.disabled) {
+				var t;
+				(t = this.$refs.input) == null || t.focus();
+			}
+		},
+		blur() {
+			var e;
+			(e = this.$refs.input) == null || e.blur();
+		},
+		onFocus() {
+			let { instance: e } = this;
+			// istanbul ignore else
+			e.trigger.isFocused = !0, e.openOnFocus && e.openMenu();
+		},
+		onBlur() {
+			let { instance: e } = this, t = e.getMenu();
+			// istanbul ignore next
+			if (t && document.activeElement === t) return this.focus();
+			e.trigger.isFocused = !1, e.closeMenu();
+		},
+		onInput(e) {
+			let { value: t } = e.target;
+			this.value = t, t ? this.debouncedCallback() : (this.debouncedCallback.cancel(), this.updateSearchQuery());
+		},
+		onKeyDown(e) {
+			let { instance: t } = this, n = "which" in e ? e.which : e.keyCode;
+			if (!(e.ctrlKey || e.shiftKey || e.altKey || e.metaKey)) {
+				if (!t.menu.isOpen && k(Ce, n)) return e.preventDefault(), t.openMenu();
+				switch (n) {
+					case R.BACKSPACE:
+						t.backspaceRemoves && !this.value.length && t.removeLastValue();
+						break;
+					case R.ENTER: {
+						if (e.preventDefault(), t.menu.current === null) return;
+						let n = t.getNode(t.menu.current);
+						if (n.isBranch && t.disableBranchNodes) return;
+						t.select(n);
+						break;
+					}
+					case R.ESCAPE:
+						this.value.length ? this.clear() : t.menu.isOpen && t.closeMenu();
+						break;
+					case R.END:
+						e.preventDefault(), t.highlightLastOption();
+						break;
+					case R.HOME:
+						e.preventDefault(), t.highlightFirstOption();
+						break;
+					case R.ARROW_LEFT: {
+						let n = t.getNode(t.menu.current);
+						n.isBranch && t.shouldExpand(n) ? (e.preventDefault(), t.toggleExpanded(n)) : !n.isRootNode && (n.isLeaf || n.isBranch && !t.shouldExpand(n)) && (e.preventDefault(), t.setCurrentHighlightedOption(n.parentNode));
+						break;
+					}
+					case R.ARROW_UP:
+						e.preventDefault(), t.highlightPrevOption();
+						break;
+					case R.ARROW_RIGHT: {
+						let n = t.getNode(t.menu.current);
+						n.isBranch && !t.shouldExpand(n) && (e.preventDefault(), t.toggleExpanded(n));
+						break;
+					}
+					case R.ARROW_DOWN:
+						e.preventDefault(), t.highlightNextOption();
+						break;
+					case R.DELETE:
+						t.deleteRemoves && !this.value.length && t.removeLastValue();
+						break;
+					default:
+ // istanbul ignore else
+					t.openMenu();
+				}
+			}
+		},
+		onMouseDown(e) {
+			// istanbul ignore next
+			this.value.length && e.stopPropagation();
+		},
+		renderInputContainer() {
+			let { instance: e } = this, t = {}, n = [];
+			return e.searchable && !e.disabled && (n.push(this.renderInput()), this.needAutoSize && n.push(this.renderSizer())), e.searchable || O(t, {
+				on: {
+					focus: this.onFocus,
+					blur: this.onBlur,
+					keydown: this.onKeyDown
+				},
+				ref: "input"
+			}), !e.searchable && !e.disabled && O(t, { attrs: { tabIndex: e.tabIndex } }), a("div", s({ class: "vue-treeselect__input-container" }, t), [n]);
+		},
+		renderInput() {
+			let { instance: e } = this;
+			return a("input", {
+				ref: "input",
+				class: "vue-treeselect__input",
+				type: "text",
+				autocomplete: "off",
+				tabIndex: e.tabIndex,
+				required: e.required && !e.hasValue,
+				value: this.value,
+				style: this.inputStyle,
+				onFocus: this.onFocus,
+				onInput: this.onInput,
+				onBlur: this.onBlur,
+				onKeydown: this.onKeyDown,
+				onMousedown: this.onMouseDown
+			}, null);
+		},
+		renderSizer() {
+			return a("div", {
+				ref: "sizer",
+				class: "vue-treeselect__sizer"
+			}, [this.value]);
+		},
+		updateInputWidth() {
+			this.inputWidth = Math.max(5, this.$refs.sizer.scrollWidth + 15);
+		},
+		updateSearchQuery() {
+			let { instance: e } = this;
+			e.trigger.searchQuery = this.value;
+		}
+	},
+	render() {
+		return this.renderInputContainer();
+	}
+}, W = {
+	name: "VueTreeSelectPlaceholder",
+	inject: ["instance"],
+	render() {
+		let { instance: e } = this;
+		return a("div", { class: {
+			"vue-treeselect__placeholder": !0,
+			"vue-treeselect-helper-zoom-effect-off": !0,
+			"vue-treeselect-helper-hide": e.hasValue || e.trigger.searchQuery
+		} }, [e.placeholder]);
+	}
+}, we = {
+	name: "VueTreeSelectSingleValue",
+	inject: ["instance"],
+	methods: { renderSingleValueLabel() {
+		let { instance: e } = this, t = e.selectedNodes[0], n = e.$slots["value-label"];
+		return n ? n({ node: t }) : t.label;
+	} },
+	render() {
+		let { instance: e, $parent: { renderValueContainer: t } } = this;
+		return t([
+			e.hasValue && !e.trigger.searchQuery && a("div", { class: "vue-treeselect__single-value" }, [this.renderSingleValueLabel()]),
+			a(W, null, null),
+			a(U, { ref: "input" }, null)
+		]);
+	}
+}, Te = { name: "VueTreeSelectDelete" }, Ee = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 348.333 348.333"
+};
+function De(e, t, i, a, o, s) {
+	return c(), n("svg", Ee, [...t[0] || (t[0] = [r("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)])]);
+}
+var G = /* @__PURE__ */ e(Te, [["render", De]]), Oe = {
+	name: "VueTreeSelectMultiValueItem",
+	inject: ["instance"],
+	props: { node: {
+		type: Object,
+		required: !0
+	} },
+	methods: { handleMouseDown: _(function() {
+		let { instance: e, node: t } = this;
+		e.select(t);
+	}) },
+	render() {
+		let { instance: e, node: t } = this, n = {
+			"vue-treeselect__multi-value-item": !0,
+			"vue-treeselect__multi-value-item-disabled": t.isDisabled,
+			"vue-treeselect__multi-value-item-new": t.isNew
+		}, r = e.$slots["value-label"], i = r ? r({ node: t }) : t.label;
+		return a("div", { class: "vue-treeselect__multi-value-item-container" }, [a("div", {
+			class: n,
+			onMousedown: this.handleMouseDown
+		}, [a("span", { class: "vue-treeselect__multi-value-label" }, [i]), a("span", { class: "vue-treeselect__icon vue-treeselect__value-remove" }, [a(G, null, null)])])]);
+	}
+}, ke = {
+	name: "VueTreeSelectMultiValue",
+	inject: ["instance"],
+	methods: {
+		renderMultiValueItems() {
+			let { instance: e } = this;
+			return e.internalValue.slice(0, e.limit).map(e.getNode).map((e) => a(Oe, {
+				key: `multi-value-item-${e.id}`,
+				node: e
+			}, null));
+		},
+		renderExceedLimitTip() {
+			let { instance: e } = this, t = e.internalValue.length - e.limit;
+			return t <= 0 ? null : a("div", {
+				class: "vue-treeselect__limit-tip vue-treeselect-helper-zoom-effect-off",
+				key: "exceed-limit-tip"
+			}, [a("span", { class: "vue-treeselect__limit-tip-text" }, [e.limitText(t)])]);
+		}
+	},
+	render() {
+		let { renderValueContainer: e } = this.$parent;
+		return e(a(l("transition-group"), s({ class: "vue-treeselect__multi-value" }, { props: {
+			tag: "div",
+			name: "vue-treeselect__multi-value-item--transition",
+			appear: !0
+		} }), { default: () => [
+			this.renderMultiValueItems(),
+			this.renderExceedLimitTip(),
+			a(W, { key: "placeholder" }, null),
+			a(U, {
+				ref: "input",
+				key: "input"
+			}, null)
+		] }));
+	}
+}, Ae = { name: "VueTreeSelectArrow" }, je = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 292.362 292.362"
+};
+function Me(e, t, i, a, o, s) {
+	return c(), n("svg", je, [...t[0] || (t[0] = [r("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)])]);
+}
+var K = /* @__PURE__ */ e(Ae, [["render", Me]]), Ne = {
+	name: "VueTreeSelectControl",
+	inject: ["instance"],
+	computed: {
+		shouldShowX() {
+			let { instance: e } = this;
+			return e.clearable && !e.disabled && e.hasValue && (this.hasUndisabledValue || e.allowClearingDisabled);
+		},
+		shouldShowArrow() {
+			let { instance: e } = this;
+			return e.alwaysOpen ? !e.menu.isOpen : !0;
+		},
+		hasUndisabledValue() {
+			let { instance: e } = this;
+			return e.hasValue && e.internalValue.some((t) => !e.getNode(t).isDisabled);
+		}
+	},
+	methods: {
+		renderX() {
+			let { instance: e } = this, t = e.multiple ? e.clearAllText : e.clearValueText;
+			return this.shouldShowX ? a("div", {
+				class: "vue-treeselect__x-container",
+				title: t,
+				onMousedown: this.handleMouseDownOnX
+			}, [a(G, { class: "vue-treeselect__x" }, null)]) : null;
+		},
+		renderArrow() {
+			let { instance: e } = this, t = {
+				"vue-treeselect__control-arrow": !0,
+				"vue-treeselect__control-arrow--rotated": e.menu.isOpen
+			};
+			return this.shouldShowArrow ? a("div", {
+				class: "vue-treeselect__control-arrow-container",
+				onMousedown: this.handleMouseDownOnArrow
+			}, [a(K, { class: t }, null)]) : null;
+		},
+		handleMouseDownOnX: _(function(e) {
+			e.stopPropagation(), e.preventDefault();
+			let { instance: t } = this, n = t.beforeClearAll(), r = (e) => {
+				e && t.clear();
+			};
+			u(n) ? n.then(r) : setTimeout(() => r(n), 0);
+		}),
+		handleMouseDownOnArrow: _(function(e) {
+			e.preventDefault(), e.stopPropagation();
+			let { instance: t } = this;
+			t.focusInput(), t.toggleMenu();
+		}),
+		renderValueContainer(e) {
+			return a("div", { class: "vue-treeselect__value-container" }, [e]);
+		}
+	},
+	render() {
+		let { instance: e } = this, t = e.single ? we : ke;
+		return a("div", {
+			class: "vue-treeselect__control",
+			onMousedown: e.handleMouseDown
+		}, [
+			a(t, { ref: "value-container" }, null),
+			this.renderX(),
+			this.renderArrow()
+		]);
+	}
+}, q = {
+	name: "VueTreeSelectTip",
+	functional: !0,
+	props: {
+		type: {
+			type: String,
+			required: !0
+		},
+		icon: {
+			type: String,
+			required: !0
+		}
+	},
+	render(e, t) {
+		let { props: n, children: r } = t;
+		return a("div", { class: `vue-treeselect__tip vue-treeselect__${n.type}-tip` }, [a("div", { class: "vue-treeselect__icon-container" }, [a("span", { class: `vue-treeselect__icon-${n.icon}` }, null)]), a("span", { class: `vue-treeselect__tip-text vue-treeselect__${n.type}-tip-text` }, [r])]);
+	}
+};
+//#endregion
+//#region src/components/tree-select/components/VueTreeSelectOption.vue?vue&type=script&lang.jsx
+function Pe(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !o(e);
+}
+var J, Y, X, Z = {
+	name: "VueTreeSelectOption",
+	inject: ["instance"],
+	props: { node: {
+		type: Object,
+		required: !0
+	} },
+	computed: {
+		shouldExpand() {
+			let { instance: e, node: t } = this;
+			return t.isBranch && e.shouldExpand(t);
+		},
+		shouldShow() {
+			let { instance: e, node: t } = this;
+			return e.shouldShowOptionInMenu(t);
+		}
+	},
+	methods: {
+		renderOption() {
+			let { instance: e, node: t } = this;
+			return a("div", {
+				class: {
+					"vue-treeselect__option": !0,
+					"vue-treeselect__option--disabled": t.isDisabled,
+					"vue-treeselect__option--selected": e.isSelected(t),
+					"vue-treeselect__option--highlight": t.isHighlighted,
+					"vue-treeselect__option--matched": e.localSearch.active && t.isMatched,
+					"vue-treeselect__option--hide": !this.shouldShow
+				},
+				onMouseenter: this.handleMouseEnterOption,
+				"data-id": t.id
+			}, [this.renderArrow(), this.renderLabelContainer([this.renderCheckboxContainer([this.renderCheckbox()]), this.renderLabel()])]);
+		},
+		renderSubOptionsList() {
+			return this.shouldExpand ? a("div", { class: "vue-treeselect__list" }, [
+				this.renderSubOptions(),
+				this.renderNoChildrenTip(),
+				this.renderLoadingChildrenTip(),
+				this.renderLoadingChildrenErrorTip()
+			]) : null;
+		},
+		renderArrow() {
+			let { instance: e, node: t } = this;
+			if (e.shouldFlattenOptions && this.shouldShow) return null;
+			if (t.isBranch) {
+				let e = { props: {
+					name: "vue-treeselect__option-arrow--prepare",
+					appear: !0
+				} }, t = {
+					"vue-treeselect__option-arrow": !0,
+					"vue-treeselect__option-arrow--rotated": this.shouldExpand
+				};
+				return a("div", {
+					class: "vue-treeselect__option-arrow-container",
+					onMousedown: this.handleMouseDownOnArrow
+				}, [a(l("transition"), e, { default: () => [a(K, { class: t }, null)] })]);
+			}
+			return e.hasBranchNodes ? (J || (J = a("div", { class: "vue-treeselect__option-arrow-placeholder" }, [i("\xA0")])), J) : null;
+		},
+		renderLabelContainer(e) {
+			return a("div", {
+				class: "vue-treeselect__label-container",
+				onMousedown: this.handleMouseDownOnLabelContainer
+			}, [e]);
+		},
+		renderCheckboxContainer(e) {
+			let { instance: t, node: n } = this;
+			return t.single || t.disableBranchNodes && n.isBranch ? null : a("div", { class: "vue-treeselect__checkbox-container" }, [e]);
+		},
+		renderCheckbox() {
+			let { instance: e, node: t } = this, n = e.forest.checkedStateMap[t.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": t.isDisabled
+			};
+			return Y || (Y = a("span", { class: "vue-treeselect__check-mark" }, null)), X || (X = a("span", { class: "vue-treeselect__minus-mark" }, null)), a("span", { class: r }, [Y, X]);
+		},
+		renderLabel() {
+			let { instance: e, node: t } = this, n = t.isBranch && (e.localSearch.active ? e.showCountOnSearchComputed : e.showCount), r = n ? e.localSearch.active ? e.localSearch.countMap[t.id][e.showCountOf] : t.count[e.showCountOf] : NaN, o = "vue-treeselect__label", s = "vue-treeselect__count", c = e.$slots["option-label"];
+			return c ? c({
+				node: t,
+				shouldShowCount: n,
+				count: r,
+				labelClassName: o,
+				countClassName: s
+			}) : a("label", { class: o }, [t.label, n && a("span", { class: s }, [
+				i("("),
+				r,
+				i(")")
+			])]);
+		},
+		renderSubOptions() {
+			let { node: e } = this;
+			return e.childrenStates.isLoaded ? e.children.map((e) => a(Z, {
+				node: e,
+				key: e.id
+			}, null)) : null;
+		},
+		renderNoChildrenTip() {
+			let { instance: e, node: t } = this;
+			return !t.childrenStates.isLoaded || t.children.length ? null : a(q, {
+				type: "no-children",
+				icon: "warning"
+			}, { default: () => [e.noChildrenText] });
+		},
+		renderLoadingChildrenTip() {
+			let { instance: e, node: t } = this;
+			return t.childrenStates.isLoading ? a(q, {
+				type: "loading",
+				icon: "loader"
+			}, { default: () => [e.loadingText] }) : null;
+		},
+		renderLoadingChildrenErrorTip() {
+			let { instance: e, node: t } = this;
+			return t.childrenStates.loadingError ? a(q, {
+				type: "error",
+				icon: "error"
+			}, { default: () => [t.childrenStates.loadingError, a("a", {
+				class: "vue-treeselect__retry",
+				title: e.retryTitle,
+				onMousedown: this.handleMouseDownOnRetry
+			}, [e.retryText])] }) : null;
+		},
+		handleMouseEnterOption(e) {
+			let { instance: t, node: n } = this;
+			e.target === e.currentTarget && t.setCurrentHighlightedOption(n, !1);
+		},
+		handleMouseDownOnArrow: _(function() {
+			let { instance: e, node: t } = this;
+			e.toggleExpanded(t);
+		}),
+		handleMouseDownOnLabelContainer: _(function() {
+			let { instance: e, node: t } = this;
+			t.isBranch && e.disableBranchNodes ? e.toggleExpanded(t) : e.select(t);
+		}),
+		handleMouseDownOnRetry: _(function() {
+			let { instance: e, node: t } = this;
+			e.loadChildrenOptions(t);
+		})
+	},
+	render() {
+		let e, { node: t } = this, n = this.instance.shouldFlattenOptions ? 0 : t.level;
+		return a("div", { class: {
+			"vue-treeselect__list-item": !0,
+			[`vue-treeselect__indent-level-${n}`]: !0
+		} }, [this.renderOption(), t.isBranch && a(l("transition"), { props: { name: "vue-treeselect__list--transition" } }, Pe(e = this.renderSubOptionsList()) ? e : { default: () => [e] })]);
+	}
+}, Fe = Z;
+//#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]" && !o(e);
+}
+var Le = {
+	top: "top",
+	bottom: "bottom",
+	above: "top",
+	below: "bottom"
+}, Q = {
+	name: "VueTreeSelectMenu",
+	inject: ["instance"],
+	computed: {
+		menuStyle() {
+			let { instance: e } = this;
+			return { maxHeight: `${e.maxHeight}px` };
+		},
+		menuContainerStyle() {
+			let { instance: e } = this;
+			return { zIndex: e.appendToBody ? null : e.zIndex };
+		}
+	},
+	watch: { "instance.menu.isOpen"(e) {
+		e ? this.$nextTick(this.onMenuOpen) : this.onMenuClose();
+	} },
+	created() {
+		this.menuSizeWatcher = null, this.menuResizeAndScrollEventListeners = null;
+	},
+	mounted() {
+		let { instance: e } = this;
+		e.menu.isOpen && this.$nextTick(this.onMenuOpen);
+	},
+	unmounted() {
+		this.onMenuClose();
+	},
+	methods: {
+		renderMenu() {
+			let { instance: e } = this;
+			return e.menu.isOpen ? a("div", {
+				ref: "menu",
+				class: "vue-treeselect__menu",
+				onMousedown: e.handleMouseDown,
+				style: this.menuStyle
+			}, [
+				this.renderBeforeList(),
+				e.async ? this.renderAsyncSearchMenuInner() : e.localSearch.active ? this.renderLocalSearchMenuInner() : this.renderNormalMenuInner(),
+				this.renderAfterList()
+			]) : null;
+		},
+		renderBeforeList() {
+			let { instance: e } = this, t = e.$slots["before-list"];
+			return t ? t() : null;
+		},
+		renderAfterList() {
+			let { instance: e } = this, t = e.$slots["after-list"];
+			return t ? t() : null;
+		},
+		renderNormalMenuInner() {
+			let { instance: e } = this;
+			return e.rootOptionsStates.isLoading ? this.renderLoadingOptionsTip() : e.rootOptionsStates.loadingError ? this.renderLoadingRootOptionsErrorTip() : e.rootOptionsStates.isLoaded && e.forest.normalizedOptions.length === 0 ? this.renderNoAvailableOptionsTip() : this.renderOptionList();
+		},
+		renderLocalSearchMenuInner() {
+			let { instance: e } = this;
+			return e.rootOptionsStates.isLoading ? this.renderLoadingOptionsTip() : e.rootOptionsStates.loadingError ? this.renderLoadingRootOptionsErrorTip() : e.rootOptionsStates.isLoaded && e.forest.normalizedOptions.length === 0 ? this.renderNoAvailableOptionsTip() : e.localSearch.noResults ? this.renderNoResultsTip() : this.renderOptionList();
+		},
+		renderAsyncSearchMenuInner() {
+			let { instance: e } = this, t = e.getRemoteSearchEntry(), n = e.trigger.searchQuery === "" && !e.defaultOptions, r = n ? !1 : t.isLoaded && t.options.length === 0;
+			return n ? this.renderSearchPromptTip() : t.isLoading ? this.renderLoadingOptionsTip() : t.loadingError ? this.renderAsyncSearchLoadingErrorTip() : r ? this.renderNoResultsTip() : this.renderOptionList();
+		},
+		renderOptionList() {
+			let { instance: e } = this;
+			return a("div", { class: "vue-treeselect__list" }, [e.forest.normalizedOptions.map((e) => a(Fe, {
+				node: e,
+				key: e.id
+			}, null))]);
+		},
+		renderSearchPromptTip() {
+			let { instance: e } = this;
+			return a(q, {
+				type: "search-prompt",
+				icon: "warning"
+			}, { default: () => [e.searchPromptText] });
+		},
+		renderLoadingOptionsTip() {
+			let { instance: e } = this;
+			return a(q, {
+				type: "loading",
+				icon: "loader"
+			}, { default: () => [e.loadingText] });
+		},
+		renderLoadingRootOptionsErrorTip() {
+			let { instance: e } = this;
+			return a(q, {
+				type: "error",
+				icon: "error"
+			}, { default: () => [e.rootOptionsStates.loadingError, a("a", {
+				class: "vue-treeselect__retry",
+				onClick: e.loadRootOptions,
+				title: e.retryTitle
+			}, [e.retryText])] });
+		},
+		renderAsyncSearchLoadingErrorTip() {
+			let { instance: e } = this, t = e.getRemoteSearchEntry();
+			return a(q, {
+				type: "error",
+				icon: "error"
+			}, { default: () => [t.loadingError, a("a", {
+				class: "vue-treeselect__retry",
+				onClick: e.handleRemoteSearch,
+				title: e.retryTitle
+			}, [e.retryText])] });
+		},
+		renderNoAvailableOptionsTip() {
+			let { instance: e } = this;
+			return a(q, {
+				type: "no-options",
+				icon: "warning"
+			}, { default: () => [e.noOptionsText] });
+		},
+		renderNoResultsTip() {
+			let { instance: e } = this;
+			return a(q, {
+				type: "no-results",
+				icon: "warning"
+			}, { default: () => [e.noResultsText] });
+		},
+		onMenuOpen() {
+			this.adjustMenuOpenDirection(), this.setupMenuSizeWatcher(), this.setupMenuResizeAndScrollEventListeners();
+		},
+		onMenuClose() {
+			this.removeMenuSizeWatcher(), this.removeMenuResizeAndScrollEventListeners();
+		},
+		adjustMenuOpenDirection() {
+			let { instance: e } = this;
+			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();
+		},
+		setupMenuSizeWatcher() {
+			let { instance: e } = this, t = e.getMenu();
+			this.menuSizeWatcher || (this.menuSizeWatcher = { remove: C(t, this.adjustMenuOpenDirection) });
+		},
+		setupMenuResizeAndScrollEventListeners() {
+			let { instance: e } = this, t = e.getControl();
+			this.menuResizeAndScrollEventListeners || (this.menuResizeAndScrollEventListeners = { remove: w(t, this.adjustMenuOpenDirection) });
+		},
+		removeMenuSizeWatcher() {
+			this.menuSizeWatcher && (this.menuSizeWatcher.remove(), this.menuSizeWatcher = null);
+		},
+		removeMenuResizeAndScrollEventListeners() {
+			this.menuResizeAndScrollEventListeners && (this.menuResizeAndScrollEventListeners.remove(), this.menuResizeAndScrollEventListeners = null);
+		}
+	},
+	render() {
+		let e;
+		return a("div", {
+			ref: "menu-container",
+			class: "vue-treeselect__menu-container",
+			style: this.menuContainerStyle
+		}, [a(l("transition"), { name: "vue-treeselect__menu--transition" }, Ie(e = this.renderMenu()) ? e : { default: () => [e] })]);
+	}
+}, Re = {
+	name: "VueTreeSelectPortalTarget",
+	inject: ["instance"],
+	watch: {
+		"instance.menu.isOpen"(e) {
+			e ? this.setupHandlers() : this.removeHandlers();
+		},
+		"instance.menu.placement"() {
+			this.updateMenuContainerOffset();
+		}
+	},
+	created() {
+		this.controlResizeAndScrollEventListeners = null, this.controlSizeWatcher = null;
+	},
+	mounted() {
+		let { instance: e } = this;
+		e.menu.isOpen && this.setupHandlers();
+	},
+	methods: {
+		setupHandlers() {
+			this.updateWidth(), this.updateMenuContainerOffset(), this.setupControlResizeAndScrollEventListeners(), this.setupControlSizeWatcher();
+		},
+		removeHandlers() {
+			this.removeControlResizeAndScrollEventListeners(), this.removeControlSizeWatcher();
+		},
+		setupControlResizeAndScrollEventListeners() {
+			let { instance: e } = this, t = e.getControl();
+			this.controlResizeAndScrollEventListeners || (this.controlResizeAndScrollEventListeners = { remove: w(t, this.updateMenuContainerOffset) });
+		},
+		setupControlSizeWatcher() {
+			let { instance: e } = this, t = e.getControl();
+			this.controlSizeWatcher || (this.controlSizeWatcher = { remove: C(t, () => {
+				this.updateWidth(), this.updateMenuContainerOffset();
+			}) });
+		},
+		removeControlResizeAndScrollEventListeners() {
+			this.controlResizeAndScrollEventListeners && (this.controlResizeAndScrollEventListeners.remove(), this.controlResizeAndScrollEventListeners = null);
+		},
+		removeControlSizeWatcher() {
+			this.controlSizeWatcher && (this.controlSizeWatcher.remove(), this.controlSizeWatcher = null);
+		},
+		updateWidth() {
+			let { instance: e } = this, t = this.$el, n = e.getControl().getBoundingClientRect();
+			t.style.width = `${n.width}px`;
+		},
+		updateMenuContainerOffset() {
+			let { instance: e } = this, t = e.getControl(), n = this.$el, r = t.getBoundingClientRect(), i = n.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 = this.$refs.menu.$refs["menu-container"].style, l = A([
+				"transform",
+				"webkitTransform",
+				"MozTransform",
+				"msTransform"
+			], (e) => e in document.body.style);
+			c[l] = `translate(${o}, ${s})`;
+		}
+	},
+	render() {
+		let { instance: e } = this;
+		return a("div", {
+			class: ["vue-treeselect__portal-target", e.wrapperClass],
+			style: { zIndex: e.zIndex },
+			"data-instance-id": e.getInstanceId()
+		}, [a(Q, { ref: "menu" }, null)]);
+	},
+	destroyed() {
+		this.removeHandlers();
+	}
+}, $, ze = {
+	name: "VueTreeSelectMenuPortal",
+	created() {
+		this.portalTarget = null;
+	},
+	mounted() {
+		this.setup();
+	},
+	unmounted() {
+		this.teardown();
+	},
+	methods: {
+		setup() {
+			let e = document.createElement("div");
+			document.body.appendChild(e), this.portalTarget = new t({
+				el: e,
+				parent: this,
+				...Re
+			});
+		},
+		teardown() {
+			document.body.removeChild(this.portalTarget.$el), this.portalTarget.$el.innerHTML = "", this.portalTarget.$destroy(), this.portalTarget = null;
+		}
+	},
+	render() {
+		return $ || ($ = a("div", { class: "vue-treeselect__menu-placeholder" }, null)), $;
+	}
+}, Be = {
+	name: "VueTreeSelect",
+	mixins: [be],
+	computed: { wrapperClass() {
+		return {
+			"vue-treeselect": !0,
+			"vue-treeselect--single": this.single,
+			"vue-treeselect--multi": this.multiple,
+			"vue-treeselect--searchable": this.searchable,
+			"vue-treeselect--disabled": this.disabled,
+			"vue-treeselect--focused": this.trigger.isFocused,
+			"vue-treeselect--has-value": this.hasValue,
+			"vue-treeselect--open": this.menu.isOpen,
+			"vue-treeselect--open-above": this.menu.placement === "top",
+			"vue-treeselect--open-below": this.menu.placement === "bottom",
+			"vue-treeselect--branch-nodes-disabled": this.disableBranchNodes,
+			"vue-treeselect--append-to-body": this.appendToBody
+		};
+	} },
+	render() {
+		return a("div", {
+			ref: "wrapper",
+			class: this.wrapperClass
+		}, [
+			a(Se, null, null),
+			a(Ne, { ref: "control" }, null),
+			this.appendToBody ? a(ze, { ref: "portal" }, null) : a(Q, { ref: "menu" }, null)
+		]);
+	}
+};
+//#endregion
+export { Be as t };