happy-dom 15.7.3 → 15.8.0

package/src/dom/dom-matrix/IDOMMatrixCompatibleObject.ts

@@ -0,0 +1,24 @@
+export default interface IDOMMatrixCompatibleObject {
+	a?: number;
+	b?: number;
+	c?: number;
+	d?: number;
+	e?: number;
+	f?: number;
+	m11?: number;
+	m12?: number;
+	m13?: number;
+	m14?: number;
+	m21?: number;
+	m22?: number;
+	m23?: number;
+	m24?: number;
+	m31?: number;
+	m32?: number;
+	m33?: number;
+	m34?: number;
+	m41?: number;
+	m42?: number;
+	m43?: number;
+	m44?: number;
+}

package/src/dom/dom-matrix/IDOMMatrixJSON.ts

@@ -0,0 +1,26 @@
+export default interface IDOMMatrixJSON {
+	a: number;
+	b: number;
+	c: number;
+	d: number;
+	e: number;
+	f: number;
+	m11: number;
+	m12: number;
+	m13: number;
+	m14: number;
+	m21: number;
+	m22: number;
+	m23: number;
+	m24: number;
+	m31: number;
+	m32: number;
+	m33: number;
+	m34: number;
+	m41: number;
+	m42: number;
+	m43: number;
+	m44: number;
+	is2D: boolean;
+	isIdentity: boolean;
+}

package/src/dom/dom-matrix/TDOMMatrix2DArray.ts

@@ -0,0 +1,3 @@
+/** An array of 6 numbers representing a 2D matrix. */
+type TDOMMatrix2DArray = [number, number, number, number, number, number];
+export default TDOMMatrix2DArray;

package/src/dom/dom-matrix/TDOMMatrix3DArray.ts

@@ -0,0 +1,20 @@
+/** An array of 16 numbers representing a 3D matrix. */
+type TDOMMatrix3DArray = [
+	number,
+	number,
+	number,
+	number,
+	number,
+	number,
+	number,
+	number,
+	number,
+	number,
+	number,
+	number,
+	number,
+	number,
+	number,
+	number
+];
+export default TDOMMatrix3DArray;

package/src/dom/dom-matrix/TDOMMatrixInit.ts

@@ -0,0 +1,4 @@
+import IDOMMatrixCompatibleObject from './IDOMMatrixCompatibleObject.js';
+
+type TDOMMatrixInit = string | any[] | IDOMMatrixCompatibleObject | Float32Array | Float64Array;
+export default TDOMMatrixInit;

package/src/dom-parser/DOMParser.ts

@@ -106,7 +106,6 @@ export default class DOMParser {
 			case 'text/html':
 				return new window.HTMLDocument();
 			case 'image/svg+xml':
-				return new window.SVGDocument();
 			case 'text/xml':
 			case 'application/xml':
 			case 'application/xhtml+xml':

package/src/index.ts

@@ -72,8 +72,8 @@ import Comment from './nodes/comment/Comment.js';
 import DocumentFragment from './nodes/document-fragment/DocumentFragment.js';
 import DocumentType from './nodes/document-type/DocumentType.js';
 import Document from './nodes/document/Document.js';
-import DOMRect from './nodes/element/DOMRect.js';
-import DOMRectReadOnly from './nodes/element/DOMRectReadOnly.js';
+import DOMRect from './dom/DOMRect.js';
+import DOMRectReadOnly from './dom/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';
@@ -157,10 +157,9 @@ import HTMLVideoElement from './nodes/html-video-element/HTMLVideoElement.js';
 import Node from './nodes/node/Node.js';
 import ProcessingInstruction from './nodes/processing-instruction/ProcessingInstruction.js';
 import ShadowRoot from './nodes/shadow-root/ShadowRoot.js';
-import SVGDocument from './nodes/svg-document/SVGDocument.js';
 import SVGElement from './nodes/svg-element/SVGElement.js';
-import SVGGraphicsElement from './nodes/svg-element/SVGGraphicsElement.js';
-import SVGSVGElement from './nodes/svg-element/SVGSVGElement.js';
+import SVGGraphicsElement from './nodes/svg-graphics-element/SVGGraphicsElement.js';
+import SVGSVGElement from './nodes/svg-svg-element/SVGSVGElement.js';
 import Text from './nodes/text/Text.js';
 import XMLDocument from './nodes/xml-document/XMLDocument.js';
 import PermissionStatus from './permissions/PermissionStatus.js';
@@ -391,7 +390,6 @@ export {
 	ShadowRoot,
 	Storage,
 	SubmitEvent,
-	SVGDocument,
 	SVGElement,
 	SVGGraphicsElement,
 	SVGSVGElement,

package/src/intersection-observer/IntersectionObserverEntry.ts

@@ -1,4 +1,4 @@
-import DOMRect from '../nodes/element/DOMRect.js';
+import DOMRect from '../dom/DOMRect.js';
 import Node from '../nodes/node/Node.js';
 
 /**

package/src/nodes/child-node/ChildNodeUtility.ts

@@ -1,8 +1,5 @@
 import DOMException from '../../exception/DOMException.js';
 import * as PropertySymbol from '../../PropertySymbol.js';
-import XMLParser from '../../xml-parser/XMLParser.js';
-import DocumentFragment from '../document-fragment/DocumentFragment.js';
-import Document from '../document/Document.js';
 import Node from '../node/Node.js';
 import IParentNode from '../parent-node/IParentNode.js';
 import IChildNode from './IChildNode.js';
@@ -36,15 +33,13 @@ export default class ChildNodeUtility {
 		}
 
 		for (const node of nodes) {
-			if (typeof node === 'string') {
-				const newChildNodes = (<DocumentFragment>(
-					XMLParser.parse(<Document>childNode[PropertySymbol.ownerDocument], node)
-				))[PropertySymbol.nodeArray];
-				while (newChildNodes.length) {
-					parent.insertBefore(newChildNodes[0], childNode);
-				}
-			} else {
+			if (node instanceof Node) {
 				parent.insertBefore(node, childNode);
+			} else {
+				parent.insertBefore(
+					parent[PropertySymbol.ownerDocument].createTextNode(String(node)),
+					childNode
+				);
 			}
 		}
 
@@ -65,15 +60,13 @@ export default class ChildNodeUtility {
 		}
 
 		for (const node of nodes) {
-			if (typeof node === 'string') {
-				const newChildNodes = (<DocumentFragment>(
-					XMLParser.parse(<Document>childNode[PropertySymbol.ownerDocument], node)
-				))[PropertySymbol.nodeArray];
-				while (newChildNodes.length) {
-					parent.insertBefore(newChildNodes[0], childNode);
-				}
-			} else {
+			if (node instanceof Node) {
 				parent.insertBefore(node, childNode);
+			} else {
+				parent.insertBefore(
+					parent[PropertySymbol.ownerDocument].createTextNode(String(node)),
+					childNode
+				);
 			}
 		}
 	}
@@ -94,21 +87,14 @@ export default class ChildNodeUtility {
 		const nextSibling = childNode.nextSibling;
 
 		for (const node of nodes) {
-			if (typeof node === 'string') {
-				const newChildNodes = (<DocumentFragment>(
-					XMLParser.parse(<Document>childNode[PropertySymbol.ownerDocument], node)
-				))[PropertySymbol.nodeArray];
-				while (newChildNodes.length) {
-					if (!nextSibling) {
-						parent.appendChild(newChildNodes[0]);
-					} else {
-						parent.insertBefore(newChildNodes[0], nextSibling);
-					}
-				}
-			} else if (!nextSibling) {
-				parent.appendChild(node);
+			const insertedNode =
+				node instanceof Node
+					? node
+					: parent[PropertySymbol.ownerDocument].createTextNode(String(node));
+			if (!nextSibling) {
+				parent.appendChild(insertedNode);
 			} else {
-				parent.insertBefore(node, nextSibling);
+				parent.insertBefore(insertedNode, nextSibling);
 			}
 		}
 	}

package/src/nodes/document/Document.ts

@@ -47,6 +47,8 @@ import ICachedResult from '../node/ICachedResult.js';
 import HTMLTitleElement from '../html-title-element/HTMLTitleElement.js';
 import WindowBrowserContext from '../../window/WindowBrowserContext.js';
 import NodeFactory from '../NodeFactory.js';
+import SVGElementConfig from '../../config/SVGElementConfig.js';
+import StringUtility from '../../StringUtility.js';
 
 const PROCESSING_INSTRUCTION_TARGET_REGEXP = /^[a-z][a-z0-9-]+$/;
 
@@ -71,7 +73,7 @@ export default class Document extends Node {
 	public [PropertySymbol.defaultView]: BrowserWindow | null = null;
 	public [PropertySymbol.forms]: HTMLCollection<HTMLFormElement> | null = null;
 	public [PropertySymbol.affectsComputedStyleCache]: ICachedResult[] = [];
-	public [PropertySymbol.ownerDocument]: Document | null = null;
+	public [PropertySymbol.ownerDocument]: Document = <Document>(<unknown>null);
 	public [PropertySymbol.elementIdMap]: Map<
 		string,
 		{ htmlCollection: HTMLCollection<Element> | null; elements: Element[] }
@@ -1010,7 +1012,13 @@ export default class Document extends Node {
 	 * @returns Element.
 	 */
 	public createElement(qualifiedName: string, options?: { is?: string }): HTMLElement {
-		return <HTMLElement>this.createElementNS(NamespaceURI.html, qualifiedName, options);
+		return <HTMLElement>(
+			this.createElementNS(
+				NamespaceURI.html,
+				StringUtility.asciiLowerCase(String(qualifiedName)),
+				options
+			)
+		);
 	}
 
 	/**
@@ -1072,20 +1080,21 @@ export default class Document extends Node {
 		qualifiedName: string,
 		options?: { is?: string }
 	): Element {
+		const window = this[PropertySymbol.window];
+
 		qualifiedName = String(qualifiedName);
 
 		if (!qualifiedName) {
-			throw new this[PropertySymbol.window].DOMException(
+			throw new window.DOMException(
 				"Failed to execute 'createElementNS' on 'Document': The qualified name provided is empty."
 			);
 		}
 
 		// SVG element
 		if (namespaceURI === NamespaceURI.svg) {
+			const config = SVGElementConfig[qualifiedName.toLowerCase()];
 			const elementClass =
-				qualifiedName === 'svg'
-					? this[PropertySymbol.window].SVGSVGElement
-					: this[PropertySymbol.window].SVGElement;
+				config && config.localName === qualifiedName ? window[config.className] : window.SVGElement;
 
 			const element = NodeFactory.createNode<SVGElement>(this, elementClass);
 
@@ -1099,7 +1108,7 @@ export default class Document extends Node {
 
 		// Custom HTML element
 		const customElement =
-			this[PropertySymbol.window].customElements[PropertySymbol.registry]?.[
+			window.customElements[PropertySymbol.registry]?.[
 				options && options.is ? String(options.is) : qualifiedName
 			];
 
@@ -1112,9 +1121,8 @@ export default class Document extends Node {
 			return element;
 		}
 
-		const localName = qualifiedName.toLowerCase();
-		const elementClass = HTMLElementConfig[localName]
-			? this[PropertySymbol.window][HTMLElementConfig[localName].className]
+		const elementClass = HTMLElementConfig[qualifiedName]
+			? window[HTMLElementConfig[qualifiedName].className]
 			: null;
 
 		// Known HTML element
@@ -1122,22 +1130,22 @@ export default class Document extends Node {
 			const element = NodeFactory.createNode<Element>(this, elementClass);
 
 			element[PropertySymbol.tagName] = qualifiedName.toUpperCase();
-			element[PropertySymbol.localName] = localName;
+			element[PropertySymbol.localName] = qualifiedName;
 			element[PropertySymbol.namespaceURI] = namespaceURI;
 			element[PropertySymbol.isValue] = options && options.is ? String(options.is) : null;
 
 			return element;
 		}
 
-		// Unknown HTML element
-		const unknownElementClass = localName.includes('-')
-			? this[PropertySymbol.window].HTMLElement
-			: this[PropertySymbol.window].HTMLUnknownElement;
+		// Unknown HTML element (if it has an hyphen in the name, it is a custom element that hasn't been defined yet)
+		const unknownElementClass = qualifiedName.includes('-')
+			? window.HTMLElement
+			: window.HTMLUnknownElement;
 
 		const element = NodeFactory.createNode<Element>(this, unknownElementClass);
 
 		element[PropertySymbol.tagName] = qualifiedName.toUpperCase();
-		element[PropertySymbol.localName] = localName;
+		element[PropertySymbol.localName] = qualifiedName;
 		element[PropertySymbol.namespaceURI] = namespaceURI;
 		element[PropertySymbol.isValue] = options && options.is ? String(options.is) : null;
 

package/src/nodes/element/Element.ts

@@ -1,8 +1,8 @@
 import Node from '../node/Node.js';
 import * as PropertySymbol from '../../PropertySymbol.js';
 import ShadowRoot from '../shadow-root/ShadowRoot.js';
-import DOMRect from './DOMRect.js';
-import DOMTokenList from './DOMTokenList.js';
+import DOMRect from '../../dom/DOMRect.js';
+import DOMTokenList from '../../dom/DOMTokenList.js';
 import QuerySelector from '../../query-selector/QuerySelector.js';
 import XMLParser from '../../xml-parser/XMLParser.js';
 import XMLSerializer from '../../xml-serializer/XMLSerializer.js';
@@ -11,7 +11,7 @@ import ParentNodeUtility from '../parent-node/ParentNodeUtility.js';
 import NonDocumentChildNodeUtility from '../child-node/NonDocumentChildNodeUtility.js';
 import HTMLCollection from './HTMLCollection.js';
 import Text from '../text/Text.js';
-import DOMRectList from './DOMRectList.js';
+import DOMRectList from '../../dom/DOMRectList.js';
 import Attr from '../attr/Attr.js';
 import NamedNodeMap from './NamedNodeMap.js';
 import Event from '../../event/Event.js';
@@ -254,7 +254,11 @@ export default class Element
 	 */
 	public get classList(): DOMTokenList {
 		if (!this[PropertySymbol.classList]) {
-			this[PropertySymbol.classList] = new DOMTokenList(this, 'class');
+			this[PropertySymbol.classList] = new DOMTokenList(
+				PropertySymbol.illegalConstructor,
+				this,
+				'class'
+			);
 		}
 		return <DOMTokenList>this[PropertySymbol.classList];
 	}
@@ -421,7 +425,10 @@ export default class Element
 	 * @param html HTML.
 	 */
 	public set outerHTML(html: string) {
-		this.replaceWith(html);
+		const childNodes = (<DocumentFragment>(
+			XMLParser.parse(this[PropertySymbol.ownerDocument], html)
+		))[PropertySymbol.nodeArray];
+		this.replaceWith(...childNodes);
 	}
 
 	/**
@@ -917,7 +924,7 @@ export default class Element
 	 */
 	public getClientRects(): DOMRectList {
 		// TODO: Not full implementation
-		const domRectList = new DOMRectList();
+		const domRectList = new DOMRectList(PropertySymbol.illegalConstructor);
 		domRectList.push(this.getBoundingClientRect());
 		return domRectList;
 	}
@@ -1350,11 +1357,6 @@ export default class Element
 			this.#addIdentifierToWindow(attribute[PropertySymbol.value]);
 		}
 
-		if (this[PropertySymbol.cache].style) {
-			this[PropertySymbol.cache].style.result = null;
-			this[PropertySymbol.cache].style = null;
-		}
-
 		if (
 			this.attributeChangedCallback &&
 			(<typeof Element>this.constructor)[PropertySymbol.observedAttributes] &&
@@ -1407,11 +1409,6 @@ export default class Element
 			this.#removeIdentifierFromWindow(removedAttribute[PropertySymbol.value]);
 		}
 
-		if (this[PropertySymbol.cache].style) {
-			this[PropertySymbol.cache].style.result = null;
-			this[PropertySymbol.cache].style = null;
-		}
-
 		if (
 			this.attributeChangedCallback &&
 			(<typeof Element>this.constructor)[PropertySymbol.observedAttributes] &&

package/src/nodes/element/HTMLCollection.ts

@@ -17,21 +17,19 @@ export default class HTMLCollection<T extends Element, NamedItem = T> {
 	/**
 	 * Constructor.
 	 *
-	 * @param [illegalConstructorSymbol] Illegal constructor symbol.
+	 * @param illegalConstructorSymbol Illegal constructor symbol.
 	 * @param query Query function.
 	 */
-	constructor(illegalConstructorSymbol?: symbol, query: () => T[] = () => []) {
+	constructor(illegalConstructorSymbol: symbol, query: () => T[]) {
 		if (illegalConstructorSymbol !== PropertySymbol.illegalConstructor) {
 			throw new TypeError('Illegal constructor');
 		}
 
 		this[PropertySymbol.query] = query;
 
-		// This only works for one level of inheritance, but it should be fine as there is no collection that goes deeper according to spec.
-		ClassMethodBinder.bindMethods(
+		const methodBinder = new ClassMethodBinder(
 			this,
-			this.constructor !== HTMLCollection ? [HTMLCollection, this.constructor] : [HTMLCollection],
-			{ bindSymbols: true }
+			this.constructor !== HTMLCollection ? [this.constructor, HTMLCollection] : [HTMLCollection]
 		);
 
 		return new Proxy(this, {
@@ -40,9 +38,9 @@ export default class HTMLCollection<T extends Element, NamedItem = T> {
 					return query().length;
 				}
 				if (property in target || typeof property === 'symbol') {
+					methodBinder.bind(property);
 					return target[property];
 				}
-
 				const index = Number(property);
 				if (!isNaN(index)) {
 					return query()[index];
@@ -50,6 +48,7 @@ export default class HTMLCollection<T extends Element, NamedItem = T> {
 				return target.namedItem(<string>property) || undefined;
 			},
 			set(target, property, newValue): boolean {
+				methodBinder.bind(property);
 				if (typeof property === 'symbol') {
 					target[property] = newValue;
 					return true;
@@ -123,6 +122,8 @@ export default class HTMLCollection<T extends Element, NamedItem = T> {
 				return false;
 			},
 			defineProperty(target, property, descriptor): boolean {
+				methodBinder.preventBinding(property);
+
 				if (property in target) {
 					Object.defineProperty(target, property, descriptor);
 					return true;

package/src/nodes/element/NamedNodeMap.ts

@@ -4,7 +4,6 @@ import DOMException from '../../exception/DOMException.js';
 import DOMExceptionNameEnum from '../../exception/DOMExceptionNameEnum.js';
 import Element from './Element.js';
 import NamespaceURI from '../../config/NamespaceURI.js';
-import ClassMethodBinder from '../../ClassMethodBinder.js';
 
 /**
  * Named Node Map.
@@ -29,9 +28,6 @@ export default class NamedNodeMap {
 	 */
 	constructor(ownerElement: Element) {
 		this[PropertySymbol.ownerElement] = ownerElement;
-		ClassMethodBinder.bindMethods(this, [NamedNodeMap], {
-			bindSymbols: true
-		});
 	}
 
 	/**

package/src/nodes/element/NamedNodeMapProxyFactory.ts

@@ -1,5 +1,6 @@
 /* eslint-disable filenames/match-exported */
 
+import ClassMethodBinder from '../../ClassMethodBinder.js';
 import * as PropertySymbol from '../../PropertySymbol.js';
 import NamedNodeMap from './NamedNodeMap.js';
 
@@ -18,12 +19,15 @@ export default class NamedNodeMapProxyFactory {
 		const namedItems = namedNodeMap[PropertySymbol.namedItems];
 		const namespaceItems = namedNodeMap[PropertySymbol.namespaceItems];
 
+		const methodBinder = new ClassMethodBinder(this, [NamedNodeMap]);
+
 		return new Proxy<NamedNodeMap>(namedNodeMap, {
 			get: (target, property) => {
 				if (property === 'length') {
 					return namespaceItems.size;
 				}
 				if (property in target || typeof property === 'symbol') {
+					methodBinder.bind(property);
 					return target[property];
 				}
 				const index = Number(property);
@@ -33,6 +37,7 @@ export default class NamedNodeMapProxyFactory {
 				return target.getNamedItem(<string>property) || undefined;
 			},
 			set(target, property, newValue): boolean {
+				methodBinder.bind(property);
 				if (typeof property === 'symbol') {
 					target[property] = newValue;
 					return true;
@@ -79,6 +84,8 @@ export default class NamedNodeMapProxyFactory {
 				return false;
 			},
 			defineProperty(target, property, descriptor): boolean {
+				methodBinder.preventBinding(property);
+
 				if (property in target) {
 					Object.defineProperty(target, property, descriptor);
 					return true;

package/src/nodes/html-anchor-element/HTMLAnchorElement.ts

@@ -1,6 +1,6 @@
 import HTMLElement from '../html-element/HTMLElement.js';
 import * as PropertySymbol from '../../PropertySymbol.js';
-import DOMTokenList from '../element/DOMTokenList.js';
+import DOMTokenList from '../../dom/DOMTokenList.js';
 import Event from '../../event/Event.js';
 import EventPhaseEnum from '../../event/EventPhaseEnum.js';
 import HTMLHyperlinkElementUtility from '../html-hyperlink-element/HTMLHyperlinkElementUtility.js';
@@ -285,7 +285,11 @@ export default class HTMLAnchorElement extends HTMLElement implements IHTMLHyper
 	 */
 	public get relList(): DOMTokenList {
 		if (!this[PropertySymbol.relList]) {
-			this[PropertySymbol.relList] = new DOMTokenList(this, 'rel');
+			this[PropertySymbol.relList] = new DOMTokenList(
+				PropertySymbol.illegalConstructor,
+				this,
+				'rel'
+			);
 		}
 		return <DOMTokenList>this[PropertySymbol.relList];
 	}

package/src/nodes/html-area-element/HTMLAreaElement.ts

@@ -1,6 +1,6 @@
 import HTMLElement from '../html-element/HTMLElement.js';
 import * as PropertySymbol from '../../PropertySymbol.js';
-import DOMTokenList from '../element/DOMTokenList.js';
+import DOMTokenList from '../../dom/DOMTokenList.js';
 import HTMLHyperlinkElementUtility from '../html-hyperlink-element/HTMLHyperlinkElementUtility.js';
 import IHTMLHyperlinkElement from '../html-hyperlink-element/IHTMLHyperlinkElement.js';
 import Event from '../../event/Event.js';
@@ -149,7 +149,11 @@ export default class HTMLAreaElement extends HTMLElement implements IHTMLHyperli
 	 */
 	public get relList(): DOMTokenList {
 		if (!this[PropertySymbol.relList]) {
-			this[PropertySymbol.relList] = new DOMTokenList(this, 'rel');
+			this[PropertySymbol.relList] = new DOMTokenList(
+				PropertySymbol.illegalConstructor,
+				this,
+				'rel'
+			);
 		}
 		return <DOMTokenList>this[PropertySymbol.relList];
 	}

package/src/nodes/html-canvas-element/CanvasCaptureMediaStreamTrack.ts

@@ -13,13 +13,13 @@ export default class CanvasCaptureMediaStreamTrack extends MediaStreamTrack {
 	/**
 	 * Constructor.
 	 *
-	 * @param [illegalConstructorSymbol] Illegal constructor symbol.
-	 * @param [canvas] Canvas.
+	 * @param illegalConstructorSymbol Illegal constructor symbol.
+	 * @param canvas Canvas.
 	 */
-	constructor(illegalConstructorSymbol?: symbol, canvas: HTMLCanvasElement | null = null) {
+	constructor(illegalConstructorSymbol: symbol, canvas: HTMLCanvasElement) {
 		super(illegalConstructorSymbol);
 
-		this[PropertySymbol.canvas] = <HTMLCanvasElement>canvas;
+		this[PropertySymbol.canvas] = canvas;
 	}
 
 	/**

package/src/nodes/html-element/HTMLElement.ts

@@ -5,7 +5,7 @@ import PointerEvent from '../../event/events/PointerEvent.js';
 import NodeTypeEnum from '../node/NodeTypeEnum.js';
 import Event from '../../event/Event.js';
 import HTMLElementUtility from './HTMLElementUtility.js';
-import DOMStringMap from '../element/DOMStringMap.js';
+import DOMStringMap from '../../dom/DOMStringMap.js';
 import WindowBrowserContext from '../../window/WindowBrowserContext.js';
 
 /**
@@ -330,7 +330,11 @@ export default class HTMLElement extends Element {
 	 */
 	public get style(): CSSStyleDeclaration {
 		if (!this[PropertySymbol.style]) {
-			this[PropertySymbol.style] = new CSSStyleDeclaration(this);
+			this[PropertySymbol.style] = new CSSStyleDeclaration(
+				PropertySymbol.illegalConstructor,
+				this[PropertySymbol.window],
+				{ element: this }
+			);
 		}
 		return this[PropertySymbol.style];
 	}
@@ -351,7 +355,10 @@ export default class HTMLElement extends Element {
 	 * @returns Data set.
 	 */
 	public get dataset(): DOMStringMap {
-		return (this[PropertySymbol.dataset] ??= new DOMStringMap(this));
+		return (this[PropertySymbol.dataset] ??= new DOMStringMap(
+			PropertySymbol.illegalConstructor,
+			this
+		));
 	}
 
 	/**

package/src/nodes/html-form-element/HTMLFormControlsCollection.ts

@@ -18,10 +18,10 @@ export default class HTMLFormControlsCollection extends HTMLCollection<
 	/**
 	 * Constructor.
 	 *
-	 * @param [illegalConstructorSymbol] Illegal constructor symbol.
-	 * @param [ownerElement] Form element.
+	 * @param illegalConstructorSymbol Illegal constructor symbol.
+	 * @param ownerElement Form element.
 	 */
-	constructor(illegalConstructorSymbol?: symbol, ownerElement: HTMLFormElement | null = null) {
+	constructor(illegalConstructorSymbol: symbol, ownerElement: HTMLFormElement) {
 		super(illegalConstructorSymbol, () => ownerElement[PropertySymbol.getFormControlItems]());
 		this[PropertySymbol.ownerElement] = ownerElement;
 	}