@moubing/bing-ui 0.11.1 → 0.12.0

package/dist/components/BingTreeSelect/BingTreeSelect.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,1274 @@
+import { useConfigZIndex as e } from "../../utils/config.js";
+import { useReducedMotion as t } from "../../motion/reducedMotion.js";
+import { createSelectPanelEnter as n, createSelectPanelLeave as r } from "../../motion/selectPanelMotion.js";
+import { enterLiquidHover as i, leaveLiquidHover as a, resetLiquidHover as ee, setLiquidHoverOrigin as te } from "../../motion/liquidHover.js";
+import { useClickFeedback as ne } from "../../motion/useClickFeedback.js";
+import { isolateFormControls as re, useFormControl as ie } from "../BingForm/useFormControl.js";
+import o from "../BingButton/BingButton.js";
+import { CheckCheck as ae, ChevronDown as oe, ChevronRight as se, Info as ce, ListCollapse as le, ListTree as ue, ListX as de, Search as fe, X as pe } from "../../icons/icons.js";
+import s from "../BingIcon/BingIcon.js";
+import me from "../BingInput/BingInput.js";
+import { compactSmoothScrollOptions as he, resolveComponentSmoothScroll as ge } from "../../motion/smoothScroll.js";
+import _e from "../BingScrollbar/BingScrollbar.js";
+import { useOverlay as ve } from "../../utils/overlay.js";
+import { useClientReady as ye } from "../../utils/useClientReady.js";
+import { createGlassCssVariables as be, defaultGlassEffect as c } from "../../utils/glass.js";
+import xe from "../BingCheckbox/BingCheckbox.js";
+import { computeFloatingPosition as Se, getAvailableSpace as Ce, isVerticalSide as we, resolveFloatingSide as Te, useFloatingAutoUpdate as Ee } from "../../utils/floating.js";
+import { getMetaEntries as De, normalizeSearchText as Oe, searchQueryMatches as ke } from "../../utils/search.js";
+import { useKeyboardScrollSync as Ae } from "../../utils/useKeyboardScrollSync.js";
+import { useDeferredBlurValidation as je } from "../../utils/useDeferredBlurValidation.js";
+import { useOutsidePointerDown as Me } from "../../utils/useOutsidePointerDown.js";
+import { useSearchShortcutFocus as Ne } from "../../utils/useSearchShortcutFocus.js";
+import { useVirtualList as Pe } from "../../utils/useVirtualList.js";
+import { useOptionDetailPanel as Fe } from "../../utils/useOptionDetailPanel.js";
+import Ie from "../BingTag/BingTag.js";
+import Le from "../BingTooltip/BingTooltip.js";
+import { Fragment as Re, Teleport as ze, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as Be, createVNode as m, defineComponent as Ve, nextTick as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as He, openBlock as v, ref as y, renderList as Ue, renderSlot as We, toDisplayString as b, unref as x, useId as Ge, useSlots as Ke, watch as S, withCtx as C, withDirectives as qe, withModifiers as Je } from "vue";
+import { gsap as Ye } from "gsap";
+//#region src/components/BingTreeSelect/BingTreeSelect.vue?vue&type=script&setup=true&lang.ts
+var Xe = { class: "bing-tree-select__control" }, Ze = [
+	"id",
+	"disabled",
+	"aria-label",
+	"aria-describedby",
+	"aria-invalid",
+	"aria-expanded",
+	"aria-activedescendant"
+], Qe = {
+	key: 0,
+	class: "bing-tree-select__tags-value"
+}, $e = {
+	key: 0,
+	class: "bing-tree-select__tags-placeholder"
+}, et = ["aria-multiselectable"], tt = [
+	"id",
+	"aria-level",
+	"aria-expanded",
+	"aria-selected",
+	"aria-disabled",
+	"data-depth",
+	"data-node-index",
+	"onClick",
+	"onMouseenter",
+	"onMousemove"
+], nt = { class: "bing-tree-select__node-surface" }, rt = {
+	key: 1,
+	class: "bing-tree-select__leaf-spacer",
+	"aria-hidden": "true"
+}, it = { class: "bing-tree-select__node-main" }, at = { class: "bing-tree-select__node-label" }, ot = ["title", "aria-label"], st = ["title"], ct = {
+	key: 0,
+	class: "bing-tree-select__empty"
+}, lt = { class: "bing-tree-select__node-detail-title" }, ut = {
+	key: 0,
+	class: "bing-tree-select__node-detail-text"
+}, dt = { class: "bing-tree-select__node-detail-meta-key" }, ft = { class: "bing-tree-select__node-detail-meta-value" }, pt = 280, mt = /* @__PURE__ */ Ve({
+	__name: "BingTreeSelect",
+	props: {
+		id: { default: void 0 },
+		modelValue: { default: null },
+		options: { default: () => [] },
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		checkStrictly: {
+			type: Boolean,
+			default: !1
+		},
+		placeholder: { default: "请选择节点" },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		clearable: {
+			type: Boolean,
+			default: !0
+		},
+		showSelectAll: {
+			type: Boolean,
+			default: !0
+		},
+		selectAllText: { default: "全选" },
+		clearAllText: { default: "清空已选" },
+		showTreeActions: {
+			type: Boolean,
+			default: !0
+		},
+		expandAllText: { default: "全部展开" },
+		collapseAllText: { default: "全部收起" },
+		emptyText: { default: "暂无节点" },
+		searchable: {
+			type: [Boolean, String],
+			default: "auto"
+		},
+		searchPlaceholder: { default: "搜索节点（/）" },
+		noSearchResultsText: { default: "未找到匹配节点" },
+		smoothScroll: {
+			type: [Boolean, Object],
+			default: !0
+		},
+		defaultExpandedValues: { default: () => [] },
+		defaultExpandAll: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: void 0 },
+		block: {
+			type: Boolean,
+			default: !1
+		},
+		panelMinHeight: { default: 180 },
+		panelMaxHeight: { default: 360 },
+		panelPlacement: { default: "auto" },
+		panelAlign: { default: "start" },
+		panelGap: { default: 10 },
+		virtual: {
+			type: [Boolean, String],
+			default: "auto"
+		},
+		virtualThreshold: { default: 120 },
+		virtualItemHeight: { default: void 0 },
+		virtualOverscan: { default: 5 },
+		ariaLabel: { default: void 0 },
+		ariaDescribedby: { default: void 0 },
+		status: { default: void 0 },
+		glass: {
+			type: Boolean,
+			default: c.glass
+		},
+		glassBlur: { default: void 0 },
+		glassOpacity: { default: void 0 },
+		glassSaturation: { default: void 0 }
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"clear",
+		"open",
+		"close",
+		"expand",
+		"collapse"
+	],
+	setup(c, { emit: Ve }) {
+		let mt = t(), { vClickFeedback: ht, playClickFeedback: w } = ne(), T = c, gt = Ve, _t = ye(), { formItem: vt, resolvedId: yt, resolvedSize: E, resolvedDisabled: D, resolvedStatus: bt, resolvedAriaDescribedby: xt } = ie(T);
+		re();
+		let St = Ke(), Ct = l(() => ge(T.smoothScroll, he, {
+			keyboard: !1,
+			smoothTouchpad: !1,
+			respectReducedMotion: !0
+		})), wt = `bing-tree-select-${Ge()}`, Tt = `${wt}-listbox`, O = y(null), k = y(null), Et = y(null), A = y(null), Dt = y(null), j = y(null), M = y(null), N = y(null), Ot = y(null), P = y(!1), kt = y(!1), F = y(void 0), I = y(!1), At = y(""), L = y([]), jt = y(0), R = y({
+			align: "start",
+			left: 0,
+			minHeight: 180,
+			maxHeight: 360,
+			placement: "bottom",
+			top: 0,
+			width: pt
+		}), Mt, Nt = !1, Pt = Me(Er), Ft = Ne({
+			input: Et,
+			isOpen: () => P.value,
+			isSearchable: () => cn.value
+		}), It = je({
+			formItem: vt,
+			isOpen: () => P.value,
+			isInteractionTarget: Cr
+		}), { isSyncing: Lt, start: Rt, scheduleEnd: zt, finish: Bt } = Ae(I), z = Fe({
+			listPanel: A,
+			detailPanel: N,
+			detailContent: Ot,
+			itemSelector: ".bing-tree-select__node",
+			indexAttribute: "nodeIndex",
+			isOpen: () => P.value,
+			isKeyboardNavigating: I,
+			getItemState: (e) => {
+				let t = V.value.flat[e];
+				return t ? {
+					disabled: t.disabled,
+					hasDetail: fr(t)
+				} : void 0;
+			},
+			getItemElement: pr,
+			getItemSurface: mr,
+			getKeyboardIndex: () => F.value === void 0 ? -1 : U.value.find((e) => q(e.value, F.value))?.index ?? -1,
+			onPointerRestore: (e) => {
+				let t = V.value.flat[e];
+				t?.selectable && (F.value = t.value);
+			},
+			hiddenScale: 1,
+			enterEase: "power3.out",
+			force3D: !1
+		}), { index: Vt, shouldRender: Ht, placement: Ut } = z, Wt = l(() => typeof T.panelMinHeight == "number" ? `${T.panelMinHeight}px` : T.panelMinHeight), Gt = l(() => typeof T.panelMaxHeight == "number" ? `${T.panelMaxHeight}px` : T.panelMaxHeight), Kt = l(() => Math.max(0, Math.floor(T.virtualThreshold))), qt = l(() => ({
+			sm: 28,
+			md: 32,
+			lg: 36
+		})[E.value]), Jt = l(() => T.virtualItemHeight !== void 0 && Number.isFinite(T.virtualItemHeight) ? Math.max(qt.value, Math.floor(T.virtualItemHeight)) : qt.value), Yt = l(() => Math.max(0, Math.floor(T.virtualOverscan))), Xt = Pe({
+			count: () => U.value.length,
+			mode: () => T.virtual,
+			threshold: () => Kt.value,
+			itemHeight: () => Jt.value,
+			overscan: () => Yt.value,
+			scrollbar: M,
+			fallbackViewportHeight: jt,
+			itemHeightVar: "--bing-tree-select-virtual-item-height"
+		}), { enabled: Zt, scrollTop: Qt, viewportHeight: $t, startIndex: en, endIndex: tn, bodyStyle: nn, stackStyle: rn, refresh: B, clampScroll: an } = Xt, V = l(() => Qn(T.options)), on = l(() => new Set(L.value)), sn = l(() => Oe(At.value)), H = l(() => cn.value && sn.value.length > 0), cn = l(() => T.searchable === !0 ? !0 : T.searchable === !1 ? !1 : V.value.flat.length > 8), ln = l(() => T.searchPlaceholder.includes("/") ? T.searchPlaceholder : `${T.searchPlaceholder} (/)`), U = l(() => H.value ? er(V.value.roots, sn.value) : $n(V.value.roots)), un = l(() => Zt.value ? U.value.slice(en.value, tn.value) : U.value), dn = l(() => {
+			if (!Zt.value) return;
+			let e = Math.min(6, Math.max(4, Jt.value - 28));
+			return {
+				height: `${Jt.value}px`,
+				"--bing-tree-select-node-visual-gap": `${e}px`
+			};
+		}), fn = l(() => {
+			let e = T.modelValue;
+			return T.multiple ? Array.isArray(e) ? e : e === null ? [] : [e] : Array.isArray(e) ? e.length > 0 ? [e[0]] : [] : e === null ? [] : [e];
+		}), W = l(() => T.multiple && !T.checkStrictly ? rr(fn.value) : tr(fn.value)), pn = l(() => new Set(W.value)), mn = l(() => ir(W.value)), hn = l(() => T.multiple && !St.value), gn = l(() => mn.value.slice(0, 2)), _n = l(() => Math.max(0, mn.value.length - gn.value.length)), vn = l(() => E.value === "lg" ? "md" : "sm"), yn = l(() => mn.value.length > 0), bn = l(() => T.clearable && !D.value && yn.value), xn = l(() => V.value.expandableValues.length > 0), Sn = l(() => T.showTreeActions && xn.value), Cn = l(() => T.multiple && T.showSelectAll), wn = l(() => (H.value ? V.value.flat.filter((e) => Zn(e, sn.value)) : V.value.flat).filter(sr)), Tn = l(() => J(wn.value.flatMap((e) => T.checkStrictly ? [e.value] : e.branchValues))), En = l(() => Tn.value.length > 0), Dn = l(() => wn.value.filter((e) => X(e)).length), G = l(() => En.value && Tn.value.every((e) => pn.value.has(e))), On = l(() => Tn.value.some((e) => pn.value.has(e)) && !G.value), kn = l(() => Cn.value || Sn.value), An = l(() => V.value.expandableValues.filter((e) => on.value.has(e)).length), jn = l(() => xn.value && An.value === V.value.expandableValues.length), Mn = l(() => {
+			if (!P.value || F.value === void 0) return;
+			let e = V.value.valueMap.get(F.value);
+			return e ? ar(e) : void 0;
+		}), K = l(() => V.value.flat[Vt.value]), Nn = l(() => K.value?.node), Pn = l(() => K.value ? X(K.value) : !1), Fn = l(() => K.value ? or(K.value) : !1), In = l(() => Nn.value?.description), Ln = l(() => Yn(Nn.value)), Rn = l(() => {
+			if (!yn.value) return T.placeholder;
+			let e = mn.value.map((e) => e.label);
+			return T.multiple && e.length > 2 ? `${e.slice(0, 2).join(", ")} +${e.length - 2}` : e.join(T.multiple ? ", " : "");
+		}), zn = l(() => [
+			"bing-tree-select",
+			`bing-tree-select--${E.value}`,
+			`bing-tree-select--status-${bt.value}`,
+			{
+				"is-open": P.value,
+				"is-disabled": D.value,
+				"is-invalid": bt.value === "error",
+				"is-block": T.block || !!vt,
+				"has-value": yn.value,
+				"is-multiple": T.multiple,
+				"is-cascade": T.multiple && !T.checkStrictly
+			}
+		]), Bn = l(() => be("bing-tree-select", {
+			glass: T.glass,
+			glassBlur: T.glassBlur,
+			glassOpacity: T.glassOpacity,
+			glassSaturation: T.glassSaturation
+		})), Vn = l(() => ({ ...Bn.value })), Hn = l(() => [
+			"bing-tree-select__panel",
+			`is-placement-${R.value.placement}`,
+			`is-align-${R.value.align}`,
+			{
+				"is-glass": T.glass,
+				"is-searching": H.value,
+				"is-multiple": T.multiple,
+				"is-keyboard-navigating": I.value,
+				"is-keyboard-scrolling": Lt.value
+			}
+		]), Un = Ee(() => {
+			Q(), B(), z.updatePosition();
+		}, { enabled: () => P.value }), Wn = e("popover"), Gn = ve({
+			open: () => kt.value,
+			elements: () => [
+				O.value,
+				A.value,
+				j.value,
+				N.value
+			],
+			zIndex: () => Wn.value,
+			onEscape: () => $(!0)
+		}), Kn = l(() => ({
+			position: "fixed",
+			top: `${R.value.top}px`,
+			left: `${R.value.left}px`,
+			width: `${R.value.width}px`,
+			zIndex: Gn.zIndex.value,
+			"--bing-tree-select-panel-min-height": `${R.value.minHeight}px`,
+			"--bing-tree-select-panel-max-height": `${R.value.maxHeight}px`,
+			"--bing-tree-select-node-height": `${qt.value}px`,
+			"--bing-tree-select-node-font-size": E.value === "sm" ? "13px" : "14px",
+			"--bing-tree-select-node-line-height": E.value === "sm" ? "18px" : "20px",
+			...Bn.value
+		})), qn = l(() => {
+			let e = R.value.left - 32 - 8, t = R.value.left + R.value.width + 8, n = e >= 8 || !Jn() ? e : dr(t, 8, Math.max(8, window.innerWidth - 32 - 8));
+			return {
+				position: "fixed",
+				top: `${R.value.top}px`,
+				left: `${n}px`,
+				zIndex: Gn.zIndex.value + 1,
+				...Bn.value
+			};
+		});
+		function Jn() {
+			return typeof window < "u" && typeof document < "u";
+		}
+		function q(e, t) {
+			return e === t;
+		}
+		function J(e) {
+			return e.filter((t, n) => e.findIndex((e) => q(e, t)) === n);
+		}
+		function Yn(e) {
+			return De(e?.meta);
+		}
+		function Xn(e) {
+			return Oe([
+				e.label,
+				e.value,
+				e.description,
+				...Yn(e).flatMap((e) => [e.key, e.value])
+			].join(" "));
+		}
+		function Zn(e, t) {
+			return ke(e.searchText, t);
+		}
+		function Qn(e) {
+			let t = [], n = /* @__PURE__ */ new Map(), r = 0;
+			function i(e, a, ee, te, ne) {
+				return e.map((e) => {
+					let re = [...te, e.value], ie = [...ne, e.label], o = {
+						branchValues: [],
+						childBranchValues: [],
+						children: [],
+						depth: a,
+						disabled: !!e.disabled,
+						index: r,
+						label: e.label,
+						node: e,
+						parent: ee,
+						parentValue: ee?.value,
+						path: re,
+						pathLabels: ie,
+						searchText: Xn(e),
+						selectable: e.selectable !== !1 && !e.disabled,
+						value: e.value
+					};
+					return r += 1, t.push(o), n.set(o.value, o), o.children = i(Array.isArray(e.children) ? e.children : [], a + 1, o, re, ie), o.childBranchValues = J(o.children.flatMap((e) => e.branchValues)), o.branchValues = J([...o.selectable ? [o.value] : [], ...o.childBranchValues]), o;
+				});
+			}
+			let a = i(e, 0, void 0, [], []);
+			return {
+				expandableValues: t.filter((e) => e.children.length > 0).map((e) => e.value),
+				flat: t,
+				roots: a,
+				valueMap: n
+			};
+		}
+		function $n(e) {
+			let t = [];
+			function n(e) {
+				t.push(e), e.children.length > 0 && on.value.has(e.value) && e.children.forEach(n);
+			}
+			return e.forEach(n), t;
+		}
+		function er(e, t) {
+			function n(e) {
+				let r = Zn(e, t), i = e.children.flatMap((e) => n(e));
+				return r || i.length > 0 ? [e, ...i] : [];
+			}
+			return e.flatMap((e) => n(e));
+		}
+		function tr(e) {
+			let t = new Set(e);
+			return V.value.flat.filter((e) => t.has(e.value)).map((e) => e.value);
+		}
+		function nr(e) {
+			let t = new Set(e);
+			function n(e) {
+				if (e.children.forEach(n), !(!e.selectable || e.children.length === 0)) {
+					if (e.childBranchValues.length > 0 && e.childBranchValues.every((e) => t.has(e))) {
+						t.add(e.value);
+						return;
+					}
+					t.delete(e.value);
+				}
+			}
+			return V.value.roots.forEach(n), tr([...t]);
+		}
+		function rr(e) {
+			let t = /* @__PURE__ */ new Set();
+			return e.forEach((e) => {
+				let n = V.value.valueMap.get(e);
+				n && n.branchValues.forEach((e) => t.add(e));
+			}), nr(t);
+		}
+		function ir(e) {
+			let t = new Set(Array.isArray(e) ? e : e === null ? [] : [e]);
+			return V.value.flat.filter((e) => t.has(e.value)).map((e) => e.node);
+		}
+		function ar(e) {
+			return `${wt}-node-${e.index}`;
+		}
+		function Y(e) {
+			return e.children.length === 0 ? !1 : H.value || on.value.has(e.value);
+		}
+		function X(e) {
+			return T.multiple && !T.checkStrictly ? e.branchValues.length > 0 && e.branchValues.every((e) => pn.value.has(e)) : pn.value.has(e.value);
+		}
+		function or(e) {
+			if (!T.multiple || T.checkStrictly || e.branchValues.length === 0) return !1;
+			let t = e.branchValues.filter((e) => pn.value.has(e)).length;
+			return t > 0 && t < e.branchValues.length;
+		}
+		function sr(e) {
+			return e.selectable && !e.disabled;
+		}
+		function Z(e, t) {
+			It.cancel();
+			let n = {
+				value: e,
+				node: t,
+				nodes: ir(e)
+			};
+			gt("update:modelValue", e), gt("change", n), vt?.handleControlChange();
+		}
+		function cr(e) {
+			return T.checkStrictly ? tr(e) : nr(new Set(e));
+		}
+		function lr() {
+			if (typeof T.panelMinHeight == "number") return Math.max(0, T.panelMinHeight);
+			let e = Number.parseFloat(T.panelMinHeight);
+			return Number.isFinite(e) ? Math.max(0, e) : 180;
+		}
+		function ur() {
+			if (typeof T.panelMaxHeight == "number") return Math.max(0, T.panelMaxHeight);
+			let e = Number.parseFloat(T.panelMaxHeight);
+			return Number.isFinite(e) ? Math.max(0, e) : 360;
+		}
+		function dr(e, t, n) {
+			return Math.min(n, Math.max(t, e));
+		}
+		function fr(e) {
+			return e ? !!(St["node-detail"] || e.node.description || Yn(e.node).length > 0) : !1;
+		}
+		function pr(e) {
+			if (e < 0 || !Jn()) return null;
+			let t = V.value.flat[e];
+			return t ? document.getElementById(ar(t)) : null;
+		}
+		function mr(e) {
+			return e.querySelector(".bing-tree-select__node-surface") ?? e;
+		}
+		function Q() {
+			if (!Jn() || !O.value || !A.value) return;
+			let e = Number.isFinite(T.panelGap) ? Math.max(0, T.panelGap) : 10, t = O.value.getBoundingClientRect(), n = window.innerWidth, r = window.innerHeight, i = ur(), a = Math.min(lr(), i), ee = A.value.querySelector(".bing-tree-select__panel-body"), te = Dt.value?.getBoundingClientRect().height ?? 0, ne = Xt.getContentHeight() ?? ee?.scrollHeight ?? 0, re = Math.max(Jt.value, U.value.length * Jt.value), ie = te + (ne || re) + 2, o = dr(ie, a, i), ae = {
+				gap: e,
+				padding: 12,
+				viewport: {
+					width: n,
+					height: r
+				}
+			}, oe = T.panelPlacement === "auto" ? Te({
+				anchor: t,
+				floating: {
+					width: 0,
+					height: o
+				},
+				side: "bottom",
+				...ae
+			}) : T.panelPlacement, se = T.panelAlign, ce = we(oe) ? Ce(t, oe, ae) : r - 24, le = Math.max(0, Math.min(i, ce || i)), ue = Math.min(a, le), de = dr(ie, ue, le), fe = Math.max(0, de - te - 2), pe = t.width || O.value.offsetWidth || pt, s = kn.value ? 40 : 0, me = Math.max(0, n - 24 - s), he = Math.min(Math.max(pe, pt), me), ge = Se({
+				anchor: t,
+				floating: {
+					width: he,
+					height: de
+				},
+				side: oe,
+				flip: "none",
+				align: se === "middle" ? "center" : se,
+				...ae
+			}), _e = ge.left;
+			kn.value && _e - s < 8 && _e + he + s > n - 8 && (_e = Math.max(12, n - 12 - s - he));
+			let ve = ge.top;
+			jt.value = fe, $t.value = fe, R.value = {
+				align: se,
+				left: _e,
+				minHeight: ue,
+				maxHeight: le,
+				placement: oe,
+				top: ve,
+				width: he
+			};
+		}
+		function hr(e) {
+			z.rememberPointer(e);
+		}
+		function gr(e) {
+			let t = e.target;
+			if (t) {
+				if (Xt.readViewport(t), I.value) {
+					z.scheduleKeyboardShow(), zt();
+					return;
+				}
+				z.handleListScroll();
+			}
+		}
+		function _r() {
+			let e = A.value;
+			return e ? Array.from(e.querySelectorAll(".bing-tree-select__node")) : [];
+		}
+		function vr() {
+			let e = j.value;
+			return e ? Array.from(e.querySelectorAll(".bing-tree-select__action-button")) : [];
+		}
+		function yr() {
+			Mt?.kill(), Mt = void 0;
+		}
+		function br() {
+			let e = A.value;
+			if (!e) return;
+			let t = _r(), r = j.value, i = vr(), a = [
+				e,
+				r,
+				...i,
+				...t
+			].filter(Boolean);
+			if (yr(), Ye.killTweensOf(a), mt()) {
+				Ye.set(a, {
+					autoAlpha: 1,
+					x: 0,
+					y: 0,
+					scale: 1,
+					scaleX: 1,
+					scaleY: 1,
+					clearProps: "transform"
+				});
+				return;
+			}
+			Mt = n({
+				panel: e,
+				items: t,
+				actionRail: r,
+				actionButtons: i,
+				placement: R.value.placement,
+				align: R.value.align,
+				onComplete: () => {
+					Mt = void 0;
+				}
+			});
+		}
+		function xr(e) {
+			Wr(), kt.value = !1, F.value = void 0, I.value = !1, z.hide(!0), Lr(), e && k.value?.focus();
+		}
+		function Sr(e = !1) {
+			let t = A.value;
+			if (!t) {
+				xr(e);
+				return;
+			}
+			let n = _r(), i = j.value, a = vr();
+			if (yr(), Ye.killTweensOf([
+				t,
+				i,
+				...a,
+				...n
+			].filter(Boolean)), mt()) {
+				xr(e);
+				return;
+			}
+			Mt = r({
+				panel: t,
+				items: n,
+				actionRail: i,
+				actionButtons: a,
+				placement: R.value.placement,
+				align: R.value.align,
+				onComplete: () => {
+					Mt = void 0, xr(e);
+				}
+			});
+		}
+		function Cr(e) {
+			return e instanceof Node ? !!(O.value?.contains(e) || A.value?.contains(e) || j.value?.contains(e) || N.value?.contains(e)) : !1;
+		}
+		async function wr() {
+			D.value || P.value || (kt.value = !0, P.value = !0, Yr(), Pt.start(), Ft.start(), Un.start(), gt("open"), await h(), Q(), B(), br(), Zr(), await Ft.focus(), I.value && z.scheduleKeyboardShow());
+		}
+		function $(e = !1) {
+			P.value && (M.value?.stop(), P.value = !1, Bt(), Pt.stop(), Ft.stop(), Un.dispose(), z.hide(), gt("close"), Sr(e));
+		}
+		function Tr() {
+			if (!D.value) {
+				if (P.value) {
+					$();
+					return;
+				}
+				wr();
+			}
+		}
+		function Er(e) {
+			let t = O.value, n = A.value, r = j.value, i = N.value;
+			!t || !(e.target instanceof Node) || Gn.contains(e.target) || !t.contains(e.target) && !n?.contains(e.target) && !r?.contains(e.target) && !i?.contains(e.target) && $();
+		}
+		function Dr(e) {
+			e.stopPropagation(), k.value?.focus(), Tr();
+		}
+		function Or(e) {
+			return {
+				value: e.value,
+				node: e.node,
+				expandedValues: [...L.value]
+			};
+		}
+		function kr(e, t) {
+			e.children.length === 0 || H.value || t !== on.value.has(e.value) && (M.value?.stop(), L.value = t ? J([...L.value, e.value]) : L.value.filter((t) => !q(t, e.value)), gt(t ? "expand" : "collapse", Or(e)), h(() => {
+				an(), Q(), B();
+			}));
+		}
+		function Ar(e) {
+			kr(e, !on.value.has(e.value));
+		}
+		function jr() {
+			H.value || !xn.value || (M.value?.stop(), L.value = [...V.value.expandableValues], h(() => {
+				an(), Q(), B();
+			}));
+		}
+		function Mr() {
+			H.value || !xn.value || (M.value?.stop(), L.value = [], h(() => {
+				an(), Q(), B();
+			}));
+		}
+		function Nr() {
+			if (jn.value) {
+				Mr();
+				return;
+			}
+			jr();
+		}
+		function Pr() {
+			!Cn.value || D.value || !En.value || G.value || Z(cr(J([...W.value, ...Tn.value])));
+		}
+		function Fr() {
+			if (!Cn.value || D.value || Dn.value === 0) return;
+			let e = new Set(Tn.value);
+			Z(cr(W.value.filter((t) => !e.has(t))));
+		}
+		function Ir() {
+			if (G.value) {
+				Fr();
+				return;
+			}
+			Pr();
+		}
+		function Lr() {
+			At.value = "";
+		}
+		function Rr(e, t) {
+			if (!(D.value || e.disabled)) {
+				if (!e.selectable) {
+					if (t && e.children.length && !H.value) {
+						let n = Xr(e.value);
+						n && w(t, mr(n));
+					}
+					Ar(e);
+					return;
+				}
+				if (t && w(t, Xr(e.value)), T.multiple) {
+					if (T.checkStrictly) {
+						Z(cr(pn.value.has(e.value) ? W.value.filter((t) => !q(t, e.value)) : J([...W.value, e.value])), e.node);
+						return;
+					}
+					let t = new Set(W.value);
+					X(e) ? e.branchValues.forEach((e) => t.delete(e)) : e.branchValues.forEach((e) => t.add(e)), Z(cr([...t]), e.node);
+					return;
+				}
+				Z(e.value, e.node), $(!0);
+			}
+		}
+		function zr() {
+			if (!bn.value) return;
+			let e = T.multiple ? [] : null;
+			gt("clear"), Z(e);
+		}
+		function Br(e) {
+			if (D.value) return;
+			let t = V.value.valueMap.get(e.value);
+			if (T.multiple && !T.checkStrictly && t) {
+				let n = new Set(W.value);
+				t.branchValues.forEach((e) => n.delete(e)), Z(cr([...n]), e), h(() => k.value?.focus());
+				return;
+			}
+			let n = W.value.filter((t) => !q(t, e.value));
+			Z(T.multiple ? cr(n) : null, e), h(() => k.value?.focus());
+		}
+		function Vr(e) {
+			e.stopPropagation(), zr();
+		}
+		function Hr(e) {
+			e.stopPropagation();
+		}
+		let Ur = /* @__PURE__ */ new Set();
+		function Wr() {
+			Ur.forEach(ee), Ur.clear();
+		}
+		function Gr(e) {
+			let t = e.currentTarget.querySelector(".bing-tree-select__node-liquid");
+			t && Ur.has(t) && a(t);
+		}
+		function Kr(e, t) {
+			if (z.rememberPointer(e), I.value = !1, Bt(), t.selectable && !t.disabled && (F.value = t.value, !mt())) {
+				let t = mr(e.currentTarget), n = t.querySelector(".bing-tree-select__node-liquid");
+				n && (Ur.add(n), te(t, n, e), i(n));
+			}
+			if (t.disabled || !fr(t)) {
+				z.hide(!0);
+				return;
+			}
+			z.show(e.currentTarget, t.index);
+		}
+		function qr(e, t) {
+			if (z.rememberPointer(e), I.value = !1, Bt(), t.selectable && !t.disabled && (F.value = t.value), t.disabled || !fr(t)) {
+				z.hide(!0);
+				return;
+			}
+			z.cancelHide(), (Vt.value !== t.index || !Ht.value) && z.show(e.currentTarget, t.index);
+		}
+		S(un, Wr, { flush: "pre" }), S(I, (e) => {
+			e && Wr();
+		}), He(Wr);
+		function Jr() {
+			return U.value.filter(sr);
+		}
+		function Yr() {
+			let e = U.value.find((e) => sr(e) && X(e)), t = Jr()[0];
+			F.value = e?.value ?? t?.value;
+		}
+		function Xr(e) {
+			if (e === void 0) return null;
+			let t = V.value.valueMap.get(e);
+			return !t || !Jn() ? null : document.getElementById(ar(t));
+		}
+		function Zr() {
+			F.value !== void 0 && h(() => {
+				if (Zt.value) {
+					Xt.scrollToIndex(U.value.findIndex((e) => q(e.value, F.value)), {
+						offsetTop: 0,
+						beforeScroll: Rt
+					});
+					return;
+				}
+				M.value?.stop(), Xr(F.value)?.scrollIntoView?.({ block: "nearest" });
+			});
+		}
+		function Qr(e) {
+			let t = Jr();
+			if (t.length === 0) return;
+			I.value = !0;
+			let n = t.findIndex((e) => F.value === void 0 ? !1 : q(e.value, F.value));
+			n < 0 && (n = e > 0 ? -1 : 0), n = (n + e + t.length) % t.length, F.value = t[n]?.value, Zr(), z.scheduleKeyboardShow();
+		}
+		function $r(e) {
+			let t = Jr(), n = e === "first" ? t[0] : t[t.length - 1];
+			n && (I.value = !0, F.value = n.value, Zr(), z.scheduleKeyboardShow());
+		}
+		function ei() {
+			if (F.value !== void 0) return V.value.valueMap.get(F.value);
+		}
+		function ti(e) {
+			let t = ei();
+			t && Rr(t, e);
+		}
+		function ni(e) {
+			e.parent && (I.value = !0, F.value = e.parent.value, Zr(), z.scheduleKeyboardShow());
+		}
+		function ri(e) {
+			if (!(e.key === "Escape" && (e.defaultPrevented || !Gn.isTop(e))) && !D.value && !Ft.handleShortcut(e)) {
+				if (e.key === "Tab") {
+					$();
+					return;
+				}
+				if (e.key === "Escape") {
+					P.value && (e.preventDefault(), $(!0));
+					return;
+				}
+				if (e.key === "ArrowDown") {
+					if (e.preventDefault(), I.value = !0, !P.value) {
+						w(e, k.value), wr();
+						return;
+					}
+					Qr(1);
+					return;
+				}
+				if (e.key === "ArrowUp") {
+					if (e.preventDefault(), I.value = !0, !P.value) {
+						w(e, k.value), wr();
+						return;
+					}
+					Qr(-1);
+					return;
+				}
+				if (e.key === "Home" && P.value) {
+					e.preventDefault(), $r("first");
+					return;
+				}
+				if (e.key === "End" && P.value) {
+					e.preventDefault(), $r("last");
+					return;
+				}
+				if (e.key === "ArrowRight" && P.value) {
+					I.value = !0;
+					let t = ei();
+					if (t?.children.length && !Y(t) && !H.value) {
+						e.preventDefault();
+						let n = Xr(t.value);
+						n && w(e, mr(n)), kr(t, !0);
+					}
+					return;
+				}
+				if (e.key === "ArrowLeft" && P.value) {
+					I.value = !0;
+					let t = ei();
+					if (t?.children.length && Y(t) && !H.value) {
+						e.preventDefault();
+						let n = Xr(t.value);
+						n && w(e, mr(n)), kr(t, !1);
+						return;
+					}
+					t?.parent && (e.preventDefault(), ni(t));
+					return;
+				}
+				if (e.key === "Enter" || e.key === " ") {
+					if (e.preventDefault(), I.value = !0, !P.value) {
+						w(e, k.value), wr();
+						return;
+					}
+					ti(e);
+				}
+			}
+		}
+		function ii(e) {
+			if (e.key === "ArrowDown") {
+				e.preventDefault(), Qr(1);
+				return;
+			}
+			if (e.key === "ArrowUp") {
+				e.preventDefault(), Qr(-1);
+				return;
+			}
+			if (e.key === "Home") {
+				e.preventDefault(), $r("first");
+				return;
+			}
+			if (e.key === "End") {
+				e.preventDefault(), $r("last");
+				return;
+			}
+			if (e.key === "Enter") {
+				e.preventDefault(), ti(e);
+				return;
+			}
+			if (e.key === "Escape" && At.value) {
+				Lr();
+				return;
+			}
+			if (e.key === "Escape") {
+				$(!0);
+				return;
+			}
+			e.key === "Tab" && $();
+		}
+		return S(() => [
+			V.value.expandableValues,
+			T.defaultExpandedValues,
+			T.defaultExpandAll
+		], () => {
+			M.value?.stop();
+			let e = new Set(V.value.expandableValues);
+			if (!Nt) {
+				L.value = T.defaultExpandAll ? [...V.value.expandableValues] : T.defaultExpandedValues.filter((t) => e.has(t)), Nt = !0;
+				return;
+			}
+			if (T.defaultExpandAll) {
+				L.value = [...V.value.expandableValues];
+				return;
+			}
+			L.value = L.value.filter((t) => e.has(t));
+		}, {
+			deep: !0,
+			immediate: !0
+		}), S(() => D.value, (e) => {
+			e && $();
+		}), S(() => sn.value, () => {
+			z.hide(!0), Qt.value = 0, Yr(), P.value && (M.value?.scrollTo(0), h(() => {
+				an(), Q(), B(), z.updatePosition();
+			}));
+		}), S(() => [
+			T.options,
+			T.modelValue,
+			T.multiple,
+			T.checkStrictly
+		], () => {
+			P.value && (M.value?.stop(), Yr(), h(() => {
+				an(), Q(), B(), z.updatePosition();
+			}));
+		}, { deep: !0 }), S(() => [
+			Wt.value,
+			Gt.value,
+			T.panelPlacement,
+			T.panelAlign,
+			T.panelGap,
+			Zt.value,
+			Jt.value,
+			Yt.value
+		], () => {
+			P.value && (M.value?.stop(), h(() => {
+				an(), Q(), B(), z.updatePosition();
+			}));
+		}), He(() => {
+			M.value?.stop(), Un.dispose(), yr(), Ye.killTweensOf([
+				A.value,
+				j.value,
+				...vr(),
+				N.value,
+				Ot.value,
+				..._r()
+			].filter(Boolean));
+		}), (e, t) => (v(), f("div", {
+			ref_key: "rootRef",
+			ref: O,
+			class: g(zn.value),
+			style: _(Vn.value),
+			onKeydown: ri
+		}, [p("div", Xe, [
+			qe((v(), f("button", {
+				ref_key: "triggerRef",
+				ref: k,
+				class: g(["bing-tree-select__trigger", { "is-tag-trigger": hn.value }]),
+				type: "button",
+				id: x(yt),
+				disabled: x(D),
+				"aria-label": c.ariaLabel || Rn.value,
+				"aria-describedby": x(xt),
+				"aria-invalid": x(bt) === "error" || void 0,
+				"aria-haspopup": "tree",
+				"aria-expanded": P.value,
+				"aria-controls": Tt,
+				"aria-activedescendant": Mn.value,
+				onClick: Tr,
+				onBlur: t[0] ||= (...e) => x(It).handleBlur && x(It).handleBlur(...e)
+			}, [hn.value ? d("", !0) : (v(), f("span", {
+				key: 0,
+				class: g(["bing-tree-select__value", { "is-placeholder": !yn.value }])
+			}, [We(e.$slots, "value", {
+				selectedNodes: mn.value,
+				placeholder: c.placeholder
+			}, () => [Be(b(Rn.value), 1)], !0)], 2))], 42, Ze)), [[x(ht)]]),
+			hn.value ? (v(), f("div", Qe, [yn.value ? (v(), f(Re, { key: 1 }, [(v(!0), f(Re, null, Ue(gn.value, (e) => (v(), u(Ie, {
+				key: e.value,
+				class: "bing-tree-select__value-tag",
+				label: e.label,
+				size: vn.value,
+				closable: "",
+				disabled: x(D),
+				"close-aria-label": `移除 ${e.label}`,
+				onClose: (t) => Br(e)
+			}, null, 8, [
+				"label",
+				"size",
+				"disabled",
+				"close-aria-label",
+				"onClose"
+			]))), 128)), _n.value > 0 ? (v(), u(Ie, {
+				key: 0,
+				class: "bing-tree-select__overflow-tag",
+				label: `+${_n.value}`,
+				size: vn.value,
+				tone: "neutral"
+			}, null, 8, ["label", "size"])) : d("", !0)], 64)) : (v(), f("span", $e, b(c.placeholder), 1))])) : d("", !0),
+			bn.value ? (v(), u(o, {
+				key: 1,
+				variant: "ghost",
+				size: "xs",
+				rounded: "sm",
+				throttle: !1,
+				class: "bing-tree-select__clear",
+				"aria-label": "清空选择",
+				onClick: Vr,
+				onKeydown: t[1] ||= Je(() => {}, ["stop"])
+			}, {
+				prefix: C(() => [m(s, {
+					icon: x(pe),
+					size: "sm",
+					"stroke-width": 1.75
+				}, null, 8, ["icon"])]),
+				_: 1
+			})) : d("", !0),
+			m(o, {
+				variant: "ghost",
+				size: "xs",
+				rounded: "sm",
+				throttle: !1,
+				class: "bing-tree-select__chevron",
+				tabindex: "-1",
+				"aria-hidden": "true",
+				disabled: x(D),
+				onClick: Dr
+			}, {
+				prefix: C(() => [m(s, {
+					icon: x(oe),
+					size: "sm",
+					"stroke-width": 1.75
+				}, null, 8, ["icon"])]),
+				_: 1
+			}, 8, ["disabled"])
+		]), x(_t) ? (v(), u(ze, {
+			key: 0,
+			to: "body"
+		}, [
+			kt.value && kn.value ? (v(), f("div", {
+				key: 0,
+				ref_key: "actionRailRef",
+				ref: j,
+				class: "bing-tree-select__action-rail",
+				style: _(qn.value),
+				"aria-label": "树形选择操作",
+				onPointerdown: t[2] ||= Je(() => {}, ["stop"]),
+				onClick: t[3] ||= Je(() => {}, ["stop"])
+			}, [Cn.value ? (v(), u(Le, {
+				key: 0,
+				content: `${G.value ? c.clearAllText : c.selectAllText}: ${Dn.value} / ${wn.value.length}`,
+				placement: "left",
+				align: "center",
+				"open-delay": 120
+			}, {
+				default: C(() => [m(o, {
+					variant: "ghost",
+					size: "xs",
+					rounded: "sm",
+					throttle: !1,
+					class: g(["bing-tree-select__action-button", { "is-active": G.value || On.value }]),
+					"data-action": "toggle-select-all",
+					disabled: !En.value,
+					"aria-pressed": G.value,
+					"aria-label": `${G.value ? c.clearAllText : c.selectAllText}：已选 ${Dn.value} 项，共 ${wn.value.length} 项`,
+					onClick: Ir
+				}, {
+					prefix: C(() => [m(s, {
+						icon: G.value ? x(de) : x(ae),
+						size: "sm",
+						"stroke-width": 1.75
+					}, null, 8, ["icon"])]),
+					_: 1
+				}, 8, [
+					"class",
+					"disabled",
+					"aria-pressed",
+					"aria-label"
+				])]),
+				_: 1
+			}, 8, ["content"])) : d("", !0), Sn.value ? (v(), u(Le, {
+				key: 1,
+				content: `${jn.value ? c.collapseAllText : c.expandAllText}: ${An.value} / ${V.value.expandableValues.length}`,
+				placement: "left",
+				align: "center",
+				"open-delay": 120
+			}, {
+				default: C(() => [m(o, {
+					variant: "ghost",
+					size: "xs",
+					rounded: "sm",
+					throttle: !1,
+					class: g(["bing-tree-select__action-button", { "is-active": An.value > 0 }]),
+					"data-action": "toggle-expand-all",
+					disabled: H.value || !xn.value,
+					"aria-pressed": jn.value,
+					"aria-label": `${jn.value ? c.collapseAllText : c.expandAllText}：已展开 ${An.value} 项，共 ${V.value.expandableValues.length} 项`,
+					onClick: Nr
+				}, {
+					prefix: C(() => [m(s, {
+						icon: jn.value ? x(le) : x(ue),
+						size: "sm",
+						"stroke-width": 1.75
+					}, null, 8, ["icon"])]),
+					_: 1
+				}, 8, [
+					"class",
+					"disabled",
+					"aria-pressed",
+					"aria-label"
+				])]),
+				_: 1
+			}, 8, ["content"])) : d("", !0)], 36)) : d("", !0),
+			kt.value ? (v(), f("div", {
+				key: 1,
+				id: Tt,
+				ref_key: "panelRef",
+				ref: A,
+				class: g(Hn.value),
+				style: _(Kn.value),
+				role: "tree",
+				"aria-multiselectable": c.multiple || void 0,
+				onKeydown: ri,
+				onPointermove: t[8] ||= (...e) => x(z).rememberPointer && x(z).rememberPointer(...e),
+				onWheelPassive: hr
+			}, [cn.value ? (v(), f("div", {
+				key: 0,
+				ref_key: "toolbarRef",
+				ref: Dt,
+				class: "bing-tree-select__toolbar"
+			}, [cn.value ? (v(), u(me, {
+				key: 0,
+				ref_key: "searchInputRef",
+				ref: Et,
+				modelValue: At.value,
+				"onUpdate:modelValue": t[4] ||= (e) => At.value = e,
+				class: "bing-tree-select__search",
+				type: "search",
+				icon: x(fe),
+				size: "sm",
+				block: "",
+				placeholder: ln.value,
+				autocomplete: "off",
+				spellcheck: !1,
+				"clear-aria-label": "清空搜索",
+				onClear: Lr,
+				onKeydown: Je(ii, ["stop"])
+			}, null, 8, [
+				"modelValue",
+				"icon",
+				"placeholder"
+			])) : d("", !0)], 512)) : d("", !0), m(_e, {
+				ref_key: "panelScrollRef",
+				ref: M,
+				class: "bing-tree-select__panel-scroll",
+				height: jt.value,
+				smooth: Ct.value,
+				focusable: !1,
+				always: "",
+				"aria-label": "树形节点列表",
+				onScroll: gr
+			}, {
+				default: C(() => [p("div", {
+					class: g(["bing-tree-select__panel-body", { "is-virtual": x(Zt) }]),
+					style: _(x(nn))
+				}, [p("div", {
+					class: g(["bing-tree-select__node-stack", { "is-virtual": x(Zt) }]),
+					style: _(x(rn)),
+					onMouseenter: t[6] ||= (...e) => x(z).cancelHide && x(z).cancelHide(...e),
+					onMouseleave: t[7] ||= (e) => x(z).scheduleHide()
+				}, [(v(!0), f(Re, null, Ue(un.value, (n) => (v(), f("div", {
+					id: ar(n),
+					key: `${n.path.join("__")}__${n.index}`,
+					class: g(["bing-tree-select__node", {
+						"is-selected": X(n),
+						"is-indeterminate": or(n),
+						"is-active": F.value === n.value,
+						"is-disabled": n.disabled,
+						"is-branch": n.children.length > 0,
+						"has-detail": fr(n),
+						"is-leaf": n.children.length === 0,
+						"is-not-selectable": !n.selectable
+					}]),
+					role: "treeitem",
+					style: _(dn.value),
+					"aria-level": n.depth + 1,
+					"aria-expanded": n.children.length ? Y(n) : void 0,
+					"aria-selected": X(n),
+					"aria-disabled": n.disabled || !n.selectable || void 0,
+					"data-depth": n.depth,
+					"data-node-index": n.index,
+					onClick: (e) => Rr(n, e),
+					onMouseenter: (e) => Kr(e, n),
+					onMousemove: (e) => qr(e, n),
+					onMouseleave: Gr
+				}, [p("div", nt, [
+					t[11] ||= p("span", {
+						class: "bing-tree-select__node-liquid",
+						"aria-hidden": "true"
+					}, null, -1),
+					p("span", {
+						class: "bing-tree-select__node-indent",
+						style: _({ width: `${n.depth * 16}px` }),
+						"aria-hidden": "true"
+					}, null, 4),
+					n.children.length > 0 ? (v(), u(o, {
+						key: 0,
+						variant: "ghost",
+						size: "xs",
+						rounded: "sm",
+						throttle: !1,
+						class: "bing-tree-select__expand",
+						"aria-label": Y(n) ? `收起 ${n.label}` : `展开 ${n.label}`,
+						"aria-expanded": Y(n),
+						disabled: H.value,
+						onClick: Je((e) => Ar(n), ["stop"]),
+						onKeydown: t[5] ||= Je(() => {}, ["stop"])
+					}, {
+						prefix: C(() => [m(s, {
+							icon: Y(n) ? x(oe) : x(se),
+							size: "xs",
+							"stroke-width": 1.75
+						}, null, 8, ["icon"])]),
+						_: 2
+					}, 1032, [
+						"aria-label",
+						"aria-expanded",
+						"disabled",
+						"onClick"
+					])) : (v(), f("span", rt)),
+					m(xe, {
+						decorative: "",
+						"model-value": X(n),
+						indeterminate: or(n),
+						disabled: n.disabled || !n.selectable,
+						size: x(E) === "lg" ? "md" : "sm",
+						shape: c.multiple ? "rounded" : "circle"
+					}, null, 8, [
+						"model-value",
+						"indeterminate",
+						"disabled",
+						"size",
+						"shape"
+					]),
+					p("span", it, [We(e.$slots, "node", {
+						node: n.node,
+						selected: X(n),
+						indeterminate: or(n),
+						depth: n.depth,
+						expanded: Y(n)
+					}, () => [p("span", at, b(n.label), 1)], !0)]),
+					n.children.length > 0 ? (v(), f("span", {
+						key: 2,
+						class: "bing-tree-select__child-count",
+						title: `${n.children.length} child nodes`,
+						"aria-label": `${n.children.length} child nodes`
+					}, b(n.children.length), 9, ot)) : d("", !0),
+					fr(n) ? (v(), f("span", {
+						key: 3,
+						class: "bing-tree-select__node-detail-indicator",
+						title: `Details available for ${n.label}`,
+						"aria-hidden": "true"
+					}, [m(s, {
+						icon: x(ce),
+						size: 12,
+						"stroke-width": 1.75
+					}, null, 8, ["icon"])], 8, st)) : d("", !0)
+				])], 46, tt))), 128))], 38), U.value.length === 0 ? (v(), f("div", ct, b(H.value ? c.noSearchResultsText : c.emptyText), 1)) : d("", !0)], 6)]),
+				_: 3
+			}, 8, ["height", "smooth"])], 46, et)) : d("", !0),
+			x(Ht) && K.value && Nn.value ? (v(), f("div", {
+				key: 2,
+				ref_key: "nodeDetailPanelRef",
+				ref: N,
+				class: g(["bing-tree-select__node-detail-panel", `is-placement-${x(Ut)}`]),
+				style: _(Bn.value),
+				"aria-hidden": "true",
+				onPointerdown: Hr,
+				onClick: Hr,
+				onMouseenter: t[9] ||= (...e) => x(z).cancelHide && x(z).cancelHide(...e),
+				onMouseleave: t[10] ||= (e) => x(z).scheduleHide()
+			}, [p("div", {
+				ref_key: "nodeDetailContentRef",
+				ref: Ot,
+				class: "bing-tree-select__node-detail-content"
+			}, [We(e.$slots, "node-detail", {
+				node: Nn.value,
+				selected: Pn.value,
+				indeterminate: Fn.value,
+				depth: K.value.depth,
+				expanded: Y(K.value)
+			}, () => [
+				p("span", lt, b(Nn.value.label), 1),
+				In.value ? (v(), f("span", ut, b(In.value), 1)) : d("", !0),
+				(v(!0), f(Re, null, Ue(Ln.value, (e) => (v(), f("span", {
+					key: e.key,
+					class: "bing-tree-select__node-detail-meta"
+				}, [p("span", dt, b(e.key), 1), p("span", ft, b(e.value), 1)]))), 128))
+			], !0)], 512)], 38)) : d("", !0)
+		])) : d("", !0)], 38));
+	}
+});
+//#endregion
+export { mt as default };