happy-dom 17.6.3 → 18.0.0

package/src/mutation-observer/MutationRecord.ts

@@ -1,4 +1,5 @@
 import Node from '../nodes/node/Node.js';
+import MutationTypeEnum from './MutationTypeEnum.js';
 
 /**
  * MutationRecord is a model for a mutation.
@@ -6,22 +7,49 @@ import Node from '../nodes/node/Node.js';
  * @see https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord
  */
 export default class MutationRecord {
-	public type: string = null;
-	public target: Node = null;
-	public addedNodes: Node[] = [];
-	public removedNodes: Node[] = [];
-	public previousSibling: Node = null;
-	public nextSibling: Node = null;
-	public attributeName: string = null;
-	public attributeNamespace: string = null;
-	public oldValue: string = null;
+	public type: string;
+	public target: Node;
+	public addedNodes: Node[];
+	public removedNodes: Node[];
+	public previousSibling: Node | null;
+	public nextSibling: Node | null;
+	public attributeName: string | null;
+	public attributeNamespace: string | null;
+	public oldValue: string | null;
 
 	/**
 	 * Constructor.
 	 *
 	 * @param init Options to initialize the mutation record.
+	 * @param init.type Type.
+	 * @param init.target Target node.
+	 * @param init.addedNodes Nodes added.
+	 * @param init.removedNodes Nodes removed.
+	 * @param init.previousSibling Previous sibling node.
+	 * @param init.nextSibling Next sibling node.
+	 * @param init.attributeName Name of the attribute.
+	 * @param init.attributeNamespace Namespace of the attribute.
+	 * @param init.oldValue Previous value of the attribute.
 	 */
-	constructor(init?: Partial<MutationRecord>) {
-		Object.assign(this, init);
+	constructor(init: {
+		type: MutationTypeEnum;
+		target: Node;
+		addedNodes?: Node[];
+		removedNodes?: Node[];
+		previousSibling?: Node | null;
+		nextSibling?: Node | null;
+		attributeName?: string | null;
+		attributeNamespace?: string | null;
+		oldValue?: string | null;
+	}) {
+		this.type = init.type;
+		this.target = init.target;
+		this.addedNodes = init.addedNodes || [];
+		this.removedNodes = init.removedNodes || [];
+		this.previousSibling = init.previousSibling || null;
+		this.nextSibling = init.nextSibling || null;
+		this.attributeName = init.attributeName || null;
+		this.attributeNamespace = init.attributeNamespace || null;
+		this.oldValue = init.oldValue || null;
 	}
 }

package/src/navigator/MimeTypeArray.ts

@@ -18,7 +18,7 @@ export default class MimeTypeArray {
 	constructor(mimeTypes: MimeType[]) {
 		for (let i = 0, max = mimeTypes.length; i < max; i++) {
 			this[i] = mimeTypes[i];
-			this[mimeTypes[i].type] = mimeTypes[i];
+			(<any>this)[mimeTypes[i].type] = mimeTypes[i];
 		}
 		this.length = mimeTypes.length;
 	}
@@ -34,7 +34,7 @@ export default class MimeTypeArray {
 	 * @param name
 	 */
 	public namedItem(name: string): MimeType {
-		return this[name] || null;
+		return (<any>this)[name] || null;
 	}
 
 	/**

package/src/navigator/Navigator.ts

@@ -45,14 +45,14 @@ export default class Navigator {
 	/**
 	 * TODO: Not implemented.
 	 */
-	public get credentials(): string {
+	public get credentials(): any {
 		return null;
 	}
 
 	/**
 	 * TODO: Not implemented.
 	 */
-	public get geolocation(): string {
+	public get geolocation(): any {
 		return null;
 	}
 
@@ -73,7 +73,7 @@ export default class Navigator {
 	/**
 	 * TODO: Not implemented.
 	 */
-	public get locks(): string {
+	public get locks(): any {
 		return null;
 	}
 

package/src/navigator/Plugin.ts

@@ -25,7 +25,7 @@ export default class Plugin {
 
 		for (let i = 0, max = mimeTypes.length; i < max; i++) {
 			this[i] = mimeTypes[i];
-			this[mimeTypes[i].type] = mimeTypes[i];
+			(<any>this)[mimeTypes[i].type] = mimeTypes[i];
 		}
 		this.length = mimeTypes.length;
 	}
@@ -46,8 +46,8 @@ export default class Plugin {
 	 * @param name String.
 	 * @returns IMimeType.
 	 */
-	public namedItem(name: string): MimeType {
-		return this[name] || null;
+	public namedItem(name: string): MimeType | null {
+		return (<any>this)[name] || null;
 	}
 
 	/**

package/src/navigator/PluginArray.ts

@@ -15,7 +15,7 @@ export default class PluginArray {
 	constructor(plugins: Plugin[]) {
 		for (let i = 0, max = plugins.length; i < max; i++) {
 			this[i] = plugins[i];
-			this[plugins[i].name] = plugins[i];
+			(<any>this)[plugins[i].name] = plugins[i];
 		}
 		this.length = plugins.length;
 	}
@@ -37,7 +37,7 @@ export default class PluginArray {
 	 * @returns Plugin.
 	 */
 	public namedItem(name: string): Plugin {
-		return this[name] || null;
+		return (<any>this)[name] || null;
 	}
 
 	/**

package/src/nodes/NodeFactory.ts

@@ -18,7 +18,7 @@ export default class NodeFactory {
 	 */
 	public static createNode<T extends Node>(
 		ownerDocument: Document,
-		nodeClass: new (...args) => T,
+		nodeClass: new (...args: any[]) => T,
 		...args: any[]
 	): T {
 		if (!nodeClass.prototype[PropertySymbol.window]) {
@@ -32,7 +32,7 @@ export default class NodeFactory {
 	 *
 	 * @returns Document.
 	 */
-	public static pullOwnerDocument(): Document {
-		return this.ownerDocuments.pop();
+	public static pullOwnerDocument(): Document | null {
+		return this.ownerDocuments.pop() || null;
 	}
 }

package/src/nodes/attr/Attr.ts

@@ -24,6 +24,7 @@ export default class Attr extends Node implements Attr {
 	/**
 	 * Returns specified.
 	 *
+	 * @deprecated
 	 * @returns Specified.
 	 */
 	public get specified(): boolean {
@@ -44,7 +45,7 @@ export default class Attr extends Node implements Attr {
 	 *
 	 * @returns Value.
 	 */
-	public get value(): string {
+	public get value(): string | null {
 		return this[PropertySymbol.value];
 	}
 
@@ -63,7 +64,7 @@ export default class Attr extends Node implements Attr {
 	 * @returns Name.
 	 */
 	public get name(): string {
-		return this[PropertySymbol.name];
+		return this[PropertySymbol.name] || '';
 	}
 
 	/**
@@ -72,7 +73,7 @@ export default class Attr extends Node implements Attr {
 	 * @returns Local name.
 	 */
 	public get localName(): string {
-		return this[PropertySymbol.localName];
+		return this[PropertySymbol.localName] || '';
 	}
 
 	/**
@@ -80,7 +81,7 @@ export default class Attr extends Node implements Attr {
 	 *
 	 * @returns Prefix.
 	 */
-	public get prefix(): string {
+	public get prefix(): string | null {
 		return this[PropertySymbol.prefix];
 	}
 
@@ -88,7 +89,7 @@ export default class Attr extends Node implements Attr {
 	 * @override
 	 */
 	public get textContent(): string {
-		return this[PropertySymbol.value];
+		return this[PropertySymbol.value] || '';
 	}
 
 	/**

package/src/nodes/document/Document.ts

@@ -51,6 +51,7 @@ import StringUtility from '../../utilities/StringUtility.js';
 import HTMLParser from '../../html-parser/HTMLParser.js';
 import PreloadEntry from '../../fetch/preload/PreloadEntry.js';
 import DOMExceptionNameEnum from '../../exception/DOMExceptionNameEnum.js';
+import SVGScriptElement from '../svg-script-element/SVGScriptElement.js';
 
 const PROCESSING_INSTRUCTION_TARGET_REGEXP = /^[a-z][a-z0-9-]+$/;
 
@@ -60,9 +61,9 @@ const PROCESSING_INSTRUCTION_TARGET_REGEXP = /^[a-z][a-z0-9-]+$/;
 export default class Document extends Node {
 	// Internal properties
 	public [PropertySymbol.children]: HTMLCollection<Element> | null = null;
-	public [PropertySymbol.activeElement]: HTMLElement | SVGElement = null;
-	public [PropertySymbol.nextActiveElement]: HTMLElement | SVGElement = null;
-	public [PropertySymbol.currentScript]: HTMLScriptElement = null;
+	public [PropertySymbol.activeElement]: HTMLElement | SVGElement | null = null;
+	public [PropertySymbol.nextActiveElement]: HTMLElement | SVGElement | null = null;
+	public [PropertySymbol.currentScript]: HTMLScriptElement | null = null;
 	public [PropertySymbol.rootNode] = this;
 	public [PropertySymbol.isFirstWrite] = true;
 	public [PropertySymbol.isFirstWriteAfterOpen] = false;
@@ -83,12 +84,11 @@ export default class Document extends Node {
 	public [PropertySymbol.contentType]: string = 'text/html';
 	public [PropertySymbol.xmlProcessingInstruction]: ProcessingInstruction | null = null;
 	public [PropertySymbol.preloads]: Map<string, PreloadEntry> = new Map();
-	public [PropertySymbol.propertyEventListeners]: Map<string, (event: Event) => void> = new Map();
+	public [PropertySymbol.propertyEventListeners]: Map<string, ((event: Event) => void) | null> =
+		new Map();
+	public [PropertySymbol.selection]: Selection | null = null;
 	public declare cloneNode: (deep?: boolean) => Document;
 
-	// Private properties
-	#selection: Selection = null;
-
 	// Events
 
 	/* eslint-disable jsdoc/require-jsdoc */
@@ -1195,7 +1195,7 @@ export default class Document extends Node {
 		}
 		return CookieStringUtility.cookiesToString(
 			browserFrame.page.context.cookieContainer.getCookies(
-				new URL(this[PropertySymbol.window].location.href),
+				<URL>(<unknown>this[PropertySymbol.window].location),
 				true
 			)
 		);
@@ -1206,14 +1206,15 @@ export default class Document extends Node {
 	 *
 	 * @param cookie Cookie string.
 	 */
-	public set cookie(cookie: string) {
+	public set cookie(value: string) {
 		const browserFrame = new WindowBrowserContext(this[PropertySymbol.window]).getBrowserFrame();
 		if (!browserFrame) {
 			return;
 		}
-		browserFrame.page.context.cookieContainer.addCookies([
-			CookieStringUtility.stringToCookie(new URL(this[PropertySymbol.window].location.href), cookie)
-		]);
+		const cookie = CookieStringUtility.stringToCookie(this[PropertySymbol.window].location, value);
+		if (cookie) {
+			browserFrame.page.context.cookieContainer.addCookies([cookie]);
+		}
 	}
 
 	/**
@@ -1245,7 +1246,7 @@ export default class Document extends Node {
 				return node;
 			}
 		}
-		return null;
+		return null!;
 	}
 
 	/**
@@ -1257,7 +1258,7 @@ export default class Document extends Node {
 		const documentElement = this.documentElement;
 		return documentElement
 			? <HTMLBodyElement>ParentNodeUtility.getElementByTagName(documentElement, 'body')
-			: null;
+			: null!;
 	}
 
 	/**
@@ -1269,7 +1270,7 @@ export default class Document extends Node {
 		const documentElement = this.documentElement;
 		return documentElement
 			? <HTMLHeadElement>ParentNodeUtility.getElementByTagName(documentElement, 'head')
-			: null;
+			: null!;
 	}
 
 	/**
@@ -1420,7 +1421,7 @@ export default class Document extends Node {
 	 *
 	 * @returns the currently executing script element.
 	 */
-	public get currentScript(): HTMLScriptElement {
+	public get currentScript(): HTMLScriptElement | SVGScriptElement | null {
 		return this[PropertySymbol.currentScript];
 	}
 
@@ -1843,7 +1844,7 @@ export default class Document extends Node {
 	 * @returns Element.
 	 */
 	public createElementNS(
-		namespaceURI: string,
+		namespaceURI: string | null,
 		qualifiedName: string,
 		options?: { is?: string }
 	): Element;
@@ -1858,7 +1859,7 @@ export default class Document extends Node {
 	 * @returns Element.
 	 */
 	public createElementNS(
-		namespaceURI: string,
+		namespaceURI: string | null,
 		qualifiedName: string,
 		options?: { is?: string }
 	): Element {
@@ -1879,9 +1880,9 @@ export default class Document extends Node {
 		switch (namespaceURI) {
 			case NamespaceURI.svg:
 				const config = SVGElementConfig[qualifiedName.toLowerCase()];
-				const svgElementClass =
+				const svgElementClass: typeof SVGElement =
 					config && config.localName === qualifiedName
-						? window[config.className]
+						? (<any>window)[config.className]
 						: window.SVGElement;
 
 				const svgElement = NodeFactory.createNode<SVGElement>(this, svgElementClass);
@@ -1910,8 +1911,8 @@ export default class Document extends Node {
 					return element;
 				}
 
-				const elementClass = HTMLElementConfig[qualifiedName]
-					? window[HTMLElementConfig[qualifiedName].className]
+				const elementClass: typeof HTMLElement = HTMLElementConfig[qualifiedName]
+					? (<any>window)[HTMLElementConfig[qualifiedName].className]
 					: null;
 
 				// Known HTML element
@@ -2005,7 +2006,11 @@ export default class Document extends Node {
 	 * @param [whatToShow] What to show.
 	 * @param [filter] Filter.
 	 */
-	public createNodeIterator(root: Node, whatToShow = -1, filter: INodeFilter = null): NodeIterator {
+	public createNodeIterator(
+		root: Node,
+		whatToShow = -1,
+		filter: INodeFilter | null = null
+	): NodeIterator {
 		return new NodeIterator(root, whatToShow, filter);
 	}
 
@@ -2016,7 +2021,11 @@ export default class Document extends Node {
 	 * @param [whatToShow] What to show.
 	 * @param [filter] Filter.
 	 */
-	public createTreeWalker(root: Node, whatToShow = -1, filter: INodeFilter = null): TreeWalker {
+	public createTreeWalker(
+		root: Node,
+		whatToShow = -1,
+		filter: INodeFilter | null = null
+	): TreeWalker {
 		return new TreeWalker(root, whatToShow, filter);
 	}
 
@@ -2028,8 +2037,8 @@ export default class Document extends Node {
 	 * @returns Event.
 	 */
 	public createEvent(type: string): Event {
-		if (typeof this[PropertySymbol.window][type] === 'function') {
-			return new this[PropertySymbol.window][type]('init');
+		if (typeof (<any>this[PropertySymbol.window])[type] === 'function') {
+			return new (<any>this[PropertySymbol.window])[type]('init');
 		}
 		return new Event('init');
 	}
@@ -2061,7 +2070,7 @@ export default class Document extends Node {
 	 * @param qualifiedName Qualified name.
 	 * @returns Element.
 	 */
-	public createAttributeNS(namespaceURI: string, qualifiedName: string): Attr {
+	public createAttributeNS(namespaceURI: string | null, qualifiedName: string): Attr {
 		// We should use the NodeFactory and not the class constructor, so that owner document will be this document
 		const attribute = NodeFactory.createNode(this, this[PropertySymbol.window].Attr);
 
@@ -2133,10 +2142,10 @@ export default class Document extends Node {
 	 * @returns Selection.
 	 */
 	public getSelection(): Selection {
-		if (!this.#selection) {
-			this.#selection = new Selection(this);
+		if (!this[PropertySymbol.selection]) {
+			this[PropertySymbol.selection] = new Selection(this);
 		}
-		return this.#selection;
+		return this[PropertySymbol.selection];
 	}
 
 	/**

package/src/nodes/document/DocumentReadyStateManager.ts

@@ -6,7 +6,7 @@ import BrowserWindow from '../../window/BrowserWindow.js';
 export default class DocumentReadyStateManager {
 	private totalTasks = 0;
 	private readyStateCallbacks: (() => void)[] = [];
-	private window: BrowserWindow = null;
+	private window: BrowserWindow;
 	private immediate: NodeJS.Immediate | null = null;
 	private isComplete = false;
 

package/src/nodes/element/Element.ts

@@ -61,7 +61,8 @@ export default class Element
 	public [PropertySymbol.attributesProxy]: NamedNodeMap | null = null;
 	public [PropertySymbol.children]: HTMLCollection<Element> | null = null;
 	public [PropertySymbol.computedStyle]: CSSStyleDeclaration | null = null;
-	public [PropertySymbol.propertyEventListeners]: Map<string, (event: Event) => void> = new Map();
+	public [PropertySymbol.propertyEventListeners]: Map<string, ((event: Event) => void) | null> =
+		new Map();
 	public declare [PropertySymbol.tagName]: string | null;
 	public declare [PropertySymbol.localName]: string | null;
 	public declare [PropertySymbol.namespaceURI]: string | null;
@@ -328,7 +329,7 @@ export default class Element
 	 * @returns Node name.
 	 */
 	public get nodeName(): string {
-		return this[PropertySymbol.tagName];
+		return this[PropertySymbol.tagName]!;
 	}
 
 	/**
@@ -337,7 +338,7 @@ export default class Element
 	 * @returns Local name.
 	 */
 	public get localName(): string {
-		return this[PropertySymbol.localName];
+		return this[PropertySymbol.localName]!;
 	}
 
 	/**
@@ -770,7 +771,7 @@ export default class Element
 	public getAttributeNames(): string[] {
 		const names = [];
 		for (const item of this[PropertySymbol.attributes][PropertySymbol.items].values()) {
-			names.push(item[PropertySymbol.name]);
+			names.push(item[PropertySymbol.name]!);
 		}
 		return names;
 	}
@@ -818,7 +819,7 @@ export default class Element
 	 * @param namespace Namespace URI.
 	 * @param localName Local name.
 	 */
-	public getAttributeNS(namespace: string | null, localName: string): string {
+	public getAttributeNS(namespace: string | null, localName: string): string | null {
 		const attribute = this.getAttributeNodeNS(namespace, localName);
 		if (attribute) {
 			return attribute[PropertySymbol.value];
@@ -993,9 +994,9 @@ export default class Element
 	 * @param selector Selector.
 	 * @returns Closest matching element.
 	 */
-	public closest(selector: string): Element {
+	public closest(selector: string): Element | null {
 		// eslint-disable-next-line
-		let parent: Element = this;
+		let parent: Element | null = this;
 
 		while (parent) {
 			if (QuerySelector.matches(parent, selector)) {
@@ -1024,7 +1025,11 @@ export default class Element
 	 * @param oldValue Old value.
 	 * @param newValue New value.
 	 */
-	public attributeChangedCallback?(name: string, oldValue: string, newValue: string): void;
+	public attributeChangedCallback?(
+		name: string,
+		oldValue: string | null,
+		newValue: string | null
+	): void;
 
 	/**
 	 * Query CSS selector to find matching nodes.
@@ -1384,7 +1389,7 @@ export default class Element
 	 */
 	public [PropertySymbol.onSetAttribute](attribute: Attr, replacedAttribute: Attr | null): void {
 		if (!attribute[PropertySymbol.name]) {
-			return null;
+			return;
 		}
 
 		const oldValue = replacedAttribute ? replacedAttribute[PropertySymbol.value] : null;
@@ -1392,13 +1397,13 @@ export default class Element
 		if (
 			attribute[PropertySymbol.name] === 'slot' &&
 			this[PropertySymbol.parentNode] &&
-			this[PropertySymbol.parentNode][PropertySymbol.shadowRoot]
+			(<Element>this[PropertySymbol.parentNode])[PropertySymbol.shadowRoot]
 		) {
-			const shadowRoot = this[PropertySymbol.parentNode][PropertySymbol.shadowRoot];
+			const shadowRoot = (<Element>this[PropertySymbol.parentNode])[PropertySymbol.shadowRoot];
 
-			if (attribute[PropertySymbol.value] !== oldValue) {
+			if (shadowRoot && attribute[PropertySymbol.value] !== oldValue) {
 				// Previous slot
-				if (oldValue !== null) {
+				if (oldValue !== null && replacedAttribute) {
 					const slot = shadowRoot.querySelector(
 						`slot[name="${replacedAttribute[PropertySymbol.value]}"]`
 					);
@@ -1421,7 +1426,7 @@ export default class Element
 		}
 
 		if (
-			this[attribute[PropertySymbol.name]] !== undefined &&
+			this[<'constructor'>attribute[PropertySymbol.name]] !== undefined &&
 			attribute[PropertySymbol.name][0] === 'o' &&
 			attribute[PropertySymbol.name][1] === 'n'
 		) {
@@ -1437,8 +1442,8 @@ export default class Element
 
 		this[PropertySymbol.reportMutation](
 			new MutationRecord({
-				target: this,
 				type: MutationTypeEnum.attributes,
+				target: this,
 				attributeName: attribute[PropertySymbol.name],
 				oldValue
 			})
@@ -1454,9 +1459,9 @@ export default class Element
 		if (
 			removedAttribute[PropertySymbol.name] === 'slot' &&
 			this[PropertySymbol.parentNode] &&
-			this[PropertySymbol.parentNode][PropertySymbol.shadowRoot]
+			(<Element>this[PropertySymbol.parentNode])[PropertySymbol.shadowRoot]
 		) {
-			const shadowRoot = this[PropertySymbol.parentNode][PropertySymbol.shadowRoot];
+			const shadowRoot = (<Element>this[PropertySymbol.parentNode])[PropertySymbol.shadowRoot]!;
 			const namedSlot = shadowRoot.querySelector(
 				`slot[name="${removedAttribute[PropertySymbol.value]}"]`
 			);
@@ -1528,7 +1533,7 @@ export default class Element
 	 *
 	 * @param id Identifier.
 	 */
-	#addIdentifierToWindow(id: string): void {
+	#addIdentifierToWindow(id: string | null): void {
 		if (!id) {
 			return;
 		}
@@ -1547,6 +1552,10 @@ export default class Element
 
 		const entry = document[PropertySymbol.elementIdMap].get(id);
 
+		if (!entry) {
+			return;
+		}
+
 		// HTMLFormElement and HTMLSelectElement can be a proxy, but the scope can be the target and not the actual proxy
 		// To make sure we use the proxy we can check for the proxy property
 		const element = this[PropertySymbol.proxy] || this;
@@ -1561,11 +1570,11 @@ export default class Element
 				);
 			}
 
-			if (!(id in window) || window[id] === entry.elements[0]) {
-				window[id] = entry.htmlCollection;
+			if (!(id in window) || (<any>window)[id] === entry.elements[0]) {
+				(<any>window)[id] = entry.htmlCollection;
 			}
-		} else if (!(id in window) || window[id] === entry.htmlCollection) {
-			window[id] = element;
+		} else if (!(id in window) || (<any>window)[id] === entry.htmlCollection) {
+			(<any>window)[id] = element;
 		}
 	}
 
@@ -1574,7 +1583,7 @@ export default class Element
 	 *
 	 * @param id Identifier.
 	 */
-	#removeIdentifierFromWindow(id: string): void {
+	#removeIdentifierFromWindow(id: string | null): void {
 		if (!id) {
 			return;
 		}
@@ -1589,28 +1598,30 @@ export default class Element
 
 		const entry = document[PropertySymbol.elementIdMap].get(id);
 
-		if (entry) {
-			// HTMLFormElement and HTMLSelectElement can be a proxy, but the scope can be the target and not the actual proxy
-			// To make sure we use the proxy we can check for the proxy property
-			const element = this[PropertySymbol.proxy] || this;
-			const index = entry.elements.indexOf(element);
+		if (!entry) {
+			return;
+		}
 
-			if (index !== -1) {
-				entry.elements.splice(index, 1);
-			}
+		// HTMLFormElement and HTMLSelectElement can be a proxy, but the scope can be the target and not the actual proxy
+		// To make sure we use the proxy we can check for the proxy property
+		const element = this[PropertySymbol.proxy] || this;
+		const index = entry.elements.indexOf(element);
 
-			if (entry.elements.length === 1) {
-				if (window[id] === entry.htmlCollection) {
-					window[id] = entry.elements[0];
-				}
+		if (index !== -1) {
+			entry.elements.splice(index, 1);
+		}
+
+		if (entry.elements.length === 1) {
+			if ((<any>window)[id] === entry.htmlCollection) {
+				(<any>window)[id] = entry.elements[0];
+			}
 
-				entry.htmlCollection = null;
-			} else if (!entry.elements.length) {
-				document[PropertySymbol.elementIdMap].delete(id);
+			entry.htmlCollection = null;
+		} else if (!entry.elements.length) {
+			document[PropertySymbol.elementIdMap].delete(id);
 
-				if (window[id] === element || window[id] === entry.htmlCollection) {
-					delete window[id];
-				}
+			if ((<any>window)[id] === element || (<any>window)[id] === entry.htmlCollection) {
+				delete (<any>window)[id];
 			}
 		}
 	}
@@ -1627,7 +1638,7 @@ export default class Element
 			return;
 		}
 
-		const slotName = addedOrRemovedNode['getAttribute']
+		const slotName = (<Element>addedOrRemovedNode)['getAttribute']
 			? (<Element>addedOrRemovedNode).getAttribute('slot')
 			: null;
 		if (slotName) {

package/src/nodes/element/ElementEventAttributeUtility.ts

@@ -25,6 +25,11 @@ export default class ElementEventAttributeUtility {
 		}
 
 		const window = element[PropertySymbol.ownerDocument][PropertySymbol.defaultView];
+
+		if (!window) {
+			return null;
+		}
+
 		const browserSettings = new WindowBrowserContext(window).getSettings();
 
 		if (!browserSettings) {
@@ -67,7 +72,7 @@ export default class ElementEventAttributeUtility {
 			});
 		} catch (e) {
 			const error = new window.SyntaxError(
-				`Failed to read the '${property}' property from '${element.constructor.name}': ${e.message}`
+				`Failed to read the '${property}' property from '${element.constructor.name}': ${(<Error>e).message}`
 			);
 			if (
 				browserSettings.disableErrorCapturing ||