Legacy ADMY Tooltip

Абсолютный блок подсказки с тенью, размытием фона и скруглением 0 5px 5px 5px; текст 12px шириной до 500px переносится в любом месте. Класс tooltip_show переключает visibility и opacity с переходом 30ms. Положение left и top выставляет директива v-tooltip: указатель плюс 15px по горизонтали и 25px по вертикали, у правого края окна подсказка прижимается к нему. Текст выводится как HTML; вместо текста может стоять компонент со своими props.

<!--
/**
 * 🟢
 *
 * Образец показывает исходный Tooltip через адаптер директивы v-tooltip.
 * Подсказка следует за указателем со смещением исходной директивы.
 */
-->
<script>
import { legacyTooltip } from "$lib/ui/legacy-admy-tooltip.js";
import { t } from "$lib/spec/demo-lang.svelte.js";
</script>
<span use:legacyTooltip={{ value: t("Подсказка") }}>{t("Наведите указатель")}</span>