anki/ts/graphs/tooltip.ts
Henrik Giesel 30bbbaf00b
Use eslint for sorting our imports (#1637)
* Make eslint sort our imports

* fix missing deps in eslint rule (dae)

Caught on Linux due to the stricter sandboxing

* Remove exports-last eslint rule (for now?)

* Adjust browserslist settings

- We use ResizeObserver which is not supported in browsers like KaiOS,
  Baidu or Android UC

* Raise minimum iOS version 13.4

- It's the first version that supports ResizeObserver

* Apply new eslint rules to sort imports
2022-02-04 18:36:34 +10:00

36 lines
938 B
TypeScript

// Copyright: Ankitects Pty Ltd and contributors
// License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
import { DebouncedFunc, throttle } from "lodash-es";
import Tooltip from "./Tooltip.svelte";
let tooltip: Tooltip | null = null;
function getOrCreateTooltip(): Tooltip {
if (tooltip) {
return tooltip;
}
const target = document.createElement("div");
tooltip = new Tooltip({ target });
document.body.appendChild(target);
return tooltip;
}
function showTooltipInner(msg: string, x: number, y: number): void {
const tooltip = getOrCreateTooltip();
tooltip.$set({ html: msg, x, y, show: true });
}
export const showTooltip: DebouncedFunc<(msg: string, x: number, y: number) => void> =
throttle(showTooltipInner, 16);
export function hideTooltip(): void {
const tooltip = getOrCreateTooltip();
showTooltip.cancel();
tooltip.$set({ show: false });
}