happy-dom 12.4.0 → 12.5.1

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

@@ -16,16 +16,20 @@ export default class HTMLElementUtility {
 			return;
 		}
 
+		const relatedTarget = element.ownerDocument['_nextActiveElement'] ?? null;
+
 		element.ownerDocument['_activeElement'] = null;
 
 		element.dispatchEvent(
 			new FocusEvent('blur', {
+				relatedTarget,
 				bubbles: false,
 				composed: true
 			})
 		);
 		element.dispatchEvent(
 			new FocusEvent('focusout', {
+				relatedTarget,
 				bubbles: true,
 				composed: true
 			})
@@ -42,20 +46,30 @@ export default class HTMLElementUtility {
 			return;
 		}
 
+		// Set the next active element so `blur` can use it for `relatedTarget`.
+		element.ownerDocument['_nextActiveElement'] = element;
+
+		const relatedTarget = element.ownerDocument['_activeElement'];
+
 		if (element.ownerDocument['_activeElement'] !== null) {
 			element.ownerDocument['_activeElement'].blur();
 		}
 
+		// Clean up after blur, so it does not affect next blur call.
+		element.ownerDocument['_nextActiveElement'] = null;
+
 		element.ownerDocument['_activeElement'] = element;
 
 		element.dispatchEvent(
 			new FocusEvent('focus', {
+				relatedTarget,
 				bubbles: false,
 				composed: true
 			})
 		);
 		element.dispatchEvent(
 			new FocusEvent('focusin', {
+				relatedTarget,
 				bubbles: true,
 				composed: true
 			})

package/src/window/Window.ts

@@ -34,7 +34,7 @@ import SVGGraphicsElement from '../nodes/svg-element/SVGGraphicsElement.js';
 import HTMLScriptElement from '../nodes/html-script-element/HTMLScriptElement.js';
 import HTMLImageElement from '../nodes/html-image-element/HTMLImageElement.js';
 import ImageImplementation from '../nodes/html-image-element/Image.js';
-import DocumentFragment from '../nodes/document-fragment/DocumentFragment.js';
+import DocumentFragmentImplementation from '../nodes/document-fragment/DocumentFragment.js';
 import CharacterData from '../nodes/character-data/CharacterData.js';
 import NodeIterator from '../tree-walker/NodeIterator.js';
 import TreeWalker from '../tree-walker/TreeWalker.js';
@@ -259,7 +259,6 @@ export default class Window extends EventTarget implements IWindow {
 	public readonly ShadowRoot = ShadowRoot;
 	public readonly ProcessingInstruction = ProcessingInstruction;
 	public readonly Element = Element;
-	public readonly DocumentFragment = DocumentFragment;
 	public readonly CharacterData = CharacterData;
 	public readonly NodeFilter = NodeFilter;
 	public readonly NodeIterator = NodeIterator;
@@ -346,6 +345,7 @@ export default class Window extends EventTarget implements IWindow {
 	public readonly Range;
 	public readonly FileReader;
 	public readonly Image;
+	public readonly DocumentFragment;
 	public readonly Audio;
 
 	// Events
@@ -562,6 +562,7 @@ export default class Window extends EventTarget implements IWindow {
 		ResponseImplementation._ownerDocument = document;
 		RequestImplementation._ownerDocument = document;
 		ImageImplementation._ownerDocument = document;
+		DocumentFragmentImplementation._ownerDocument = document;
 		FileReaderImplementation._ownerDocument = document;
 		DOMParserImplementation._ownerDocument = document;
 		RangeImplementation._ownerDocument = document;
@@ -577,6 +578,9 @@ export default class Window extends EventTarget implements IWindow {
 		class Image extends ImageImplementation {
 			public static _ownerDocument: IDocument = document;
 		}
+		class DocumentFragment extends DocumentFragmentImplementation {
+			public static _ownerDocument: IDocument = document;
+		}
 		class FileReader extends FileReaderImplementation {
 			public static _ownerDocument: IDocument = document;
 		}
@@ -597,6 +601,7 @@ export default class Window extends EventTarget implements IWindow {
 		this.Response = Response;
 		this.Request = Request;
 		this.Image = Image;
+		this.DocumentFragment = DocumentFragment;
 		this.FileReader = FileReader;
 		this.DOMParser = DOMParser;
 		this.XMLHttpRequest = XMLHttpRequest;

package/tsconfig.json

@@ -2,11 +2,11 @@
 	"compilerOptions": {
 		"outDir": "lib",
 		"rootDir": "src",
-		"target": "es2020",
+		"target": "ES2020",
 		"declaration": true,
 		"declarationMap": true,
-		"module": "es2020",
-		"moduleResolution": "node16",
+		"module": "Node16",
+		"moduleResolution": "Node16",
 		"esModuleInterop": true,
 		"experimentalDecorators": true,
 		"allowSyntheticDefaultImports": true,