@folkehelseinstituttet/designsystem 0.41.2 → 0.41.3

package/{fhi-tooltip.component-DJNDfrHK.js → fhi-tooltip.component-Bs2jmkyC.js}

@@ -1,5 +1,5 @@
 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
+//#region ../../node_modules/.pnpm/@floating-ui+utils@0.2.12/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
@@ -34,58 +34,57 @@ function b(e) {
 function x(e) {
 	return v(b(e));
 }
-function ee(e, t, n) {
+function S(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)];
+	return t.reference[a] > t.floating[a] && (o = k(o)), [o, k(o)];
 }
-function S(e) {
-	let t = O(e);
+function C(e) {
+	let t = k(e);
 	return [
-		C(e),
+		w(e),
 		t,
-		C(t)
+		w(t)
 	];
 }
-function C(e) {
+function w(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) {
+var T = ["left", "right"], E = ["right", "left"], ee = ["top", "bottom"], D = ["bottom", "top"];
+function O(e, t, n) {
 	switch (e) {
 		case "top":
-		case "bottom": return n ? t ? T : w : t ? w : T;
+		case "bottom": return n ? t ? E : T : t ? T : E;
 		case "left":
-		case "right": return t ? te : E;
+		case "right": return t ? ee : D;
 		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 te(e, t, n, r) {
+	let i = _(e), a = O(g(e), n === "start", r);
+	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(w)))), a;
 }
-function O(e) {
+function k(e) {
 	let t = g(e);
 	return p[t] + e.slice(t.length);
 }
-function k(e) {
+function A(e) {
 	return {
-		top: 0,
-		right: 0,
-		bottom: 0,
-		left: 0,
-		...e
+		top: e.top ?? 0,
+		right: e.right ?? 0,
+		bottom: e.bottom ?? 0,
+		left: e.left ?? 0
 	};
 }
-function re(e) {
+function ne(e) {
 	return typeof e == "number" ? {
 		top: e,
 		right: e,
 		bottom: e,
 		left: e
-	} : k(e);
+	} : A(e);
 }
-function A(e) {
+function j(e) {
 	let { x: t, y: n, width: r, height: i } = e;
 	return {
 		width: r,
@@ -99,8 +98,8 @@ function A(e) {
 	};
 }
 //#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) {
+//#region ../../node_modules/.pnpm/@floating-ui+core@1.8.0/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
+function re(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":
@@ -132,19 +131,12 @@ function ie(e, t, n) {
 			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;
+	let m = _(t);
+	return m && (p[o] += f * (m === "end" ? 1 : -1) * (n && l ? -1 : 1)), p;
 }
-async function ae(e, t) {
+async function ie(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({
+	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 = ne(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], g = j(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,
@@ -157,7 +149,7 @@ async function ae(e, t) {
 	} : 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({
+	}, b = j(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
 		elements: o,
 		rect: _,
 		offsetParent: v,
@@ -170,15 +162,15 @@ async function ae(e, t) {
 		right: (b.right - g.right + p.right) / y.x
 	};
 }
-var oe = 50, se = async (e, t, n) => {
+var ae = 50, oe = async (e, t, n) => {
 	let { placement: r = "bottom", strategy: i = "absolute", middleware: a = [], platform: o } = n, s = o.detectOverflow ? o : {
 		...o,
-		detectOverflow: ae
+		detectOverflow: ie
 	}, 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 = {};
+	}), { x: u, y: d } = re(l, r, c), f = r, p = 0, m = {};
 	for (let n = 0; n < a.length; n++) {
 		let h = a[n];
 		if (!h) continue;
@@ -199,11 +191,11 @@ var oe = 50, se = async (e, t, n) => {
 		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({
+		}, x && p < ae && (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);
+		}) : x.rects), {x: u, y: d} = re(l, f, c)), n = -1);
 	}
 	return {
 		x: u,
@@ -212,7 +204,7 @@ var oe = 50, se = async (e, t, n) => {
 		strategy: i,
 		middlewareData: m
 	};
-}, ce = function(e) {
+}, se = function(e) {
 	return e === void 0 && (e = {}), {
 		name: "flip",
 		options: e,
@@ -220,30 +212,30 @@ var oe = 50, se = async (e, t, n) => {
 			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]]);
+			let v = g(r), y = b(o), x = g(o) === o, w = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), T = d || (x || !m ? [k(o)] : C(o)), E = p !== "none";
+			!d && E && T.push(...te(o, m, p, w));
+			let ee = [o, ...T], D = await s.detectOverflow(t, _), O = [], A = i.flip?.overflows || [];
+			if (l && O.push(D[v]), u) {
+				let e = S(r, a, w);
+				O.push(D[e[0]], D[e[1]]);
 			}
-			if (k = [...k, {
+			if (A = [...A, {
 				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 {
+				overflows: O
+			}], !O.every((e) => e <= 0)) {
+				let e = (i.flip?.index || 0) + 1, t = ee[e];
+				if (t && (!(u === "alignment" && y !== b(t)) || A.every((e) => b(e.placement) === y ? e.overflows[0] > 0 : !0))) return {
 					data: {
 						index: e,
-						overflows: k
+						overflows: A
 					},
 					reset: { placement: t }
 				};
-				let n = k.filter((e) => e.overflows[0] <= 0).sort((e, t) => e.overflows[1] - t.overflows[1])[0]?.placement;
+				let n = A.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 e = A.filter((e) => {
+							if (E) {
 								let t = b(e.placement);
 								return t === y || t === "y";
 							}
@@ -261,9 +253,9 @@ var oe = 50, se = async (e, t, 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" ? {
+}, ce = /*#__PURE__*/ new Set(["left", "top"]);
+async function le(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 = ce.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
@@ -280,13 +272,13 @@ async function ue(e, t) {
 		y: p * u
 	};
 }
-var de = function(e) {
+var ue = 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);
+			let { x: r, y: i, placement: a, middlewareData: o } = t, s = await le(t, e);
 			return a === o.offset?.placement && (n = o.arrow) != null && n.alignmentOffset ? {} : {
 				x: r + s.x,
 				y: i + s.y,
@@ -297,7 +289,7 @@ var de = function(e) {
 			};
 		}
 	};
-}, fe = function(e) {
+}, de = function(e) {
 	return e === void 0 && (e = {}), {
 		name: "shift",
 		options: e,
@@ -311,19 +303,12 @@ var de = function(e) {
 			} }, ...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);
-			}
+			}, d = await a.detectOverflow(t, l), f = b(i), p = v(f), g = u[p], _ = u[f], y = (e, t) => m(t + d[e === "y" ? "top" : "left"], t, t - d[e === "y" ? "bottom" : "right"]);
+			o && (g = y(p, g)), s && (_ = y(f, _));
 			let x = c.fn({
 				...t,
-				[p]: _,
-				[f]: y
+				[p]: g,
+				[f]: _
 			});
 			return {
 				...x,
@@ -340,40 +325,40 @@ var de = function(e) {
 	};
 };
 //#endregion
-//#region ../../node_modules/.pnpm/@floating-ui+utils@0.2.11/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
-function j() {
+//#region ../../node_modules/.pnpm/@floating-ui+utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
+function M() {
 	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;
+	return fe(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 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;
+	var t;
+	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
 function F(e) {
-	return j() ? e instanceof Element || e instanceof N(e).Element : !1;
+	return ((fe(e) ? e.ownerDocument : e.document) || window.document)?.documentElement;
 }
-function I(e) {
-	return j() ? e instanceof HTMLElement || e instanceof N(e).HTMLElement : !1;
+function fe(e) {
+	return M() ? e instanceof Node || e instanceof P(e).Node : !1;
 }
-function me(e) {
-	return !j() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof N(e).ShadowRoot;
+function I(e) {
+	return M() ? e instanceof Element || e instanceof P(e).Element : !1;
 }
 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";
+	return M() ? e instanceof HTMLElement || e instanceof P(e).HTMLElement : !1;
 }
-function he(e) {
-	return /^(table|td|th)$/.test(M(e));
+function pe(e) {
+	return !M() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof P(e).ShadowRoot;
 }
 function R(e) {
+	let { overflow: t, overflowX: n, overflowY: r, display: i } = W(e);
+	return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && i !== "inline" && i !== "contents";
+}
+function me(e) {
+	return /^(table|td|th)$/.test(N(e));
+}
+function z(e) {
 	try {
 		if (e.matches(":popover-open")) return !0;
 	} catch {}
@@ -383,31 +368,31 @@ function R(e) {
 		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);
+var he = /transform|translate|scale|rotate|perspective|filter/, ge = /paint|layout|strict|content/, B = (e) => !!e && e !== "none", _e;
+function V(e) {
+	let t = I(e) ? W(e) : e;
+	return B(t.transform) || B(t.translate) || B(t.scale) || B(t.rotate) || B(t.perspective) || !H() && (B(t.backdropFilter) || B(t.filter)) || he.test(t.willChange || "") || ge.test(t.contain || "");
+}
+function ve(e) {
+	let t = K(e);
+	for (; L(t) && !U(t);) {
+		if (V(t)) return t;
+		if (z(t)) return null;
+		t = K(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 H() {
+	return _e ??= typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none"), _e;
 }
 function U(e) {
-	return N(e).getComputedStyle(e);
+	return /^(html|body|#document)$/.test(N(e));
 }
 function W(e) {
-	return F(e) ? {
+	return P(e).getComputedStyle(e);
+}
+function G(e) {
+	return I(e) ? {
 		scrollLeft: e.scrollLeft,
 		scrollTop: e.scrollTop
 	} : {
@@ -415,101 +400,101 @@ function W(e) {
 		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 K(e) {
+	if (N(e) === "html") return e;
+	let t = e.assignedSlot || e.parentNode || pe(e) && e.host || F(e);
+	return pe(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 ye(e) {
+	let t = K(e);
+	return U(t) ? (e.ownerDocument || e).body : L(t) && R(t) ? t : ye(t);
 }
-function K(e, t, n) {
+function q(e, t, n) {
 	t === void 0 && (t = []), n === void 0 && (n = !0);
-	let r = be(e), i = r === e.ownerDocument?.body, a = N(r);
+	let r = ye(e), i = r === e.ownerDocument?.body, a = P(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));
+		let e = J(a);
+		return t.concat(a, a.visualViewport || [], R(r) ? r : [], e && n ? q(e) : []);
+	} else return t.concat(r, q(r, [], n));
 }
-function q(e) {
+function J(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;
+//#region ../../node_modules/.pnpm/@floating-ui+dom@1.8.0/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
+function be(e) {
+	let t = W(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = L(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 I(e) ? e : e.contextElement;
+}
+function X(e) {
+	let t = Y(e);
+	if (!L(t)) return f(1);
+	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = be(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 : {
+var xe = /*#__PURE__*/ f(0);
+function Se(e) {
+	let t = P(e);
+	return !H() || !t.visualViewport ? xe : {
 		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 Ce(e, t, n) {
+	return t === void 0 && (t = !1), !!n && t && n === P(e);
 }
-function X(e, t, n, r) {
+function Z(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);
+	let i = e.getBoundingClientRect(), a = Y(e), o = f(1);
+	t && (r ? I(r) && (o = X(r)) : o = X(e));
+	let s = Ce(a, n, r) ? Se(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 && r) {
+		let e = P(a), t = I(r) ? P(r) : r, n = e, i = J(n);
+		for (; i && t !== n;) {
+			let e = X(i), t = i.getBoundingClientRect(), r = W(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 = P(i), i = J(n);
 		}
 	}
-	return A({
+	return j({
 		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 Q(e, t) {
+	let n = G(e).scrollLeft;
+	return t ? t.left + n : Z(F(e)).left + n;
 }
-function Te(e, t) {
+function we(e, t) {
 	let n = e.getBoundingClientRect();
 	return {
-		x: n.left + t.scrollLeft - Z(e, n),
+		x: n.left + t.scrollLeft - Q(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;
+function Te(e) {
+	let { elements: t, rect: n, offsetParent: r, strategy: i } = e, a = i === "fixed", o = F(r), s = t ? z(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;
+	}, l = f(1), u = f(0), d = L(r);
+	if ((d || !a) && ((N(r) !== "body" || R(o)) && (c = G(r)), d)) {
+		let e = Z(r);
+		l = X(r), u.x = e.x + r.clientLeft, u.y = e.y + r.clientTop;
 	}
-	let p = o && !d && !a ? Te(o, c) : f(0);
+	let p = o && !d && !a ? we(o, c) : f(0);
 	return {
 		width: n.width * l.x,
 		height: n.height * l.y,
@@ -517,40 +502,39 @@ function Ee(e) {
 		y: n.y * l.y - c.scrollTop * l.y + u.y + p.y
 	};
 }
-function De(e) {
-	return Array.from(e.getClientRects());
+function Ee(e) {
+	return e.getClientRects ? 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
+function De(e) {
+	let t = G(e), n = e.ownerDocument.body, r = l(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), i = l(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight), a = -t.scrollLeft + Q(e), o = -t.scrollTop;
+	return W(n).direction === "rtl" && (a += l(e.clientWidth, n.clientWidth) - r), {
+		width: r,
+		height: i,
+		x: a,
+		y: o
 	};
 }
-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);
+var Oe = 25;
+function ke(e, t, n) {
+	n === void 0 && (n = "viewport");
+	let r = n === "layoutViewport", i = P(e), a = F(e), o = i.visualViewport, s = a.clientWidth, c = a.clientHeight, l = 0, u = 0;
+	if (o) {
+		let e = !H() || t === "fixed";
+		r ? e || (l = -o.offsetLeft, u = -o.offsetTop) : (s = o.width, c = o.height, e && (l = o.offsetLeft, u = o.offsetTop));
+	}
+	if (Q(a) <= 0) {
+		let e = a.ownerDocument, t = e.body, n = getComputedStyle(t), r = e.compatMode === "CSS1Compat" && parseFloat(n.marginLeft) + parseFloat(n.marginRight) || 0, i = Math.abs(a.clientWidth - t.clientWidth - r), o = getComputedStyle(a).scrollbarGutter === "stable both-edges" ? i / 2 : i;
+		o <= Oe && (s -= o);
 	}
-	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
+		width: s,
+		height: c,
+		x: l,
+		y: u
 	};
 }
-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);
+function Ae(e, t) {
+	let n = Z(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = X(e);
 	return {
 		width: e.clientWidth * a.x,
 		height: e.clientHeight * a.y,
@@ -558,13 +542,13 @@ function je(e, t) {
 		y: r * a.y
 	};
 }
-function Me(e, t, n) {
+function je(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);
+	if (t === "viewport" || t === "layoutViewport") r = ke(e, n, t);
+	else if (t === "document") r = De(F(e));
+	else if (I(t)) r = Ae(t, n);
 	else {
-		let n = Ce(e);
+		let n = Se(e);
 		r = {
 			x: t.x - n.x,
 			y: t.y - n.y,
@@ -572,26 +556,22 @@ function Me(e, t, n) {
 			height: t.height
 		};
 	}
-	return A(r);
+	return j(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) {
+function Me(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);
+	let r = q(e, [], !1).filter((e) => I(e) && N(e) !== "body"), i = null, a = W(e).position === "fixed", o = a ? K(e) : e;
+	for (; I(o) && !U(o);) {
+		let e = W(o), t = V(o), n = i ? i.position : a ? "fixed" : "";
+		!t && (n === "fixed" || n === "absolute" && e.position === "static") ? r = r.filter((e) => e !== o) : i = e, o = K(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;
+function Ne(e) {
+	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? z(t) ? [] : Me(t, this._c) : [].concat(n), r], o = je(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);
+		let n = je(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 {
@@ -601,62 +581,59 @@ function Fe(e) {
 		y: s
 	};
 }
-function Ie(e) {
-	let { width: t, height: n } = xe(e);
+function Pe(e) {
+	let { width: t, height: n } = be(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 = {
+function Fe(e, t, n) {
+	let r = L(t), i = F(t), a = n === "fixed", o = Z(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);
+	if ((r || !a) && ((N(t) !== "body" || R(i)) && (s = G(t)), r)) {
+		let e = Z(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);
+	}
+	!r && i && (c.x = Q(i));
+	let l = i && !r && !a ? we(i, s) : f(0);
 	return {
-		x: o.left + s.scrollLeft - c.x - u.x,
-		y: o.top + s.scrollTop - c.y - u.y,
+		x: o.left + s.scrollLeft - c.x - l.x,
+		y: o.top + s.scrollTop - c.y - l.y,
 		width: o.width,
 		height: o.height
 	};
 }
-function Q(e) {
-	return U(e).position === "static";
+function Ie(e) {
+	return W(e).position === "static";
 }
-function Re(e, t) {
-	if (!I(e) || U(e).position === "fixed") return null;
+function Le(e, t) {
+	if (!L(e) || W(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 F(e) === n && (n = n.ownerDocument.body), n;
+}
+function Re(e, t) {
+	let n = P(e);
+	if (z(e)) return n;
+	if (!L(e)) {
+		let t = K(e);
+		for (; t && !U(t);) {
+			if (I(t) && !Ie(t)) return t;
+			t = K(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;
+	let r = Le(e, t);
+	for (; r && me(r) && Ie(r);) r = Le(r, t);
+	return r && U(r) && Ie(r) && !V(r) ? n : r || ve(e) || n;
 }
-var Be = async function(e) {
-	let t = this.getOffsetParent || ze, n = this.getDimensions, r = await n(e.floating);
+var ze = async function(e) {
+	let t = this.getOffsetParent || Re, n = this.getDimensions, r = await n(e.floating);
 	return {
-		reference: Le(e.reference, await t(e.floating), e.strategy),
+		reference: Fe(e.reference, await t(e.floating), e.strategy),
 		floating: {
 			x: 0,
 			y: 0,
@@ -665,67 +642,71 @@ var Be = async function(e) {
 		}
 	};
 };
-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 Be(e) {
+	return W(e).direction === "rtl";
+}
+var Ve = {
+	convertOffsetParentRelativeRectToViewportRelativeRect: Te,
+	getDocumentElement: F,
+	getClippingRect: Ne,
+	getOffsetParent: Re,
+	getElementRects: ze,
+	getClientRects: Ee,
+	getDimensions: Pe,
+	getScale: X,
+	isElement: I,
+	isRTL: Be
 };
-function Ue(e, t) {
+function He(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() {
+function Ue(e, t, n) {
+	let r = null, i, a = F(e);
+	function o() {
 		var e;
-		clearTimeout(r), (e = n) == null || e.disconnect(), n = null;
+		clearTimeout(i), (e = r) == null || e.disconnect(), r = null;
 	}
-	function o(s, u) {
-		s === void 0 && (s = !1), u === void 0 && (u = 1), a();
+	function s(n, u) {
+		n === void 0 && (n = !1), u === void 0 && (u = 1), o();
 		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 = {
+		if (n || t(), !h || !g) return;
+		let _ = d(m), v = d(a.clientWidth - (p + h)), y = d(a.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) {
+		}, S = !0;
+		function C(t) {
 			let n = t[0].intersectionRatio;
+			if (!He(f, e.getBoundingClientRect())) return s();
 			if (n !== u) {
-				if (!ee) return o();
-				n ? o(!1, n) : r = setTimeout(() => {
-					o(!1, 1e-7);
+				if (!S) return s();
+				n ? s(!1, n) : i = setTimeout(() => {
+					s(!1, 1e-7);
 				}, 1e3);
 			}
-			n === 1 && !Ue(f, e.getBoundingClientRect()) && o(), ee = !1;
+			S = !1;
 		}
 		try {
-			n = new IntersectionObserver(S, {
+			r = new IntersectionObserver(C, {
 				...x,
-				root: i.ownerDocument
+				root: a.ownerDocument
 			});
 		} catch {
-			n = new IntersectionObserver(S, x);
+			r = new IntersectionObserver(C, x);
 		}
-		n.observe(e);
+		r.observe(e);
 	}
-	return o(!0), a;
+	let u = P(e), f = () => s(n);
+	return u.addEventListener("resize", f), s(!0), () => {
+		u.removeEventListener("resize", f), o();
+	};
 }
-function Ge(e, t, n, r) {
+function We(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) : []] : [];
+	let { ancestorScroll: i = !0, ancestorResize: a = !0, elementResize: o = typeof ResizeObserver == "function", layoutShift: s = typeof IntersectionObserver == "function", animationFrame: c = !1 } = r, l = Y(e), u = i || a ? [...l ? q(l) : [], ...t ? q(t) : []] : [];
 	u.forEach((e) => {
-		i && e.addEventListener("scroll", n, { passive: !0 }), a && e.addEventListener("resize", n);
+		i && e.addEventListener("scroll", n), a && e.addEventListener("resize", n);
 	});
-	let d = l && s ? We(l, n) : null, f = -1, p = null;
+	let d = l && s ? Ue(l, n, a) : 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(() => {
@@ -733,11 +714,11 @@ function Ge(e, t, n, r) {
 			(e = p) == null || e.observe(t);
 		})), n();
 	}), l && !c && p.observe(l), t && p.observe(t));
-	let m, h = c ? X(e) : null;
+	let m, h = c ? Z(e) : null;
 	c && g();
 	function g() {
-		let t = X(e);
-		h && !Ue(h, t) && n(), h = t, m = requestAnimationFrame(g);
+		let t = Z(e);
+		h && !He(h, t) && n(), h = t, m = requestAnimationFrame(g);
 	}
 	return n(), () => {
 		var e;
@@ -746,19 +727,17 @@ function Ge(e, t, n, r) {
 		}), 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 = {
+var Ge = ue, Ke = de, qe = se, Je = (e, t, n) => {
+	let r = /* @__PURE__ */ new Map(), i = n ?? {}, a = {
+		...Ve,
 		...i.platform,
 		_c: r
 	};
-	return se(e, t, {
+	return oe(e, t, {
 		...i,
 		platform: a
 	});
-}, Xe = "fhi-tooltip", $ = class extends a {
+}, Ye = "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,
@@ -781,14 +760,14 @@ var Ke = de, qe = fe, Je = ce, Ye = (e, t, n) => {
 		}, 150));
 	}
 	_positionTooltip(e) {
-		this._autoPositioningCleanup = Ge(this._anchor, this._tooltip, () => {
-			Ye(this._anchor, this._tooltip, {
+		this._autoPositioningCleanup = We(this._anchor, this._tooltip, () => {
+			Je(this._anchor, this._tooltip, {
 				placement: e || "top",
 				strategy: "fixed",
 				middleware: [
-					Je({ fallbackAxisSideDirection: "start" }),
-					qe(),
-					Ke(4)
+					qe({ fallbackAxisSideDirection: "start" }),
+					Ke(),
+					Ge(4)
 				]
 			}).then(({ x: e, y: t }) => {
 				this._position = {
@@ -840,25 +819,6 @@ var Ke = de, qe = fe, Je = ce, Ye = (e, t, n) => {
 	}
 	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;
@@ -869,33 +829,35 @@ var Ke = de, qe = fe, Je = ce, Ye = (e, t, n) => {
         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);
+        padding: var(--fhi-spacing-050) var(--fhi-spacing-100);
+        border-radius: var(--fhi-border-radius-050);
+        background-color: var(--fhi-color-neutral-base-active);
+        color: var(--fhi-color-neutral-text-inverted);
+        font-family: var(--fhi-font-family-default);
         -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-size: var(--fhi-typography-body-small-font-size);
+        font-weight: var(--fhi-typography-body-small-font-weight);
+        line-height: var(--fhi-typography-body-small-line-height);
+        letter-spacing: var(--fhi-typography-body-small-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;
@@ -912,8 +874,8 @@ var Ke = de, qe = fe, Je = ce, Ye = (e, t, n) => {
 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)], $);
+})], $.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(Ye)], $);
 //#endregion
-export { Xe as n, $ as t };
+export { Ye as n, $ as t };
 
-//# sourceMappingURL=fhi-tooltip.component-DJNDfrHK.js.map
+//# sourceMappingURL=fhi-tooltip.component-Bs2jmkyC.js.map