Merge pull request #8600 from adidahiya/dom4

Add dom4 typings

dom4/dom4-tests.ts

@@ -0,0 +1,16 @@
+///<reference path="./dom4.d.ts" />
+
+function testDocument() {
+    document.query(".container-a").classList;
+    document.queryAll(".container-b")[0].className;
+    document.queryAll(".container-c").childElementCount;
+}
+
+function testElement(el: Element) {
+    let isInDocument: boolean = el.closest("document") != null;
+    let isButton: boolean = el.matches("button");
+
+    el.firstElementChild.getAttribute("foo");
+    el.lastElementChild.getAttribute("bar");
+}
+

dom4/dom4.d.ts

@@ -0,0 +1,57 @@
+// Type definitions for dom4 v1.5
+// Project: https://github.com/WebReflection/dom4
+// Definitions by: Adi Dahiya <https://github.com/adidahiya>, Gilad Gray <https://github.com/giladgray>
+// Definitions: https://github.com/borisyankov/DefinitelyTyped
+
+interface ParentNode {
+    /**
+     * Returns the child elements.
+     */
+    children: HTMLCollection;
+
+    /**
+     * Returns the first child that is an element, and null otherwise.
+     */
+    firstElementChild: Element;
+
+    /**
+     * Returns the last child that is an element, and null otherwise.
+     */
+    lastElementChild: Element;
+
+    /**
+     * Returns the number of children that are elements.
+     */
+    childElementCount: number;
+
+    /**
+     * Returns the first element that is a descendant of node that matches relativeSelectors.
+     */
+    query(relativeSelectors: string): Element;
+
+    /**
+     * Returns all element descendants of node that match relativeSelectors.
+     */
+    queryAll(relativeSelectors: string): Elements;
+}
+
+interface Element extends ParentNode {
+    /**
+     * Returns the first (starting at element) inclusive ancestor that matches selectors, and null otherwise.
+     */
+    closest(selectors: string): Element;
+
+    /**
+     * Returns true if matching selectors against element’s root yields element, and false otherwise.
+     */
+    matches(selectors: string): boolean;
+}
+
+interface Elements extends ParentNode, Array<Element> {
+}
+
+interface Document extends ParentNode {
+}
+
+interface DocumentFragment extends ParentNode {
+}