Function getResizeObserver

packages/base/src/delegate/ResizeHandler.ts:8–22

()

const observedElements = new Map<HTMLElement, Array<ResizeObserverCallback>>();

const getResizeObserver = () => {
	if (!resizeObserver) {
		resizeObserver = new window.ResizeObserver(entries => {
			window.requestAnimationFrame(() => {
				entries.forEach(entry => {
					const callbacks = observedElements.get(entry.target as HTMLElement);
					// Callbacks could be async and we need to handle returned promises to comply with the eslint "no-misused-promises" rule.
					// Although Promise.all awaits all, we don't await the additional task after calling the callbacks and should not make any difference.
					callbacks && Promise.all(callbacks.map((callback: ResizeObserverCallback) => callback()));
				});
			});
		});
	}
	return resizeObserver;
};

const observe = (element: HTMLElement, callback: ResizeObserverCallback) => {
	const callbacks = observedElements.get(element) || [];