happy-dom 14.12.3 → 15.0.0

package/src/event/events/MediaStreamTrackEvent.ts

@@ -0,0 +1,22 @@
+import MediaStreamTrack from '../../nodes/html-media-element/MediaStreamTrack.js';
+import Event from '../Event.js';
+import IMediaQueryListEventInit from './IMediaQueryListEventInit.js';
+
+/**
+ * Media Stream Track Event.
+ */
+export default class MediaStreamTrackEvent extends Event {
+	public readonly track: MediaStreamTrack | null;
+
+	/**
+	 * Constructor.
+	 *
+	 * @param type Event type.
+	 * @param [eventInit] Event init.
+	 */
+	constructor(type: string, eventInit: IMediaQueryListEventInit | null = null) {
+		super(type, eventInit);
+
+		this.track = eventInit?.track ?? null;
+	}
+}

package/src/form-data/FormData.ts

@@ -3,16 +3,12 @@ import * as PropertySymbol from '../PropertySymbol.js';
 import File from '../file/File.js';
 import HTMLInputElement from '../nodes/html-input-element/HTMLInputElement.js';
 import HTMLFormElement from '../nodes/html-form-element/HTMLFormElement.js';
-import HTMLFormControlsCollection from '../nodes/html-form-element/HTMLFormControlsCollection.js';
-import RadioNodeList from '../nodes/html-form-element/RadioNodeList.js';
 
 type FormDataEntry = {
 	name: string;
 	value: string | File;
 };
 
-const SUBMITTABLE_ELEMENTS = ['BUTTON', 'INPUT', 'OBJECT', 'SELECT', 'TEXTAREA'];
-
 /**
  * FormData.
  *
@@ -27,42 +23,55 @@ export default class FormData implements Iterable<[string, string | File]> {
 	 * @param [form] Form.
 	 */
 	constructor(form?: HTMLFormElement) {
-		if (form) {
-			for (const name of Object.keys(
-				(<HTMLFormControlsCollection>form[PropertySymbol.elements])[PropertySymbol.namedItems]
-			)) {
-				let radioNodeList = (<HTMLFormControlsCollection>form[PropertySymbol.elements])[
-					PropertySymbol.namedItems
-				][name];
-
-				if (
-					radioNodeList[0][PropertySymbol.tagName] === 'INPUT' &&
-					(radioNodeList[0].type === 'checkbox' || radioNodeList[0].type === 'radio')
-				) {
-					const newRadioNodeList = new RadioNodeList();
-					for (const node of radioNodeList) {
-						if ((<HTMLInputElement>node).checked) {
-							newRadioNodeList.push(node);
-							break;
-						}
-					}
-					radioNodeList = newRadioNodeList;
-				}
+		if (!form) {
+			return;
+		}
 
-				for (const node of radioNodeList) {
-					if (node.name && SUBMITTABLE_ELEMENTS.includes(node[PropertySymbol.tagName])) {
-						if (node[PropertySymbol.tagName] === 'INPUT' && node.type === 'file') {
-							if ((<HTMLInputElement>node)[PropertySymbol.files].length === 0) {
-								this.append(node.name, new File([], '', { type: 'application/octet-stream' }));
-							} else {
-								for (const file of (<HTMLInputElement>node)[PropertySymbol.files]) {
-									this.append(node.name, file);
+		const items = form[PropertySymbol.getFormControlItems]();
+
+		for (const item of items) {
+			const name = item.name;
+
+			if (name) {
+				switch (item[PropertySymbol.tagName]) {
+					case 'INPUT':
+						switch ((<HTMLInputElement>item).type) {
+							case 'file':
+								if ((<HTMLInputElement>item)[PropertySymbol.files].length === 0) {
+									this.append(name, new File([], '', { type: 'application/octet-stream' }));
+								} else {
+									for (const file of (<HTMLInputElement>item)[PropertySymbol.files]) {
+										this.append(name, file);
+									}
 								}
-							}
-						} else if (node.value) {
-							this.append(node.name, node.value);
+								break;
+							case 'checkbox':
+							case 'radio':
+								if ((<HTMLInputElement>item).checked) {
+									this.append(name, (<HTMLInputElement>item).value);
+								}
+								break;
+							case 'submit':
+							case 'reset':
+							case 'button':
+								if ((<HTMLInputElement>item).value) {
+									this.append(name, (<HTMLInputElement>item).value);
+								}
+								break;
+							default:
+								this.append(name, (<HTMLInputElement>item).value);
+								break;
+						}
+						break;
+					case 'BUTTON':
+						if ((<HTMLInputElement>item).value) {
+							this.append(name, (<HTMLInputElement>item).value);
 						}
-					}
+						break;
+					case 'TEXTAREA':
+					case 'SELECT':
+						this.append(name, (<HTMLInputElement>item).value);
+						break;
 				}
 			}
 		}

package/src/history/History.ts

@@ -1,4 +1,11 @@
+import IBrowserFrame from '../browser/types/IBrowserFrame.js';
 import HistoryScrollRestorationEnum from './HistoryScrollRestorationEnum.js';
+import * as PropertySymbol from '../PropertySymbol.js';
+import IHistoryItem from './IHistoryItem.js';
+import BrowserFrameURL from '../browser/utilities/BrowserFrameURL.js';
+import DOMException from '../exception/DOMException.js';
+import DOMExceptionNameEnum from '../exception/DOMExceptionNameEnum.js';
+import BrowserWindow from '../window/BrowserWindow.js';
 
 /**
  * History API.
@@ -7,9 +14,47 @@ import HistoryScrollRestorationEnum from './HistoryScrollRestorationEnum.js';
  * https://developer.mozilla.org/en-US/docs/Web/API/History.
  */
 export default class History {
-	public readonly length = 0;
-	public readonly state = null;
-	#scrollRestoration = HistoryScrollRestorationEnum.auto;
+	#browserFrame: IBrowserFrame;
+	#ownerWindow: BrowserWindow;
+	#currentHistoryItem: IHistoryItem;
+
+	/**
+	 * Constructor.
+	 *
+	 * @param browserFrame Browser frame.
+	 * @param ownerWindow Owner window.
+	 */
+	constructor(browserFrame: IBrowserFrame, ownerWindow: BrowserWindow) {
+		this.#browserFrame = browserFrame;
+		this.#ownerWindow = ownerWindow;
+
+		const history = browserFrame[PropertySymbol.history];
+
+		for (let i = history.length - 1; i >= 0; i--) {
+			if (history[i].isCurrent) {
+				this.#currentHistoryItem = history[i];
+				break;
+			}
+		}
+	}
+
+	/**
+	 * Returns the history length.
+	 *
+	 * @returns History length.
+	 */
+	public get length(): number {
+		return this.#browserFrame[PropertySymbol.history].length;
+	}
+
+	/**
+	 * Returns an any value representing the state at the top of the history stack. This is a way to look at the state without having to wait for a popstate event.
+	 *
+	 * @returns State.
+	 */
+	public get state(): object | null {
+		return this.#currentHistoryItem.state;
+	}
 
 	/**
 	 * Returns scroll restoration.
@@ -17,7 +62,7 @@ export default class History {
 	 * @returns Sroll restoration.
 	 */
 	public get scrollRestoration(): HistoryScrollRestorationEnum {
-		return this.#scrollRestoration;
+		return this.#currentHistoryItem.scrollRestoration;
 	}
 
 	/**
@@ -26,23 +71,26 @@ export default class History {
 	 * @param scrollRestoration Sroll restoration.
 	 */
 	public set scrollRestoration(scrollRestoration: HistoryScrollRestorationEnum) {
-		this.#scrollRestoration = HistoryScrollRestorationEnum[scrollRestoration]
-			? scrollRestoration
-			: this.#scrollRestoration;
+		switch (scrollRestoration) {
+			case HistoryScrollRestorationEnum.auto:
+			case HistoryScrollRestorationEnum.manual:
+				this.#currentHistoryItem.scrollRestoration = scrollRestoration;
+				break;
+		}
 	}
 
 	/**
 	 * Goes to the previous page in session history.
 	 */
 	public back(): void {
-		// Do nothing.
+		this.#browserFrame.goBack();
 	}
 
 	/**
 	 * Goes to the next page in session history.
 	 */
 	public forward(): void {
-		// Do nothing.
+		this.#browserFrame.goForward();
 	}
 
 	/**
@@ -51,8 +99,8 @@ export default class History {
 	 * @param delta Delta.
 	 * @param _delta
 	 */
-	public go(_delta: number): void {
-		// Do nothing.
+	public go(delta: number): void {
+		this.#browserFrame.goSteps(delta);
 	}
 
 	/**
@@ -61,12 +109,52 @@ export default class History {
 	 * @param state State.
 	 * @param title Title.
 	 * @param [url] URL.
-	 * @param _state
-	 * @param _title
-	 * @param _url
 	 */
-	public pushState(_state: object, _title, _url?: string): void {
-		// Do nothing.
+	public pushState(state: object, title, url?: string): void {
+		const history = this.#browserFrame[PropertySymbol.history];
+
+		if (!history) {
+			return;
+		}
+
+		const location = this.#ownerWindow[PropertySymbol.location];
+		const newURL = url ? BrowserFrameURL.getRelativeURL(this.#browserFrame, url) : location;
+
+		if (url && newURL.origin !== location.origin) {
+			throw new DOMException(
+				`Failed to execute 'pushState' on 'History': A history state object with URL '${url}' cannot be created in a document with origin '${location.origin}' and URL '${location.href}'.`,
+				DOMExceptionNameEnum.securityError
+			);
+		}
+
+		let previousHistoryItem;
+
+		for (let i = history.length - 1; i >= 0; i--) {
+			if (history[i].isCurrent) {
+				previousHistoryItem = history[i];
+				previousHistoryItem.isCurrent = false;
+
+				// We need to remove all history items after the current one.
+				history.length = i + 1;
+				break;
+			}
+		}
+
+		const newHistoryItem: IHistoryItem = {
+			title: title || this.#ownerWindow.document.title,
+			href: newURL.href,
+			state: JSON.parse(JSON.stringify(state)),
+			scrollRestoration: this.#currentHistoryItem.scrollRestoration,
+			method: previousHistoryItem?.method || 'GET',
+			formData: previousHistoryItem?.formData || null,
+			isCurrent: true
+		};
+
+		history.push(newHistoryItem);
+
+		location[PropertySymbol.setURL](this.#browserFrame, newHistoryItem.href);
+
+		this.#currentHistoryItem = newHistoryItem;
 	}
 
 	/**
@@ -75,11 +163,54 @@ export default class History {
 	 * @param state State.
 	 * @param title Title.
 	 * @param [url] URL.
-	 * @param _state
-	 * @param _title
-	 * @param _url
 	 */
-	public replaceState(_state: object, _title, _url?: string): void {
-		// Do nothing.
+	public replaceState(state: object, title, url?: string): void {
+		const history = this.#browserFrame[PropertySymbol.history];
+
+		if (!history) {
+			return;
+		}
+
+		const location = this.#ownerWindow[PropertySymbol.location];
+		const newURL = url ? BrowserFrameURL.getRelativeURL(this.#browserFrame, url) : location;
+
+		if (url && newURL.origin !== location.origin) {
+			throw new DOMException(
+				`Failed to execute 'pushState' on 'History': A history state object with URL '${url}' cannot be created in a document with origin '${location.origin}' and URL '${location.href}'.`,
+				DOMExceptionNameEnum.securityError
+			);
+		}
+
+		for (let i = history.length - 1; i >= 0; i--) {
+			if (history[i].isCurrent) {
+				const newHistoryItem = {
+					title: title || this.#ownerWindow.document.title,
+					href: newURL.href,
+					state: JSON.parse(JSON.stringify(state)),
+					scrollRestoration: history[i].scrollRestoration,
+					method: history[i].method,
+					formData: history[i].formData,
+					isCurrent: true
+				};
+
+				history[i] = newHistoryItem;
+				this.#currentHistoryItem = newHistoryItem;
+
+				break;
+			}
+		}
+
+		if (url) {
+			location[PropertySymbol.setURL](this.#browserFrame, this.#currentHistoryItem.href);
+		}
+	}
+
+	/**
+	 * Destroys the history.
+	 *
+	 * This will make sure that the History API can't access page data from the next history item.
+	 */
+	public [PropertySymbol.destroy](): void {
+		this.#browserFrame = null;
 	}
 }

package/src/history/IHistoryItem.ts

@@ -0,0 +1,12 @@
+import FormData from '../form-data/FormData.js';
+import HistoryScrollRestorationEnum from './HistoryScrollRestorationEnum.js';
+
+export default interface IHistoryItem {
+	title: string | null;
+	href: string;
+	state: any | null;
+	scrollRestoration: HistoryScrollRestorationEnum;
+	method: string;
+	formData: FormData | null;
+	isCurrent: boolean;
+}

package/src/index.ts

@@ -46,6 +46,7 @@ import InputEvent from './event/events/InputEvent.js';
 import KeyboardEvent from './event/events/KeyboardEvent.js';
 import MediaQueryListEvent from './event/events/MediaQueryListEvent.js';
 import MouseEvent from './event/events/MouseEvent.js';
+import PointerEvent from './event/events/PointerEvent.js';
 import ProgressEvent from './event/events/ProgressEvent.js';
 import SubmitEvent from './event/events/SubmitEvent.js';
 import TouchEvent from './event/events/TouchEvent.js';
@@ -61,6 +62,8 @@ import File from './file/File.js';
 import FileReader from './file/FileReader.js';
 import FormData from './form-data/FormData.js';
 import History from './history/History.js';
+import IntersectionObserver from './intersection-observer/IntersectionObserver.js';
+import IntersectionObserverEntry from './intersection-observer/IntersectionObserverEntry.js';
 import Location from './location/Location.js';
 import MutationObserver from './mutation-observer/MutationObserver.js';
 import MutationRecord from './mutation-observer/MutationRecord.js';
@@ -74,32 +77,81 @@ import DOMRectReadOnly from './nodes/element/DOMRectReadOnly.js';
 import Element from './nodes/element/Element.js';
 import HTMLCollection from './nodes/element/HTMLCollection.js';
 import HTMLAnchorElement from './nodes/html-anchor-element/HTMLAnchorElement.js';
+import HTMLAreaElement from './nodes/html-area-element/HTMLAreaElement.js';
 import HTMLAudioElement from './nodes/html-audio-element/HTMLAudioElement.js';
 import HTMLBaseElement from './nodes/html-base-element/HTMLBaseElement.js';
+import HTMLBodyElement from './nodes/html-body-element/HTMLBodyElement.js';
+import HTMLBRElement from './nodes/html-br-element/HTMLBRElement.js';
 import HTMLButtonElement from './nodes/html-button-element/HTMLButtonElement.js';
+import HTMLCanvasElement from './nodes/html-canvas-element/HTMLCanvasElement.js';
+import HTMLDListElement from './nodes/html-d-list-element/HTMLDListElement.js';
+import HTMLDataElement from './nodes/html-data-element/HTMLDataElement.js';
+import HTMLDataListElement from './nodes/html-data-list-element/HTMLDataListElement.js';
+import HTMLDetailsElement from './nodes/html-details-element/HTMLDetailsElement.js';
 import HTMLDialogElement from './nodes/html-dialog-element/HTMLDialogElement.js';
+import HTMLDivElement from './nodes/html-div-element/HTMLDivElement.js';
 import HTMLDocument from './nodes/html-document/HTMLDocument.js';
 import HTMLElement from './nodes/html-element/HTMLElement.js';
+import HTMLEmbedElement from './nodes/html-embed-element/HTMLEmbedElement.js';
+import HTMLFieldSetElement from './nodes/html-field-set-element/HTMLFieldSetElement.js';
 import HTMLFormControlsCollection from './nodes/html-form-element/HTMLFormControlsCollection.js';
 import HTMLFormElement from './nodes/html-form-element/HTMLFormElement.js';
+import HTMLHeadElement from './nodes/html-head-element/HTMLHeadElement.js';
+import HTMLHeadingElement from './nodes/html-heading-element/HTMLHeadingElement.js';
+import HTMLHRElement from './nodes/html-hr-element/HTMLHRElement.js';
+import HTMLHtmlElement from './nodes/html-html-element/HTMLHtmlElement.js';
 import HTMLIFrameElement from './nodes/html-iframe-element/HTMLIFrameElement.js';
 import HTMLImageElement from './nodes/html-image-element/HTMLImageElement.js';
 import Image from './nodes/html-image-element/Image.js';
 import FileList from './nodes/html-input-element/FileList.js';
 import HTMLInputElement from './nodes/html-input-element/HTMLInputElement.js';
 import HTMLLabelElement from './nodes/html-label-element/HTMLLabelElement.js';
+import HTMLLegendElement from './nodes/html-legend-element/HTMLLegendElement.js';
+import HTMLLIElement from './nodes/html-li-element/HTMLLIElement.js';
 import HTMLLinkElement from './nodes/html-link-element/HTMLLinkElement.js';
+import HTMLMapElement from './nodes/html-map-element/HTMLMapElement.js';
 import HTMLMediaElement from './nodes/html-media-element/HTMLMediaElement.js';
+import MediaStream from './nodes/html-media-element/MediaStream.js';
+import MediaStreamTrack from './nodes/html-media-element/MediaStreamTrack.js';
+import RemotePlayback from './nodes/html-media-element/RemotePlayback.js';
+import TextTrack from './nodes/html-media-element/TextTrack.js';
+import TextTrackCue from './nodes/html-media-element/TextTrackCue.js';
+import TextTrackCueList from './nodes/html-media-element/TextTrackCueList.js';
+import TextTrackList from './nodes/html-media-element/TextTrackList.js';
+import VTTCue from './nodes/html-media-element/VTTCue.js';
+import HTMLMenuElement from './nodes/html-menu-element/HTMLMenuElement.js';
 import HTMLMetaElement from './nodes/html-meta-element/HTMLMetaElement.js';
+import HTMLMeterElement from './nodes/html-meter-element/HTMLMeterElement.js';
+import HTMLModElement from './nodes/html-mod-element/HTMLModElement.js';
+import HTMLOListElement from './nodes/html-o-list-element/HTMLOListElement.js';
+import HTMLObjectElement from './nodes/html-object-element/HTMLObjectElement.js';
 import HTMLOptGroupElement from './nodes/html-opt-group-element/HTMLOptGroupElement.js';
 import HTMLOptionElement from './nodes/html-option-element/HTMLOptionElement.js';
+import HTMLOutputElement from './nodes/html-output-element/HTMLOutputElement.js';
+import HTMLParagraphElement from './nodes/html-paragraph-element/HTMLParagraphElement.js';
+import HTMLParamElement from './nodes/html-param-element/HTMLParamElement.js';
+import HTMLPictureElement from './nodes/html-picture-element/HTMLPictureElement.js';
+import HTMLPreElement from './nodes/html-pre-element/HTMLPreElement.js';
+import HTMLProgressElement from './nodes/html-progress-element/HTMLProgressElement.js';
+import HTMLQuoteElement from './nodes/html-quote-element/HTMLQuoteElement.js';
 import HTMLScriptElement from './nodes/html-script-element/HTMLScriptElement.js';
 import HTMLSelectElement from './nodes/html-select-element/HTMLSelectElement.js';
 import HTMLSlotElement from './nodes/html-slot-element/HTMLSlotElement.js';
+import HTMLSourceElement from './nodes/html-source-element/HTMLSourceElement.js';
+import HTMLSpanElement from './nodes/html-span-element/HTMLSpanElement.js';
 import HTMLStyleElement from './nodes/html-style-element/HTMLStyleElement.js';
+import HTMLTableCaptionElement from './nodes/html-table-caption-element/HTMLTableCaptionElement.js';
+import HTMLTableCellElement from './nodes/html-table-cell-element/HTMLTableCellElement.js';
+import HTMLTableColElement from './nodes/html-table-col-element/HTMLTableColElement.js';
+import HTMLTableElement from './nodes/html-table-element/HTMLTableElement.js';
+import HTMLTableRowElement from './nodes/html-table-row-element/HTMLTableRowElement.js';
+import HTMLTableSectionElement from './nodes/html-table-section-element/HTMLTableSectionElement.js';
 import HTMLTemplateElement from './nodes/html-template-element/HTMLTemplateElement.js';
 import HTMLTextAreaElement from './nodes/html-text-area-element/HTMLTextAreaElement.js';
 import HTMLTimeElement from './nodes/html-time-element/HTMLTimeElement.js';
+import HTMLTitleElement from './nodes/html-title-element/HTMLTitleElement.js';
+import HTMLTrackElement from './nodes/html-track-element/HTMLTrackElement.js';
+import HTMLUListElement from './nodes/html-u-list-element/HTMLUListElement.js';
 import HTMLUnknownElement from './nodes/html-unknown-element/HTMLUnknownElement.js';
 import HTMLVideoElement from './nodes/html-video-element/HTMLVideoElement.js';
 import Node from './nodes/node/Node.js';
@@ -194,6 +246,10 @@ export {
 	BrowserNavigationCrossOriginPolicyEnum,
 	BrowserPage,
 	BrowserWindow,
+	Clipboard,
+	ClipboardEvent,
+	ClipboardItem,
+	Comment,
 	CSSContainerRule,
 	CSSFontFaceRule,
 	CSSKeyframeRule,
@@ -204,16 +260,8 @@ export {
 	CSSStyleRule,
 	CSSStyleSheet,
 	CSSSupportsRule,
-	Clipboard,
-	ClipboardEvent,
-	ClipboardItem,
-	Comment,
 	CustomElementRegistry,
 	CustomEvent,
-	DOMException,
-	DOMParser,
-	DOMRect,
-	DOMRectReadOnly,
 	DataTransfer,
 	DataTransferItem,
 	DataTransferItemList,
@@ -225,6 +273,10 @@ export {
 	Document,
 	DocumentFragment,
 	DocumentType,
+	DOMException,
+	DOMParser,
+	DOMRect,
+	DOMRectReadOnly,
 	Element,
 	ErrorEvent,
 	Event,
@@ -236,113 +288,118 @@ export {
 	FocusEvent,
 	FormData,
 	GlobalWindow,
+	HashChangeEvent,
+	Headers,
+	History,
 	HTMLAnchorElement,
-	HTMLElement as HTMLAreaElement,
+	HTMLAreaElement,
 	HTMLAudioElement,
-	HTMLElement as HTMLBRElement,
 	HTMLBaseElement,
-	HTMLElement as HTMLBodyElement,
+	HTMLBodyElement,
+	HTMLBRElement,
 	HTMLButtonElement,
-	HTMLElement as HTMLCanvasElement,
+	HTMLCanvasElement,
 	HTMLCollection,
-	HTMLElement as HTMLDListElement,
-	HTMLElement as HTMLDataElement,
-	HTMLElement as HTMLDataListElement,
-	HTMLElement as HTMLDetailsElement,
+	HTMLDataElement,
+	HTMLDataListElement,
+	HTMLDetailsElement,
 	HTMLDialogElement,
-	HTMLElement as HTMLDirectoryElement,
-	HTMLElement as HTMLDivElement,
+	HTMLDivElement,
+	HTMLDListElement,
 	HTMLDocument,
 	HTMLElement,
-	HTMLElement as HTMLEmbedElement,
-	HTMLElement as HTMLFieldSetElement,
-	HTMLElement as HTMLFontElement,
+	HTMLEmbedElement,
+	HTMLFieldSetElement,
 	HTMLFormControlsCollection,
 	HTMLFormElement,
-	HTMLElement as HTMLFrameElement,
-	HTMLElement as HTMLFrameSetElement,
-	HTMLElement as HTMLHRElement,
-	HTMLElement as HTMLHeadElement,
-	HTMLElement as HTMLHeadingElement,
-	HTMLElement as HTMLHtmlElement,
+	HTMLHeadElement,
+	HTMLHeadingElement,
+	HTMLHRElement,
+	HTMLHtmlElement,
 	HTMLIFrameElement,
 	HTMLImageElement,
 	HTMLInputElement,
-	HTMLElement as HTMLLElement,
 	HTMLLabelElement,
-	HTMLElement as HTMLLegendElement,
+	HTMLLegendElement,
+	HTMLLIElement,
 	HTMLLinkElement,
-	HTMLElement as HTMLMapElement,
-	HTMLElement as HTMLMarqueeElement,
+	HTMLMapElement,
 	HTMLMediaElement,
-	HTMLElement as HTMLMenuElement,
+	HTMLMenuElement,
 	HTMLMetaElement,
-	HTMLElement as HTMLMeterElement,
-	HTMLElement as HTMLModElement,
-	HTMLElement as HTMLOListElement,
-	HTMLElement as HTMLObjectElement,
+	HTMLMeterElement,
+	HTMLModElement,
+	HTMLObjectElement,
+	HTMLOListElement,
 	HTMLOptGroupElement,
 	HTMLOptionElement,
-	HTMLElement as HTMLOutputElement,
-	HTMLElement as HTMLParagraphElement,
-	HTMLElement as HTMLParamElement,
-	HTMLElement as HTMLPictureElement,
-	HTMLElement as HTMLPreElement,
-	HTMLElement as HTMLProgressElement,
-	HTMLElement as HTMLQuoteElement,
+	HTMLOutputElement,
+	HTMLParagraphElement,
+	HTMLParamElement,
+	HTMLPictureElement,
+	HTMLPreElement,
+	HTMLProgressElement,
+	HTMLQuoteElement,
 	HTMLScriptElement,
 	HTMLSelectElement,
 	HTMLSlotElement,
-	HTMLElement as HTMLSourceElement,
-	HTMLElement as HTMLSpanElement,
+	HTMLSourceElement,
+	HTMLSpanElement,
 	HTMLStyleElement,
-	HTMLElement as HTMLTableCaptionElement,
-	HTMLElement as HTMLTableCellElement,
-	HTMLElement as HTMLTableColElement,
-	HTMLElement as HTMLTableElement,
-	HTMLElement as HTMLTableRowElement,
-	HTMLElement as HTMLTableSectionElement,
+	HTMLTableCaptionElement,
+	HTMLTableCellElement,
+	HTMLTableColElement,
+	HTMLTableElement,
+	HTMLTableRowElement,
+	HTMLTableSectionElement,
 	HTMLTemplateElement,
 	HTMLTextAreaElement,
 	HTMLTimeElement,
-	HTMLElement as HTMLTitleElement,
-	HTMLElement as HTMLTrackElement,
-	HTMLElement as HTMLUListElement,
+	HTMLTitleElement,
+	HTMLTrackElement,
+	HTMLUListElement,
 	HTMLUnknownElement,
 	HTMLVideoElement,
-	HashChangeEvent,
-	Headers,
-	History,
 	Image,
 	InputEvent,
+	IntersectionObserver,
+	IntersectionObserverEntry,
 	KeyboardEvent,
 	Location,
 	MediaQueryListEvent,
+	MediaStream,
+	MediaStreamTrack,
 	MouseEvent,
 	MutationObserver,
 	MutationRecord,
 	Node,
 	NodeFilter,
 	NodeIterator,
-	PermissionStatus,
 	Permissions,
+	PermissionStatus,
+	PointerEvent,
 	ProcessingInstruction,
 	ProgressEvent,
 	PropertySymbol,
 	Range,
+	RemotePlayback,
 	Request,
 	ResizeObserver,
 	Response,
-	SVGDocument,
-	SVGElement,
-	SVGGraphicsElement,
-	SVGSVGElement,
 	Screen,
 	Selection,
 	ShadowRoot,
 	Storage,
 	SubmitEvent,
+	SVGDocument,
+	SVGElement,
+	SVGGraphicsElement,
+	SVGSVGElement,
 	Text,
+	TextTrack,
+	TextTrackCue,
+	TextTrackCueList,
+	TextTrackList,
 	Touch,
 	TouchEvent,
 	TreeWalker,
@@ -353,6 +410,7 @@ export {
 	VirtualConsoleLogLevelEnum,
 	VirtualConsoleLogTypeEnum,
 	VirtualConsolePrinter,
+	VTTCue,
 	WheelEvent,
 	Window,
 	XMLDocument,