@milaboratories/miplots4 1.0.176 → 1.0.178

package/dist/common/Tooltip.js

@@ -1,275 +1,227 @@
-import { j as a } from "../_virtual/jsx-runtime.js";
-import { r as $ } from "../_virtual/index.js";
-import { r as w } from "../_virtual/index2.js";
-import { BLACK as S } from "../constants.js";
-import { exhaustive as z } from "../utils/index.js";
-import { TextMeasurer as A } from "../utils/TextMeasurer/TextMeasurer.js";
-const M = 8, V = 12, b = 20, l = 6, u = 5, W = 8, g = 16, k = 8, Z = g * 2 + k + 16, P = "#CFD1DB", _ = "#fff", y = "miplots-tooltip";
-function B(n) {
-  return n.length * b + 2 * M;
+import { BLACK as e } from "../constants.js";
+import { TextMeasurer as t } from "../utils/TextMeasurer/TextMeasurer.js";
+import { exhaustive as n } from "../utils/index.js";
+import { useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { createPortal as l } from "react-dom";
+var u = 8, d = 12, f = 20, p = 6, m = 5, h = 8, g = 16, _ = 8, v = g * 2 + _ + 16, y = "#CFD1DB", b = "#fff", x = "miplots-tooltip";
+function S(e) {
+	return e.length * f + 2 * u;
 }
-function G(n, t = !1) {
-  const s = new A("600 14px Arial");
-  return Math.max(...n.map((e, r) => s.getTextWidth(e) + (r === 0 && t ? Z : 0))) + 2 * V;
+function C(e, n = !1) {
+	let r = new t("600 14px Arial");
+	return Math.max(...e.map((e, t) => r.getTextWidth(e) + (t === 0 && n ? v : 0))) + 2 * d;
 }
-function q(n, t, s) {
-  const e = -u - n, r = -u, o = -t / 2 + s, c = t / 2 + s;
-  return `M 0,0 
-    L ${r},${-u} 
-    V ${o + l}
-    Q ${r},${o} ${r - l},${o}  
-    H ${e + l}   
-    Q ${e},${o} ${e},${o + l}
-    V ${c - l}
-    Q ${e},${c} ${e + l},${c}
-    H ${r - l}
-    Q ${r},${c} ${r},${c - l}
-    V ${u} 
+function w(e, t, n) {
+	let r = -m - e, i = -m, a = -t / 2 + n, o = t / 2 + n;
+	return `M 0,0 
+    L ${i},${-m} 
+    V ${a + p}
+    Q ${i},${a} ${i - p},${a}  
+    H ${r + p}   
+    Q ${r},${a} ${r},${a + p}
+    V ${o - p}
+    Q ${r},${o} ${r + p},${o}
+    H ${i - p}
+    Q ${i},${o} ${i},${o - p}
+    V ${m} 
     L 0,0 z`;
 }
-function D(n, t, s) {
-  const e = u, r = u + n, o = -t / 2 + s, c = t / 2 + s;
-  return `M 0,0 
-    L ${e},${-u} 
-    V ${o + l}
-    Q ${e},${o} ${e + l},${o}  
-    H ${r - l}   
-    Q ${r},${o} ${r},${o + l}
-    V ${c - l}
-    Q ${r},${c} ${r - l},${c}
-    H ${e + l}
-    Q ${e},${c} ${e},${c - l}
-    V ${u} 
+function T(e, t, n) {
+	let r = m, i = m + e, a = -t / 2 + n, o = t / 2 + n;
+	return `M 0,0 
+    L ${r},${-m} 
+    V ${a + p}
+    Q ${r},${a} ${r + p},${a}  
+    H ${i - p}   
+    Q ${i},${a} ${i},${a + p}
+    V ${o - p}
+    Q ${i},${o} ${i - p},${o}
+    H ${r + p}
+    Q ${r},${o} ${r},${o - p}
+    V ${m} 
     L 0,0 z`;
 }
-function K(n, t, s) {
-  const e = -n / 2 + s, r = n / 2 + s, o = -u - t, c = -u;
-  return `M 0,0 
-    L ${-u},${c} 
-    H ${e + l}
-    Q ${e},${c} ${e},${c - l}  
-    V ${o + l}   
-    Q ${e},${o} ${e + l},${o}
-    H ${r - l}
-    Q ${r},${o} ${r},${o + l}
-    V ${c - l}
-    Q ${r},${c} ${r - l},${c}
-    H ${u} 
+function E(e, t, n) {
+	let r = -e / 2 + n, i = e / 2 + n, a = -m - t, o = -m;
+	return `M 0,0 
+    L ${-m},${o} 
+    H ${r + p}
+    Q ${r},${o} ${r},${o - p}  
+    V ${a + p}   
+    Q ${r},${a} ${r + p},${a}
+    H ${i - p}
+    Q ${i},${a} ${i},${a + p}
+    V ${o - p}
+    Q ${i},${o} ${i - p},${o}
+    H ${m} 
     L 0,0 z`;
 }
-function U(n, t, s) {
-  const e = -n / 2 + s, r = n / 2 + s, o = u + t, c = u;
-  return `M 0,0 
-    L ${-u},${c} 
-    H ${e + l}
-    Q ${e},${c} ${e},${c + l}  
-    V ${o - l}   
-    Q ${e},${o} ${e + l},${o}
-    H ${r - l}
-    Q ${r},${o} ${r},${o - l}
-    V ${c + l}
-    Q ${r},${c} ${r - l},${c}
-    H ${u} 
+function D(e, t, n) {
+	let r = -e / 2 + n, i = e / 2 + n, a = m + t, o = m;
+	return `M 0,0 
+    L ${-m},${o} 
+    H ${r + p}
+    Q ${r},${o} ${r},${o + p}  
+    V ${a - p}   
+    Q ${r},${a} ${r + p},${a}
+    H ${i - p}
+    Q ${i},${a} ${i},${a - p}
+    V ${o + p}
+    Q ${i},${o} ${i - p},${o}
+    H ${m} 
     L 0,0 z`;
 }
-function J(n, t, s, e, r) {
-  switch (s) {
-    case "left":
-      return q(n, t, r);
-    case "right":
-      return D(n, t, r);
-    case "top":
-      return K(n, t, e);
-    case "bottom":
-      return U(n, t, e);
-    default:
-      z(s, "Unknown tooltip direction");
-  }
+function O(e, t, r, i, a) {
+	switch (r) {
+		case "left": return w(e, t, a);
+		case "right": return T(e, t, a);
+		case "top": return E(e, t, i);
+		case "bottom": return D(e, t, i);
+		default: n(r, "Unknown tooltip direction");
+	}
 }
-function Y(n, t, s, e, r, o, c) {
-  return c ? o.right - s - r - u > n ? "right" : "left" : o.top + e - r - u > t ? "top" : "bottom";
+function k(e, t, n, r, i, a, o) {
+	return o ? a.right - n - i - m > e ? "right" : "left" : a.top + r - i - m > t ? "top" : "bottom";
 }
-function X(n, t, s, e, r, o) {
-  return n === "left" || n === "right" ? `translate(${n === "left" ? -(e + u + t) : e + u},${-s / 2 + o})` : `translate(${-t / 2 + r},${n === "top" ? -(s + e + u) : e + u})`;
+function A(e, t, n, r, i, a) {
+	return e === "left" || e === "right" ? `translate(${e === "left" ? -(r + m + t) : r + m},${-n / 2 + a})` : `translate(${-t / 2 + i},${e === "top" ? -(n + r + m) : r + m})`;
 }
-function ee(n, t) {
-  return n === "left" || n === "right" ? `translate(${n === "left" ? -t : t},0)` : `translate(0,${n === "top" ? -t : t})`;
+function j(e, t) {
+	return e === "left" || e === "right" ? `translate(${e === "left" ? -t : t},0)` : `translate(0,${e === "top" ? -t : t})`;
 }
-function te(n, t, s, e) {
-  if (n === "left" || n === "right")
-    return 0;
-  const r = t.right - s, o = t.left + s;
-  return r < e / 2 ? r - e / 2 : o < e / 2 ? e / 2 - o : 0;
+function M(e, t, n, r) {
+	if (e === "left" || e === "right") return 0;
+	let i = t.right - n, a = t.left + n;
+	return i < r / 2 ? i - r / 2 : a < r / 2 ? r / 2 - a : 0;
 }
-function re(n, t, s, e) {
-  if (n === "top" || n === "bottom")
-    return 0;
-  const r = t.top + s, o = t.bottom - s;
-  return r < e / 2 ? e / 2 - r : o < e / 2 ? o - e / 2 : 0;
+function N(e, t, n, r) {
+	if (e === "top" || e === "bottom") return 0;
+	let i = t.top + n, a = t.bottom - n;
+	return i < r / 2 ? r / 2 - i : a < r / 2 ? a - r / 2 : 0;
 }
-function ae(n = () => {
-}, t) {
-  var H;
-  const [s, e] = $.useState(null), [r, o] = $.useState(!1), c = $.useRef(!1), L = $.useRef(!1), h = $.useRef("null"), f = $.useRef(null), i = $.useRef(t && (!t.show || !((H = t.content) != null && H.length))), d = () => {
-    e(null), c.current = !1, f.current && (clearTimeout(f.current), f.current = null), n(!1);
-  }, m = () => {
-    L.current = !1, o(!1), d();
-  }, C = $.useCallback((p, x) => {
-    L.current || i.current || (e(p), c.current = !0, h.current = x ?? "null", f.current && clearTimeout(f.current), f.current = setTimeout(() => {
-      n(!0);
-    }, 2e3));
-  }, []), E = $.useCallback(() => {
-    L.current || d();
-  }, []), Q = $.useCallback(m, []);
-  return $.useEffect(() => {
-    var p;
-    i.current = t && (!t.show || !((p = t.content) != null && p.length));
-  }, [t == null ? void 0 : t.content, t == null ? void 0 : t.show]), $.useEffect(() => {
-    function p(T) {
-      c.current && T.key === "Enter" && (L.current = !0, o(!0), f.current && (clearTimeout(f.current), f.current = null), n(!1));
-    }
-    function x(T) {
-      if (!L.current)
-        return;
-      const v = document.querySelector(`.${y}`), F = T.target;
-      v && F && v.contains(F) || m();
-    }
-    return document.addEventListener("keydown", p), document.addEventListener("click", x), () => {
-      document.removeEventListener("keydown", p), document.removeEventListener("click", x);
-    };
-  }, []), {
-    active: s !== null,
-    currentFacet: h.current,
-    fixed: r,
-    selectedData: s,
-    onMouseEnter: C,
-    onMouseLeave: E,
-    onClose: Q
-  };
+function P(e = () => void 0, t) {
+	let [n, s] = o(null), [c, l] = o(!1), u = a(!1), d = a(!1), f = a("null"), p = a(null), m = a(t && (!t.show || !t.content?.length)), h = () => {
+		s(null), u.current = !1, p.current &&= (clearTimeout(p.current), null), e(!1);
+	}, g = () => {
+		d.current = !1, l(!1), h();
+	}, _ = r((t, n) => {
+		d.current || m.current || (s(t), u.current = !0, f.current = n ?? "null", p.current && clearTimeout(p.current), p.current = setTimeout(() => {
+			e(!0);
+		}, 2e3));
+	}, []), v = r(() => {
+		d.current || h();
+	}, []), y = r(g, []);
+	return i(() => {
+		m.current = t && (!t.show || !t.content?.length);
+	}, [t?.content, t?.show]), i(() => {
+		function t(t) {
+			u.current && t.key === "Enter" && (d.current = !0, l(!0), p.current &&= (clearTimeout(p.current), null), e(!1));
+		}
+		function n(e) {
+			if (!d.current) return;
+			let t = document.querySelector(`.${x}`), n = e.target;
+			t && n && t.contains(n) || g();
+		}
+		return document.addEventListener("keydown", t), document.addEventListener("click", n), () => {
+			document.removeEventListener("keydown", t), document.removeEventListener("click", n);
+		};
+	}, []), {
+		active: n !== null,
+		currentFacet: f.current,
+		fixed: c,
+		selectedData: n,
+		onMouseEnter: _,
+		onMouseLeave: v,
+		onClose: y
+	};
 }
-function $e({
-  content: n,
-  x: t,
-  y: s,
-  active: e,
-  fixed: r,
-  container: o,
-  sideDistances: c,
-  onClose: L = () => {
-  },
-  offset: h = W,
-  horizontal: f = !0
-}) {
-  const i = G(n, r), d = B(n), m = Y(i, d, t, s, h, c, f), C = te(m, c, t, i), E = re(m, c, s, d), Q = `translate(${i - g - V},${M})`, H = `translate(${i - g * 2 - k - V},${M})`, [p, x] = $.useState(!1), [T, v] = $.useState(!1), [F, R] = $.useState(!1);
-  function N() {
-    var j;
-    (j = window == null ? void 0 : window.navigator) == null || j.clipboard.writeText(n.join(`
-`)), x(!0);
-  }
-  if (!e || !o && o !== null)
-    return null;
-  const I = /* @__PURE__ */ a.jsxs(
-    "g",
-    {
-      className: y,
-      transform: `translate(${c.left + t},${c.top + s})`,
-      opacity: e ? 1 : 0,
-      stroke: "none",
-      fill: "none",
-      style: { pointerEvents: r ? "all" : "none" },
-      children: [
-        /* @__PURE__ */ a.jsx(
-          "path",
-          {
-            transform: ee(m, h),
-            d: J(i, d, m, C, E),
-            fill: S
-          }
-        ),
-        /* @__PURE__ */ a.jsxs(
-          "g",
-          {
-            fontSize: "14px",
-            fontFamily: "Manrope",
-            fill: "white",
-            transform: X(m, i, d, h, C, E),
-            children: [
-              n.map((j, O) => /* @__PURE__ */ a.jsx(
-                "text",
-                {
-                  x: V,
-                  y: M + b * O + b / 2,
-                  dominantBaseline: "central",
-                  children: j
-                },
-                O
-              )),
-              r && /* @__PURE__ */ a.jsxs("g", { transform: Q, children: [
-                /* @__PURE__ */ a.jsx(
-                  "path",
-                  {
-                    fillRule: "evenodd",
-                    clipRule: "evenodd",
-                    d: "M4.0006 2.93945L8.0006 6.93945L12.0006 2.93945L13.0613 4.00011L9.06126 8.00011L13.0613 12.0001L12.0006 13.0608L8.0006 9.06077L4.0006 13.0608L2.93994 12.0001L6.93994 8.00011L2.93994 4.00011L4.0006 2.93945Z",
-                    fill: T ? P : _
-                  }
-                ),
-                /* @__PURE__ */ a.jsx(
-                  "rect",
-                  {
-                    x: "-8",
-                    y: "-8",
-                    width: "24",
-                    height: "24",
-                    fill: "transparent",
-                    onClick: L,
-                    onMouseOver: () => v(!0),
-                    onMouseLeave: () => v(!1),
-                    style: { cursor: "pointer" }
-                  }
-                )
-              ] }),
-              r && /* @__PURE__ */ a.jsxs("g", { transform: H, children: [
-                p ? /* @__PURE__ */ a.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.0601 4.43439L6.33313 12.5477L1.93945 7.93439L3.02566 6.8999L6.33313 10.3727L12.9739 3.3999L14.0601 4.43439Z", fill: "#07AD3E" }) : /* @__PURE__ */ a.jsxs("g", { children: [
-                  /* @__PURE__ */ a.jsx("g", { clipPath: "url(#clip0_16418_6183)", children: /* @__PURE__ */ a.jsx(
-                    "path",
-                    {
-                      d: "M16.0005 13H14.5005V1.5H3.00049V0H14.5005C15.3289 2.86102e-06 16.0005 0.671575 16.0005 1.5V13ZM1.34717 15.9922C0.641178 15.9205 0.0799799 15.3593 0.00830078 14.6533L0.000488281 14.5V4.5C0.000488281 3.72334 0.590765 3.08461 1.34717 3.00781L1.50049 3H11.5005L11.6538 3.00781C12.4102 3.08461 13.0005 3.72334 13.0005 4.5V14.5L12.9927 14.6533C12.921 15.3593 12.3598 15.9205 11.6538 15.9922L11.5005 16H1.50049L1.34717 15.9922ZM11.5005 4.5H1.50049V14.5H11.5005V4.5Z",
-                      fill: F ? P : _
-                    }
-                  ) }),
-                  /* @__PURE__ */ a.jsx("defs", { children: /* @__PURE__ */ a.jsx("clipPath", { id: "clip0_16418_6183", children: /* @__PURE__ */ a.jsx("rect", { width: "16", height: "16", transform: "translate(0.000488281)", fill: "white" }) }) })
-                ] }),
-                /* @__PURE__ */ a.jsx(
-                  "rect",
-                  {
-                    x: "-8",
-                    y: "-8",
-                    width: "24",
-                    height: "24",
-                    fill: "transparent",
-                    onClick: N,
-                    onMouseOver: () => R(!0),
-                    onMouseLeave: () => R(!1),
-                    style: { cursor: "pointer" }
-                  }
-                )
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  );
-  return o === null ? I : w.createPortal(
-    I,
-    o
-  );
+function F({ content: t, x: n, y: r, active: i, fixed: a, container: p, sideDistances: m, onClose: v = () => void 0, offset: w = h, horizontal: T = !0 }) {
+	let E = C(t, a), D = S(t), P = k(E, D, n, r, w, m, T), F = M(P, m, n, E), I = N(P, m, r, D), L = `translate(${E - g - d},${u})`, R = `translate(${E - g * 2 - _ - d},${u})`, [z, B] = o(!1), [V, H] = o(!1), [U, W] = o(!1);
+	function G() {
+		window?.navigator?.clipboard.writeText(t.join("\n")), B(!0);
+	}
+	if (!i || !p && p !== null) return null;
+	let K = /* @__PURE__ */ c("g", {
+		className: x,
+		transform: `translate(${m.left + n},${m.top + r})`,
+		opacity: i ? 1 : 0,
+		stroke: "none",
+		fill: "none",
+		style: { pointerEvents: a ? "all" : "none" },
+		children: [/* @__PURE__ */ s("path", {
+			transform: j(P, w),
+			d: O(E, D, P, F, I),
+			fill: e
+		}), /* @__PURE__ */ c("g", {
+			fontSize: "14px",
+			fontFamily: "Manrope",
+			fill: "white",
+			transform: A(P, E, D, w, F, I),
+			children: [
+				t.map((e, t) => /* @__PURE__ */ s("text", {
+					x: d,
+					y: u + f * t + f / 2,
+					dominantBaseline: "central",
+					children: e
+				}, t)),
+				a && /* @__PURE__ */ c("g", {
+					transform: L,
+					children: [/* @__PURE__ */ s("path", {
+						fillRule: "evenodd",
+						clipRule: "evenodd",
+						d: "M4.0006 2.93945L8.0006 6.93945L12.0006 2.93945L13.0613 4.00011L9.06126 8.00011L13.0613 12.0001L12.0006 13.0608L8.0006 9.06077L4.0006 13.0608L2.93994 12.0001L6.93994 8.00011L2.93994 4.00011L4.0006 2.93945Z",
+						fill: V ? y : b
+					}), /* @__PURE__ */ s("rect", {
+						x: "-8",
+						y: "-8",
+						width: "24",
+						height: "24",
+						fill: "transparent",
+						onClick: v,
+						onMouseOver: () => H(!0),
+						onMouseLeave: () => H(!1),
+						style: { cursor: "pointer" }
+					})]
+				}),
+				a && /* @__PURE__ */ c("g", {
+					transform: R,
+					children: [z ? /* @__PURE__ */ s("path", {
+						fillRule: "evenodd",
+						clipRule: "evenodd",
+						d: "M14.0601 4.43439L6.33313 12.5477L1.93945 7.93439L3.02566 6.8999L6.33313 10.3727L12.9739 3.3999L14.0601 4.43439Z",
+						fill: "#07AD3E"
+					}) : /* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s("g", {
+						clipPath: "url(#clip0_16418_6183)",
+						children: /* @__PURE__ */ s("path", {
+							d: "M16.0005 13H14.5005V1.5H3.00049V0H14.5005C15.3289 2.86102e-06 16.0005 0.671575 16.0005 1.5V13ZM1.34717 15.9922C0.641178 15.9205 0.0799799 15.3593 0.00830078 14.6533L0.000488281 14.5V4.5C0.000488281 3.72334 0.590765 3.08461 1.34717 3.00781L1.50049 3H11.5005L11.6538 3.00781C12.4102 3.08461 13.0005 3.72334 13.0005 4.5V14.5L12.9927 14.6533C12.921 15.3593 12.3598 15.9205 11.6538 15.9922L11.5005 16H1.50049L1.34717 15.9922ZM11.5005 4.5H1.50049V14.5H11.5005V4.5Z",
+							fill: U ? y : b
+						})
+					}), /* @__PURE__ */ s("defs", { children: /* @__PURE__ */ s("clipPath", {
+						id: "clip0_16418_6183",
+						children: /* @__PURE__ */ s("rect", {
+							width: "16",
+							height: "16",
+							transform: "translate(0.000488281)",
+							fill: "white"
+						})
+					}) })] }), /* @__PURE__ */ s("rect", {
+						x: "-8",
+						y: "-8",
+						width: "24",
+						height: "24",
+						fill: "transparent",
+						onClick: G,
+						onMouseOver: () => W(!0),
+						onMouseLeave: () => W(!1),
+						style: { cursor: "pointer" }
+					})]
+				})
+			]
+		})]
+	});
+	return p === null ? K : l(K, p);
 }
-export {
-  $e as Tooltip,
-  B as getTooltipHeight,
-  G as getTooltipWidth,
-  ae as useTooltip
-};
-//# sourceMappingURL=Tooltip.js.map
+export { F as Tooltip, P as useTooltip };
+
+//# sourceMappingURL=Tooltip.js.map

package/dist/common/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../src/common/Tooltip.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { BLACK } from '../constants';\nimport { exhaustive } from '../utils';\nimport { TextMeasurer } from '../utils/TextMeasurer/TextMeasurer';\nimport type { TooltipSettings } from '../types';\n\ntype Direction = 'left'|'right'|'top'|'bottom';\ntype SideDistances = {\n    left: number;\n    right: number;\n    top: number;\n    bottom: number;\n};\n\nconst OFFSET_V = 8;\nconst OFFSET_H = 12;\nconst LINE_HEIGHT = 20;\nconst R = 6;\nconst TAIL_OFFSET = 5;\nconst POSITION_OFFSET = 8;\n\nconst ICON_W = 16;\nconst ICON_OFFSET = 8;\nconst ICONS_WIDTH = ICON_W * 2 + ICON_OFFSET + 16;\n\nconst GREY = '#CFD1DB';\nconst WHITE = '#fff';\n\nconst TOOLTIP_CLASS = 'miplots-tooltip';\n\nexport function getTooltipHeight(content: string[]) {\n    return content.length * LINE_HEIGHT + 2 * OFFSET_V;\n}\nexport function getTooltipWidth(content: string[], hasIcons = false) {\n    const textMeasurer = new TextMeasurer('600 14px Arial');\n    return Math.max(...content.map((str, idx) => textMeasurer.getTextWidth(str) + (idx === 0 && hasIcons ? ICONS_WIDTH : 0))) + 2 * OFFSET_H;\n}\n\nfunction rightTooltipPath(width: number, height: number, shiftY: number) {\n    const left = -TAIL_OFFSET - width;\n    const right = -TAIL_OFFSET;\n    const top = -height / 2 + shiftY;\n    const bottom = height / 2 + shiftY;\n    return `M 0,0 \n    L ${right},${-TAIL_OFFSET} \n    V ${top + R}\n    Q ${right},${top} ${right - R},${top}  \n    H ${left + R}   \n    Q ${left},${top} ${left},${top + R}\n    V ${bottom - R}\n    Q ${left},${bottom} ${left + R},${bottom}\n    H ${right - R}\n    Q ${right},${bottom} ${right},${bottom - R}\n    V ${TAIL_OFFSET} \n    L 0,0 z`;\n}\nfunction leftTooltipPath(width: number, height: number, shiftY: number) {\n    const left = TAIL_OFFSET;\n    const right = TAIL_OFFSET + width;\n    const top = -height / 2 + shiftY;\n    const bottom = height / 2 + shiftY;\n    return `M 0,0 \n    L ${left},${-TAIL_OFFSET} \n    V ${top + R}\n    Q ${left},${top} ${left + R},${top}  \n    H ${right - R}   \n    Q ${right},${top} ${right},${top + R}\n    V ${bottom - R}\n    Q ${right},${bottom} ${right - R},${bottom}\n    H ${left + R}\n    Q ${left},${bottom} ${left},${bottom - R}\n    V ${TAIL_OFFSET} \n    L 0,0 z`;\n}\n\nfunction topTooltipPath(width: number, height: number, shiftX: number) {\n    const left = -width / 2 + shiftX;\n    const right = width / 2 + shiftX;\n    const top = -TAIL_OFFSET - height;\n    const bottom = -TAIL_OFFSET;\n    return `M 0,0 \n    L ${-TAIL_OFFSET},${bottom} \n    H ${left + R}\n    Q ${left},${bottom} ${left},${bottom - R}  \n    V ${top + R}   \n    Q ${left},${top} ${left + R},${top}\n    H ${right - R}\n    Q ${right},${top} ${right},${top + R}\n    V ${bottom - R}\n    Q ${right},${bottom} ${right - R},${bottom}\n    H ${TAIL_OFFSET} \n    L 0,0 z`;\n}\n\nfunction bottomTooltipPath(width: number, height: number, shiftX: number) {\n    const left = -width / 2 + shiftX;\n    const right = width / 2 + shiftX;\n    const bottom = TAIL_OFFSET + height;\n    const top = TAIL_OFFSET;\n    return `M 0,0 \n    L ${-TAIL_OFFSET},${top} \n    H ${left + R}\n    Q ${left},${top} ${left},${top + R}  \n    V ${bottom - R}   \n    Q ${left},${bottom} ${left + R},${bottom}\n    H ${right - R}\n    Q ${right},${bottom} ${right},${bottom - R}\n    V ${top + R}\n    Q ${right},${top} ${right - R},${top}\n    H ${TAIL_OFFSET} \n    L 0,0 z`;\n}\n\nfunction getPath(width: number, height: number, direction: Direction, shiftX: number, shiftY: number):string {\n    switch (direction) {\n        case 'left': return rightTooltipPath(width, height, shiftY);\n        case 'right': return leftTooltipPath(width, height, shiftY);\n        case 'top': return topTooltipPath(width, height, shiftX);\n        case 'bottom': return bottomTooltipPath(width, height, shiftX);\n        default: exhaustive(direction, 'Unknown tooltip direction');\n    }\n}\n\nfunction getDirection(width: number, height: number, x: number, y: number, offset:number, sideDistances:SideDistances , horizontal: boolean):Direction {\n    if (horizontal) {\n        return sideDistances.right - x - offset - TAIL_OFFSET > width ? 'right' : 'left';\n    }\n    return sideDistances.top + y - offset - TAIL_OFFSET > height ? 'top' : 'bottom';\n}\n\nfunction getContentTransform (direction:Direction, width: number, height: number, offset:number, shiftX: number, shiftY: number) {\n    if (direction === 'left' || direction === 'right') {\n        return `translate(${(direction === 'left' ? -(offset + TAIL_OFFSET + width) : (offset + TAIL_OFFSET))},${-height / 2 + shiftY})`;\n    }\n    return `translate(${-width / 2 + shiftX},${direction === 'top' ? -(height + offset + TAIL_OFFSET) : offset + TAIL_OFFSET})`;\n\n}\nfunction getPathTransform (direction:Direction, offset:number) {\n    if (direction === 'left' || direction === 'right') {\n        return `translate(${direction === 'left' ? -offset : offset},0)`;\n    }\n    return `translate(0,${direction === 'top' ? -offset : offset})`;\n}\n\nfunction getShiftX (direction:Direction, sideDistances: SideDistances, x: number, width: number) {\n    if (direction === 'left' || direction === 'right') {\n        return 0;\n    }\n    const rightFreeSpace = sideDistances.right - x;\n    const leftFreeSpace = sideDistances.left + x;\n    if (rightFreeSpace < width / 2) {\n        return rightFreeSpace - width / 2;\n    }\n    if (leftFreeSpace < width / 2) {\n        return width / 2 - leftFreeSpace;\n    }\n    return 0;\n}\nfunction getShiftY (direction:Direction, sideDistances: SideDistances, y: number, height: number) {\n    if (direction === 'top' || direction === 'bottom') {\n        return 0;\n    }\n    const topFreeSpace = sideDistances.top + y;\n    const bottomFreeSpace = sideDistances.bottom - y;\n    if (topFreeSpace < height / 2) {\n        return height / 2 - topFreeSpace;\n    }\n    if (bottomFreeSpace < height / 2) {\n        return bottomFreeSpace - height / 2;\n    }\n    return 0;\n}\n\nexport type TooltipsData<T> = {\n    active: boolean,\n    fixed: boolean,\n    selectedData: T | null,\n    currentFacet: string,\n    onMouseEnter: (elementData:T, facetKey?:string) => void,\n    onMouseLeave: () => void,\n    onClose: () => void\n}\n\nexport function useTooltip<T = unknown>(\n    onTooltipHintSwitchOuterCallback: (v:boolean) => void = () => undefined,\n    tooltipSettings?: TooltipSettings\n): TooltipsData<T> {\n    const [selectedData, setSelectedData] = useState<T | null>(null);\n    const [fixed, setFixed] = useState(false);\n    const openRef = useRef(false);\n    const fixedRef = useRef(false);\n    const currentFacet = useRef('null');\n    const hintTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const disabled = useRef(tooltipSettings && (!tooltipSettings.show || !tooltipSettings.content?.length));\n\n    const close = () => {\n        setSelectedData(null);\n        openRef.current = false;\n        if (hintTimer.current) {\n            clearTimeout(hintTimer.current);\n            hintTimer.current = null;\n        }\n        onTooltipHintSwitchOuterCallback(false);\n    };\n    const closeFixed = () => {\n        fixedRef.current = false;\n        setFixed(false);\n        close();\n    };\n    const onMouseEnter = useCallback((newElementData:T, facetKey?: string) => {\n        if (fixedRef.current || disabled.current) {\n            return;\n        }\n        setSelectedData(newElementData);\n        openRef.current = true;\n        currentFacet.current = facetKey ?? 'null';\n        if (hintTimer.current) {\n            clearTimeout(hintTimer.current);\n        }\n        hintTimer.current = setTimeout(() => {\n            onTooltipHintSwitchOuterCallback(true);\n        }, 2000);\n    }, []);\n    const onMouseLeave = useCallback(() => {\n        if (fixedRef.current) {\n            return;\n        }\n        close();\n    }, []);\n\n    const onClose = useCallback(closeFixed, []);\n\n    useEffect(() => {\n        disabled.current = tooltipSettings && (!tooltipSettings.show || !tooltipSettings.content?.length);\n    }, [tooltipSettings?.content, tooltipSettings?.show]);\n    useEffect(() => {\n        function handleEnter(e:KeyboardEvent) {\n            if (openRef.current && e.key === 'Enter') {\n                fixedRef.current = true;\n                setFixed(true);\n                if (hintTimer.current) {\n                    clearTimeout(hintTimer.current);\n                    hintTimer.current = null;\n                }\n                onTooltipHintSwitchOuterCallback(false);\n            }\n        }\n        function handleClickOutside(e:MouseEvent) {\n            if (!fixedRef.current) {\n                return;\n            }\n            //const tooltipNodes = Array.from(document.getElementsByClassName(TOOLTIP_CLASS));\n            const tooltipNode = document.querySelector(`.${TOOLTIP_CLASS}`);\n            const clickedNode = e.target;\n            if (tooltipNode && clickedNode && tooltipNode.contains(clickedNode as Node)) {\n                return;\n            }\n            closeFixed();\n        }\n        document.addEventListener('keydown', handleEnter);\n        document.addEventListener('click', handleClickOutside);\n        return () => {\n            document.removeEventListener('keydown', handleEnter);\n            document.removeEventListener('click', handleClickOutside);\n        };\n    }, []);\n\n    return {\n        active: selectedData !== null,\n        currentFacet: currentFacet.current,\n        fixed,\n        selectedData,\n        onMouseEnter,\n        onMouseLeave,\n        onClose\n    };\n}\n\nexport function Tooltip({\n    content,\n    x,\n    y,\n    active,\n    fixed,\n    container,\n    sideDistances,\n    onClose = () => undefined,\n    offset = POSITION_OFFSET,\n    horizontal = true,\n}: {\n    content: string[];\n    x: number;\n    y: number;\n    active: boolean;\n    fixed: boolean;\n    sideDistances: SideDistances;\n    onClose?: () => void;\n    offset?: number;\n    horizontal?: boolean;\n    container?: Element | null;\n}) {\n    const width = getTooltipWidth(content, fixed);\n    const height = getTooltipHeight(content);\n    const direction = getDirection(width, height, x, y, offset, sideDistances, horizontal);\n    // shifts for tooltip positioning not in center if it is close to chart edges\n    const shiftX = getShiftX(direction, sideDistances, x, width);\n    const shiftY = getShiftY(direction, sideDistances, y, height);\n\n    const firstIconPosition = `translate(${width - ICON_W - OFFSET_H},${OFFSET_V})`;\n    const secondIconPosition = `translate(${width - ICON_W * 2 - ICON_OFFSET - OFFSET_H},${OFFSET_V})`;\n\n    const [copied, setCopied] = useState(false);\n    const [hoveredClose, setHoveredClose] = useState(false);\n    const [hoveredCopy, setHoveredCopy] = useState(false);\n\n    function copyToClipboard () {\n        window?.navigator?.clipboard.writeText(content.join('\\n'));\n        setCopied(true);\n    }\n        \n    if (!active || (!container && container !== null)) {\n        return null;\n    }\n\n    const tooltip = (\n        <g\n            className={TOOLTIP_CLASS}\n            transform={`translate(${sideDistances.left + x},${sideDistances.top + y})`}\n            opacity={active ? 1 : 0}\n            stroke=\"none\"\n            fill=\"none\"\n            style={{pointerEvents: fixed ? 'all' : 'none'}}\n        >\n            <path\n                transform={getPathTransform(direction, offset)}\n                d={getPath(width, height, direction, shiftX, shiftY)}\n                fill={BLACK}\n            />\n            <g\n                fontSize=\"14px\"\n                fontFamily=\"Manrope\"\n                fill=\"white\"\n                transform={getContentTransform(direction, width, height, offset, shiftX, shiftY)}\n            >\n                {content.map((str, idx) => (\n                    <text\n                        key={idx}\n                        x={OFFSET_H}\n                        y={OFFSET_V + LINE_HEIGHT * idx + LINE_HEIGHT / 2}\n                        dominantBaseline=\"central\"\n                    >\n                        {str}\n                    </text>\n                ))}\n                {fixed && (\n                    <g transform={firstIconPosition}>\n                        <path\n                            fillRule=\"evenodd\"\n                            clipRule=\"evenodd\"\n                            d=\"M4.0006 2.93945L8.0006 6.93945L12.0006 2.93945L13.0613 4.00011L9.06126 8.00011L13.0613 12.0001L12.0006 13.0608L8.0006 9.06077L4.0006 13.0608L2.93994 12.0001L6.93994 8.00011L2.93994 4.00011L4.0006 2.93945Z\"\n                            fill={hoveredClose ? GREY : WHITE}\n                        />\n                        <rect\n                            x=\"-8\"\n                            y=\"-8\"\n                            width=\"24\"\n                            height=\"24\"\n                            fill=\"transparent\"\n                            onClick={onClose}\n                            onMouseOver={() => setHoveredClose(true)}\n                            onMouseLeave={() => setHoveredClose(false)}\n                            style={{cursor: 'pointer'}}\n                        />\n                    </g>\n                )}\n                {fixed && (\n                    <g transform={secondIconPosition}>\n                        {copied\n                            ? (\n                            <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M14.0601 4.43439L6.33313 12.5477L1.93945 7.93439L3.02566 6.8999L6.33313 10.3727L12.9739 3.3999L14.0601 4.43439Z\" fill=\"#07AD3E\"/>\n                            )\n                            : (\n                                <g>\n                                <g clipPath=\"url(#clip0_16418_6183)\">\n                                    <path d=\"M16.0005 13H14.5005V1.5H3.00049V0H14.5005C15.3289 2.86102e-06 16.0005 0.671575 16.0005 1.5V13ZM1.34717 15.9922C0.641178 15.9205 0.0799799 15.3593 0.00830078 14.6533L0.000488281 14.5V4.5C0.000488281 3.72334 0.590765 3.08461 1.34717 3.00781L1.50049 3H11.5005L11.6538 3.00781C12.4102 3.08461 13.0005 3.72334 13.0005 4.5V14.5L12.9927 14.6533C12.921 15.3593 12.3598 15.9205 11.6538 15.9922L11.5005 16H1.50049L1.34717 15.9922ZM11.5005 4.5H1.50049V14.5H11.5005V4.5Z\"\n                                          fill={hoveredCopy ? GREY : WHITE}\n                                    />\n                                </g>\n                                    <defs>\n                                    <clipPath id=\"clip0_16418_6183\">\n                                    <rect width=\"16\" height=\"16\" transform=\"translate(0.000488281)\" fill=\"white\" />\n                                    </clipPath>\n                                    </defs>\n                                </g>\n                            )}\n                        <rect\n                            x=\"-8\"\n                            y=\"-8\"\n                            width=\"24\"\n                            height=\"24\"\n                            fill=\"transparent\"\n                            onClick={copyToClipboard}\n                            onMouseOver={() => setHoveredCopy(true)}\n                            onMouseLeave={() => setHoveredCopy(false)}\n                            style={{cursor: 'pointer'}}\n                        />\n                    </g>\n                )}\n            </g>\n        </g>\n    );\n\n    return container === null ? tooltip : createPortal(\n        tooltip,\n        container\n    );\n}\n"],"names":["OFFSET_V","OFFSET_H","LINE_HEIGHT","R","TAIL_OFFSET","POSITION_OFFSET","ICON_W","ICON_OFFSET","ICONS_WIDTH","GREY","WHITE","TOOLTIP_CLASS","getTooltipHeight","content","getTooltipWidth","hasIcons","textMeasurer","TextMeasurer","str","idx","rightTooltipPath","width","height","shiftY","left","right","top","bottom","leftTooltipPath","topTooltipPath","shiftX","bottomTooltipPath","getPath","direction","exhaustive","getDirection","x","y","offset","sideDistances","horizontal","getContentTransform","getPathTransform","getShiftX","rightFreeSpace","leftFreeSpace","getShiftY","topFreeSpace","bottomFreeSpace","useTooltip","onTooltipHintSwitchOuterCallback","tooltipSettings","selectedData","setSelectedData","useState","fixed","setFixed","openRef","useRef","fixedRef","currentFacet","hintTimer","disabled","_a","close","closeFixed","onMouseEnter","useCallback","newElementData","facetKey","onMouseLeave","onClose","useEffect","handleEnter","e","handleClickOutside","tooltipNode","clickedNode","Tooltip","active","container","firstIconPosition","secondIconPosition","copied","setCopied","hoveredClose","setHoveredClose","hoveredCopy","setHoveredCopy","copyToClipboard","tooltip","jsxs","jsx","BLACK","createPortal"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":[],"sources":["../../src/common/Tooltip.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { BLACK } from '../constants';\nimport { exhaustive } from '../utils';\nimport { TextMeasurer } from '../utils/TextMeasurer/TextMeasurer';\nimport type { TooltipSettings } from '../types';\n\ntype Direction = 'left'|'right'|'top'|'bottom';\ntype SideDistances = {\n    left: number;\n    right: number;\n    top: number;\n    bottom: number;\n};\n\nconst OFFSET_V = 8;\nconst OFFSET_H = 12;\nconst LINE_HEIGHT = 20;\nconst R = 6;\nconst TAIL_OFFSET = 5;\nconst POSITION_OFFSET = 8;\n\nconst ICON_W = 16;\nconst ICON_OFFSET = 8;\nconst ICONS_WIDTH = ICON_W * 2 + ICON_OFFSET + 16;\n\nconst GREY = '#CFD1DB';\nconst WHITE = '#fff';\n\nconst TOOLTIP_CLASS = 'miplots-tooltip';\n\nexport function getTooltipHeight(content: string[]) {\n    return content.length * LINE_HEIGHT + 2 * OFFSET_V;\n}\nexport function getTooltipWidth(content: string[], hasIcons = false) {\n    const textMeasurer = new TextMeasurer('600 14px Arial');\n    return Math.max(...content.map((str, idx) => textMeasurer.getTextWidth(str) + (idx === 0 && hasIcons ? ICONS_WIDTH : 0))) + 2 * OFFSET_H;\n}\n\nfunction rightTooltipPath(width: number, height: number, shiftY: number) {\n    const left = -TAIL_OFFSET - width;\n    const right = -TAIL_OFFSET;\n    const top = -height / 2 + shiftY;\n    const bottom = height / 2 + shiftY;\n    return `M 0,0 \n    L ${right},${-TAIL_OFFSET} \n    V ${top + R}\n    Q ${right},${top} ${right - R},${top}  \n    H ${left + R}   \n    Q ${left},${top} ${left},${top + R}\n    V ${bottom - R}\n    Q ${left},${bottom} ${left + R},${bottom}\n    H ${right - R}\n    Q ${right},${bottom} ${right},${bottom - R}\n    V ${TAIL_OFFSET} \n    L 0,0 z`;\n}\nfunction leftTooltipPath(width: number, height: number, shiftY: number) {\n    const left = TAIL_OFFSET;\n    const right = TAIL_OFFSET + width;\n    const top = -height / 2 + shiftY;\n    const bottom = height / 2 + shiftY;\n    return `M 0,0 \n    L ${left},${-TAIL_OFFSET} \n    V ${top + R}\n    Q ${left},${top} ${left + R},${top}  \n    H ${right - R}   \n    Q ${right},${top} ${right},${top + R}\n    V ${bottom - R}\n    Q ${right},${bottom} ${right - R},${bottom}\n    H ${left + R}\n    Q ${left},${bottom} ${left},${bottom - R}\n    V ${TAIL_OFFSET} \n    L 0,0 z`;\n}\n\nfunction topTooltipPath(width: number, height: number, shiftX: number) {\n    const left = -width / 2 + shiftX;\n    const right = width / 2 + shiftX;\n    const top = -TAIL_OFFSET - height;\n    const bottom = -TAIL_OFFSET;\n    return `M 0,0 \n    L ${-TAIL_OFFSET},${bottom} \n    H ${left + R}\n    Q ${left},${bottom} ${left},${bottom - R}  \n    V ${top + R}   \n    Q ${left},${top} ${left + R},${top}\n    H ${right - R}\n    Q ${right},${top} ${right},${top + R}\n    V ${bottom - R}\n    Q ${right},${bottom} ${right - R},${bottom}\n    H ${TAIL_OFFSET} \n    L 0,0 z`;\n}\n\nfunction bottomTooltipPath(width: number, height: number, shiftX: number) {\n    const left = -width / 2 + shiftX;\n    const right = width / 2 + shiftX;\n    const bottom = TAIL_OFFSET + height;\n    const top = TAIL_OFFSET;\n    return `M 0,0 \n    L ${-TAIL_OFFSET},${top} \n    H ${left + R}\n    Q ${left},${top} ${left},${top + R}  \n    V ${bottom - R}   \n    Q ${left},${bottom} ${left + R},${bottom}\n    H ${right - R}\n    Q ${right},${bottom} ${right},${bottom - R}\n    V ${top + R}\n    Q ${right},${top} ${right - R},${top}\n    H ${TAIL_OFFSET} \n    L 0,0 z`;\n}\n\nfunction getPath(width: number, height: number, direction: Direction, shiftX: number, shiftY: number):string {\n    switch (direction) {\n        case 'left': return rightTooltipPath(width, height, shiftY);\n        case 'right': return leftTooltipPath(width, height, shiftY);\n        case 'top': return topTooltipPath(width, height, shiftX);\n        case 'bottom': return bottomTooltipPath(width, height, shiftX);\n        default: exhaustive(direction, 'Unknown tooltip direction');\n    }\n}\n\nfunction getDirection(width: number, height: number, x: number, y: number, offset:number, sideDistances:SideDistances , horizontal: boolean):Direction {\n    if (horizontal) {\n        return sideDistances.right - x - offset - TAIL_OFFSET > width ? 'right' : 'left';\n    }\n    return sideDistances.top + y - offset - TAIL_OFFSET > height ? 'top' : 'bottom';\n}\n\nfunction getContentTransform (direction:Direction, width: number, height: number, offset:number, shiftX: number, shiftY: number) {\n    if (direction === 'left' || direction === 'right') {\n        return `translate(${(direction === 'left' ? -(offset + TAIL_OFFSET + width) : (offset + TAIL_OFFSET))},${-height / 2 + shiftY})`;\n    }\n    return `translate(${-width / 2 + shiftX},${direction === 'top' ? -(height + offset + TAIL_OFFSET) : offset + TAIL_OFFSET})`;\n\n}\nfunction getPathTransform (direction:Direction, offset:number) {\n    if (direction === 'left' || direction === 'right') {\n        return `translate(${direction === 'left' ? -offset : offset},0)`;\n    }\n    return `translate(0,${direction === 'top' ? -offset : offset})`;\n}\n\nfunction getShiftX (direction:Direction, sideDistances: SideDistances, x: number, width: number) {\n    if (direction === 'left' || direction === 'right') {\n        return 0;\n    }\n    const rightFreeSpace = sideDistances.right - x;\n    const leftFreeSpace = sideDistances.left + x;\n    if (rightFreeSpace < width / 2) {\n        return rightFreeSpace - width / 2;\n    }\n    if (leftFreeSpace < width / 2) {\n        return width / 2 - leftFreeSpace;\n    }\n    return 0;\n}\nfunction getShiftY (direction:Direction, sideDistances: SideDistances, y: number, height: number) {\n    if (direction === 'top' || direction === 'bottom') {\n        return 0;\n    }\n    const topFreeSpace = sideDistances.top + y;\n    const bottomFreeSpace = sideDistances.bottom - y;\n    if (topFreeSpace < height / 2) {\n        return height / 2 - topFreeSpace;\n    }\n    if (bottomFreeSpace < height / 2) {\n        return bottomFreeSpace - height / 2;\n    }\n    return 0;\n}\n\nexport type TooltipsData<T> = {\n    active: boolean,\n    fixed: boolean,\n    selectedData: T | null,\n    currentFacet: string,\n    onMouseEnter: (elementData:T, facetKey?:string) => void,\n    onMouseLeave: () => void,\n    onClose: () => void\n}\n\nexport function useTooltip<T = unknown>(\n    onTooltipHintSwitchOuterCallback: (v:boolean) => void = () => undefined,\n    tooltipSettings?: TooltipSettings\n): TooltipsData<T> {\n    const [selectedData, setSelectedData] = useState<T | null>(null);\n    const [fixed, setFixed] = useState(false);\n    const openRef = useRef(false);\n    const fixedRef = useRef(false);\n    const currentFacet = useRef('null');\n    const hintTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const disabled = useRef(tooltipSettings && (!tooltipSettings.show || !tooltipSettings.content?.length));\n\n    const close = () => {\n        setSelectedData(null);\n        openRef.current = false;\n        if (hintTimer.current) {\n            clearTimeout(hintTimer.current);\n            hintTimer.current = null;\n        }\n        onTooltipHintSwitchOuterCallback(false);\n    };\n    const closeFixed = () => {\n        fixedRef.current = false;\n        setFixed(false);\n        close();\n    };\n    const onMouseEnter = useCallback((newElementData:T, facetKey?: string) => {\n        if (fixedRef.current || disabled.current) {\n            return;\n        }\n        setSelectedData(newElementData);\n        openRef.current = true;\n        currentFacet.current = facetKey ?? 'null';\n        if (hintTimer.current) {\n            clearTimeout(hintTimer.current);\n        }\n        hintTimer.current = setTimeout(() => {\n            onTooltipHintSwitchOuterCallback(true);\n        }, 2000);\n    }, []);\n    const onMouseLeave = useCallback(() => {\n        if (fixedRef.current) {\n            return;\n        }\n        close();\n    }, []);\n\n    const onClose = useCallback(closeFixed, []);\n\n    useEffect(() => {\n        disabled.current = tooltipSettings && (!tooltipSettings.show || !tooltipSettings.content?.length);\n    }, [tooltipSettings?.content, tooltipSettings?.show]);\n    useEffect(() => {\n        function handleEnter(e:KeyboardEvent) {\n            if (openRef.current && e.key === 'Enter') {\n                fixedRef.current = true;\n                setFixed(true);\n                if (hintTimer.current) {\n                    clearTimeout(hintTimer.current);\n                    hintTimer.current = null;\n                }\n                onTooltipHintSwitchOuterCallback(false);\n            }\n        }\n        function handleClickOutside(e:MouseEvent) {\n            if (!fixedRef.current) {\n                return;\n            }\n            //const tooltipNodes = Array.from(document.getElementsByClassName(TOOLTIP_CLASS));\n            const tooltipNode = document.querySelector(`.${TOOLTIP_CLASS}`);\n            const clickedNode = e.target;\n            if (tooltipNode && clickedNode && tooltipNode.contains(clickedNode as Node)) {\n                return;\n            }\n            closeFixed();\n        }\n        document.addEventListener('keydown', handleEnter);\n        document.addEventListener('click', handleClickOutside);\n        return () => {\n            document.removeEventListener('keydown', handleEnter);\n            document.removeEventListener('click', handleClickOutside);\n        };\n    }, []);\n\n    return {\n        active: selectedData !== null,\n        currentFacet: currentFacet.current,\n        fixed,\n        selectedData,\n        onMouseEnter,\n        onMouseLeave,\n        onClose\n    };\n}\n\nexport function Tooltip({\n    content,\n    x,\n    y,\n    active,\n    fixed,\n    container,\n    sideDistances,\n    onClose = () => undefined,\n    offset = POSITION_OFFSET,\n    horizontal = true,\n}: {\n    content: string[];\n    x: number;\n    y: number;\n    active: boolean;\n    fixed: boolean;\n    sideDistances: SideDistances;\n    onClose?: () => void;\n    offset?: number;\n    horizontal?: boolean;\n    container?: Element | null;\n}) {\n    const width = getTooltipWidth(content, fixed);\n    const height = getTooltipHeight(content);\n    const direction = getDirection(width, height, x, y, offset, sideDistances, horizontal);\n    // shifts for tooltip positioning not in center if it is close to chart edges\n    const shiftX = getShiftX(direction, sideDistances, x, width);\n    const shiftY = getShiftY(direction, sideDistances, y, height);\n\n    const firstIconPosition = `translate(${width - ICON_W - OFFSET_H},${OFFSET_V})`;\n    const secondIconPosition = `translate(${width - ICON_W * 2 - ICON_OFFSET - OFFSET_H},${OFFSET_V})`;\n\n    const [copied, setCopied] = useState(false);\n    const [hoveredClose, setHoveredClose] = useState(false);\n    const [hoveredCopy, setHoveredCopy] = useState(false);\n\n    function copyToClipboard () {\n        window?.navigator?.clipboard.writeText(content.join('\\n'));\n        setCopied(true);\n    }\n        \n    if (!active || (!container && container !== null)) {\n        return null;\n    }\n\n    const tooltip = (\n        <g\n            className={TOOLTIP_CLASS}\n            transform={`translate(${sideDistances.left + x},${sideDistances.top + y})`}\n            opacity={active ? 1 : 0}\n            stroke=\"none\"\n            fill=\"none\"\n            style={{pointerEvents: fixed ? 'all' : 'none'}}\n        >\n            <path\n                transform={getPathTransform(direction, offset)}\n                d={getPath(width, height, direction, shiftX, shiftY)}\n                fill={BLACK}\n            />\n            <g\n                fontSize=\"14px\"\n                fontFamily=\"Manrope\"\n                fill=\"white\"\n                transform={getContentTransform(direction, width, height, offset, shiftX, shiftY)}\n            >\n                {content.map((str, idx) => (\n                    <text\n                        key={idx}\n                        x={OFFSET_H}\n                        y={OFFSET_V + LINE_HEIGHT * idx + LINE_HEIGHT / 2}\n                        dominantBaseline=\"central\"\n                    >\n                        {str}\n                    </text>\n                ))}\n                {fixed && (\n                    <g transform={firstIconPosition}>\n                        <path\n                            fillRule=\"evenodd\"\n                            clipRule=\"evenodd\"\n                            d=\"M4.0006 2.93945L8.0006 6.93945L12.0006 2.93945L13.0613 4.00011L9.06126 8.00011L13.0613 12.0001L12.0006 13.0608L8.0006 9.06077L4.0006 13.0608L2.93994 12.0001L6.93994 8.00011L2.93994 4.00011L4.0006 2.93945Z\"\n                            fill={hoveredClose ? GREY : WHITE}\n                        />\n                        <rect\n                            x=\"-8\"\n                            y=\"-8\"\n                            width=\"24\"\n                            height=\"24\"\n                            fill=\"transparent\"\n                            onClick={onClose}\n                            onMouseOver={() => setHoveredClose(true)}\n                            onMouseLeave={() => setHoveredClose(false)}\n                            style={{cursor: 'pointer'}}\n                        />\n                    </g>\n                )}\n                {fixed && (\n                    <g transform={secondIconPosition}>\n                        {copied\n                            ? (\n                            <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M14.0601 4.43439L6.33313 12.5477L1.93945 7.93439L3.02566 6.8999L6.33313 10.3727L12.9739 3.3999L14.0601 4.43439Z\" fill=\"#07AD3E\"/>\n                            )\n                            : (\n                                <g>\n                                <g clipPath=\"url(#clip0_16418_6183)\">\n                                    <path d=\"M16.0005 13H14.5005V1.5H3.00049V0H14.5005C15.3289 2.86102e-06 16.0005 0.671575 16.0005 1.5V13ZM1.34717 15.9922C0.641178 15.9205 0.0799799 15.3593 0.00830078 14.6533L0.000488281 14.5V4.5C0.000488281 3.72334 0.590765 3.08461 1.34717 3.00781L1.50049 3H11.5005L11.6538 3.00781C12.4102 3.08461 13.0005 3.72334 13.0005 4.5V14.5L12.9927 14.6533C12.921 15.3593 12.3598 15.9205 11.6538 15.9922L11.5005 16H1.50049L1.34717 15.9922ZM11.5005 4.5H1.50049V14.5H11.5005V4.5Z\"\n                                          fill={hoveredCopy ? GREY : WHITE}\n                                    />\n                                </g>\n                                    <defs>\n                                    <clipPath id=\"clip0_16418_6183\">\n                                    <rect width=\"16\" height=\"16\" transform=\"translate(0.000488281)\" fill=\"white\" />\n                                    </clipPath>\n                                    </defs>\n                                </g>\n                            )}\n                        <rect\n                            x=\"-8\"\n                            y=\"-8\"\n                            width=\"24\"\n                            height=\"24\"\n                            fill=\"transparent\"\n                            onClick={copyToClipboard}\n                            onMouseOver={() => setHoveredCopy(true)}\n                            onMouseLeave={() => setHoveredCopy(false)}\n                            style={{cursor: 'pointer'}}\n                        />\n                    </g>\n                )}\n            </g>\n        </g>\n    );\n\n    return container === null ? tooltip : createPortal(\n        tooltip,\n        container\n    );\n}\n"],"mappings":";;;;;;AAeA,IAAM,IAAW,GACX,IAAW,IACX,IAAc,IACd,IAAI,GACJ,IAAc,GACd,IAAkB,GAElB,IAAS,IACT,IAAc,GACd,IAAc,IAAS,IAAI,IAAc,IAEzC,IAAO,WACP,IAAQ,QAER,IAAgB;AAEtB,SAAgB,EAAiB,GAAmB;AAChD,QAAO,EAAQ,SAAS,IAAc,IAAI;;AAE9C,SAAgB,EAAgB,GAAmB,IAAW,IAAO;CACjE,IAAM,IAAe,IAAI,EAAa,iBAAiB;AACvD,QAAO,KAAK,IAAI,GAAG,EAAQ,KAAK,GAAK,MAAQ,EAAa,aAAa,EAAI,IAAI,MAAQ,KAAK,IAAW,IAAc,GAAG,CAAC,GAAG,IAAI;;AAGpI,SAAS,EAAiB,GAAe,GAAgB,GAAgB;CACrE,IAAM,IAAO,CAAC,IAAc,GACtB,IAAQ,CAAC,GACT,IAAM,CAAC,IAAS,IAAI,GACpB,IAAS,IAAS,IAAI;AAC5B,QAAO;QACH,EAAM,GAAG,CAAC,EAAY;QACtB,IAAM,EAAE;QACR,EAAM,GAAG,EAAI,GAAG,IAAQ,EAAE,GAAG,EAAI;QACjC,IAAO,EAAE;QACT,EAAK,GAAG,EAAI,GAAG,EAAK,GAAG,IAAM,EAAE;QAC/B,IAAS,EAAE;QACX,EAAK,GAAG,EAAO,GAAG,IAAO,EAAE,GAAG,EAAO;QACrC,IAAQ,EAAE;QACV,EAAM,GAAG,EAAO,GAAG,EAAM,GAAG,IAAS,EAAE;QACvC,EAAY;;;AAGpB,SAAS,EAAgB,GAAe,GAAgB,GAAgB;CACpE,IAAM,IAAO,GACP,IAAQ,IAAc,GACtB,IAAM,CAAC,IAAS,IAAI,GACpB,IAAS,IAAS,IAAI;AAC5B,QAAO;QACH,EAAK,GAAG,CAAC,EAAY;QACrB,IAAM,EAAE;QACR,EAAK,GAAG,EAAI,GAAG,IAAO,EAAE,GAAG,EAAI;QAC/B,IAAQ,EAAE;QACV,EAAM,GAAG,EAAI,GAAG,EAAM,GAAG,IAAM,EAAE;QACjC,IAAS,EAAE;QACX,EAAM,GAAG,EAAO,GAAG,IAAQ,EAAE,GAAG,EAAO;QACvC,IAAO,EAAE;QACT,EAAK,GAAG,EAAO,GAAG,EAAK,GAAG,IAAS,EAAE;QACrC,EAAY;;;AAIpB,SAAS,EAAe,GAAe,GAAgB,GAAgB;CACnE,IAAM,IAAO,CAAC,IAAQ,IAAI,GACpB,IAAQ,IAAQ,IAAI,GACpB,IAAM,CAAC,IAAc,GACrB,IAAS,CAAC;AAChB,QAAO;QACH,CAAC,EAAY,GAAG,EAAO;QACvB,IAAO,EAAE;QACT,EAAK,GAAG,EAAO,GAAG,EAAK,GAAG,IAAS,EAAE;QACrC,IAAM,EAAE;QACR,EAAK,GAAG,EAAI,GAAG,IAAO,EAAE,GAAG,EAAI;QAC/B,IAAQ,EAAE;QACV,EAAM,GAAG,EAAI,GAAG,EAAM,GAAG,IAAM,EAAE;QACjC,IAAS,EAAE;QACX,EAAM,GAAG,EAAO,GAAG,IAAQ,EAAE,GAAG,EAAO;QACvC,EAAY;;;AAIpB,SAAS,EAAkB,GAAe,GAAgB,GAAgB;CACtE,IAAM,IAAO,CAAC,IAAQ,IAAI,GACpB,IAAQ,IAAQ,IAAI,GACpB,IAAS,IAAc,GACvB,IAAM;AACZ,QAAO;QACH,CAAC,EAAY,GAAG,EAAI;QACpB,IAAO,EAAE;QACT,EAAK,GAAG,EAAI,GAAG,EAAK,GAAG,IAAM,EAAE;QAC/B,IAAS,EAAE;QACX,EAAK,GAAG,EAAO,GAAG,IAAO,EAAE,GAAG,EAAO;QACrC,IAAQ,EAAE;QACV,EAAM,GAAG,EAAO,GAAG,EAAM,GAAG,IAAS,EAAE;QACvC,IAAM,EAAE;QACR,EAAM,GAAG,EAAI,GAAG,IAAQ,EAAE,GAAG,EAAI;QACjC,EAAY;;;AAIpB,SAAS,EAAQ,GAAe,GAAgB,GAAsB,GAAgB,GAAuB;AACzG,SAAQ,GAAR;EACI,KAAK,OAAQ,QAAO,EAAiB,GAAO,GAAQ,EAAO;EAC3D,KAAK,QAAS,QAAO,EAAgB,GAAO,GAAQ,EAAO;EAC3D,KAAK,MAAO,QAAO,EAAe,GAAO,GAAQ,EAAO;EACxD,KAAK,SAAU,QAAO,EAAkB,GAAO,GAAQ,EAAO;EAC9D,QAAS,GAAW,GAAW,4BAA4B;;;AAInE,SAAS,EAAa,GAAe,GAAgB,GAAW,GAAW,GAAe,GAA8B,GAA+B;AAInJ,QAHI,IACO,EAAc,QAAQ,IAAI,IAAS,IAAc,IAAQ,UAAU,SAEvE,EAAc,MAAM,IAAI,IAAS,IAAc,IAAS,QAAQ;;AAG3E,SAAS,EAAqB,GAAqB,GAAe,GAAgB,GAAe,GAAgB,GAAgB;AAI7H,QAHI,MAAc,UAAU,MAAc,UAC/B,aAAc,MAAc,SAAS,EAAE,IAAS,IAAc,KAAU,IAAS,EAAc,GAAG,CAAC,IAAS,IAAI,EAAO,KAE3H,aAAa,CAAC,IAAQ,IAAI,EAAO,GAAG,MAAc,QAAQ,EAAE,IAAS,IAAS,KAAe,IAAS,EAAY;;AAG7H,SAAS,EAAkB,GAAqB,GAAe;AAI3D,QAHI,MAAc,UAAU,MAAc,UAC/B,aAAa,MAAc,SAAS,CAAC,IAAS,EAAO,OAEzD,eAAe,MAAc,QAAQ,CAAC,IAAS,EAAO;;AAGjE,SAAS,EAAW,GAAqB,GAA8B,GAAW,GAAe;AAC7F,KAAI,MAAc,UAAU,MAAc,QACtC,QAAO;CAEX,IAAM,IAAiB,EAAc,QAAQ,GACvC,IAAgB,EAAc,OAAO;AAO3C,QANI,IAAiB,IAAQ,IAClB,IAAiB,IAAQ,IAEhC,IAAgB,IAAQ,IACjB,IAAQ,IAAI,IAEhB;;AAEX,SAAS,EAAW,GAAqB,GAA8B,GAAW,GAAgB;AAC9F,KAAI,MAAc,SAAS,MAAc,SACrC,QAAO;CAEX,IAAM,IAAe,EAAc,MAAM,GACnC,IAAkB,EAAc,SAAS;AAO/C,QANI,IAAe,IAAS,IACjB,IAAS,IAAI,IAEpB,IAAkB,IAAS,IACpB,IAAkB,IAAS,IAE/B;;AAaX,SAAgB,EACZ,UAA8D,KAAA,GAC9D,GACe;CACf,IAAM,CAAC,GAAc,KAAmB,EAAmB,KAAK,EAC1D,CAAC,GAAO,KAAY,EAAS,GAAM,EACnC,IAAU,EAAO,GAAM,EACvB,IAAW,EAAO,GAAM,EACxB,IAAe,EAAO,OAAO,EAC7B,IAAY,EAA6C,KAAK,EAC9D,IAAW,EAAO,MAAoB,CAAC,EAAgB,QAAQ,CAAC,EAAgB,SAAS,QAAQ,EAEjG,UAAc;AAOhB,EANA,EAAgB,KAAK,EACrB,EAAQ,UAAU,IAClB,AAEI,EAAU,aADV,aAAa,EAAU,QAAQ,EACX,OAExB,EAAiC,GAAM;IAErC,UAAmB;AAGrB,EAFA,EAAS,UAAU,IACnB,EAAS,GAAM,EACf,GAAO;IAEL,IAAe,GAAa,GAAkB,MAAsB;AAClE,IAAS,WAAW,EAAS,YAGjC,EAAgB,EAAe,EAC/B,EAAQ,UAAU,IAClB,EAAa,UAAU,KAAY,QAC/B,EAAU,WACV,aAAa,EAAU,QAAQ,EAEnC,EAAU,UAAU,iBAAiB;AACjC,KAAiC,GAAK;KACvC,IAAK;IACT,EAAE,CAAC,EACA,IAAe,QAAkB;AAC/B,IAAS,WAGb,GAAO;IACR,EAAE,CAAC,EAEA,IAAU,EAAY,GAAY,EAAE,CAAC;AAqC3C,QAnCA,QAAgB;AACZ,IAAS,UAAU,MAAoB,CAAC,EAAgB,QAAQ,CAAC,EAAgB,SAAS;IAC3F,CAAC,GAAiB,SAAS,GAAiB,KAAK,CAAC,EACrD,QAAgB;EACZ,SAAS,EAAY,GAAiB;AAClC,GAAI,EAAQ,WAAW,EAAE,QAAQ,YAC7B,EAAS,UAAU,IACnB,EAAS,GAAK,EACd,AAEI,EAAU,aADV,aAAa,EAAU,QAAQ,EACX,OAExB,EAAiC,GAAM;;EAG/C,SAAS,EAAmB,GAAc;AACtC,OAAI,CAAC,EAAS,QACV;GAGJ,IAAM,IAAc,SAAS,cAAc,IAAI,IAAgB,EACzD,IAAc,EAAE;AAClB,QAAe,KAAe,EAAY,SAAS,EAAoB,IAG3E,GAAY;;AAIhB,SAFA,SAAS,iBAAiB,WAAW,EAAY,EACjD,SAAS,iBAAiB,SAAS,EAAmB,QACzC;AAET,GADA,SAAS,oBAAoB,WAAW,EAAY,EACpD,SAAS,oBAAoB,SAAS,EAAmB;;IAE9D,EAAE,CAAC,EAEC;EACH,QAAQ,MAAiB;EACzB,cAAc,EAAa;EAC3B;EACA;EACA;EACA;EACA;EACH;;AAGL,SAAgB,EAAQ,EACpB,YACA,MACA,MACA,WACA,UACA,cACA,kBACA,mBAAgB,KAAA,GAChB,YAAS,GACT,gBAAa,MAYd;CACC,IAAM,IAAQ,EAAgB,GAAS,EAAM,EACvC,IAAS,EAAiB,EAAQ,EAClC,IAAY,EAAa,GAAO,GAAQ,GAAG,GAAG,GAAQ,GAAe,EAAW,EAEhF,IAAS,EAAU,GAAW,GAAe,GAAG,EAAM,EACtD,IAAS,EAAU,GAAW,GAAe,GAAG,EAAO,EAEvD,IAAoB,aAAa,IAAQ,IAAS,EAAS,GAAG,EAAS,IACvE,IAAqB,aAAa,IAAQ,IAAS,IAAI,IAAc,EAAS,GAAG,EAAS,IAE1F,CAAC,GAAQ,KAAa,EAAS,GAAM,EACrC,CAAC,GAAc,KAAmB,EAAS,GAAM,EACjD,CAAC,GAAa,KAAkB,EAAS,GAAM;CAErD,SAAS,IAAmB;AAExB,EADA,QAAQ,WAAW,UAAU,UAAU,EAAQ,KAAK,KAAK,CAAC,EAC1D,EAAU,GAAK;;AAGnB,KAAI,CAAC,KAAW,CAAC,KAAa,MAAc,KACxC,QAAO;CAGX,IAAM,IACF,kBAAC,KAAD;EACI,WAAW;EACX,WAAW,aAAa,EAAc,OAAO,EAAE,GAAG,EAAc,MAAM,EAAE;EACxE,SAAS,IAAS,IAAI;EACtB,QAAO;EACP,MAAK;EACL,OAAO,EAAC,eAAe,IAAQ,QAAQ,QAAO;YANlD,CAQI,kBAAC,QAAD;GACI,WAAW,EAAiB,GAAW,EAAO;GAC9C,GAAG,EAAQ,GAAO,GAAQ,GAAW,GAAQ,EAAO;GACpD,MAAM;GACR,CAAA,EACF,kBAAC,KAAD;GACI,UAAS;GACT,YAAW;GACX,MAAK;GACL,WAAW,EAAoB,GAAW,GAAO,GAAQ,GAAQ,GAAQ,EAAO;aAJpF;IAMK,EAAQ,KAAK,GAAK,MACf,kBAAC,QAAD;KAEI,GAAG;KACH,GAAG,IAAW,IAAc,IAAM,IAAc;KAChD,kBAAiB;eAEhB;KACE,EANE,EAMF,CACT;IACD,KACG,kBAAC,KAAD;KAAG,WAAW;eAAd,CACI,kBAAC,QAAD;MACI,UAAS;MACT,UAAS;MACT,GAAE;MACF,MAAM,IAAe,IAAO;MAC9B,CAAA,EACF,kBAAC,QAAD;MACI,GAAE;MACF,GAAE;MACF,OAAM;MACN,QAAO;MACP,MAAK;MACL,SAAS;MACT,mBAAmB,EAAgB,GAAK;MACxC,oBAAoB,EAAgB,GAAM;MAC1C,OAAO,EAAC,QAAQ,WAAU;MAC5B,CAAA,CACF;;IAEP,KACG,kBAAC,KAAD;KAAG,WAAW;eAAd,CACK,IAEG,kBAAC,QAAD;MAAM,UAAS;MAAU,UAAS;MAAU,GAAE;MAAkH,MAAK;MAAW,CAAA,GAG5K,kBAAC,KAAD,EAAA,UAAA,CACA,kBAAC,KAAD;MAAG,UAAS;gBACR,kBAAC,QAAD;OAAM,GAAE;OACF,MAAM,IAAc,IAAO;OAC/B,CAAA;MACF,CAAA,EACA,kBAAC,QAAD,EAAA,UACA,kBAAC,YAAD;MAAU,IAAG;gBACb,kBAAC,QAAD;OAAM,OAAM;OAAK,QAAO;OAAK,WAAU;OAAyB,MAAK;OAAU,CAAA;MACpE,CAAA,EACJ,CAAA,CACP,EAAA,CAAA,EAEZ,kBAAC,QAAD;MACI,GAAE;MACF,GAAE;MACF,OAAM;MACN,QAAO;MACP,MAAK;MACL,SAAS;MACT,mBAAmB,EAAe,GAAK;MACvC,oBAAoB,EAAe,GAAM;MACzC,OAAO,EAAC,QAAQ,WAAU;MAC5B,CAAA,CACF;;IAER;KACJ;;AAGR,QAAO,MAAc,OAAO,IAAU,EAClC,GACA,EACH"}