Merge pull request #657 from saschanaz/intersection

Update Intersection Observer types

Author: sandersn

baselines/dom.generated.d.ts

@@ -539,9 +539,10 @@ interface IIRFilterOptions extends AudioNodeOptions {
 
 interface IntersectionObserverEntryInit {
     boundingClientRect: DOMRectInit;
+    intersectionRatio: number;
     intersectionRect: DOMRectInit;
     isIntersecting: boolean;
-    rootBounds: DOMRectInit;
+    rootBounds: DOMRectInit | null;
     target: Element;
     time: number;
 }
@@ -9399,7 +9400,7 @@ declare var ImageData: {
 interface IntersectionObserver {
     readonly root: Element | null;
     readonly rootMargin: string;
-    readonly thresholds: number[];
+    readonly thresholds: ReadonlyArray<number>;
     disconnect(): void;
     observe(target: Element): void;
     takeRecords(): IntersectionObserverEntry[];
@@ -9417,7 +9418,7 @@ interface IntersectionObserverEntry {
     readonly intersectionRatio: number;
     readonly intersectionRect: ClientRect | DOMRect;
     readonly isIntersecting: boolean;
-    readonly rootBounds: ClientRect | DOMRect;
+    readonly rootBounds: ClientRect | DOMRect | null;
     readonly target: Element;
     readonly time: number;
 }

inputfiles/idl/Intersection Observer.widl

@@ -0,0 +1,40 @@
+callback IntersectionObserverCallback = void (sequence<IntersectionObserverEntry> entries, IntersectionObserver observer);
+
+[Constructor(IntersectionObserverCallback callback, optional IntersectionObserverInit options),
+ Exposed=Window]
+interface IntersectionObserver {
+  readonly attribute Element? root;
+  readonly attribute DOMString rootMargin;
+  readonly attribute FrozenArray<double> thresholds;
+  void observe(Element target);
+  void unobserve(Element target);
+  void disconnect();
+  sequence<IntersectionObserverEntry> takeRecords();
+};
+
+[Constructor(IntersectionObserverEntryInit intersectionObserverEntryInit)]
+interface IntersectionObserverEntry {
+  readonly attribute DOMHighResTimeStamp time;
+  readonly attribute DOMRectReadOnly? rootBounds;
+  readonly attribute DOMRectReadOnly boundingClientRect;
+  readonly attribute DOMRectReadOnly intersectionRect;
+  readonly attribute boolean isIntersecting;
+  readonly attribute double intersectionRatio;
+  readonly attribute Element target;
+};
+
+dictionary IntersectionObserverEntryInit {
+  required DOMHighResTimeStamp time;
+  required DOMRectInit? rootBounds;
+  required DOMRectInit boundingClientRect;
+  required DOMRectInit intersectionRect;
+  required boolean isIntersecting;
+  required double intersectionRatio;
+  required Element target;
+};
+
+dictionary IntersectionObserverInit {
+  Element?  root = null;
+  DOMString rootMargin = "0px";
+  (double or sequence<double>) threshold = 0;
+};

inputfiles/idlSources.json

@@ -210,6 +210,10 @@
         "url": "https://www.w3.org/TR/IndexedDB-2/",
         "title": "Indexed Database"
     },
+    {
+        "url": "https://www.w3.org/TR/intersection-observer/",
+        "title": "Intersection Observer"
+    },
     {
         "url": "https://www.w3.org/TR/media-source/",
         "title": "Media Source Extensions"