ResizeObserver type

ResizeObserver.ts

declare global {
  interface DOMRectReadOnly {
    readonly x: number;
    readonly y: number;
    readonly width: number;
    readonly height: number;
    readonly top: number;
    readonly right: number;
    readonly bottom: number;
    readonly left: number;
  }

  interface ResizeObserverSize {
    readonly inlineSize: number;
    readonly blockSize: number;
  }

  interface ResizeObserverEntry {
    readonly target: Element;
    readonly contentRect: DOMRectReadOnly;
    readonly borderBoxSize: ResizeObserverSize[];
    readonly contentBoxSize: ResizeObserverSize[];
    readonly devicePixelContentBoxSize: ResizeObserverSize[];
  }

  interface ResizeObserver {
    observe(target: Element): void;
    unobserve(target: Element): void;
    disconnect(): void;
  }

  interface ResizeObserverCallback {
    (entries: ResizeObserverEntry[], observer: ResizeObserver): void;
  }

  interface ResizeObserverConstructor {
    new (callback: (entries: ResizeObserverEntry[]) => void): ResizeObserver;
  }

  interface Window {
    ResizeObserver: ResizeObserverConstructor;
  }

  const ResizeObserver: ResizeObserverConstructor;
}