Function attachCoalescedResizeObserver

examples/annotations/main.ts:17–39

(container: HTMLElement, chart: ChartGPUInstance)

type DisposableResizeObserver = Pick<ResizeObserver, 'observe' | 'unobserve' | 'disconnect'>;

const attachCoalescedResizeObserver = (container: HTMLElement, chart: ChartGPUInstance): DisposableResizeObserver => {
  let rafId: number | null = null;
  const ro = new ResizeObserver(() => {
    if (rafId !== null) return;
    rafId = requestAnimationFrame(() => {
      rafId = null;
      chart.resize();
    });
  });
  ro.observe(container);

  return {
    observe: ro.observe.bind(ro),
    unobserve: ro.unobserve.bind(ro),
    disconnect: () => {
      if (rafId !== null) {
        cancelAnimationFrame(rafId);
        rafId = null;
      }
      ro.disconnect();
    },
  };
};

const createModeToggle = (): {
  readonly host: HTMLDivElement;