Function beforeMount

app/src/directives/tooltip.ts:120–157

(element: HTMLElement, binding: DirectiveBinding)

const handlerMap = new WeakMap<HTMLElement, TooltipHandlers>();

function beforeMount(element: HTMLElement, binding: DirectiveBinding): void {
	if (!binding.value) return;

	const virtualRef = { getBoundingClientRect: () => element.getBoundingClientRect() };
	const { content, kbd } = resolveTooltipValue(binding.value);

	const buildPayload = (delayDuration: number) => ({
		content,
		kbd,
		side: resolveSide(binding),
		align: resolveAlign(binding),
		inverted: !!binding.modifiers['inverted'],
		monospace: !!binding.modifiers['monospace'],
		delayDuration,
		virtualRef,
	});

	const enter = () => {
		let delay = 500;
		if (binding.modifiers['instant']) delay = 0;
		else if (isDisabled(element)) delay = 125;
		openTooltip(buildPayload(delay));
	};

	const focus = () => {
		openTooltip(buildPayload(binding.modifiers['instant'] ? 0 : 500), true);
	};

	const leave = closeTooltip;
	const blur = closeTooltip;

	handlerMap.set(element, { enter, leave, focus, blur });
	element.addEventListener('mouseenter', enter);
	element.addEventListener('mouseleave', leave);
	element.addEventListener('focus', focus);
	element.addEventListener('blur', blur);
	element.setAttribute('aria-describedby', TOOLTIP_CONTENT_ID);
}

function unmounted(element: HTMLElement): void {
	const handlers = handlerMap.get(element);