@folkehelseinstituttet/designsystem 0.40.0 → 0.40.2

package/fhi-tooltip.component-DJNDfrHK.js

@@ -0,0 +1,919 @@
+import { a as e, d as t, i as n, o as r, r as i, s as a, t as o, u as s } from "./decorate-DFXIek-k.js";
+//#region ../../node_modules/.pnpm/@floating-ui+utils@0.2.11/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
+var c = Math.min, l = Math.max, u = Math.round, d = Math.floor, f = (e) => ({
+	x: e,
+	y: e
+}), p = {
+	left: "right",
+	right: "left",
+	bottom: "top",
+	top: "bottom"
+};
+function m(e, t, n) {
+	return l(e, c(t, n));
+}
+function h(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function g(e) {
+	return e.split("-")[0];
+}
+function _(e) {
+	return e.split("-")[1];
+}
+function v(e) {
+	return e === "x" ? "y" : "x";
+}
+function y(e) {
+	return e === "y" ? "height" : "width";
+}
+function b(e) {
+	let t = e[0];
+	return t === "t" || t === "b" ? "y" : "x";
+}
+function x(e) {
+	return v(b(e));
+}
+function ee(e, t, n) {
+	n === void 0 && (n = !1);
+	let r = _(e), i = x(e), a = y(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+	return t.reference[a] > t.floating[a] && (o = O(o)), [o, O(o)];
+}
+function S(e) {
+	let t = O(e);
+	return [
+		C(e),
+		t,
+		C(t)
+	];
+}
+function C(e) {
+	return e.includes("start") ? e.replace("start", "end") : e.replace("end", "start");
+}
+var w = ["left", "right"], T = ["right", "left"], te = ["top", "bottom"], E = ["bottom", "top"];
+function D(e, t, n) {
+	switch (e) {
+		case "top":
+		case "bottom": return n ? t ? T : w : t ? w : T;
+		case "left":
+		case "right": return t ? te : E;
+		default: return [];
+	}
+}
+function ne(e, t, n, r) {
+	let i = _(e), a = D(g(e), n === "start", r);
+	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(C)))), a;
+}
+function O(e) {
+	let t = g(e);
+	return p[t] + e.slice(t.length);
+}
+function k(e) {
+	return {
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0,
+		...e
+	};
+}
+function re(e) {
+	return typeof e == "number" ? {
+		top: e,
+		right: e,
+		bottom: e,
+		left: e
+	} : k(e);
+}
+function A(e) {
+	let { x: t, y: n, width: r, height: i } = e;
+	return {
+		width: r,
+		height: i,
+		top: n,
+		left: t,
+		right: t + r,
+		bottom: n + i,
+		x: t,
+		y: n
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@floating-ui+core@1.7.5/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
+function ie(e, t, n) {
+	let { reference: r, floating: i } = e, a = b(t), o = x(t), s = y(o), c = g(t), l = a === "y", u = r.x + r.width / 2 - i.width / 2, d = r.y + r.height / 2 - i.height / 2, f = r[s] / 2 - i[s] / 2, p;
+	switch (c) {
+		case "top":
+			p = {
+				x: u,
+				y: r.y - i.height
+			};
+			break;
+		case "bottom":
+			p = {
+				x: u,
+				y: r.y + r.height
+			};
+			break;
+		case "right":
+			p = {
+				x: r.x + r.width,
+				y: d
+			};
+			break;
+		case "left":
+			p = {
+				x: r.x - i.width,
+				y: d
+			};
+			break;
+		default: p = {
+			x: r.x,
+			y: r.y
+		};
+	}
+	switch (_(t)) {
+		case "start":
+			p[o] -= f * (n && l ? -1 : 1);
+			break;
+		case "end":
+			p[o] += f * (n && l ? -1 : 1);
+			break;
+	}
+	return p;
+}
+async function ae(e, t) {
+	t === void 0 && (t = {});
+	let { x: n, y: r, platform: i, rects: a, elements: o, strategy: s } = e, { boundary: c = "clippingAncestors", rootBoundary: l = "viewport", elementContext: u = "floating", altBoundary: d = !1, padding: f = 0 } = h(t, e), p = re(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], g = A(await i.getClippingRect({
+		element: await (i.isElement == null ? void 0 : i.isElement(m)) ?? !0 ? m : m.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(o.floating)),
+		boundary: c,
+		rootBoundary: l,
+		strategy: s
+	})), _ = u === "floating" ? {
+		x: n,
+		y: r,
+		width: a.floating.width,
+		height: a.floating.height
+	} : a.reference, v = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(o.floating)), y = await (i.isElement == null ? void 0 : i.isElement(v)) && await (i.getScale == null ? void 0 : i.getScale(v)) || {
+		x: 1,
+		y: 1
+	}, b = A(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+		elements: o,
+		rect: _,
+		offsetParent: v,
+		strategy: s
+	}) : _);
+	return {
+		top: (g.top - b.top + p.top) / y.y,
+		bottom: (b.bottom - g.bottom + p.bottom) / y.y,
+		left: (g.left - b.left + p.left) / y.x,
+		right: (b.right - g.right + p.right) / y.x
+	};
+}
+var oe = 50, se = async (e, t, n) => {
+	let { placement: r = "bottom", strategy: i = "absolute", middleware: a = [], platform: o } = n, s = o.detectOverflow ? o : {
+		...o,
+		detectOverflow: ae
+	}, c = await (o.isRTL == null ? void 0 : o.isRTL(t)), l = await o.getElementRects({
+		reference: e,
+		floating: t,
+		strategy: i
+	}), { x: u, y: d } = ie(l, r, c), f = r, p = 0, m = {};
+	for (let n = 0; n < a.length; n++) {
+		let h = a[n];
+		if (!h) continue;
+		let { name: g, fn: _ } = h, { x: v, y, data: b, reset: x } = await _({
+			x: u,
+			y: d,
+			initialPlacement: r,
+			placement: f,
+			strategy: i,
+			middlewareData: m,
+			rects: l,
+			platform: s,
+			elements: {
+				reference: e,
+				floating: t
+			}
+		});
+		u = v ?? u, d = y ?? d, m[g] = {
+			...m[g],
+			...b
+		}, x && p < oe && (p++, typeof x == "object" && (x.placement && (f = x.placement), x.rects && (l = x.rects === !0 ? await o.getElementRects({
+			reference: e,
+			floating: t,
+			strategy: i
+		}) : x.rects), {x: u, y: d} = ie(l, f, c)), n = -1);
+	}
+	return {
+		x: u,
+		y: d,
+		placement: f,
+		strategy: i,
+		middlewareData: m
+	};
+}, ce = function(e) {
+	return e === void 0 && (e = {}), {
+		name: "flip",
+		options: e,
+		async fn(t) {
+			var n;
+			let { placement: r, middlewareData: i, rects: a, initialPlacement: o, platform: s, elements: c } = t, { mainAxis: l = !0, crossAxis: u = !0, fallbackPlacements: d, fallbackStrategy: f = "bestFit", fallbackAxisSideDirection: p = "none", flipAlignment: m = !0, ..._ } = h(e, t);
+			if ((n = i.arrow) != null && n.alignmentOffset) return {};
+			let v = g(r), y = b(o), x = g(o) === o, C = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), w = d || (x || !m ? [O(o)] : S(o)), T = p !== "none";
+			!d && T && w.push(...ne(o, m, p, C));
+			let te = [o, ...w], E = await s.detectOverflow(t, _), D = [], k = i.flip?.overflows || [];
+			if (l && D.push(E[v]), u) {
+				let e = ee(r, a, C);
+				D.push(E[e[0]], E[e[1]]);
+			}
+			if (k = [...k, {
+				placement: r,
+				overflows: D
+			}], !D.every((e) => e <= 0)) {
+				let e = (i.flip?.index || 0) + 1, t = te[e];
+				if (t && (!(u === "alignment" && y !== b(t)) || k.every((e) => b(e.placement) === y ? e.overflows[0] > 0 : !0))) return {
+					data: {
+						index: e,
+						overflows: k
+					},
+					reset: { placement: t }
+				};
+				let n = k.filter((e) => e.overflows[0] <= 0).sort((e, t) => e.overflows[1] - t.overflows[1])[0]?.placement;
+				if (!n) switch (f) {
+					case "bestFit": {
+						let e = k.filter((e) => {
+							if (T) {
+								let t = b(e.placement);
+								return t === y || t === "y";
+							}
+							return !0;
+						}).map((e) => [e.placement, e.overflows.filter((e) => e > 0).reduce((e, t) => e + t, 0)]).sort((e, t) => e[1] - t[1])[0]?.[0];
+						e && (n = e);
+						break;
+					}
+					case "initialPlacement":
+						n = o;
+						break;
+				}
+				if (r !== n) return { reset: { placement: n } };
+			}
+			return {};
+		}
+	};
+}, le = /*#__PURE__*/ new Set(["left", "top"]);
+async function ue(e, t) {
+	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = g(n), s = _(n), c = b(n) === "y", l = le.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = h(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
+		mainAxis: d,
+		crossAxis: 0,
+		alignmentAxis: null
+	} : {
+		mainAxis: d.mainAxis || 0,
+		crossAxis: d.crossAxis || 0,
+		alignmentAxis: d.alignmentAxis
+	};
+	return s && typeof m == "number" && (p = s === "end" ? m * -1 : m), c ? {
+		x: p * u,
+		y: f * l
+	} : {
+		x: f * l,
+		y: p * u
+	};
+}
+var de = function(e) {
+	return e === void 0 && (e = 0), {
+		name: "offset",
+		options: e,
+		async fn(t) {
+			var n;
+			let { x: r, y: i, placement: a, middlewareData: o } = t, s = await ue(t, e);
+			return a === o.offset?.placement && (n = o.arrow) != null && n.alignmentOffset ? {} : {
+				x: r + s.x,
+				y: i + s.y,
+				data: {
+					...s,
+					placement: a
+				}
+			};
+		}
+	};
+}, fe = function(e) {
+	return e === void 0 && (e = {}), {
+		name: "shift",
+		options: e,
+		async fn(t) {
+			let { x: n, y: r, placement: i, platform: a } = t, { mainAxis: o = !0, crossAxis: s = !1, limiter: c = { fn: (e) => {
+				let { x: t, y: n } = e;
+				return {
+					x: t,
+					y: n
+				};
+			} }, ...l } = h(e, t), u = {
+				x: n,
+				y: r
+			}, d = await a.detectOverflow(t, l), f = b(g(i)), p = v(f), _ = u[p], y = u[f];
+			if (o) {
+				let e = p === "y" ? "top" : "left", t = p === "y" ? "bottom" : "right", n = _ + d[e], r = _ - d[t];
+				_ = m(n, _, r);
+			}
+			if (s) {
+				let e = f === "y" ? "top" : "left", t = f === "y" ? "bottom" : "right", n = y + d[e], r = y - d[t];
+				y = m(n, y, r);
+			}
+			let x = c.fn({
+				...t,
+				[p]: _,
+				[f]: y
+			});
+			return {
+				...x,
+				data: {
+					x: x.x - n,
+					y: x.y - r,
+					enabled: {
+						[p]: o,
+						[f]: s
+					}
+				}
+			};
+		}
+	};
+};
+//#endregion
+//#region ../../node_modules/.pnpm/@floating-ui+utils@0.2.11/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
+function j() {
+	return typeof window < "u";
+}
+function M(e) {
+	return pe(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function N(e) {
+	var t;
+	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function P(e) {
+	return ((pe(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
+}
+function pe(e) {
+	return j() ? e instanceof Node || e instanceof N(e).Node : !1;
+}
+function F(e) {
+	return j() ? e instanceof Element || e instanceof N(e).Element : !1;
+}
+function I(e) {
+	return j() ? e instanceof HTMLElement || e instanceof N(e).HTMLElement : !1;
+}
+function me(e) {
+	return !j() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof N(e).ShadowRoot;
+}
+function L(e) {
+	let { overflow: t, overflowX: n, overflowY: r, display: i } = U(e);
+	return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && i !== "inline" && i !== "contents";
+}
+function he(e) {
+	return /^(table|td|th)$/.test(M(e));
+}
+function R(e) {
+	try {
+		if (e.matches(":popover-open")) return !0;
+	} catch {}
+	try {
+		return e.matches(":modal");
+	} catch {
+		return !1;
+	}
+}
+var ge = /transform|translate|scale|rotate|perspective|filter/, _e = /paint|layout|strict|content/, z = (e) => !!e && e !== "none", ve;
+function B(e) {
+	let t = F(e) ? U(e) : e;
+	return z(t.transform) || z(t.translate) || z(t.scale) || z(t.rotate) || z(t.perspective) || !V() && (z(t.backdropFilter) || z(t.filter)) || ge.test(t.willChange || "") || _e.test(t.contain || "");
+}
+function ye(e) {
+	let t = G(e);
+	for (; I(t) && !H(t);) {
+		if (B(t)) return t;
+		if (R(t)) return null;
+		t = G(t);
+	}
+	return null;
+}
+function V() {
+	return ve ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), ve;
+}
+function H(e) {
+	return /^(html|body|#document)$/.test(M(e));
+}
+function U(e) {
+	return N(e).getComputedStyle(e);
+}
+function W(e) {
+	return F(e) ? {
+		scrollLeft: e.scrollLeft,
+		scrollTop: e.scrollTop
+	} : {
+		scrollLeft: e.scrollX,
+		scrollTop: e.scrollY
+	};
+}
+function G(e) {
+	if (M(e) === "html") return e;
+	let t = e.assignedSlot || e.parentNode || me(e) && e.host || P(e);
+	return me(t) ? t.host : t;
+}
+function be(e) {
+	let t = G(e);
+	return H(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : I(t) && L(t) ? t : be(t);
+}
+function K(e, t, n) {
+	t === void 0 && (t = []), n === void 0 && (n = !0);
+	let r = be(e), i = r === e.ownerDocument?.body, a = N(r);
+	if (i) {
+		let e = q(a);
+		return t.concat(a, a.visualViewport || [], L(r) ? r : [], e && n ? K(e) : []);
+	} else return t.concat(r, K(r, [], n));
+}
+function q(e) {
+	return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@floating-ui+dom@1.7.6/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
+function xe(e) {
+	let t = U(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = I(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = u(n) !== a || u(r) !== o;
+	return s && (n = a, r = o), {
+		width: n,
+		height: r,
+		$: s
+	};
+}
+function J(e) {
+	return F(e) ? e : e.contextElement;
+}
+function Y(e) {
+	let t = J(e);
+	if (!I(t)) return f(1);
+	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = xe(t), o = (a ? u(n.width) : n.width) / r, s = (a ? u(n.height) : n.height) / i;
+	return (!o || !Number.isFinite(o)) && (o = 1), (!s || !Number.isFinite(s)) && (s = 1), {
+		x: o,
+		y: s
+	};
+}
+var Se = /*#__PURE__*/ f(0);
+function Ce(e) {
+	let t = N(e);
+	return !V() || !t.visualViewport ? Se : {
+		x: t.visualViewport.offsetLeft,
+		y: t.visualViewport.offsetTop
+	};
+}
+function we(e, t, n) {
+	return t === void 0 && (t = !1), !n || t && n !== N(e) ? !1 : t;
+}
+function X(e, t, n, r) {
+	t === void 0 && (t = !1), n === void 0 && (n = !1);
+	let i = e.getBoundingClientRect(), a = J(e), o = f(1);
+	t && (r ? F(r) && (o = Y(r)) : o = Y(e));
+	let s = we(a, n, r) ? Ce(a) : f(0), c = (i.left + s.x) / o.x, l = (i.top + s.y) / o.y, u = i.width / o.x, d = i.height / o.y;
+	if (a) {
+		let e = N(a), t = r && F(r) ? N(r) : r, n = e, i = q(n);
+		for (; i && r && t !== n;) {
+			let e = Y(i), t = i.getBoundingClientRect(), r = U(i), a = t.left + (i.clientLeft + parseFloat(r.paddingLeft)) * e.x, o = t.top + (i.clientTop + parseFloat(r.paddingTop)) * e.y;
+			c *= e.x, l *= e.y, u *= e.x, d *= e.y, c += a, l += o, n = N(i), i = q(n);
+		}
+	}
+	return A({
+		width: u,
+		height: d,
+		x: c,
+		y: l
+	});
+}
+function Z(e, t) {
+	let n = W(e).scrollLeft;
+	return t ? t.left + n : X(P(e)).left + n;
+}
+function Te(e, t) {
+	let n = e.getBoundingClientRect();
+	return {
+		x: n.left + t.scrollLeft - Z(e, n),
+		y: n.top + t.scrollTop
+	};
+}
+function Ee(e) {
+	let { elements: t, rect: n, offsetParent: r, strategy: i } = e, a = i === "fixed", o = P(r), s = t ? R(t.floating) : !1;
+	if (r === o || s && a) return n;
+	let c = {
+		scrollLeft: 0,
+		scrollTop: 0
+	}, l = f(1), u = f(0), d = I(r);
+	if ((d || !d && !a) && ((M(r) !== "body" || L(o)) && (c = W(r)), d)) {
+		let e = X(r);
+		l = Y(r), u.x = e.x + r.clientLeft, u.y = e.y + r.clientTop;
+	}
+	let p = o && !d && !a ? Te(o, c) : f(0);
+	return {
+		width: n.width * l.x,
+		height: n.height * l.y,
+		x: n.x * l.x - c.scrollLeft * l.x + u.x + p.x,
+		y: n.y * l.y - c.scrollTop * l.y + u.y + p.y
+	};
+}
+function De(e) {
+	return Array.from(e.getClientRects());
+}
+function Oe(e) {
+	let t = P(e), n = W(e), r = e.ownerDocument.body, i = l(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = l(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight), o = -n.scrollLeft + Z(e), s = -n.scrollTop;
+	return U(r).direction === "rtl" && (o += l(t.clientWidth, r.clientWidth) - i), {
+		width: i,
+		height: a,
+		x: o,
+		y: s
+	};
+}
+var ke = 25;
+function Ae(e, t) {
+	let n = N(e), r = P(e), i = n.visualViewport, a = r.clientWidth, o = r.clientHeight, s = 0, c = 0;
+	if (i) {
+		a = i.width, o = i.height;
+		let e = V();
+		(!e || e && t === "fixed") && (s = i.offsetLeft, c = i.offsetTop);
+	}
+	let l = Z(r);
+	if (l <= 0) {
+		let e = r.ownerDocument, t = e.body, n = getComputedStyle(t), i = e.compatMode === "CSS1Compat" && parseFloat(n.marginLeft) + parseFloat(n.marginRight) || 0, o = Math.abs(r.clientWidth - t.clientWidth - i);
+		o <= ke && (a -= o);
+	} else l <= ke && (a += l);
+	return {
+		width: a,
+		height: o,
+		x: s,
+		y: c
+	};
+}
+function je(e, t) {
+	let n = X(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = I(e) ? Y(e) : f(1);
+	return {
+		width: e.clientWidth * a.x,
+		height: e.clientHeight * a.y,
+		x: i * a.x,
+		y: r * a.y
+	};
+}
+function Me(e, t, n) {
+	let r;
+	if (t === "viewport") r = Ae(e, n);
+	else if (t === "document") r = Oe(P(e));
+	else if (F(t)) r = je(t, n);
+	else {
+		let n = Ce(e);
+		r = {
+			x: t.x - n.x,
+			y: t.y - n.y,
+			width: t.width,
+			height: t.height
+		};
+	}
+	return A(r);
+}
+function Ne(e, t) {
+	let n = G(e);
+	return n === t || !F(n) || H(n) ? !1 : U(n).position === "fixed" || Ne(n, t);
+}
+function Pe(e, t) {
+	let n = t.get(e);
+	if (n) return n;
+	let r = K(e, [], !1).filter((e) => F(e) && M(e) !== "body"), i = null, a = U(e).position === "fixed", o = a ? G(e) : e;
+	for (; F(o) && !H(o);) {
+		let t = U(o), n = B(o);
+		!n && t.position === "fixed" && (i = null), (a ? !n && !i : !n && t.position === "static" && i && (i.position === "absolute" || i.position === "fixed") || L(o) && !n && Ne(e, o)) ? r = r.filter((e) => e !== o) : i = t, o = G(o);
+	}
+	return t.set(e, r), r;
+}
+function Fe(e) {
+	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? R(t) ? [] : Pe(t, this._c) : [].concat(n), r], o = Me(t, a[0], i), s = o.top, u = o.right, d = o.bottom, f = o.left;
+	for (let e = 1; e < a.length; e++) {
+		let n = Me(t, a[e], i);
+		s = l(n.top, s), u = c(n.right, u), d = c(n.bottom, d), f = l(n.left, f);
+	}
+	return {
+		width: u - f,
+		height: d - s,
+		x: f,
+		y: s
+	};
+}
+function Ie(e) {
+	let { width: t, height: n } = xe(e);
+	return {
+		width: t,
+		height: n
+	};
+}
+function Le(e, t, n) {
+	let r = I(t), i = P(t), a = n === "fixed", o = X(e, !0, a, t), s = {
+		scrollLeft: 0,
+		scrollTop: 0
+	}, c = f(0);
+	function l() {
+		c.x = Z(i);
+	}
+	if (r || !r && !a) if ((M(t) !== "body" || L(i)) && (s = W(t)), r) {
+		let e = X(t, !0, a, t);
+		c.x = e.x + t.clientLeft, c.y = e.y + t.clientTop;
+	} else i && l();
+	a && !r && i && l();
+	let u = i && !r && !a ? Te(i, s) : f(0);
+	return {
+		x: o.left + s.scrollLeft - c.x - u.x,
+		y: o.top + s.scrollTop - c.y - u.y,
+		width: o.width,
+		height: o.height
+	};
+}
+function Q(e) {
+	return U(e).position === "static";
+}
+function Re(e, t) {
+	if (!I(e) || U(e).position === "fixed") return null;
+	if (t) return t(e);
+	let n = e.offsetParent;
+	return P(e) === n && (n = n.ownerDocument.body), n;
+}
+function ze(e, t) {
+	let n = N(e);
+	if (R(e)) return n;
+	if (!I(e)) {
+		let t = G(e);
+		for (; t && !H(t);) {
+			if (F(t) && !Q(t)) return t;
+			t = G(t);
+		}
+		return n;
+	}
+	let r = Re(e, t);
+	for (; r && he(r) && Q(r);) r = Re(r, t);
+	return r && H(r) && Q(r) && !B(r) ? n : r || ye(e) || n;
+}
+var Be = async function(e) {
+	let t = this.getOffsetParent || ze, n = this.getDimensions, r = await n(e.floating);
+	return {
+		reference: Le(e.reference, await t(e.floating), e.strategy),
+		floating: {
+			x: 0,
+			y: 0,
+			width: r.width,
+			height: r.height
+		}
+	};
+};
+function Ve(e) {
+	return U(e).direction === "rtl";
+}
+var He = {
+	convertOffsetParentRelativeRectToViewportRelativeRect: Ee,
+	getDocumentElement: P,
+	getClippingRect: Fe,
+	getOffsetParent: ze,
+	getElementRects: Be,
+	getClientRects: De,
+	getDimensions: Ie,
+	getScale: Y,
+	isElement: F,
+	isRTL: Ve
+};
+function Ue(e, t) {
+	return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
+}
+function We(e, t) {
+	let n = null, r, i = P(e);
+	function a() {
+		var e;
+		clearTimeout(r), (e = n) == null || e.disconnect(), n = null;
+	}
+	function o(s, u) {
+		s === void 0 && (s = !1), u === void 0 && (u = 1), a();
+		let f = e.getBoundingClientRect(), { left: p, top: m, width: h, height: g } = f;
+		if (s || t(), !h || !g) return;
+		let _ = d(m), v = d(i.clientWidth - (p + h)), y = d(i.clientHeight - (m + g)), b = d(p), x = {
+			rootMargin: -_ + "px " + -v + "px " + -y + "px " + -b + "px",
+			threshold: l(0, c(1, u)) || 1
+		}, ee = !0;
+		function S(t) {
+			let n = t[0].intersectionRatio;
+			if (n !== u) {
+				if (!ee) return o();
+				n ? o(!1, n) : r = setTimeout(() => {
+					o(!1, 1e-7);
+				}, 1e3);
+			}
+			n === 1 && !Ue(f, e.getBoundingClientRect()) && o(), ee = !1;
+		}
+		try {
+			n = new IntersectionObserver(S, {
+				...x,
+				root: i.ownerDocument
+			});
+		} catch {
+			n = new IntersectionObserver(S, x);
+		}
+		n.observe(e);
+	}
+	return o(!0), a;
+}
+function Ge(e, t, n, r) {
+	r === void 0 && (r = {});
+	let { ancestorScroll: i = !0, ancestorResize: a = !0, elementResize: o = typeof ResizeObserver == "function", layoutShift: s = typeof IntersectionObserver == "function", animationFrame: c = !1 } = r, l = J(e), u = i || a ? [...l ? K(l) : [], ...t ? K(t) : []] : [];
+	u.forEach((e) => {
+		i && e.addEventListener("scroll", n, { passive: !0 }), a && e.addEventListener("resize", n);
+	});
+	let d = l && s ? We(l, n) : null, f = -1, p = null;
+	o && (p = new ResizeObserver((e) => {
+		let [r] = e;
+		r && r.target === l && p && t && (p.unobserve(t), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+			var e;
+			(e = p) == null || e.observe(t);
+		})), n();
+	}), l && !c && p.observe(l), t && p.observe(t));
+	let m, h = c ? X(e) : null;
+	c && g();
+	function g() {
+		let t = X(e);
+		h && !Ue(h, t) && n(), h = t, m = requestAnimationFrame(g);
+	}
+	return n(), () => {
+		var e;
+		u.forEach((e) => {
+			i && e.removeEventListener("scroll", n), a && e.removeEventListener("resize", n);
+		}), d?.(), (e = p) == null || e.disconnect(), p = null, c && cancelAnimationFrame(m);
+	};
+}
+var Ke = de, qe = fe, Je = ce, Ye = (e, t, n) => {
+	let r = /* @__PURE__ */ new Map(), i = {
+		platform: He,
+		...n
+	}, a = {
+		...i.platform,
+		_c: r
+	};
+	return se(e, t, {
+		...i,
+		platform: a
+	});
+}, Xe = "fhi-tooltip", $ = class extends a {
+	constructor(...e) {
+		super(...e), this.message = "", this.placement = "top", this.delay = 500, this.trigger = "hover", this.maxWidth = "18.75rem", this._timeoutId = void 0, this._autoPositioningCleanup = () => {}, this._isVisible = !1, this._isFadingOut = !1, this._position = {
+			top: 0,
+			left: 0
+		}, this._handlePotentialClickOutside = (e) => {
+			this.trigger === "click" && this._isVisible && !this.contains(e.target) && this._hideTooltip();
+		}, this.__handlePotentialEscapeKeyPress = (e) => {
+			e.key === "Escape" && this._isVisible && this._hideTooltip();
+		};
+	}
+	update(e) {
+		e.has("trigger") && this.trigger !== "click" && this.trigger !== "hover" && (this.trigger = "hover"), super.update(e);
+	}
+	_showTooltip() {
+		this._isVisible || this.message && (this._positionTooltip(this.placement), this._isVisible = !0, window.addEventListener("click", this._handlePotentialClickOutside), window.addEventListener("keydown", this.__handlePotentialEscapeKeyPress));
+	}
+	_hideTooltip() {
+		this._isVisible && (this._isFadingOut = !0, setTimeout(() => {
+			this._isVisible = !1, this._isFadingOut = !1, this._autoPositioningCleanup(), window.removeEventListener("click", this._handlePotentialClickOutside), window.removeEventListener("keydown", this.__handlePotentialEscapeKeyPress);
+		}, 150));
+	}
+	_positionTooltip(e) {
+		this._autoPositioningCleanup = Ge(this._anchor, this._tooltip, () => {
+			Ye(this._anchor, this._tooltip, {
+				placement: e || "top",
+				strategy: "fixed",
+				middleware: [
+					Je({ fallbackAxisSideDirection: "start" }),
+					qe(),
+					Ke(4)
+				]
+			}).then(({ x: e, y: t }) => {
+				this._position = {
+					top: t,
+					left: e
+				};
+			});
+		});
+	}
+	_handleMouseEnter() {
+		this.trigger === "hover" && (this._timeoutId = setTimeout(() => {
+			this._showTooltip();
+		}, this.delay));
+	}
+	_handleMouseLeave() {
+		this.trigger === "hover" && (clearTimeout(this._timeoutId), this._hideTooltip());
+	}
+	_handleClick() {
+		this.trigger === "click" && (this._isVisible ? this._hideTooltip() : this._showTooltip());
+	}
+	render() {
+		return s`
+      <div
+        id="tooltip-anchor"
+        @mouseenter=${this._handleMouseEnter}
+        @mouseleave=${this._handleMouseLeave}
+        @focusin=${this._handleMouseEnter}
+        @focusout=${this._handleMouseLeave}
+        @touchstart=${this._handleMouseEnter}
+        @touchend=${this._handleMouseLeave}
+        @touchcancel=${this._handleMouseLeave}
+        @click=${this._handleClick}
+      >
+        <slot aria-describedby="tooltip"></slot>
+        <section
+          id="tooltip"
+          role="tooltip"
+          aria-hidden=${!this._isVisible}
+          ?fading-out=${this._isFadingOut}
+          style="
+          transform: translate3d(${this._position.left}px, ${this._position.top}px, 0); max-width: ${this.maxWidth};
+          max-width: ${this.maxWidth};
+          "
+        >
+          <span>${this.message}</span>
+        </section>
+      </div>
+    `;
+	}
+	static {
+		this.styles = t`
+    :host {
+      --color-background: var(--fhi-color-neutral-base-active);
+      --color-text: var(--fhi-color-neutral-text-inverted);
+      --color-border: none;
+
+      --typography-font-family: var(--fhi-font-family-default);
+      --typography-font-size: var(--fhi-typography-body-small-font-size);
+      --typography-font-style: normal;
+      --typography-font-weight: var(--fhi-typography-body-small-font-weight);
+      --typography-line-height: var(--fhi-typography-body-small-line-height);
+      --typography-letter-spacing: var(
+        --fhi-typography-body-small-letter-spacing
+      );
+
+      --dimension-border-radius: var(--fhi-border-radius-050);
+      --dimension-border-width: none;
+      --dimension-padding: var(--fhi-spacing-050) var(--fhi-spacing-100);
+    }
+
+    :host {
+      #tooltip-anchor {
+        width: max-content;
+        height: max-content;
+      }
+
+      #tooltip {
+        top: 0;
+        left: 0;
+        position: fixed;
+        border: var(--dimension-border-width) solid var(--color-border);
+        visibility: hidden;
+        opacity: 0;
+        margin: 0;
+        transition: opacity 0.15s ease-in-out;
+        width: max-content;
+        padding: var(--dimension-padding);
+        border-radius: var(--dimension-border-radius);
+        background-color: var(--color-background);
+        color: var(--color-text);
+        font-family: var(--typography-font-family);
+        -webkit-font-smoothing: antialiased;
+        font-size: var(--typography-font-size);
+        font-weight: var(--typography-font-weight);
+        line-height: var(--typography-line-height);
+        letter-spacing: var(--typography-letter-spacing);
+        font-variant-numeric: lining-nums proportional-nums;
+        font-style: normal;
+        cursor: default;
+        &[aria-hidden='false'] {
+          z-index: 1000;
+          visibility: visible;
+          opacity: 1;
+        }
+        &[fading-out] {
+          opacity: 0;
+        }
+        &::after {
+          content: '';
+          position: absolute;
+          top: -4px;
+          right: -4px;
+          bottom: -4px;
+          left: -4px;
+        }
+      }
+    }
+  `;
+	}
+};
+o([e({ type: String })], $.prototype, "message", void 0), o([e({ type: String })], $.prototype, "placement", void 0), o([e({ type: Number })], $.prototype, "delay", void 0), o([e({ type: String })], $.prototype, "trigger", void 0), o([e({
+	type: String,
+	attribute: "max-width"
+})], $.prototype, "maxWidth", void 0), o([i("#tooltip-anchor")], $.prototype, "_anchor", void 0), o([i("#tooltip")], $.prototype, "_tooltip", void 0), o([n()], $.prototype, "_isVisible", void 0), o([n()], $.prototype, "_isFadingOut", void 0), o([n()], $.prototype, "_position", void 0), $ = o([r(Xe)], $);
+//#endregion
+export { Xe as n, $ as t };
+
+//# sourceMappingURL=fhi-tooltip.component-DJNDfrHK.js.map