@aifuxi/semi-ui-vue 0.1.0-alpha.0

package/dist/Tooltip-Bq7HZwnS.js

@@ -0,0 +1,1321 @@
+import "./src-DNBBthjO.js";
+import { d as e, s as t, t as n } from "./foundation-Cawx37mp.js";
+import { t as r } from "./config-context-CyynTtDb.js";
+import { n as i } from "./config-provider-VMfNNSF1.js";
+import { Comment as a, Fragment as o, Teleport as s, Text as c, cloneVNode as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as h, createVNode as g, defineComponent as _, getCurrentInstance as v, h as y, inject as b, isVNode as x, markRaw as S, mergeProps as C, nextTick as w, normalizeClass as T, normalizeStyle as E, onBeforeUnmount as D, onMounted as O, openBlock as k, renderSlot as A, shallowReactive as j, shallowRef as M, unref as N, useSlots as P, watch as F, withCtx as I } from "vue";
+//#region bundled-foundation
+function L(e) {
+	e.stopPropagation(), e.preventDefault();
+}
+function R(e) {
+	return e.length === 1 && e.match(/\S/);
+}
+function z(e, t) {
+	for (let n = 0; n < e.length; n++) e[n] === t ? (e[n].tabIndex = 0, e[n].focus()) : e[n].tabIndex = -1;
+}
+function B(e) {
+	e.length > 0 && z(e, e[0]);
+}
+function V(e) {
+	e.length > 0 && z(e, e[e.length - 1]);
+}
+function H(e, t) {
+	let n, r;
+	e.length > 0 && (t === e[0] ? n = e[e.length - 1] : (r = e.indexOf(t), n = e[r - 1]), z(e, n));
+}
+function U(e, t) {
+	let n, r;
+	e.length > 0 && (t === e[e.length - 1] ? n = e[0] : (r = e.indexOf(t), n = e[r + 1]), z(e, n));
+}
+function W(e, t, n, r) {
+	let i, a;
+	return !e || !n || !r || r.length > 1 ? -1 : (r = r.toLowerCase(), i = e.indexOf(t) + 1, i >= e.length && (i = 0), a = n.indexOf(r, i), a === -1 && (a = n.indexOf(r, 0)), a >= 0 ? a : -1);
+}
+function ee(e, n) {
+	if (!e) return null;
+	for (; e.parentElement && (0, t.default)(e.parentElement, "attributes.role.value", "") !== n;) e = e.parentElement;
+	return e.parentElement;
+}
+function te(e, t) {
+	for (let n = 0; n < e.length; n++) {
+		let r = e[n].attributes["data-popupid"];
+		if (r && r.value === t) return e[n];
+	}
+	return null;
+}
+//#endregion
+//#region bundled-foundation
+var G = {
+	TOP: /top/i,
+	RIGHT: /right/i,
+	BOTTOM: /bottom/i,
+	LEFT: /left/i
+}, K = {
+	left: 0,
+	top: 0,
+	height: 0,
+	width: 0,
+	scrollLeft: 0,
+	scrollTop: 0
+}, ne = class extends n {
+	constructor(t) {
+		super({ ...t }), this.removePortal = () => {
+			this._adapter.removePortal();
+		}, this.setDisplayNone = (e, t) => {
+			this._adapter.setDisplayNone(e, t);
+		}, this.updateStateIfCursorOnTrigger = (e) => {
+			if (e?.matches?.(":hover")) {
+				let e = this._adapter.getEventName();
+				this.getState("triggerEventSet")[e.mouseEnter]?.();
+			}
+		}, this.onResize = () => {
+			this.getState("visible") && this.calcPosition();
+		}, this.delayShow = () => {
+			let e = this.getProp("mouseEnterDelay");
+			this.clearDelayTimer(), e > 0 ? this._timer = setTimeout(() => {
+				this.show(), this.clearDelayTimer();
+			}, e) : this.show();
+		}, this.show = () => {
+			if (this._initContainerPosition(), this._adapter.getAnimatingState()) return;
+			let e = this.getProp("content"), t = this.getProp("trigger"), n = this.getProp("clickTriggerToHide"), { visible: r, displayNone: i } = this.getStates();
+			if (i && this.setDisplayNone(!1), !r) {
+				if (this.clearDelayTimer(), this._adapter.on("portalInserted", () => {
+					this.calcPosition();
+				}), t === "hover") {
+					let e = () => {
+						let n = this._adapter.getTriggerDOM();
+						t && !n?.matches?.(":hover") && this.hide(), this._adapter.off("portalInserted", e);
+					};
+					this._adapter.on("portalInserted", e);
+				}
+				this._adapter.on("positionUpdated", () => {
+					this._togglePortalVisible(!0);
+				}), this._adapter.insertPortal(e, {
+					left: -9999,
+					top: -9999
+				}), t === "custom" && this._adapter.registerClickOutsideHandler(() => {}), (t === "click" || n || t === "contextMenu") && this._adapter.registerClickOutsideHandler(this.hide), this._bindScrollEvent(), this._bindResizeEvent();
+			}
+		}, this.calcPosition = (t, n, r, i = !0) => {
+			t = ((0, e.default)(t) ? this._adapter.getTriggerBounding() : t) || { ...K }, r = ((0, e.default)(r) ? this._adapter.getPopupContainerRect() : r) || { ...K }, n = ((0, e.default)(n) ? this._adapter.getWrapperBounding() : n) || { ...K };
+			let a = this.calcPosStyle({
+				triggerRect: t,
+				wrapperRect: n,
+				containerRect: r
+			}), o = this.getProp("position");
+			if (this.getProp("autoAdjustOverflow")) {
+				let { position: e, isHeightOverFlow: i, isWidthOverFlow: s } = this.adjustPosIfNeed(o, a, t, n, r);
+				(o !== e || i || s) && (o = e, a = this.calcPosStyle({
+					triggerRect: t,
+					wrapperRect: n,
+					containerRect: r,
+					position: o,
+					spacing: null,
+					isOverFlow: [i, s]
+				}));
+			}
+			return i && this._mounted && this._adapter.setPosition({
+				...a,
+				position: o
+			}), a;
+		}, this.delayHide = () => {
+			let e = this.getProp("mouseLeaveDelay");
+			this.clearDelayTimer(), e > 0 ? this._timer = setTimeout(() => {
+				this.hide(), this.clearDelayTimer();
+			}, e) : this.hide();
+		}, this.hide = () => {
+			this.clearDelayTimer(), this._togglePortalVisible(!1), this._adapter.off("portalInserted"), this._adapter.off("positionUpdated");
+		}, this.handleContainerKeydown = (e) => {
+			let { guardFocus: t, closeOnEsc: n } = this.getProps();
+			switch (e && e.key) {
+				case "Escape":
+					n && this._handleEscKeyDown(e);
+					break;
+				case "Tab": if (t) {
+					let t = this._adapter.getContainer(), n = this._adapter.getFocusableElements(t);
+					n.length && (e.shiftKey ? this._handleContainerShiftTabKeyDown(n, e) : this._handleContainerTabKeyDown(n, e));
+				}
+			}
+		}, this._timer = null;
+	}
+	init() {
+		let { wrapperId: e } = this.getProps();
+		this._mounted = !0, this._bindEvent(), this._shouldShow(), e || this._adapter.setId();
+	}
+	destroy() {
+		this._mounted = !1, this.unBindEvent();
+	}
+	_bindEvent() {
+		let e = this.getProp("trigger"), { triggerEventSet: t, portalEventSet: n } = this._generateEvent(e);
+		this._bindTriggerEvent(t), this._bindPortalEvent(n), this._bindResizeEvent();
+	}
+	unBindEvent() {
+		this._adapter.unregisterClickOutsideHandler(), this.unBindResizeEvent(), this.unBindScrollEvent(), clearTimeout(this._timer);
+	}
+	_bindTriggerEvent(e) {
+		this._adapter.registerTriggerEvent(e);
+	}
+	_bindPortalEvent(e) {
+		this._adapter.registerPortalEvent(e);
+	}
+	_bindResizeEvent() {
+		this._adapter.registerResizeHandler(this.onResize);
+	}
+	unBindResizeEvent() {
+		this._adapter.unregisterResizeHandler(this.onResize);
+	}
+	_adjustPos(e = "", t = !1, n = "reverse", r) {
+		switch (n) {
+			case "reverse": return this._reversePos(e, t);
+			case "expand": return this._expandPos(e, r);
+			case "reduce": return this._reducePos(e);
+			default: return this._reversePos(e, t);
+		}
+	}
+	_reversePos(e = "", t = !1) {
+		if (t) {
+			if (G.TOP.test(e)) return e.replace("top", "bottom").replace("Top", "Bottom");
+			if (G.BOTTOM.test(e)) return e.replace("bottom", "top").replace("Bottom", "Top");
+		} else if (G.LEFT.test(e)) return e.replace("left", "right").replace("Left", "Right");
+		else if (G.RIGHT.test(e)) return e.replace("right", "left").replace("Right", "Left");
+		return e;
+	}
+	_expandPos(e = "", t) {
+		return e.concat(t);
+	}
+	_reducePos(e = "") {
+		let t = [
+			"Top",
+			"Bottom",
+			"Left",
+			"Right"
+		].find((t) => e.endsWith(t));
+		return t ? e.replace(t, "") : e;
+	}
+	clearDelayTimer() {
+		this._timer &&= (clearTimeout(this._timer), null);
+	}
+	_generateEvent(e) {
+		let t = this._adapter.getEventName(), n = { [t.keydown]: (e) => {
+			this._handleTriggerKeydown(e);
+		} }, r = {};
+		switch (e) {
+			case "focus":
+				n[t.focus] = () => {
+					this.getProp("condition") !== !1 && this.delayShow();
+				}, n[t.blur] = () => {
+					this.delayHide();
+				}, r = n;
+				break;
+			case "click":
+				n[t.click] = () => {
+					this.getProp("condition") !== !1 && this.show();
+				}, r = {};
+				break;
+			case "hover":
+				n[t.mouseEnter] = () => {
+					this.setCache("isClickToHide", !1), this.getProp("condition") !== !1 && this.delayShow();
+				}, n[t.mouseLeave] = () => {
+					this.delayHide();
+				}, n[t.focus] = () => {
+					let { disableFocusListener: e } = this.getProps();
+					this.getProp("condition") !== !1 && !e && this.delayShow();
+				}, n[t.blur] = () => {
+					let { disableFocusListener: e } = this.getProps();
+					!e && this.delayHide();
+				}, r = { ...n }, this.getProp("clickToHide") && (r[t.click] = () => {
+					this.setCache("isClickToHide", !0), this.hide();
+				}, r[t.mouseEnter] = () => {
+					this.getCache("isClickToHide") || this.getProp("condition") !== !1 && this.delayShow();
+				});
+				break;
+			case "custom": break;
+			case "contextMenu": n[t.contextMenu] = (e) => {
+				this.getProp("condition") !== !1 && (e.preventDefault(), this.show());
+			};
+		}
+		return {
+			triggerEventSet: n,
+			portalEventSet: r
+		};
+	}
+	_shouldShow() {
+		this.getProp("visible") && this.show();
+	}
+	_togglePortalVisible(e) {
+		let t = this.getState("visible"), n = this.getState("isInsert");
+		(t !== e || n !== e) && this._adapter.togglePortalVisible(e, () => {
+			e && this._adapter.setInitialFocus(), this._adapter.notifyVisibleChange(e);
+		});
+	}
+	_roundPixel(e) {
+		return typeof e == "number" ? Math.round(e) : e;
+	}
+	calcTransformOrigin(e, t, n, r) {
+		if (e && t && n != null && r != null) {
+			if (this.getProp("transformFromCenter")) {
+				if (["topLeft", "bottomLeft"].includes(e)) return `${this._roundPixel(t.width / 2)}px ${-r * 100}%`;
+				if (["topRight", "bottomRight"].includes(e)) return `calc(100% - ${this._roundPixel(t.width / 2)}px) ${-r * 100}%`;
+				if (["leftTop", "rightTop"].includes(e)) return `${-n * 100}% ${this._roundPixel(t.height / 2)}px`;
+				if (["leftBottom", "rightBottom"].includes(e)) return `${-n * 100}% calc(100% - ${this._roundPixel(t.height / 2)}px)`;
+			}
+			return `${-n * 100}% ${-r * 100}%`;
+		}
+		return null;
+	}
+	calcPosStyle(n) {
+		let { spacing: r, isOverFlow: i } = n, { innerWidth: a } = window, o = ((0, e.default)(n.triggerRect) ? n.triggerRect : this._adapter.getTriggerBounding()) || { ...K }, s = ((0, e.default)(n.containerRect) ? n.containerRect : this._adapter.getPopupContainerRect()) || { ...K }, c = ((0, e.default)(n.wrapperRect) ? n.wrapperRect : this._adapter.getWrapperBounding()) || { ...K }, l = n.position == null ? this.getProp("position") : n.position, u = r ?? this.getProp("spacing"), { arrowPointAtCenter: d, showArrow: f, arrowBounding: p } = this.getProps(), m = f && d, h = u, g = 0;
+		if (typeof u != "number") {
+			let e = l.includes("top") || l.includes("bottom");
+			h = e ? u.y : u.x, g = e ? u.x : u.y;
+		}
+		let _ = (0, t.default)(p, "width", 24), v = (0, t.default)(p, "width", 24), y = (0, t.default)(p, "offsetY", 0), b, x, S = 0, C = 0, w = o.left + o.width / 2, T = o.top + o.height / 2, E = 6 + _ / 2, D = 6 + v / 2, O = c.height - s.height, k = c.width - s.width, A = O > 0 ? O : 0, j = k > 0 ? k : 0, M = i && i[0], N = i && i[1], P = w - s.left < s.right - w, F = T - s.top < s.bottom - T, I = c.width > a, L = Math.abs(c?.width - this._adapter.getContainer()?.clientWidth) > 1;
+		switch (L && (h = h * c.width / this._adapter.getContainer().clientWidth), l) {
+			case "top":
+				b = N ? P ? s.left + c.width / 2 : s.right - c.width / 2 + j : w + g, x = M ? s.top : o.top - h, S = -.5, C = M ? 0 : -1;
+				break;
+			case "topLeft":
+				b = N ? I ? s.left : s.right - c.width : m ? w - E + g : o.left + g, x = M ? s.top : o.top - h, C = M ? 0 : -1;
+				break;
+			case "topRight":
+				b = N ? s.right + j : m ? w + E + g : o.right + g, x = M ? s.top : o.top - h, C = M ? 0 : -1, S = -1;
+				break;
+			case "left":
+				b = N ? s.left : o.left - h, x = M ? F ? s.top + c.height / 2 : s.bottom - c.height / 2 + A : T + g, S = N ? 0 : -1, C = -.5;
+				break;
+			case "leftTop":
+				b = N ? s.left : o.left - h, x = M ? s.top : m ? T - D + g : o.top + g, S = N ? 0 : -1;
+				break;
+			case "leftBottom":
+				b = N ? s.left : o.left - h, x = M ? s.bottom : m ? T + D + g : o.bottom + g, S = N ? 0 : -1, C = -1;
+				break;
+			case "bottom":
+				b = N ? P ? s.left + c.width / 2 : s.right - c.width / 2 + j : w + g, x = M ? s.bottom : o.top + o.height + h, S = -.5, C = M ? -1 : 0;
+				break;
+			case "bottomLeft":
+				b = N ? I ? s.left : s.right - c.width : m ? w - E + g : o.left + g, x = M ? s.bottom : o.top + o.height + h, C = M ? -1 : 0;
+				break;
+			case "bottomRight":
+				b = N ? s.right + j : m ? w + E + g : o.right + g, x = M ? s.bottom : o.top + o.height + h, S = -1, C = M ? -1 : 0;
+				break;
+			case "right":
+				b = N ? s.right : o.right + h, x = M ? F ? s.top + c.height / 2 : s.bottom - c.height / 2 + A : T + g, S = N ? -1 : 0, C = -.5;
+				break;
+			case "rightTop":
+				b = N ? s.right : o.right + h, x = M ? s.top : m ? T - D + g : o.top + g, S = N ? -1 : 0;
+				break;
+			case "rightBottom":
+				b = N ? s.right : o.right + h, x = M ? s.bottom : m ? T + D + g : o.bottom + g, S = N ? -1 : 0, C = -1;
+				break;
+			case "leftTopOver":
+				b = N ? s.left : o.left - h, x = M ? s.top : o.top - h;
+				break;
+			case "rightTopOver":
+				b = N ? s.right : o.right + h, x = M ? s.top : o.top - h, S = -1;
+				break;
+			case "leftBottomOver":
+				b = N ? s.left : o.left - h, x = M ? s.bottom : o.bottom + h, C = -1;
+				break;
+			case "rightBottomOver": b = N ? s.right : o.right + h, x = M ? s.bottom : o.bottom + h, S = -1, C = -1;
+		}
+		let R = this.calcTransformOrigin(l, o, S, C), z = this._adapter.containerIsBody();
+		if (b -= s.left, x -= s.top, L && (b /= c.width / this._adapter.getContainer().clientWidth), L && (x /= c.height / this._adapter.getContainer().clientHeight), z && !this._adapter.containerIsRelativeOrAbsolute()) {
+			let e = this._adapter.getDocumentElementBounding();
+			b += s.left - e.left, x += s.top - e.top;
+		}
+		b = z ? b : b + s.scrollLeft, x = z ? x : x + s.scrollTop;
+		let B = o.height;
+		if (this.getProp("showArrow") && !d && B <= (v / 2 + y) * 2) {
+			let e = B / 2 - (y + v / 2);
+			(l.includes("Top") || l.includes("Bottom")) && !l.includes("Over") && (x = l.includes("Top") ? x + e : x - e);
+		}
+		let V, H;
+		if (f && [
+			"top",
+			"bottom",
+			"left",
+			"right"
+		].includes(l)) {
+			if (d) {
+				if ((l === "top" || l === "bottom") && c.width > 0) {
+					let e = (w - b) / c.width + .5, t = (_ / 2 + 6) / c.width, n = 1 - t, r = Math.max(t, Math.min(n, e));
+					Math.abs(r - .5) > .01 && (V = `${r * 100}%`);
+				}
+				if ((l === "left" || l === "right") && c.height > 0) {
+					let e = (T - x) / c.height + .5, t = (v / 2 + 6) / c.height, n = 1 - t, r = Math.max(t, Math.min(n, e));
+					Math.abs(r - .5) > .01 && (H = `${r * 100}%`);
+				}
+			} else {
+				if ((l === "top" || l === "bottom") && c.width > 0) {
+					let e = 6 + _ / 2;
+					V = P ? `${e / c.width * 100}%` : `${(c.width - e) / c.width * 100}%`;
+				}
+				if ((l === "left" || l === "right") && c.height > 0) {
+					let e = 6 + v / 2;
+					H = F ? `${e / c.height * 100}%` : `${(c.height - e) / c.height * 100}%`;
+				}
+			}
+		}
+		let U = {
+			left: this._roundPixel(b),
+			top: this._roundPixel(x)
+		};
+		V && (U["--semi-tooltip-arrow-offset-x"] = V), H && (U["--semi-tooltip-arrow-offset-y"] = H);
+		let W = "";
+		return S != null && (W += `translateX(${S * 100}%) `, Object.defineProperty(U, "translateX", {
+			enumerable: !1,
+			value: S
+		})), C != null && (W += `translateY(${C * 100}%) `, Object.defineProperty(U, "translateY", {
+			enumerable: !1,
+			value: C
+		})), R != null && (U.transformOrigin = R), W && (U.transform = W), U;
+	}
+	isLR(e = "") {
+		return e.includes("left") || e.includes("right");
+	}
+	isTB(e = "") {
+		return e.includes("top") || e.includes("bottom");
+	}
+	isReverse(e, t, n) {
+		return e < n && t > n;
+	}
+	isOverFlow(e, t, n) {
+		return e < n && t < n;
+	}
+	isHalfOverFlow(e, t, n) {
+		return e < n || t < n;
+	}
+	isHalfAllEnough(e, t, n) {
+		return e >= n || t >= n;
+	}
+	getReverse(e, t, n, r) {
+		return e && r || n;
+	}
+	adjustPosIfNeed(e, t, n, r, i) {
+		let { innerWidth: a, innerHeight: o } = window, { margin: s } = this.getProps(), c = typeof s == "number" ? s : s.marginLeft, l = typeof s == "number" ? s : s.marginTop, u = typeof s == "number" ? s : s.marginRight, d = typeof s == "number" ? s : s.marginBottom, f = !1, p = !1, m = this.getProp("spacing"), h = m, g = 0;
+		if (typeof m != "number") {
+			let t = e.includes("top") || e.includes("bottom");
+			h = t ? m.y : m.x, g = t ? m.x : m.y;
+		}
+		if (r.width > 0 && r.height > 0) {
+			let t = n.left, s = n.right, m = n.top, _ = n.bottom, v = a - t, y = o - m, b = a - s, x = o - _, S = r.width > n.width, C = r.height > n.height, w = m - l < r.height + h && x - d > r.height + h, T = t - c < r.width + h && b - u > r.width + h, E = x - d < r.height + h && m - l > r.height + h, D = b - u < r.width + h && t - c > r.width + h;
+			y - d < r.height + h && (_ - l, r.height + h), _ - l < r.height + h && (y - d, r.height + h);
+			let O = y < r.height + g && _ > r.height + g, k = _ < r.height + g && y > r.height + g, A = v < r.width + g && s > r.width + g, j = s < r.width + g && v > r.width + g, M = y < r.height + h && _ > r.height + h, N = _ < r.height + h && y > r.height + h, P = v < r.width && s > r.width, F = s < r.width && v > r.width, I = m - i.top, L = t - i.left, R = I + n.height, z = L + n.width, B = i.bottom - _, V = i.right - s, H = B + n.height, U = V + n.width, W = this.isReverse(I - l, B - d, r.height + h), ee = this.isReverse(L - c, V - u, r.width + h), te = this.isReverse(B - d, I - l, r.height + h), G = this.isReverse(V - u, L - c, r.width + h);
+			this.isReverse(H - d, R - l, r.height + h), this.isReverse(R - l, H - d, r.height + h);
+			let K = this.isReverse(H, R, r.height + g), ne = this.isReverse(R, H, r.height + g), re = this.isReverse(U, z, r.width + g), q = this.isReverse(z, U, r.width + g), J = n.height / 2, Y = n.width / 2, ie = this.isOverFlow(m - l, x - d, r.height + h), ae = this.isOverFlow(t - c, b - u, r.width + h), oe = this.isOverFlow(_ - l, y - d, r.height + h), se = this.isOverFlow(s - c, v - u, r.width + h), ce = this.isHalfOverFlow(_ - J, y - J, (r.height + g) / 2), le = this.isHalfOverFlow(s - Y, v - Y, (r.width + g) / 2), X = this.isHalfAllEnough(_ - J, y - J, (r.height + g) / 2), Z = this.isHalfAllEnough(s - Y, v - Y, (r.width + g) / 2), ue = this.isOverFlow(I - l, B - d, r.height + h), de = this.isOverFlow(L - c, V - u, r.width + h), fe = this.isOverFlow(R - l, H - d, r.height + h), pe = this.isOverFlow(z - c, U - u, r.width + h), me = this.isHalfOverFlow(R - J, H - J, (r.height + g) / 2), he = this.isHalfOverFlow(z - Y, U - Y, (r.width + g) / 2), ge = this.isHalfAllEnough(R - J, H - J, (r.height + g) / 2), _e = this.isHalfAllEnough(z - Y, U - Y, (r.width + g) / 2), ve = this.getReverse(ie, ue, w, W), ye = this.getReverse(ae, de, T, ee), be = this.getReverse(ie, ue, E, te), xe = this.getReverse(ae, de, D, G), Q = this.getReverse(oe, fe, O, K), Se = this.getReverse(oe, fe, k, ne), $ = this.getReverse(se, pe, A, re), Ce = this.getReverse(se, pe, j, q), we = ce && me, Te = le && he;
+			switch (e) {
+				case "top":
+					ve && (e = this._adjustPos(e, !0)), Te && ($ || Ce) && (e = this._adjustPos(e, !0, "expand", $ ? "Right" : "Left"));
+					break;
+				case "topLeft":
+					ve && (e = this._adjustPos(e, !0)), $ && S && (e = this._adjustPos(e)), p && (Z || _e) && (e = this._adjustPos(e, !0, "reduce"));
+					break;
+				case "topRight":
+					ve && (e = this._adjustPos(e, !0)), Ce && S && (e = this._adjustPos(e)), p && (Z || _e) && (e = this._adjustPos(e, !0, "reduce"));
+					break;
+				case "left":
+					ye && (e = this._adjustPos(e)), we && (Q || Se) && (e = this._adjustPos(e, !1, "expand", Q ? "Bottom" : "Top"));
+					break;
+				case "leftTop":
+					ye && (e = this._adjustPos(e)), Q && C && (e = this._adjustPos(e, !0)), f && (X || ge) && (e = this._adjustPos(e, !1, "reduce"));
+					break;
+				case "leftBottom":
+					ye && (e = this._adjustPos(e)), Se && C && (e = this._adjustPos(e, !0)), f && (X || ge) && (e = this._adjustPos(e, !1, "reduce"));
+					break;
+				case "bottom":
+					be && (e = this._adjustPos(e, !0)), Te && ($ || Ce) && (e = this._adjustPos(e, !0, "expand", $ ? "Right" : "Left"));
+					break;
+				case "bottomLeft":
+					be && (e = this._adjustPos(e, !0)), $ && S && (e = this._adjustPos(e)), p && (Z || _e) && (e = this._adjustPos(e, !0, "reduce"));
+					break;
+				case "bottomRight":
+					be && (e = this._adjustPos(e, !0)), Ce && S && (e = this._adjustPos(e)), p && (Z || _e) && (e = this._adjustPos(e, !0, "reduce"));
+					break;
+				case "right":
+					xe && (e = this._adjustPos(e)), we && (Q || Se) && (e = this._adjustPos(e, !1, "expand", Q ? "Bottom" : "Top"));
+					break;
+				case "rightTop":
+					xe && (e = this._adjustPos(e)), Q && C && (e = this._adjustPos(e, !0)), f && (X || ge) && (e = this._adjustPos(e, !1, "reduce"));
+					break;
+				case "rightBottom":
+					xe && (e = this._adjustPos(e)), Se && C && (e = this._adjustPos(e, !0)), f && (X || ge) && (e = this._adjustPos(e, !1, "reduce"));
+					break;
+				case "leftTopOver":
+					M && (e = this._adjustPos(e, !0)), P && (e = this._adjustPos(e));
+					break;
+				case "leftBottomOver":
+					N && (e = this._adjustPos(e, !0)), P && (e = this._adjustPos(e));
+					break;
+				case "rightTopOver":
+					M && (e = this._adjustPos(e, !0)), F && (e = this._adjustPos(e));
+					break;
+				case "rightBottomOver": N && (e = this._adjustPos(e, !0)), F && (e = this._adjustPos(e));
+			}
+			this.isTB(e) && (f = ie && ue, p = e === "top" || e === "bottom" ? le && he || s < 0 || b < 0 : se && pe || s < 0 || b < 0), this.isLR(e) && (p = ae && de, f = e === "left" || e === "right" ? ce && me || m < 0 || y < 0 : oe && fe || m < 0 || y < 0);
+		}
+		return {
+			position: e,
+			isHeightOverFlow: f,
+			isWidthOverFlow: p
+		};
+	}
+	_bindScrollEvent() {
+		this._adapter.registerScrollHandler(() => this.calcPosition());
+	}
+	unBindScrollEvent() {
+		this._adapter.unregisterScrollHandler();
+	}
+	_initContainerPosition() {
+		this._adapter.getContainerPosition() || !this._adapter.containerIsBody() || this._adapter.updateContainerPosition();
+	}
+	_handleTriggerKeydown(e) {
+		let { closeOnEsc: t, disableArrowKeyDown: n } = this.getProps(), r = this._adapter.getContainer(), i = this._adapter.getFocusableElements(r), a = i.length;
+		switch (e && e.key) {
+			case "Escape":
+				L(e), t && this._handleEscKeyDown(e);
+				break;
+			case "ArrowUp":
+				!n && a && this._handleTriggerArrowUpKeydown(i, e);
+				break;
+			case "ArrowDown": !n && a && this._handleTriggerArrowDownKeydown(i, e);
+		}
+	}
+	focusTrigger() {
+		let { trigger: e, returnFocusOnClose: t, preventScroll: n } = this.getProps();
+		if (t && e !== "custom") {
+			let e = this._adapter.getTriggerNode();
+			e && "focus" in e && e.focus({ preventScroll: n });
+		}
+	}
+	_handleEscKeyDown(e) {
+		let { trigger: t } = this.getProps();
+		t !== "custom" && (this.focusTrigger(), this.hide()), this._adapter.notifyEscKeydown(e);
+	}
+	_handleContainerTabKeyDown(e, t) {
+		let { preventScroll: n } = this.getProps(), r = this._adapter.getActiveElement();
+		e[e.length - 1] === r && (e[0].focus({ preventScroll: n }), t.preventDefault());
+	}
+	_handleContainerShiftTabKeyDown(e, t) {
+		let { preventScroll: n } = this.getProps(), r = this._adapter.getActiveElement();
+		e[0] === r && (e[e.length - 1].focus({ preventScroll: n }), t.preventDefault());
+	}
+	_handleTriggerArrowDownKeydown(e, t) {
+		let { preventScroll: n } = this.getProps();
+		e[0].focus({ preventScroll: n }), t.preventDefault();
+	}
+	_handleTriggerArrowUpKeydown(e, t) {
+		let { preventScroll: n } = this.getProps();
+		e[e.length - 1].focus({ preventScroll: n }), t.preventDefault();
+	}
+}, re = /* @__PURE__ */ _({
+	__name: "TooltipArrow",
+	props: {
+		backgroundColor: {},
+		placement: {},
+		prefixCls: {}
+	},
+	setup(e) {
+		let t = e, n = u(() => t.placement.includes("left") || t.placement.includes("right"));
+		return (t, r) => n.value ? (k(), p("svg", {
+			key: 0,
+			"aria-hidden": "true",
+			class: T(`${e.prefixCls}-icon-arrow`),
+			style: E({
+				color: e.backgroundColor,
+				fill: "currentColor"
+			}),
+			width: "7",
+			height: "24",
+			xmlns: "http://www.w3.org/2000/svg",
+			fill: "currentColor"
+		}, [...r[0] ||= [m("path", { d: "M0 0L1 0C1 4, 2 5.5, 4 7.5S7,10 7,12S6 14.5, 4 16.5S1,20 1,24L0 24L0 0z" }, null, -1)]], 6)) : (k(), p("svg", {
+			key: 1,
+			"aria-hidden": "true",
+			class: T(`${e.prefixCls}-icon-arrow`),
+			style: E({
+				color: e.backgroundColor,
+				fill: "currentColor"
+			}),
+			width: "24",
+			height: "7",
+			viewBox: "0 0 24 7",
+			fill: "currentColor",
+			xmlns: "http://www.w3.org/2000/svg"
+		}, [...r[1] ||= [m("path", { d: "M24 0V1C20 1 18.5 2 16.5 4C14.5 6 14 7 12 7C10 7 9.5 6 7.5 4C5.5 2 4 1 0 1V0H24Z" }, null, -1)]], 6));
+	}
+}), q = _({
+	name: "TooltipNodeRenderer",
+	props: { content: {
+		type: null,
+		default: void 0
+	} },
+	setup(e) {
+		return () => e.content;
+	}
+}), J = [
+	"id",
+	"role",
+	"x-placement"
+], Y = /* @__PURE__ */ _({
+	__name: "TooltipPortal",
+	props: {
+		clickToHide: { type: Boolean },
+		content: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		direction: {},
+		initialFocusRef: { type: Function },
+		motion: { type: Boolean },
+		popupClass: {},
+		popupStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		portalTarget: {},
+		prefixCls: {},
+		role: {},
+		showArrow: { type: [
+			Boolean,
+			Object,
+			String,
+			Number,
+			null,
+			Array
+		] },
+		state: {},
+		stopPropagation: { type: Boolean }
+	},
+	emits: [
+		"animationEnd",
+		"animationStart",
+		"hide",
+		"keydown",
+		"portalElement"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = P(), l = u(() => {
+			if (!(!n.motion || !n.state.isPositionUpdated || !n.state.transitionState)) return `${n.prefixCls}-animation-${n.state.transitionState === "enter" ? "show" : "hide"}`;
+		}), h = u(() => [
+			n.popupClass,
+			`${n.prefixCls}-wrapper`,
+			n.state.visible ? `${n.prefixCls}-wrapper-show` : void 0,
+			n.showArrow ? `${n.prefixCls}-with-arrow` : void 0,
+			n.direction === "rtl" ? `${n.prefixCls}-rtl` : void 0,
+			l.value
+		]), _ = u(() => {
+			let e = { ...n.state.containerStyle };
+			return n.motion && delete e.transformOrigin, typeof e.left == "number" && (e.left = `${e.left}px`), typeof e.top == "number" && (e.top = `${e.top}px`), e;
+		}), v = u(() => ({
+			...n.state.containerStyle["--semi-tooltip-arrow-offset-x"] ? { "--semi-tooltip-arrow-offset-x": n.state.containerStyle["--semi-tooltip-arrow-offset-x"] } : {},
+			...n.state.containerStyle["--semi-tooltip-arrow-offset-y"] ? { "--semi-tooltip-arrow-offset-y": n.state.containerStyle["--semi-tooltip-arrow-offset-y"] } : {}
+		})), y = u(() => {
+			let e = (n.popupStyle && typeof n.popupStyle == "object" && !Array.isArray(n.popupStyle) ? n.popupStyle : void 0)?.opacity;
+			return [
+				n.motion && n.state.isPositionUpdated ? { animationFillMode: "forwards" } : {},
+				n.state.displayNone ? { display: "none" } : {},
+				{ transformOrigin: n.state.containerStyle.transformOrigin },
+				n.popupStyle,
+				v.value,
+				e ? { opacity: n.state.isPositionUpdated ? e : "0" } : {}
+			];
+		}), b = u(() => {
+			if (!(!n.popupStyle || typeof n.popupStyle != "object" || Array.isArray(n.popupStyle))) return n.popupStyle.backgroundColor;
+		}), S = u(() => typeof n.showArrow != "boolean" && n.showArrow !== void 0);
+		function D(e) {
+			let t = [], n = (e) => {
+				if (Array.isArray(e)) {
+					e.forEach(n);
+					return;
+				}
+				if (!(!x(e) || e.type === a) && (e.type !== c || String(e.children ?? "").trim() !== "")) {
+					if (e.type === o && Array.isArray(e.children)) {
+						e.children.forEach((e) => n(e));
+						return;
+					}
+					t.push(e);
+				}
+			};
+			return e.forEach(n), t;
+		}
+		let O = u(() => D(i.arrow?.() ?? []));
+		function j(e) {
+			r("portalElement", e instanceof HTMLDivElement ? e : null);
+		}
+		function M(e) {
+			n.stopPropagation && e.stopPropagation();
+		}
+		function I(e) {
+			n.clickToHide && r("hide"), M(e);
+		}
+		function L() {
+			n.state.transitionState && r("animationStart", n.state.transitionState);
+		}
+		function R() {
+			n.state.transitionState && r("animationEnd", n.state.transitionState);
+		}
+		return F(() => [
+			n.state.transitionState,
+			n.motion,
+			n.state.isPositionUpdated
+		], ([e, t, n], i) => {
+			e && (!(!i || i[0] !== e || i[1] !== t || i[2] !== n) || t && n || w(() => {
+				r("animationStart", e), r("animationEnd", e);
+			}));
+		}, { immediate: !0 }), (t, n) => (k(), d(s, { to: e.portalTarget }, [m("div", {
+			ref: j,
+			tabindex: "-1",
+			class: "semi-portal-inner",
+			style: E(_.value),
+			onClick: I,
+			onFocus: M,
+			onBlur: M,
+			onMousedown: M,
+			onKeydown: n[0] ||= (e) => r("keydown", e)
+		}, [m("div", C(e.state.portalEventSet, {
+			id: e.state.id,
+			class: h.value,
+			style: y.value,
+			role: e.role,
+			"x-placement": e.state.placement,
+			onAnimationstart: L,
+			onAnimationend: R
+		}), [m("div", { class: T(`${e.prefixCls}-content`) }, [A(t.$slots, "content", { initialFocusRef: e.initialFocusRef }, () => [g(N(q), { content: e.content }, null, 8, ["content"])])], 2), e.showArrow ? (k(), p(o, { key: 0 }, [O.value.length ? (k(), d(N(q), {
+			key: 0,
+			content: O.value
+		}, null, 8, ["content"])) : S.value ? (k(), d(N(q), {
+			key: 1,
+			content: e.showArrow
+		}, null, 8, ["content"])) : (k(), d(re, {
+			key: 2,
+			"background-color": b.value,
+			placement: e.state.placement,
+			"prefix-cls": e.prefixCls
+		}, null, 8, [
+			"background-color",
+			"placement",
+			"prefix-cls"
+		]))], 64)) : f("", !0)], 16, J)], 36)], 8, ["to"]));
+	}
+}), ie = /* @__PURE__ */ new Set([
+	"flex",
+	"block",
+	"table",
+	"flow-root",
+	"grid"
+]);
+function ae(e) {
+	let t = [], n = (e) => {
+		if (Array.isArray(e)) {
+			e.forEach(n);
+			return;
+		}
+		if (!(!x(e) || e.type === a)) {
+			if (e.type === o && Array.isArray(e.children)) {
+				e.children.forEach((e) => n(e));
+				return;
+			}
+			t.push(e);
+		}
+	};
+	return e.forEach(n), t;
+}
+function oe(e) {
+	if (e instanceof HTMLElement) return e;
+	if (!e || e instanceof Element) return null;
+	let t = e.$el;
+	return t instanceof HTMLElement ? t : null;
+}
+function se(e) {
+	if (typeof e.type == "string" || typeof e.type == "symbol") return;
+	let t = e.type;
+	return t.elementType ?? t.name ?? t.__name;
+}
+function ce(e, t) {
+	return !!(e.props && Object.prototype.hasOwnProperty.call(e.props, t) && e.props[t] !== !1);
+}
+var le = _({
+	name: "TooltipTriggerRenderer",
+	props: {
+		eventSet: {
+			type: Object,
+			required: !0
+		},
+		popupId: {
+			type: String,
+			default: void 0
+		},
+		role: {
+			type: String,
+			required: !0
+		},
+		trigger: {
+			type: String,
+			required: !0
+		},
+		visible: Boolean,
+		wrapWhenSpecial: Boolean,
+		wrapperClassName: {
+			type: null,
+			default: void 0
+		},
+		setTriggerElement: {
+			type: Function,
+			required: !0
+		}
+	},
+	setup(e, { slots: t }) {
+		let n = (t) => {
+			e.setTriggerElement(oe(t));
+		}, r = (t, r) => {
+			let i = t.props ?? {}, a = e.role === "dialog" ? {
+				"aria-controls": e.popupId,
+				"aria-expanded": String(e.visible),
+				"aria-haspopup": "dialog"
+			} : { "aria-describedby": e.popupId }, o = i.tabindex ?? i.tabIndex;
+			return l(t, {
+				...a,
+				...e.eventSet,
+				"data-popupid": e.popupId,
+				ref: n,
+				style: [i.style, r],
+				tabindex: o ?? 0
+			}, !0);
+		};
+		return () => {
+			let n = ae(t.default?.() ?? []), i = n.length === 1 ? n[0] : void 0, a = i?.type === c, o = !!(i && !a), s = !!(i && ce(i, "disabled")), u = !!(i && ce(i, "loading")), d = i ? se(i) : void 0, f = s || u && (d === "Button" || d === "IconButton"), p = e.wrapWhenSpecial && f && e.trigger !== "custom";
+			if (o && i && !p) return r(i, e.wrapWhenSpecial && f ? { pointerEvents: "none" } : void 0);
+			let m = i && p ? [l(i, { style: [i.props?.style, { pointerEvents: "none" }] })] : n, h = i?.props?.style?.display, g = !!i?.props?.block || ie.has(h), _ = {};
+			return a || (_.display = "inline-block"), g && (_.width = "100%"), p && s && (_.cursor = "not-allowed"), r(y("span", {
+				class: e.wrapperClassName,
+				style: _
+			}, m));
+		};
+	}
+});
+//#endregion
+//#region src/tooltip/use-tooltip-foundation.ts
+function X() {
+	let e = /* @__PURE__ */ new Map();
+	return {
+		emit(t) {
+			for (let n of [...e.get(t) ?? []]) n();
+		},
+		off(t, n) {
+			if (!n) {
+				e.delete(t);
+				return;
+			}
+			e.get(t)?.delete(n);
+		},
+		on(t, n) {
+			let r = e.get(t) ?? /* @__PURE__ */ new Set();
+			r.add(n), e.set(t, r);
+		}
+	};
+}
+function Z(e) {
+	return {
+		bottom: e.bottom,
+		height: e.height,
+		left: e.left,
+		right: e.right,
+		top: e.top,
+		width: e.width
+	};
+}
+function ue(e) {
+	return e ? Array.from(e.querySelectorAll([
+		"input:not([disabled]):not([tabindex='-1'])",
+		"textarea:not([disabled]):not([tabindex='-1'])",
+		"button:not([disabled]):not([tabindex='-1'])",
+		"a[href]:not([tabindex='-1'])",
+		"select:not([disabled]):not([tabindex='-1'])",
+		"area[href]:not([tabindex='-1'])",
+		"iframe:not([tabindex='-1'])",
+		"object:not([tabindex='-1'])",
+		"*[tabindex]:not([tabindex='-1'])",
+		"*[contenteditable]:not([tabindex='-1'])"
+	].join(","))) : [];
+}
+function de() {
+	return Array.from({ length: 7 }, () => "0123456789abcdefghijklmnopqrstuvwxyz".charAt(Math.floor(Math.random() * 36))).join("");
+}
+function fe(e) {
+	let t = j({
+		containerStyle: {},
+		displayNone: !1,
+		id: e.runtimeProps.value.wrapperId,
+		isInsert: !1,
+		isPositionUpdated: !1,
+		placement: e.runtimeProps.value.position,
+		portalEventSet: {},
+		transitionState: "",
+		triggerEventSet: {},
+		visible: !1
+	}), n = M(null), r = M(null), i = M(null), a = M(null), o = /* @__PURE__ */ new Map(), s = X(), c = !1, l = !1, u = null, d, f, p, m, h, g, _, v, y, b, x;
+	function C() {
+		return e.runtimeProps.value;
+	}
+	function T() {
+		let t = n.value;
+		t && (t.className = ["semi-portal", e.config.value.direction === "rtl" ? "semi-portal-rtl" : void 0].filter(Boolean).join(" "), t.style.zIndex = String(e.runtimeProps.value.zIndex));
+	}
+	function E() {
+		if (typeof document > "u") return null;
+		if (n.value?.isConnected) return T(), n.value;
+		u ??= d?.() ?? document.body;
+		let e = document.createElement("div");
+		return n.value = e, T(), u.appendChild(e), e;
+	}
+	function k() {
+		y && clearTimeout(y), b && clearTimeout(b), v?.disconnect(), v = void 0, y = void 0, b = void 0;
+	}
+	function A() {
+		k();
+		let e = n.value;
+		e?.parentNode && e.parentNode.removeChild(e), n.value = null, r.value = null;
+	}
+	function N() {
+		let e = () => {
+			t.transitionState === "enter" && s.emit("portalInserted");
+		}, n = r.value;
+		if (!n) {
+			b = setTimeout(e, 0);
+			return;
+		}
+		if (typeof ResizeObserver < "u") {
+			let r = !1, i = n.offsetWidth, a = n.offsetHeight, o = () => {
+				r || (r = !0, e());
+			};
+			v = new ResizeObserver(() => {
+				let e = n.offsetWidth, s = n.offsetHeight;
+				if (e <= 0 || s <= 0) return;
+				let c = e !== i || s !== a;
+				i = e, a = s, r ? c && t.transitionState === "enter" && (y && clearTimeout(y), y = setTimeout(() => {
+					t.transitionState === "enter" && I.calcPosition();
+				}, 0)) : o();
+			}), v.observe(n), i > 0 && a > 0 && o(), b = setTimeout(o, 50);
+			return;
+		}
+		b = setTimeout(e, (n.offsetWidth > 0 && n.offsetHeight, 0));
+	}
+	let P = {
+		canMotion: () => e.runtimeProps.value.motion,
+		containerIsBody: () => u === document.body,
+		containerIsRelative: () => !!(u && window.getComputedStyle(u).position === "relative"),
+		containerIsRelativeOrAbsolute: () => f === "relative" || f === "absolute",
+		getActiveElement: () => document.activeElement,
+		getAnimatingState: () => l,
+		getCache: (e) => o.get(e),
+		getCaches: () => o,
+		getContainer: () => r.value,
+		getContainerPosition: () => f,
+		getContext: () => void 0,
+		getContexts: () => void 0,
+		getDocumentElementBounding: () => document.documentElement.getBoundingClientRect(),
+		getEventName: () => ({
+			blur: "onBlur",
+			click: "onClick",
+			contextMenu: "onContextmenu",
+			focus: "onFocus",
+			keydown: "onKeydown",
+			mouseEnter: "onMouseenter",
+			mouseLeave: "onMouseleave",
+			mouseOut: "onMouseout",
+			mouseOver: "onMouseover"
+		}),
+		getFocusableElements: ue,
+		getPopupContainerRect: () => {
+			let e = u;
+			return e ? {
+				...Z(e.getBoundingClientRect()),
+				scrollLeft: e.scrollLeft,
+				scrollTop: e.scrollTop
+			} : null;
+		},
+		getProp: (e) => C()[e],
+		getProps: C,
+		getState: (e) => t[e],
+		getStates: () => t,
+		getTriggerBounding: () => i.value?.getBoundingClientRect(),
+		getTriggerDOM: () => i.value,
+		getTriggerNode: () => i.value,
+		getWrapperBounding: () => r.value?.getBoundingClientRect(),
+		insertPortal: (e, n) => {
+			E(), k(), t.isInsert = !0, t.transitionState = "enter", t.containerStyle = {
+				...t.containerStyle,
+				...n
+			}, t.isPositionUpdated = !1, w(N);
+		},
+		notifyEscKeydown: e.onEscKeydown,
+		notifyVisibleChange: e.onVisibleChange,
+		off: s.off,
+		on: s.on,
+		persistEvent: () => void 0,
+		registerClickOutsideHandler: (t) => {
+			P.unregisterClickOutsideHandler(), p = (n) => {
+				if (!c) return;
+				let a = n.target, o = n.composedPath?.() ?? (a ? [a] : []), s = i.value, l = r.value, u = !!(a instanceof Node && s?.contains(a) || s && o.includes(s)), d = !!(a instanceof Node && l?.contains(a) || l && o.includes(l));
+				(!u && !d || e.runtimeProps.value.clickTriggerToHide && u) && (e.onClickOutside(n), t());
+			}, window.addEventListener("mousedown", p);
+		},
+		registerPortalEvent: (e) => {
+			t.portalEventSet = e;
+		},
+		registerResizeHandler: (e) => {
+			P.unregisterResizeHandler(), m = () => {
+				h ||= setTimeout(() => {
+					h = void 0, c && e();
+				}, 10);
+			}, window.addEventListener("resize", m);
+		},
+		registerScrollHandler: (e) => {
+			P.unregisterScrollHandler(), g = (t) => {
+				_ ||= setTimeout(() => {
+					if (_ = void 0, !c || !(t.target instanceof Node)) return;
+					let n = i.value;
+					if (n && t.target.contains(n)) {
+						let n = t.target instanceof HTMLElement ? t.target : document.documentElement;
+						e({
+							x: n.scrollLeft,
+							y: n.scrollTop
+						});
+					}
+				}, 10);
+			}, window.addEventListener("scroll", g, !0);
+		},
+		registerTriggerEvent: (e) => {
+			t.triggerEventSet = e;
+		},
+		removePortal: () => {
+			t.isInsert = !1, t.isPositionUpdated = !1, w(A);
+		},
+		setCache: (e, t) => o.set(String(e), t),
+		setDisplayNone: (e, n) => {
+			t.displayNone = e, n && w(n);
+		},
+		setId: () => {
+			t.id = de();
+		},
+		setInitialFocus: () => {
+			let t = e.runtimeProps.value.preventScroll;
+			a.value?.focus(t === void 0 ? void 0 : { preventScroll: t });
+		},
+		setPosition: ({ position: e, ...n }) => {
+			t.containerStyle = {
+				...t.containerStyle,
+				...n
+			}, t.placement = e, t.isPositionUpdated = !0, w(() => s.emit("positionUpdated"));
+		},
+		setState: (e, n) => {
+			Object.assign(t, e), n && w(n);
+		},
+		stopPropagation: (e) => e?.stopPropagation?.(),
+		togglePortalVisible: (e, n) => {
+			t.transitionState = e ? "enter" : "leave", t.visible = e, w(n);
+		},
+		unregisterClickOutsideHandler: () => {
+			p && window.removeEventListener("mousedown", p), p = void 0;
+		},
+		unregisterResizeHandler: () => {
+			m && window.removeEventListener("resize", m), h && clearTimeout(h), m = void 0, h = void 0;
+		},
+		unregisterScrollHandler: () => {
+			g && window.removeEventListener("scroll", g, !0), _ && clearTimeout(_), g = void 0, _ = void 0;
+		},
+		updateContainerPosition: () => {
+			let e = document.body.getAttribute("data-position");
+			if (e) {
+				f = e;
+				return;
+			}
+			x = requestAnimationFrame(() => {
+				u && (f = window.getComputedStyle(u).position, document.body.setAttribute("data-position", f));
+			});
+		},
+		updatePlacementAttr: (e) => {
+			t.placement = e;
+		}
+	}, I = S(new ne(P));
+	function L(e) {
+		i.value = e;
+	}
+	function R(e) {
+		r.value = e;
+	}
+	function z(e) {
+		if (e instanceof HTMLElement) {
+			a.value = e;
+			return;
+		}
+		if (!e || e instanceof Element) {
+			a.value = null;
+			return;
+		}
+		a.value = e.$el instanceof HTMLElement ? e.$el : null;
+	}
+	function B() {
+		l = !0;
+	}
+	function V(t) {
+		l = !1, t === "leave" && (k(), e.runtimeProps.value.keepDOM ? I.setDisplayNone(!0) : P.removePortal(), I.unBindEvent(), e.onAfterClose());
+	}
+	function H() {
+		I.hide();
+	}
+	function U(e) {
+		I.handleContainerKeydown(e);
+	}
+	function W() {
+		return I.calcPosition();
+	}
+	function ee() {
+		I.focusTrigger();
+	}
+	return F(() => e.runtimeProps.value.visible, (t, n) => {
+		!c || t === n || (e.runtimeProps.value.trigger === "hover" || e.runtimeProps.value.trigger === "focus" ? t ? I.delayShow() : I.delayHide() : t ? I.show() : I.hide());
+	}), F(() => e.runtimeProps.value.rePosKey, (e, t) => {
+		c && e !== t && I.calcPosition();
+	}), F(() => [e.config.value.direction, e.runtimeProps.value.zIndex], T), O(() => {
+		c = !0, d = e.runtimeProps.value.getPopupContainer ?? e.config.value.getPopupContainer, I.init(), setTimeout(() => {
+			i.value?.matches?.(":hover") && t.triggerEventSet.onMouseenter?.();
+		}, 0);
+	}), D(() => {
+		c = !1, I.destroy(), x !== void 0 && cancelAnimationFrame(x), P.unregisterClickOutsideHandler(), P.unregisterResizeHandler(), P.unregisterScrollHandler(), A();
+	}), {
+		animationEnd: V,
+		animationStart: B,
+		focusTrigger: ee,
+		handleContainerKeydown: U,
+		hide: H,
+		portalTarget: n,
+		rePosition: W,
+		setInitialFocusElement: z,
+		setPortalElement: R,
+		setTriggerElement: L,
+		state: t
+	};
+}
+//#endregion
+//#region src/tooltip/Tooltip.vue
+var pe = /* @__PURE__ */ _({
+	name: "Tooltip",
+	inheritAttrs: !1,
+	__name: "Tooltip",
+	props: {
+		arrowBounding: {},
+		arrowPointAtCenter: { type: Boolean },
+		autoAdjustOverflow: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		clickToHide: { type: Boolean },
+		clickTriggerToHide: { type: Boolean },
+		closeOnEsc: { type: Boolean },
+		condition: { type: Boolean },
+		content: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		disableArrowKeyDown: { type: Boolean },
+		disableFocusListener: { type: Boolean },
+		getPopupContainer: { type: Function },
+		guardFocus: { type: Boolean },
+		keepDOM: { type: Boolean },
+		margin: {},
+		motion: { type: Boolean },
+		mouseEnterDelay: {},
+		mouseLeaveDelay: {},
+		position: {},
+		prefixCls: {},
+		preventScroll: { type: Boolean },
+		rePosKey: {},
+		returnFocusOnClose: { type: Boolean },
+		role: {},
+		showArrow: { type: [
+			Boolean,
+			Object,
+			String,
+			Number,
+			null,
+			Array
+		] },
+		spacing: {},
+		stopPropagation: { type: Boolean },
+		style: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		transformFromCenter: { type: Boolean },
+		trigger: {},
+		visible: { type: Boolean },
+		wrapWhenSpecial: { type: Boolean },
+		wrapperClassName: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		wrapperId: {},
+		zIndex: {}
+	},
+	emits: [
+		"afterClose",
+		"clickOutside",
+		"escKeydown",
+		"visibleChange",
+		"update:visible"
+	],
+	setup(e, { expose: t, emit: n }) {
+		let a = e, s = n, c = v(), l = b(r, void 0), m = u(() => l ? l.value : {
+			direction: "ltr",
+			getPopupContainer: void 0
+		});
+		function _(e, t) {
+			let n = String(e).replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), r = c?.vnode.props, o = !!(r && (Object.prototype.hasOwnProperty.call(r, e) || Object.prototype.hasOwnProperty.call(r, n))), s = a[e];
+			if (o && s !== void 0) return s;
+			let l = i.config.overrideDefaultProps?.Tooltip?.[e];
+			return l === void 0 ? t : l;
+		}
+		let y = u(() => ({
+			...a,
+			arrowBounding: _("arrowBounding", {
+				height: 7,
+				offsetX: 0,
+				offsetY: 2,
+				width: 24
+			}),
+			arrowPointAtCenter: _("arrowPointAtCenter", !0),
+			autoAdjustOverflow: _("autoAdjustOverflow", !0),
+			class: a.class,
+			closeOnEsc: _("closeOnEsc", !1),
+			condition: _("condition", !0),
+			disableArrowKeyDown: _("disableArrowKeyDown", !1),
+			disableFocusListener: _("disableFocusListener", !1),
+			guardFocus: _("guardFocus", !1),
+			keepDOM: _("keepDOM", !1),
+			margin: _("margin", 0),
+			motion: _("motion", !0),
+			mouseEnterDelay: _("mouseEnterDelay", 50),
+			mouseLeaveDelay: _("mouseLeaveDelay", 50),
+			position: _("position", "top"),
+			prefixCls: _("prefixCls", "semi-tooltip"),
+			returnFocusOnClose: _("returnFocusOnClose", !1),
+			role: _("role", "tooltip"),
+			showArrow: _("showArrow", !0),
+			spacing: _("spacing", 8),
+			style: a.style,
+			transformFromCenter: _("transformFromCenter", !0),
+			trigger: _("trigger", "hover"),
+			wrapWhenSpecial: _("wrapWhenSpecial", !0),
+			zIndex: _("zIndex", 1060)
+		})), { animationEnd: x, animationStart: S, focusTrigger: w, handleContainerKeydown: T, hide: E, portalTarget: D, rePosition: O, setInitialFocusElement: j, setPortalElement: M, setTriggerElement: P, state: L } = fe({
+			config: m,
+			onAfterClose: () => s("afterClose"),
+			onClickOutside: (e) => s("clickOutside", e),
+			onEscKeydown: (e) => s("escKeydown", e),
+			onVisibleChange: (e) => {
+				s("visibleChange", e), s("update:visible", e);
+			},
+			runtimeProps: y
+		});
+		F(() => [y.value.mouseEnterDelay, y.value.mouseLeaveDelay], ([e, t]) => {
+			t < e && console.warn("[Semi Tooltip] 'mouseLeaveDelay' cannot be less than 'mouseEnterDelay', which may cause the dropdown layer to not be hidden.");
+		}, { immediate: !0 });
+		function R() {
+			return L.id;
+		}
+		return t({
+			focusTrigger: w,
+			getPopupId: R,
+			rePosition: O
+		}), (e, t) => (k(), p(o, null, [N(L).isInsert && N(D) ? (k(), d(Y, {
+			key: 0,
+			"click-to-hide": !!y.value.clickToHide,
+			content: y.value.content,
+			direction: m.value.direction,
+			"initial-focus-ref": N(j),
+			motion: y.value.motion,
+			"popup-class": y.value.class,
+			"popup-style": y.value.style,
+			"portal-target": N(D),
+			"prefix-cls": y.value.prefixCls,
+			role: y.value.role,
+			"show-arrow": y.value.showArrow,
+			state: N(L),
+			"stop-propagation": !!y.value.stopPropagation,
+			onAnimationStart: N(S),
+			onAnimationEnd: N(x),
+			onHide: N(E),
+			onKeydown: N(T),
+			onPortalElement: N(M)
+		}, h({ _: 2 }, [e.$slots.content ? {
+			name: "content",
+			fn: I(({ initialFocusRef: t }) => [A(e.$slots, "content", { initialFocusRef: t })]),
+			key: "0"
+		} : void 0, e.$slots.arrow ? {
+			name: "arrow",
+			fn: I(() => [A(e.$slots, "arrow")]),
+			key: "1"
+		} : void 0]), 1032, [
+			"click-to-hide",
+			"content",
+			"direction",
+			"initial-focus-ref",
+			"motion",
+			"popup-class",
+			"popup-style",
+			"portal-target",
+			"prefix-cls",
+			"role",
+			"show-arrow",
+			"state",
+			"stop-propagation",
+			"onAnimationStart",
+			"onAnimationEnd",
+			"onHide",
+			"onKeydown",
+			"onPortalElement"
+		])) : f("", !0), g(N(le), C(N(L).id === void 0 ? {} : { popupId: N(L).id }, {
+			"event-set": N(L).triggerEventSet,
+			role: y.value.role,
+			"set-trigger-element": N(P),
+			trigger: y.value.trigger,
+			visible: N(L).visible,
+			"wrap-when-special": y.value.wrapWhenSpecial,
+			"wrapper-class-name": y.value.wrapperClassName
+		}), {
+			default: I(() => [A(e.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"event-set",
+			"role",
+			"set-trigger-element",
+			"trigger",
+			"visible",
+			"wrap-when-special",
+			"wrapper-class-name"
+		])], 64));
+	}
+});
+//#endregion
+export { te as a, B as c, U as d, H as f, ee as i, z as l, q as n, L as o, W as r, R as s, pe as t, V as u };