happy-dom 17.1.8 → 17.1.10

package/src/nodes/html-link-element/HTMLLinkElement.ts

@@ -2,7 +2,6 @@ import CSSStyleSheet from '../../css/CSSStyleSheet.js';
 import * as PropertySymbol from '../../PropertySymbol.js';
 import HTMLElement from '../html-element/HTMLElement.js';
 import Event from '../../event/Event.js';
-import ErrorEvent from '../../event/events/ErrorEvent.js';
 import DOMTokenList from '../../dom/DOMTokenList.js';
 import Attr from '../attr/Attr.js';
 import DOMExceptionNameEnum from '../../exception/DOMExceptionNameEnum.js';
@@ -13,6 +12,7 @@ import BrowserErrorCaptureEnum from '../../browser/enums/BrowserErrorCaptureEnum
 import ModuleFactory from '../../module/ModuleFactory.js';
 import PreloadUtility from '../../fetch/preload/PreloadUtility.js';
 import PreloadEntry from '../../fetch/preload/PreloadEntry.js';
+import ElementEventAttributeUtility from '../element/ElementEventAttributeUtility.js';
 
 /**
  * HTML Link Element.
@@ -21,16 +21,34 @@ import PreloadEntry from '../../fetch/preload/PreloadEntry.js';
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLLinkElement.
  */
 export default class HTMLLinkElement extends HTMLElement {
-	// Events
-	public onerror: (event: ErrorEvent) => void = null;
-	public onload: (event: Event) => void = null;
-
 	// Internal properties
 	public [PropertySymbol.sheet]: CSSStyleSheet = null;
 	public [PropertySymbol.evaluateCSS] = true;
 	public [PropertySymbol.relList]: DOMTokenList | null = null;
 	#loadedStyleSheetURL: string | null = null;
 
+	// Events
+
+	/* eslint-disable jsdoc/require-jsdoc */
+
+	public get onerror(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onerror');
+	}
+
+	public set onerror(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onerror', value);
+	}
+
+	public get onload(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onload');
+	}
+
+	public set onload(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onload', value);
+	}
+
+	/* eslint-enable jsdoc/require-jsdoc */
+
 	/**
 	 * Returns sheet.
 	 */

package/src/nodes/html-media-element/HTMLMediaElement.ts

@@ -10,6 +10,7 @@ import TextTrackList from './TextTrackList.js';
 import TextTrack from './TextTrack.js';
 import TextTrackKindEnum from './TextTrackKindEnum.js';
 import * as PropertySymbol from '../../PropertySymbol.js';
+import ElementEventAttributeUtility from '../element/ElementEventAttributeUtility.js';
 
 interface IMediaError {
 	code: number;
@@ -27,31 +28,6 @@ export default class HTMLMediaElement extends HTMLElement {
 	// Public properties
 	public declare cloneNode: (deep?: boolean) => HTMLMediaElement;
 
-	// Events
-	public onabort: ((event: Event) => void) | null = null;
-	public oncanplay: ((event: Event) => void) | null = null;
-	public oncanplaythrough: ((event: Event) => void) | null = null;
-	public ondurationchange: ((event: Event) => void) | null = null;
-	public onemptied: ((event: Event) => void) | null = null;
-	public onended: ((event: Event) => void) | null = null;
-	public onerror: ((event: ErrorEvent) => void) | null = null;
-	public onloadeddata: ((event: Event) => void) | null = null;
-	public onloadedmetadata: ((event: Event) => void) | null = null;
-	public onloadstart: ((event: Event) => void) | null = null;
-	public onpause: ((event: Event) => void) | null = null;
-	public onplay: ((event: Event) => void) | null = null;
-	public onplaying: ((event: Event) => void) | null = null;
-	public onprogress: ((event: Event) => void) | null = null;
-	public onratechange: ((event: Event) => void) | null = null;
-	public onresize: ((event: Event) => void) | null = null;
-	public onseeked: ((event: Event) => void) | null = null;
-	public onseeking: ((event: Event) => void) | null = null;
-	public onstalled: ((event: Event) => void) | null = null;
-	public onsuspend: ((event: Event) => void) | null = null;
-	public ontimeupdate: ((event: Event) => void) | null = null;
-	public onvolumechange: ((event: Event) => void) | null = null;
-	public onwaiting: ((event: Event) => void) | null = null;
-
 	// Internal Properties
 	public [PropertySymbol.volume] = 1;
 	public [PropertySymbol.paused] = true;
@@ -77,6 +53,196 @@ export default class HTMLMediaElement extends HTMLElement {
 	public [PropertySymbol.srcObject]: MediaStream | null = null;
 	public [PropertySymbol.textTracks]: TextTrack[] = [];
 
+	// Events
+
+	/* eslint-disable jsdoc/require-jsdoc */
+
+	public get onabort(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onabort');
+	}
+
+	public set onabort(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onabort', value);
+	}
+
+	public get oncanplay(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'oncanplay');
+	}
+
+	public set oncanplay(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('oncanplay', value);
+	}
+
+	public get oncanplaythrough(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'oncanplaythrough');
+	}
+
+	public set oncanplaythrough(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('oncanplaythrough', value);
+	}
+
+	public get ondurationchange(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'ondurationchange');
+	}
+
+	public set ondurationchange(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('ondurationchange', value);
+	}
+
+	public get onemptied(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onemptied');
+	}
+
+	public set onemptied(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onemptied', value);
+	}
+
+	public get onended(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onended');
+	}
+
+	public set onended(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onended', value);
+	}
+
+	public get onerror(): ((event: ErrorEvent) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onerror');
+	}
+
+	public set onerror(value: ((event: ErrorEvent) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onerror', value);
+	}
+
+	public get onloadeddata(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onloadeddata');
+	}
+
+	public set onloadeddata(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onloadeddata', value);
+	}
+
+	public get onloadedmetadata(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onloadedmetadata');
+	}
+
+	public set onloadedmetadata(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onloadedmetadata', value);
+	}
+
+	public get onloadstart(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onloadstart');
+	}
+
+	public set onloadstart(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onloadstart', value);
+	}
+
+	public get onpause(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onpause');
+	}
+
+	public set onpause(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onpause', value);
+	}
+
+	public get onplay(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onplay');
+	}
+
+	public set onplay(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onplay', value);
+	}
+
+	public get onplaying(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onplaying');
+	}
+
+	public set onplaying(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onplaying', value);
+	}
+
+	public get onprogress(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onprogress');
+	}
+
+	public set onprogress(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onprogress', value);
+	}
+
+	public get onratechange(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onratechange');
+	}
+
+	public set onratechange(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onratechange', value);
+	}
+
+	public get onresize(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onresize');
+	}
+
+	public set onresize(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onresize', value);
+	}
+
+	public get onseeked(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onseeked');
+	}
+
+	public set onseeked(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onseeked', value);
+	}
+
+	public get onseeking(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onseeking');
+	}
+
+	public set onseeking(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onseeking', value);
+	}
+
+	public get onstalled(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onstalled');
+	}
+
+	public set onstalled(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onstalled', value);
+	}
+
+	public get onsuspend(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onsuspend');
+	}
+
+	public set onsuspend(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onsuspend', value);
+	}
+
+	public get ontimeupdate(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'ontimeupdate');
+	}
+
+	public set ontimeupdate(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('ontimeupdate', value);
+	}
+
+	public get onvolumechange(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onvolumechange');
+	}
+
+	public set onvolumechange(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onvolumechange', value);
+	}
+
+	public get onwaiting(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onwaiting');
+	}
+
+	public set onwaiting(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onwaiting', value);
+	}
+
+	/* eslint-enable jsdoc/require-jsdoc */
+
 	/**
 	 * Returns buffered.
 	 *

package/src/nodes/html-script-element/HTMLScriptElement.ts

@@ -1,7 +1,6 @@
 import HTMLElement from '../html-element/HTMLElement.js';
 import * as PropertySymbol from '../../PropertySymbol.js';
 import Event from '../../event/Event.js';
-import ErrorEvent from '../../event/events/ErrorEvent.js';
 import WindowBrowserContext from '../../window/WindowBrowserContext.js';
 import BrowserErrorCaptureEnum from '../../browser/enums/BrowserErrorCaptureEnum.js';
 import Attr from '../attr/Attr.js';
@@ -12,6 +11,7 @@ import ModuleFactory from '../../module/ModuleFactory.js';
 import DOMTokenList from '../../dom/DOMTokenList.js';
 import IModuleImportMap from '../../module/IModuleImportMap.js';
 import IRequestReferrerPolicy from '../../fetch/types/IRequestReferrerPolicy.js';
+import ElementEventAttributeUtility from '../element/ElementEventAttributeUtility.js';
 
 /**
  * HTML Script Element.
@@ -23,10 +23,6 @@ export default class HTMLScriptElement extends HTMLElement {
 	// Public properties
 	public declare cloneNode: (deep?: boolean) => HTMLScriptElement;
 
-	// Events
-	public onerror: (event: ErrorEvent) => void = null;
-	public onload: (event: Event) => void = null;
-
 	// Internal properties
 	public [PropertySymbol.evaluateScript] = true;
 	public [PropertySymbol.blocking]: DOMTokenList | null = null;
@@ -34,6 +30,28 @@ export default class HTMLScriptElement extends HTMLElement {
 	// Private properties
 	#loadedScriptURL: string | null = null;
 
+	// Events
+
+	/* eslint-disable jsdoc/require-jsdoc */
+
+	public get onerror(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onerror');
+	}
+
+	public set onerror(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onerror', value);
+	}
+
+	public get onload(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onload');
+	}
+
+	public set onload(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onload', value);
+	}
+
+	/* eslint-enable jsdoc/require-jsdoc */
+
 	/**
 	 * Returns type.
 	 *

package/src/nodes/html-select-element/HTMLSelectElement.ts

@@ -15,6 +15,7 @@ import ClassMethodBinder from '../../utilities/ClassMethodBinder.js';
 import Node from '../node/Node.js';
 import Element from '../element/Element.js';
 import EventTarget from '../../event/EventTarget.js';
+import ElementEventAttributeUtility from '../element/ElementEventAttributeUtility.js';
 
 /**
  * HTML Select Element.
@@ -31,10 +32,6 @@ export default class HTMLSelectElement extends HTMLElement {
 	public [PropertySymbol.selectedIndex]: number = -1;
 	public [PropertySymbol.proxy]: HTMLSelectElement;
 
-	// Events
-	public onchange: ((event: Event) => void) | null = null;
-	public oninput: ((event: Event) => void) | null = null;
-
 	/**
 	 * Constructor.
 	 */
@@ -202,6 +199,28 @@ export default class HTMLSelectElement extends HTMLElement {
 		return proxy;
 	}
 
+	// Events
+
+	/* eslint-disable jsdoc/require-jsdoc */
+
+	public get onchange(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onchange');
+	}
+
+	public set onchange(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onchange', value);
+	}
+
+	public get oninput(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'oninput');
+	}
+
+	public set oninput(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('oninput', value);
+	}
+
+	/* eslint-enable jsdoc/require-jsdoc */
+
 	/**
 	 * Returns length.
 	 *

package/src/nodes/html-slot-element/HTMLSlotElement.ts

@@ -7,6 +7,7 @@ import Node from '../node/Node.js';
 import Event from '../../event/Event.js';
 import Attr from '../attr/Attr.js';
 import NodeTypeEnum from '../node/NodeTypeEnum.js';
+import ElementEventAttributeUtility from '../element/ElementEventAttributeUtility.js';
 
 /**
  * HTML Slot Element.
@@ -22,7 +23,18 @@ export default class HTMLSlotElement extends HTMLElement {
 	public [PropertySymbol.assignedNodes]: Node[] = [];
 
 	// Events
-	public onslotchange: ((event: Event) => void) | null = null;
+
+	/* eslint-disable jsdoc/require-jsdoc */
+
+	public get onslotchange(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onslotchange');
+	}
+
+	public set onslotchange(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onslotchange', value);
+	}
+
+	/* eslint-enable jsdoc/require-jsdoc */
 
 	/**
 	 * Returns name.

package/src/nodes/html-text-area-element/HTMLTextAreaElement.ts

@@ -9,6 +9,7 @@ import ValidityState from '../../validity-state/ValidityState.js';
 import HTMLLabelElement from '../html-label-element/HTMLLabelElement.js';
 import HTMLLabelElementUtility from '../html-label-element/HTMLLabelElementUtility.js';
 import NodeList from '../node/NodeList.js';
+import ElementEventAttributeUtility from '../element/ElementEventAttributeUtility.js';
 
 /**
  * HTML Text Area Element.
@@ -21,10 +22,6 @@ export default class HTMLTextAreaElement extends HTMLElement {
 	public declare cloneNode: (deep?: boolean) => HTMLTextAreaElement;
 	public readonly type = 'textarea';
 
-	// Events
-	public oninput: ((event: Event) => void) | null = null;
-	public onselectionchange: ((event: Event) => void) | null = null;
-
 	// Internal properties
 	public [PropertySymbol.validationMessage] = '';
 	public [PropertySymbol.validity] = new ValidityState(this);
@@ -37,6 +34,28 @@ export default class HTMLTextAreaElement extends HTMLElement {
 	#selectionEnd = null;
 	#selectionDirection = HTMLInputElementSelectionDirectionEnum.none;
 
+	// Events
+
+	/* eslint-disable jsdoc/require-jsdoc */
+
+	public get oninput(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'oninput');
+	}
+
+	public set oninput(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('oninput', value);
+	}
+
+	public get onselectionchange(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onselectionchange');
+	}
+
+	public set onselectionchange(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onselectionchange', value);
+	}
+
+	/* eslint-enable jsdoc/require-jsdoc */
+
 	/**
 	 * Returns validation message.
 	 *

package/src/nodes/html-track-element/HTMLTrackElement.ts

@@ -2,6 +2,8 @@ import HTMLElement from '../html-element/HTMLElement.js';
 import TextTrack from '../html-media-element/TextTrack.js';
 import * as PropertySymbol from '../../PropertySymbol.js';
 import TextTrackKindEnum from '../html-media-element/TextTrackKindEnum.js';
+import ElementEventAttributeUtility from '../element/ElementEventAttributeUtility.js';
+import Event from '../../event/Event.js';
 
 /**
  * HTMLTrackElement
@@ -10,7 +12,18 @@ import TextTrackKindEnum from '../html-media-element/TextTrackKindEnum.js';
  */
 export default class HTMLTrackElement extends HTMLElement {
 	// Events
-	public oncuechange: (event: Event) => void = null;
+
+	/* eslint-disable jsdoc/require-jsdoc */
+
+	public get oncuechange(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'oncuechange');
+	}
+
+	public set oncuechange(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('oncuechange', value);
+	}
+
+	/* eslint-enable jsdoc/require-jsdoc */
 
 	/**
 	 * Returns kind.

package/src/nodes/shadow-root/ShadowRoot.ts

@@ -16,9 +16,6 @@ export default class ShadowRoot extends DocumentFragment {
 	// Public properties
 	public declare cloneNode: (deep?: boolean) => ShadowRoot;
 
-	// Events
-	public onslotchange: ((event: Event) => void) | null = null;
-
 	// Internal properties
 	public [PropertySymbol.adoptedStyleSheets]: CSSStyleSheet[] = [];
 	public [PropertySymbol.mode] = 'open';
@@ -27,6 +24,21 @@ export default class ShadowRoot extends DocumentFragment {
 	public [PropertySymbol.delegatesFocus]: boolean = false;
 	public [PropertySymbol.serializable]: boolean = false;
 	public [PropertySymbol.slotAssignment]: 'named' | 'manual' = 'named';
+	public [PropertySymbol.propertyEventListeners]: Map<string, (event: Event) => void> = new Map();
+
+	// Events
+
+	/* eslint-disable jsdoc/require-jsdoc */
+
+	public get onslotchange(): ((event: Event) => void) | null {
+		return this[PropertySymbol.propertyEventListeners].get('onslotchange') ?? null;
+	}
+
+	public set onslotchange(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onslotchange', value);
+	}
+
+	/* eslint-enable jsdoc/require-jsdoc */
 
 	/**
 	 * Returns mode.

package/src/nodes/svg-animation-element/SVGAnimationElement.ts

@@ -2,6 +2,7 @@ import SVGElement from '../svg-element/SVGElement.js';
 import SVGStringList from '../../svg/SVGStringList.js';
 import * as PropertySymbol from '../../PropertySymbol.js';
 import Event from '../../event/Event.js';
+import ElementEventAttributeUtility from '../element/ElementEventAttributeUtility.js';
 
 /**
  * SVG Animation Element.
@@ -14,9 +15,34 @@ export default class SVGAnimationElement extends SVGElement {
 	public [PropertySymbol.systemLanguage]: SVGStringList | null = null;
 
 	// Events
-	public onbegin: ((event: Event) => void) | null = null;
-	public onend: ((event: Event) => void) | null = null;
-	public onrepeat: ((event: Event) => void) | null = null;
+
+	/* eslint-disable jsdoc/require-jsdoc */
+
+	public get onbegin(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onbegin');
+	}
+
+	public set onbegin(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onbegin', value);
+	}
+
+	public get onend(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onend');
+	}
+
+	public set onend(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onend', value);
+	}
+
+	public get onrepeat(): ((event: Event) => void) | null {
+		return ElementEventAttributeUtility.getEventListener(this, 'onrepeat');
+	}
+
+	public set onrepeat(value: ((event: Event) => void) | null) {
+		this[PropertySymbol.propertyEventListeners].set('onrepeat', value);
+	}
+
+	/* eslint-enable jsdoc/require-jsdoc */
 
 	/**
 	 * Returns required extensions.